Spaces:
Sleeping
Sleeping
Commit ·
dc0fedf
1
Parent(s): 1ec4295
Styling
Browse files
app.py
CHANGED
|
@@ -41,13 +41,84 @@ def respond(
|
|
| 41 |
yield response
|
| 42 |
|
| 43 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 44 |
"""
|
| 45 |
For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
|
| 46 |
"""
|
| 47 |
demo = gr.ChatInterface(
|
| 48 |
respond,
|
| 49 |
-
|
| 50 |
-
description="Hello! I am your Data Management Expert, specialized in
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 51 |
additional_inputs=[
|
| 52 |
gr.Textbox(
|
| 53 |
value="""You are a specialized AI assistant with deep knowledge of Microsoft 365 services—including SharePoint Online, OneDrive, Teams, Exchange, and the Microsoft Purview (Compliance) ecosystem—as well as general records management and data governance best practices.
|
|
|
|
| 41 |
yield response
|
| 42 |
|
| 43 |
|
| 44 |
+
# Custom CSS for Wix-like styling
|
| 45 |
+
custom_css = """
|
| 46 |
+
.gradio-container {
|
| 47 |
+
font-family: 'Helvetica Neue', Arial, sans-serif;
|
| 48 |
+
max-width: 800px;
|
| 49 |
+
margin: 0 auto;
|
| 50 |
+
}
|
| 51 |
+
|
| 52 |
+
.contain {
|
| 53 |
+
background-color: #ffffff;
|
| 54 |
+
border-radius: 8px;
|
| 55 |
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
.message {
|
| 59 |
+
padding: 12px 16px;
|
| 60 |
+
border-radius: 8px;
|
| 61 |
+
margin: 8px 0;
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
.message.user {
|
| 65 |
+
background-color: #f0f2f5;
|
| 66 |
+
margin-left: 20%;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
.message.assistant {
|
| 70 |
+
background-color: #e3f2fd;
|
| 71 |
+
margin-right: 20%;
|
| 72 |
+
}
|
| 73 |
+
|
| 74 |
+
.submit-btn {
|
| 75 |
+
background-color: #0078d4 !important;
|
| 76 |
+
color: white !important;
|
| 77 |
+
border-radius: 4px !important;
|
| 78 |
+
padding: 8px 16px !important;
|
| 79 |
+
font-weight: 500 !important;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.submit-btn:hover {
|
| 83 |
+
background-color: #106ebe !important;
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
.slider-container {
|
| 87 |
+
background-color: #f8f9fa;
|
| 88 |
+
padding: 16px;
|
| 89 |
+
border-radius: 8px;
|
| 90 |
+
margin: 8px 0;
|
| 91 |
+
}
|
| 92 |
+
|
| 93 |
+
.textbox {
|
| 94 |
+
border: 1px solid #e0e0e0;
|
| 95 |
+
border-radius: 4px;
|
| 96 |
+
padding: 8px;
|
| 97 |
+
}
|
| 98 |
+
|
| 99 |
+
.textbox:focus {
|
| 100 |
+
border-color: #0078d4;
|
| 101 |
+
outline: none;
|
| 102 |
+
box-shadow: 0 0 0 2px rgba(0,120,212,0.1);
|
| 103 |
+
}
|
| 104 |
+
"""
|
| 105 |
+
|
| 106 |
"""
|
| 107 |
For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
|
| 108 |
"""
|
| 109 |
demo = gr.ChatInterface(
|
| 110 |
respond,
|
| 111 |
+
title="AI Data Management Expert",
|
| 112 |
+
description="Hello! I am your Data Management Expert, specialized in Microsoft 365. I'm here to help you with guidance on Data Management procedures. How can I assist you today?",
|
| 113 |
+
theme=gr.themes.Base(
|
| 114 |
+
primary_hue="blue",
|
| 115 |
+
secondary_hue="blue",
|
| 116 |
+
neutral_hue="slate",
|
| 117 |
+
spacing_size="sm",
|
| 118 |
+
radius_size="md",
|
| 119 |
+
font=["Helvetica Neue", "Arial", "sans-serif"],
|
| 120 |
+
),
|
| 121 |
+
css=custom_css,
|
| 122 |
additional_inputs=[
|
| 123 |
gr.Textbox(
|
| 124 |
value="""You are a specialized AI assistant with deep knowledge of Microsoft 365 services—including SharePoint Online, OneDrive, Teams, Exchange, and the Microsoft Purview (Compliance) ecosystem—as well as general records management and data governance best practices.
|