adebimpe1 commited on
Commit
1dc5913
·
verified ·
1 Parent(s): 010a2a3

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +184 -30
app.py CHANGED
@@ -95,27 +95,61 @@ class ArtemisiaTheme(Base):
95
  self.text_color = "#ffffff"
96
  self.error_text_color = "#ff5252"
97
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
98
  # Custom CSS for exact layout and styling
99
  custom_css = """
100
  body {
101
  margin: 0;
102
  padding: 0;
103
  width: 100%;
104
- background-color: #4f008c;
105
- color: #fff;
106
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
 
 
 
107
  }
108
  .gradio-container {
109
- background-color: #4f008c !important;
110
  }
111
 
112
- header {
113
- background-color: #4a0082;
114
  padding: 10px 20px;
115
  display: flex;
116
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
117
  flex-wrap: nowrap;
118
- align-items: center;
119
  gap: 24px;
120
  }
121
 
@@ -126,34 +160,75 @@ header {
126
  width: fit-content !important;
127
  flex: 0 0 auto !important;
128
  min-width: 0 !important;
 
129
  }
130
 
131
  .nav-divider {
132
  width: 1px;
133
- height: 24px;
134
- background-color: rgba(255, 255, 255, 0.2);
135
  margin: 0 10px;
 
136
  }
137
 
138
  .dashboard-title {
139
- font-size: 0.875rem;
140
- font-weight: 400;
141
  margin: 0;
142
  white-space: nowrap;
143
  flex: 1 1 0%;
144
  min-width: 0;
145
  overflow: hidden;
146
  text-overflow: ellipsis;
 
 
 
 
 
 
 
 
 
 
 
 
 
147
  }
148
 
149
  .stc-logo svg {
150
- width: 66px;
151
- height: 32px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
152
  }
153
 
154
- /* Explicitly ensure STC logo is white */
155
  .stc-logo svg path {
156
- fill: #ffffff !important;
 
 
 
 
157
  }
158
 
159
  .about-section {
@@ -177,7 +252,7 @@ header {
177
  .main-content {
178
  display: flex;
179
  padding: 0;
180
- background-color: #4f008c;
181
  gap: 8px;
182
  justify-content: space-between;
183
  }
@@ -208,15 +283,18 @@ header {
208
  .section-header h2 {
209
  margin: 0;
210
  padding: 0;
211
- font-size: 0.875rem;
212
  font-weight: 600;
 
213
  }
214
 
215
  .section-header p {
216
  margin: 0;
217
  padding: 4px 0 0 0;
218
  color: #ccc;
219
- font-size: 0.75rem;
 
 
220
  }
221
 
222
  .chat-content {
@@ -256,7 +334,8 @@ header {
256
 
257
  .placeholder-text {
258
  color: #aaa;
259
- font-size: 0.75rem;
 
260
  max-width: 400px;
261
  line-height: 1.6;
262
  }
@@ -279,7 +358,7 @@ header {
279
  }
280
 
281
  #component-0 > .gr-form > div:not(.about-section):not(.header) {
282
- background-color: #4f008c;
283
  }
284
 
285
  /* Chat messages container adjustments */
@@ -312,6 +391,8 @@ div[id^="component"][class*="column section-header"] {
312
  overflow-y: auto !important;
313
  visibility: visible !important;
314
  opacity: 1 !important;
 
 
315
  }
316
 
317
  /* Also target the container of the chatbot */
@@ -319,6 +400,8 @@ div[id^="component"][class*="column section-header"] {
319
  display: block !important;
320
  visibility: visible !important;
321
  opacity: 1 !important;
 
 
322
  }
323
 
324
  /* Target the messages themselves */
@@ -326,17 +409,33 @@ div[id^="component"][class*="column section-header"] {
326
  display: block !important;
327
  visibility: visible !important;
328
  opacity: 1 !important;
 
329
  }
330
 
331
  /* Ensure chat bubbles have proper max-width */
332
  .bubble-wrap {
333
- background: #0A0013;
 
334
  margin: 0 !important;
335
  padding: 0 !important;
336
  min-width: 100%;
337
  border: none !important;
338
  }
339
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
340
  /* Target the chat bubble containers */
341
  .gradio-chatbot .messages-wrapper > div > div {
342
  max-width: 70% !important; /* Allow bubbles to be a bit wider */
@@ -401,7 +500,9 @@ div[id^="component"][class*="column section-header"] {
401
  border: none;
402
  border-radius: 8px 0 0 8px;
403
  color: #fff;
404
- font-size: 0.875rem;
 
 
405
  width: 100%;
406
  margin: 0 !important;
407
  }
@@ -476,11 +577,64 @@ span[data-testid="block-info"] {
476
  max-width: 70% !important;
477
  width: fit-content !important;
478
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
479
  """
480
 
481
  # SVG icons
482
- stc_logo_svg = """<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="66" height="32" viewBox="0 0 66 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.625 6.80851L31.6213 0.00567279L24.7511 0L24.75 6.79666L31.625 6.80851ZM5.88232 23.0513L0 24.2653C0.424529 29.3706 6.18066 32.1214 11.3441 31.9959C14.2329 31.9257 16.8607 30.9901 18.5472 29.6392C22.4356 26.5245 22.4103 20.0758 17.2744 17.3711C15.3452 16.3551 13.2453 15.9901 11.4475 15.6777C9.10574 15.2707 7.27666 14.9528 7.00534 13.4013C6.4686 10.332 12.5096 9.46738 14.5772 12.2286C14.8637 12.6112 14.954 12.903 15.0505 13.2152L15.0505 13.2152C15.114 13.4203 15.1801 13.6342 15.3064 13.8884L20.889 12.6335C20.9094 12.6247 20.9455 12.6077 20.9725 12.5925C20.6349 7.68784 14.5151 5.00625 9.32399 5.5062C-0.27525 6.43076 -2.55039 16.9042 5.58028 20.2095C6.79516 20.7033 8.15129 20.9902 9.48385 21.2722C10.7248 21.5347 11.9453 21.793 13.0123 22.21C15.9184 23.3457 15.0929 26.4741 11.6771 26.7789C8.56398 27.0567 6.23313 25.7203 5.88232 23.0513ZM66 23.5042L59.9776 21.5819C59.8074 21.8761 59.6967 22.1399 59.5911 22.3913C59.4397 22.7522 59.2989 23.0876 59.0079 23.451C58.5671 24.0016 58.1301 24.4609 57.4746 24.8733C56.2011 25.6745 54.3913 26.0052 52.5943 25.6296C49.5135 24.9858 47.5738 22.504 47.4893 18.9828C47.4011 15.3106 49.2053 12.6962 52.1919 11.9434C56.004 10.9825 58.8882 12.9476 59.6362 15.8925L65.8508 13.9081C65.2461 10.9173 62.8376 8.44026 60.8112 7.24677C52.9767 2.63234 40.5366 7.03787 40.5625 18.7666C40.5881 30.3289 53.233 34.8158 60.8587 30.2249C62.1039 29.4752 63.2247 28.4579 64.0145 27.4692C64.723 26.5823 65.7798 24.9372 66 23.5042ZM24.8097 12.9397L31.6484 12.9362C31.6463 13.2625 31.6421 13.7315 31.6371 14.2928L31.637 14.3022L31.637 14.3033L31.637 14.3036L31.637 14.304C31.6122 17.0787 31.5674 22.0894 31.6626 23.2768C31.7957 24.9371 32.571 25.7899 34.2386 26.0043C35.9984 26.2305 36.9321 25.8072 38.115 25.2708L38.1151 25.2708C38.2402 25.2141 38.3681 25.1561 38.5 25.0975L38.4566 30.5261C35.605 32.6136 28.5618 32.8937 25.8963 28.6417C24.7526 26.8176 24.7717 24.551 24.7916 22.1906L24.7916 22.19C24.7942 21.8817 24.7968 21.5719 24.7968 21.2612C24.7969 20.3989 24.7853 19.5126 24.7737 18.6184V18.6183V18.6183V18.6182V18.6182C24.7489 16.7095 24.7236 14.7647 24.8097 12.9397ZM38.5 12.9362L31.625 12.935L31.6257 6.12766L38.4997 6.13078L38.5 12.9362Z" fill="#ffffff"></path></svg>"""
483
- artemsia_logo_svg = """ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/></defs><g fill="#000000" fill-opacity="1"><g transform="translate(52.720972, 116.834422)"><g><path d="M 22.9375 1.421875 C 18.78125 1.421875 15.332031 0.289062 12.59375 -1.96875 C 9.863281 -4.238281 7.859375 -7.332031 6.578125 -11.25 C 5.304688 -15.164062 4.671875 -19.578125 4.671875 -24.484375 C 4.671875 -28.921875 5.257812 -33.566406 6.4375 -38.421875 C 7.613281 -43.285156 9.378906 -48.003906 11.734375 -52.578125 C 14.097656 -57.160156 16.976562 -61.316406 20.375 -65.046875 C 23.78125 -68.773438 27.695312 -71.75 32.125 -73.96875 C 36.5625 -76.1875 41.472656 -77.296875 C 50.722656 -77.296875 53.785156 -76.75 56.046875 -75.65625 C 58.316406 -74.570312 60.347656 -73.179688 62.140625 -71.484375 L 69.65625 -75.734375 L 74.171875 -75.734375 L 64.546875 -30.4375 C 64.359375 -29.394531 64.078125 -27.882812 63.703125 -25.90625 C 63.328125 -23.925781 63.019531 -21.894531 62.78125 -19.8125 C 62.539062 -17.738281 62.421875 -16.039062 62.421875 -14.71875 C 62.421875 -7.164062 64.359375 -3.390625 68.234375 -3.390625 C 69.742188 -3.390625 71.394531 -3.816406 73.1875 -4.671875 C 74.976562 -5.523438 76.910156 -6.703125 78.984375 -8.203125 L 79.84375 -7.078125 C 78.519531 -5.847656 76.722656 -4.570312 74.453125 -3.25 C 72.191406 -1.9375 69.785156 -0.832031 67.234375 0.0625 C 64.691406 0.96875 62.238281 1.421875 59.875 1.421875 C 56.476562 1.421875 53.789062 0.382812 51.8125 -1.6875 C 49.832031 -3.769531 48.84375 -6.648438 48.84375 -10.328125 C 48.84375 -12.222656 48.9375 -13.945312 49.125 -15.5 C 49.3125 -17.0625 49.59375 -19.019531 49.96875 -21.375 L 49.828125 -21.375 C 46.523438 -14.101562 42.628906 -8.484375 38.140625 -4.515625 C 33.660156 -0.554688 28.59375 1.421875 22.9375 1.421875 Z M 29.015625 -2.40625 C 31.566406 -2.40625 34.019531 -3.347656 36.375 -5.234375 C 38.738281 -7.117188 40.929688 -9.5 42.953125 -12.375 C 44.984375 -15.257812 46.679688 -18.234375 48.046875 -21.296875 C 49.421875 -24.367188 50.347656 -27.035156 50.828125 -29.296875 L 59.3125 -70.640625 C 58.269531 -72.335938 56.757812 -73.609375 54.78125 -74.453125 C 52.800781 -75.304688 50.726562 -75.734375 48.5625 -75.734375 C 44.6875 -75.734375 41.210938 -74.550781 38.140625 -72.1875 C 35.078125 -69.832031 32.34375 -66.742188 29.9375 -62.921875 C 27.53125 -59.097656 25.523438 -54.875 23.921875 -50.25 C 22.316406 -45.625 21.113281 -41.023438 20.3125 -36.453125 C 19.507812 -31.878906 19.109375 -27.703125 19.109375 -23.921875 C 19.109375 -16.179688 20.050781 -10.660156 21.9375 -7.359375 C 23.820312 -4.054688 26.179688 -2.40625 29.015625 -2.40625 Z M 29.015625 -2.40625 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(134.827233, 116.834422)"><g><path d="M 7.921875 0 L 20.8125 -61.4375 C 21.09375 -62.757812 21.300781 -64.03125 21.4375 -65.25 C 21.582031 -66.476562 21.65625 -67.332031 21.65625 -67.8125 C 21.65625 -70.644531 20.453125 -72.460938 18.046875 -73.265625 C 15.640625 -74.066406 13.066406 -74.46875 10.328125 -74.46875 L 9.203125 -74.46875 L 9.484375 -75.875 L 35.390625 -75.875 L 32.140625 -55.5 L 32.421875 -55.5 C 34.210938 -59.363281 36.191406 -62.945312 38.359375 -66.25 C 40.535156 -69.550781 43.082031 -72.21875 46 -74.25 C 48.925781 -76.28125 52.609375 -77.296875 57.046875 -77.296875 C 61.015625 -77.296875 63.941406 -76.375 65.828125 -74.53125 C 67.710938 -72.6875 68.65625 -70.351562 68.65625 -67.53125 C 68.65625 -64.226562 67.6875 -61.609375 65.75 -59.671875 C 63.820312 -57.734375 60.78125 -56.765625 56.625 -56.765625 C 56.71875 -57.523438 56.765625 -58.253906 56.765625 -58.953125 C 56.765625 -59.660156 56.765625 -60.347656 56.765625 -61.015625 C 56.765625 -64.503906 56.269531 -67.285156 55.28125 -69.359375 C 54.289062 -71.441406 52.425781 -72.484375 49.6875 -72.484375 C 47.707031 -72.484375 45.722656 -71.609375 43.734375 -69.859375 C 41.753906 -68.109375 39.890625 -65.910156 38.140625 -63.265625 C 36.398438 -60.628906 34.941406 -57.921875 33.765625 -55.140625 C 32.585938 -52.359375 31.757812 -49.925781 31.28125 -47.84375 L 21.09375 0 Z M 7.921875 0 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(202.494117, 116.834422)"><g><path d="M 25.90625 1.421875 C 15.613281 1.421875 10.46875 -4.097656 10.46875 -15.140625 C 10.46875 -16.835938 10.609375 -18.796875 10.890625 -21.015625 C 11.179688 -23.234375 11.515625 -25.238281 11.890625 -27.03125 L 21.9375 -74.46875 L 11.1875 -74.46875 L 11.46875 -75.875 C 16.65625 -75.875 20.851562 -76.441406 24.0625 -77.578125 C 27.269531 -78.710938 29.910156 -80.550781 31.984375 -83.09375 C 34.066406 -85.644531 36.003906 -89.046875 37.796875 -93.296875 L 39.21875 -93.296875 L 35.53125 -75.875 L 52.65625 -75.875 L 52.375 -74.46875 L 35.25 -74.46875 L 25.203125 -27.46875 C 24.722656 -25.101562 24.316406 -22.859375 23.984375 -20.734375 C 23.660156 -18.609375 23.5 -16.789062 23.5 -15.28125 C 23.5 -11.039062 24.347656 -8 26.046875 -6.15625 C 27.742188 -4.3125 30.148438 -3.390625 33.265625 -3.390625 C 35.054688 -3.390625 36.96875 -3.695312 39 -4.3125 C 41.03125 -4.925781 42.800781 -5.707031 44.3125 -6.65625 L 45.015625 -5.375 C 42.179688 -3.394531 39.160156 -1.765625 35.953125 -0.484375 C 32.742188 0.785156 29.394531 1.421875 25.90625 1.421875 Z M 25.90625 1.421875 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(254.447567, 116.834422)"><g><path d="M 32.984375 1.421875 C 27.984375 1.421875 23.378906 0.335938 19.171875 -1.828125 C 14.972656 -4.003906 11.625 -7.238281 9.125 -11.53125 C 6.625 -15.832031 5.375 -21.285156 5.375 -27.890625 C 5.375 -33.078125 6.269531 -38.546875 8.0625 -44.296875 C 9.863281 -50.054688 12.554688 -55.4375 16.140625 -60.4375 C 19.722656 -65.445312 24.132812 -69.507812 29.375 -72.625 C 34.613281 -75.738281 40.675781 -77.296875 47.5625 -77.296875 C 53.507812 -77.296875 58.132812 -75.851562 61.4375 -72.96875 C 64.738281 -70.09375 66.390625 -66.109375 66.390625 -61.015625 C 66.390625 -56.484375 64.617188 -52.257812 61.078125 -48.34375 C 57.546875 -44.425781 52.710938 -41.238281 46.578125 -38.78125 C 40.441406 -36.332031 33.503906 -35.109375 25.765625 -35.109375 L 20.8125 -35.109375 C 20.34375 -32.273438 20.109375 -29.488281 20.109375 -26.75 C 20.109375 -18.257812 21.3125 -11.675781 23.71875 -7 C 26.125 -2.332031 29.640625 0 34.265625 0 C 39.640625 0 43.929688 -1.648438 47.140625 -4.953125 C 50.347656 -8.253906 52.800781 -12.5 54.5 -17.6875 C 56.476562 -17.125 57.46875 -15.710938 57.46875 -13.453125 C 57.46875 -11.660156 56.59375 -9.582031 54.84375 -7.21875 C 53.101562 -4.863281 50.441406 -2.832031 46.859375 -1.125 C 43.273438 0.570312 38.648438 1.421875 32.984375 1.421875 Z M 21.09375 -36.515625 L 24.921875 -36.515625 C 33.222656 -36.515625 39.78125 -38.828125 44.59375 -43.453125 C 49.40625 -48.078125 51.8125 -54.257812 51.8125 -62 C 51.8125 -71.15625 49.265625 -75.734375 44.171875 -75.734375 C 41.335938 -75.734375 38.691406 -74.578125 36.234375 -72.265625 C 33.785156 -69.953125 31.566406 -66.859375 29.578125 -62.984375 C 27.597656 -59.117188 25.898438 -54.875 24.484375 -50.25 C 23.066406 -45.625 21.9375 -41.046875 21.09375 -36.515625 Z M 21.09375 -36.515625 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(69.713159, 230.834414)"><g><path d="M 107.453125 1.421875 C 103.296875 1.421875 100.109375 0.0976562 97.890625 -2.546875 C 95.671875 -5.191406 94.5625 -8.585938 94.5625 -12.734375 C 94.5625 -17.078125 95.457031 -23.445312 97.25 -31.84375 L 99.65625 -42.890625 C 100.03125 -44.773438 100.617188 -47.488281 101.421875 -51.03125 C 102.222656 -54.570312 102.625 -57.851562 102.625 -60.875 C 102.625 -62.382812 102.503906 -64.035156 102.265625 -65.828125 C 102.035156 -67.617188 101.304688 -69.175781 100.078125 -70.5 C 98.859375 -71.820312 96.832031 -72.484375 94 -72.484375 C 91.539062 -72.484375 89.203125 -71.726562 86.984375 -70.21875 C 84.765625 -68.707031 82.734375 -66.890625 80.890625 -64.765625 C 79.054688 -62.640625 77.5 -60.5625 76.21875 -58.53125 C 74.945312 -56.507812 74.03125 -54.976562 73.46875 -53.9375 L 67.953125 -29.15625 C 67.671875 -27.84375 67.289062 -25.816406 66.8125 -23.078125 C 66.34375 -20.335938 65.894531 -17.382812 65.46875 -14.21875 C 65.039062 -11.0625 64.660156 -8.160156 64.328125 -5.515625 C 64.003906 -2.878906 63.84375 -1.039062 63.84375 0 L 50.390625 0 C 50.390625 -1.132812 50.554688 -3 50.890625 -5.59375 C 51.222656 -8.1875 51.625 -11.109375 52.09375 -14.359375 C 52.5625 -17.617188 53.078125 -20.804688 53.640625 -23.921875 C 54.210938 -27.035156 54.734375 -29.675781 55.203125 -31.84375 L 57.609375 -42.890625 C 58.085938 -44.773438 58.703125 -47.488281 59.453125 -51.03125 C 60.210938 -54.570312 60.59375 -57.851562 60.59375 -60.875 C 60.59375 -62.757812 60.351562 -64.597656 59.875 -66.390625 C 59.40625 -68.179688 58.53125 -69.644531 57.25 -70.78125 C 55.976562 -71.914062 54.070312 -72.484375 51.53125 -72.484375 C 48.976562 -72.484375 46.519531 -71.609375 44.15625 -69.859375 C 41.800781 -68.109375 39.632812 -66.003906 37.65625 -63.546875 C 35.675781 -61.097656 34.070312 -58.738281 32.84375 -56.46875 C 31.613281 -54.207031 30.90625 -52.5625 30.71875 -51.53125 L 19.671875 0 L 6.515625 0 L 19.390625 -61.4375 C 19.671875 -62.757812 19.882812 -64.03125 20.03125 -65.25 C 20.175781 -66.476562 20.25 -67.332031 20.25 -67.8125 C 20.25 -70.644531 19.28125 -72.460938 17.34375 -73.265625 C 15.40625 -74.066406 13.066406 -74.46875 10.328125 -74.46875 L 9.203125 -74.46875 L 9.484375 -75.875 L 35.671875 -75.875 L 31.84375 -58.046875 L 32.140625 -58.046875 C 36.097656 -64.273438 40.175781 -69.015625 44.375 -72.265625 C 48.570312 -75.523438 53.457031 -77.15625 59.03125 -77.15625 C 64.601562 -77.15625 68.519531 -75.570312 70.78125 -72.40625 C 73.039062 -69.25 74.171875 -65.59375 74.171875 -61.4375 C 74.171875 -60.875 74.144531 -60.304688 74.09375 -59.734375 C 74.050781 -59.171875 73.984375 -58.609375 73.890625 -58.046875 L 74.171875 -58.046875 C 78.140625 -64.273438 82.242188 -69.015625 86.484375 -72.265625 C 90.734375 -75.523438 95.597656 -77.15625 101.078125 -77.15625 C 106.640625 -77.15625 110.550781 -75.570312 112.8125 -72.40625 C 115.082031 -69.25 116.21875 -65.59375 116.21875 -61.4375 C 116.21875 -59.082031 115.910156 -56.507812 115.296875 -53.71875 C 114.679688 -50.9375 114.140625 -48.316406 113.671875 -45.859375 L 110 -29.15625 C 109.425781 -26.519531 108.972656 -23.925781 108.640625 -21.375 C 108.316406 -18.820312 108.15625 -16.460938 108.15625 -14.296875 C 108.15625 -10.992188 108.695312 -8.445312 109.78125 -6.65625 C 110.863281 -4.863281 112.539062 -3.96875 114.8125 -3.96875 C 117.738281 -3.96875 120.804688 -5.238281 124.015625 -7.78125 L 124.71875 -6.65625 C 122.445312 -4.769531 119.921875 -2.953125 117.140625 -1.203125 C 114.359375 0.546875 111.128906 1.421875 107.453125 1.421875 Z M 107.453125 1.421875 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(196.836298, 230.834414)"><g><path d="M 31.140625 -90.03125 C 29.253906 -90.03125 27.695312 -90.570312 26.46875 -91.65625 C 25.238281 -92.75 24.625 -94.566406 24.625 -97.109375 C 24.625 -100.222656 25.285156 -102.535156 26.609375 -104.046875 C 27.929688 -105.554688 29.628906 -106.3125 31.703125 -106.3125 C 33.597656 -106.3125 35.15625 -105.816406 36.375 -104.828125 C 37.601562 -103.835938 38.21875 -101.972656 38.21875 -99.234375 C 38.21875 -95.648438 37.460938 -93.21875 35.953125 -91.9375 C 34.441406 -90.664062 32.835938 -90.03125 31.140625 -90.03125 Z M 21.375 1.421875 C 17.601562 1.421875 14.703125 0.0507812 12.671875 -2.6875 C 10.640625 -5.425781 9.625 -8.921875 9.625 -13.171875 C 9.625 -15.148438 9.8125 -17.4375 10.1875 -20.03125 C 10.570312 -22.625 11 -25.171875 11.46875 -27.671875 C 11.9375 -30.171875 12.359375 -32.367188 12.734375 -34.265625 L 19.25 -64.828125 C 19.53125 -66.242188 19.671875 -67.472656 19.671875 -68.515625 C 19.671875 -71.066406 18.890625 -72.695312 17.328125 -73.40625 C 15.773438 -74.113281 13.679688 -74.46875 11.046875 -74.46875 L 9.203125 -74.46875 L 9.484375 -75.875 L 34.828125 -75.875 L 25.203125 -30.4375 C 25.015625 -29.394531 24.726562 -27.882812 24.34375 -25.90625 C 23.96875 -23.925781 23.660156 -21.894531 23.421875 -19.8125 C 23.191406 -17.738281 23.078125 -16.039062 23.078125 -14.71875 C 23.078125 -7.832031 25.101562 -4.390625 29.15625 -4.390625 C 31.238281 -4.390625 33.082031 -4.742188 34.6875 -5.453125 C 36.289062 -6.160156 37.941406 -7.078125 39.640625 -8.203125 L 40.484375 -7.078125 C 38.410156 -5.191406 35.578125 -3.300781 31.984375 -1.40625 C 28.398438 0.476562 24.863281 1.421875 21.375 1.421875 Z M 21.375 1.421875 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(239.588171, 230.834414)"><g><path d="M 26.890625 1.421875 C 19.816406 1.421875 14.15625 0.00390625 10.90625 -2.828125 C 6.757812 -5.660156 4.625 -9.578125 4.625 -14.578125 C 4.625 -17.128906 5.210938 -19.0625 6.390625 -20.375 C 7.578125 -21.695312 8.925781 -22.617188 10.4375 -23.140625 C 11.945312 -23.660156 13.269531 -23.921875 14.40625 -23.921875 C 14.3125 -23.171875 14.238281 -22.394531 14.1875 -21.59375 C 14.144531 -20.789062 14.125 -20.054688 14.125 -19.390625 C 14.125 -14.015625 15.253906 -9.4375 17.515625 -5.65625 C 19.773438 -1.882812 23.457031 0 28.5625 0 C 33.5625 0 37.546875 -1.460938 40.515625 -4.390625 C 43.492188 -7.316406 44.984375 -11.328125 44.984375 -16.421875 C 44.984375 -20.765625 43.894531 -24.207031 41.71875 -26.75 C 39.550781 -29.300781 35.875 -31.753906 30.6875 -34.109375 C 25.488281 -36.566406 21.332031 -39.421875 18.21875 -42.671875 C 15.101562 -45.929688 13.546875 -50.394531 13.546875 -56.0625 C 13.546875 -62.101562 16 -67.128906 20.90625 -71.140625 C 25.8125 -75.148438 32.46875 -77.15625 40.875 -77.15625 C 46.0625 -77.15625 50.257812 -75.570312 53.46875 -71.882812 C 57.757812 -68.195312 59.90625 -61.875 59.90625 -52.890625 L 59.90625 -10.5625 C 59.90625 -7.164062 60.566406 -4.804688 61.890625 -3.484375 C 63.210938 -2.171875 65.476562 -1.515625 68.6875 -1.515625 L 69.109375 -1.515625 L 69.109375 0 L 47.734375 0 L 47.734375 -14.859375 L 47.453125 -14.859375 C 45.941406 -9.203125 43.273438 -5.070312 39.453125 -2.46875 C 35.628906 0.125 31.125 1.421875 26.890625 1.421875 Z M 29.71875 -0.5625 C 33.207031 -0.5625 36.296875 -1.457031 38.984375 -3.25 C 41.679688 -5.050781 43.785156 -7.457031 45.296875 -10.46875 C 46.804688 -13.488281 47.5625 -16.75 47.5625 -20.25 L 47.5625 -40.625 L 38.5 -40.203125 C 30.476562 -39.828125 24.929688 -37.988281 21.859375 -34.6875 C 18.796875 -31.382812 17.265625 -25.816406 17.265625 -17.984375 C 17.265625 -6.367188 21.414062 -0.5625 29.71875 -0.5625 Z M 29.71875 -0.5625 "/></g></g></g></svg> """
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
484
  # Paper plane SVG icon for send button
485
  paper_plane_svg = """<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
486
  <path d="M22 2L11 13"/>
@@ -552,8 +706,8 @@ with gr.Blocks(theme=ArtemisiaTheme(), css=custom_css) as demo:
552
  with gr.Row(elem_classes="header"):
553
  with gr.Row(elem_classes="logo-container"):
554
  gr.HTML(stc_logo_svg, elem_classes="stc-logo")
555
- gr.HTML('<div class="nav-divider"></div>', elem_classes="divider")
556
- gr.HTML(artemsia_logo_svg, elem_classes="stc-logo")
557
  gr.Markdown("# Risk Insights Dashboard", elem_classes="dashboard-title")
558
 
559
 
@@ -571,8 +725,7 @@ with gr.Blocks(theme=ArtemisiaTheme(), css=custom_css) as demo:
571
  ],
572
  type='messages',
573
  elem_classes="chat-messages",
574
- layout="bubble",
575
- bubble_full_width=False)
576
  with gr.Row(elem_classes="chat-input-container"):
577
  chat_input = gr.Textbox(placeholder="Ask about stc Group's risk data", elem_classes="chat-input", label="", scale=1)
578
  send_button = gr.Button(value="→", elem_classes="send-button", scale=0)
@@ -582,8 +735,9 @@ with gr.Blocks(theme=ArtemisiaTheme(), css=custom_css) as demo:
582
  with gr.Column(elem_classes="section-header"):
583
  gr.Markdown("## Results & Insights")
584
  gr.Markdown("Visualizations and data from your queries")
585
- with gr.Column(elem_classes="results-content"):
586
  results_placeholder = gr.Markdown("Ask a question in the chat to analyze risk data and see insights here", elem_classes="placeholder-text", render=True)
 
587
  # Wire up the chat functionality
588
  #send_button.click(
589
  # fn=send_message,
 
95
  self.text_color = "#ffffff"
96
  self.error_text_color = "#ff5252"
97
 
98
+ # Custom theme colors based on brand standards
99
+ class ArtemisiaTheme(Base):
100
+ def __init__(self, **kwargs):
101
+
102
+
103
+ # Configure Gradio's theme system with our colors
104
+ super().__init__(
105
+ font=["Helvetica Neue", "Helvetica", "Arial", "system-ui", "-apple-system", "BlinkMacSystemFont", "sans-serif"],
106
+ primary_hue=colors.indigo,
107
+ neutral_hue=colors.gray,
108
+ **kwargs
109
+ )
110
+
111
+ # Background settings
112
+ self.body_background_fill = "#4f008c"
113
+ self.background_fill_primary = self.neutral_800
114
+ self.block_background_fill = "transparent"
115
+ self.block_label_background_fill = self.neutral_700
116
+
117
+ # Components
118
+ self.button_primary_background_fill = self.primary_900
119
+ self.button_primary_background_fill_hover = self.primary_700
120
+
121
+ # Input fields
122
+ self.input_background_fill = "#000000"
123
+ self.input_border_color = "transparent"
124
+
125
+ # Text colors
126
+ self.text_color = "#ffffff"
127
+ self.error_text_color = "#ff5252"
128
+
129
  # Custom CSS for exact layout and styling
130
  custom_css = """
131
  body {
132
  margin: 0;
133
  padding: 0;
134
  width: 100%;
135
+ background-color: #ffffff;
136
+ color: #000;
137
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
138
+ font-weight: 400;
139
+ line-height: 1.5;
140
+ -webkit-font-smoothing: antialiased;
141
+ -moz-osx-font-smoothing: grayscale;
142
  }
143
  .gradio-container {
144
+ background-color: #ffffff !important;
145
  }
146
 
147
+ .header {
148
+ background-color: #ffffff;
149
  padding: 10px 20px;
150
  display: flex;
 
151
  flex-wrap: nowrap;
152
+ align-items: flex-end;
153
  gap: 24px;
154
  }
155
 
 
160
  width: fit-content !important;
161
  flex: 0 0 auto !important;
162
  min-width: 0 !important;
163
+ align-items: flex-end;
164
  }
165
 
166
  .nav-divider {
167
  width: 1px;
168
+ height: 1rem;
169
+ background-color: #4f008c;
170
  margin: 0 10px;
171
+ align-self: flex-end;
172
  }
173
 
174
  .dashboard-title {
175
+ font-size: 1rem;
176
+ font-weight: 500;
177
  margin: 0;
178
  white-space: nowrap;
179
  flex: 1 1 0%;
180
  min-width: 0;
181
  overflow: hidden;
182
  text-overflow: ellipsis;
183
+ letter-spacing: -0.02em;
184
+ color: #4f008c !important;
185
+ }
186
+
187
+ .header h1 {
188
+ color: #4f008c !important;
189
+ }
190
+
191
+ .stc-logo {
192
+ display: flex;
193
+ align-items: flex-end;
194
+ padding: 0;
195
+ margin: 0;
196
  }
197
 
198
  .stc-logo svg {
199
+ height: 1rem;
200
+ width: auto;
201
+ display: block;
202
+ overflow: hidden;
203
+ scrollbar-width: none;
204
+ overflow-x: hidden;
205
+ fill: #4f008c !important;
206
+ }
207
+
208
+ .artemsia-logo {
209
+ display: flex;
210
+ align-items: flex-end;
211
+ padding: 0;
212
+ margin: 0;
213
+ }
214
+
215
+ .artemsia-logo svg {
216
+ height: 1rem;
217
+ width: auto;
218
+ display: block;
219
+ overflow: hidden;
220
+ scrollbar-width: none;
221
+ overflow-x: hidden;
222
+ fill: #4f008c !important;
223
  }
224
 
225
+ /* Make logos purple on white header */
226
  .stc-logo svg path {
227
+ fill: #4f008c !important;
228
+ }
229
+
230
+ .artemsia-logo svg path {
231
+ fill: #4f008c !important;
232
  }
233
 
234
  .about-section {
 
252
  .main-content {
253
  display: flex;
254
  padding: 0;
255
+ background-color: #ffffff;
256
  gap: 8px;
257
  justify-content: space-between;
258
  }
 
283
  .section-header h2 {
284
  margin: 0;
285
  padding: 0;
286
+ font-size: 1rem;
287
  font-weight: 600;
288
+ letter-spacing: -0.02em;
289
  }
290
 
291
  .section-header p {
292
  margin: 0;
293
  padding: 4px 0 0 0;
294
  color: #ccc;
295
+ font-size: 0.875rem;
296
+ font-weight: 400;
297
+ line-height: 1.4;
298
  }
299
 
300
  .chat-content {
 
334
 
335
  .placeholder-text {
336
  color: #aaa;
337
+ font-size: 0.875rem;
338
+ font-weight: 400;
339
  max-width: 400px;
340
  line-height: 1.6;
341
  }
 
358
  }
359
 
360
  #component-0 > .gr-form > div:not(.about-section):not(.header) {
361
+ background-color: #ffffff;
362
  }
363
 
364
  /* Chat messages container adjustments */
 
391
  overflow-y: auto !important;
392
  visibility: visible !important;
393
  opacity: 1 !important;
394
+ background-color: #0a0013 !important;
395
+ background: #0a0013 !important;
396
  }
397
 
398
  /* Also target the container of the chatbot */
 
400
  display: block !important;
401
  visibility: visible !important;
402
  opacity: 1 !important;
403
+ background-color: #0a0013 !important;
404
+ background: #0a0013 !important;
405
  }
406
 
407
  /* Target the messages themselves */
 
409
  display: block !important;
410
  visibility: visible !important;
411
  opacity: 1 !important;
412
+ background-color: #0a0013 !important;
413
  }
414
 
415
  /* Ensure chat bubbles have proper max-width */
416
  .bubble-wrap {
417
+ background: #0A0013 !important;
418
+ background-color: #0A0013 !important;
419
  margin: 0 !important;
420
  padding: 0 !important;
421
  min-width: 100%;
422
  border: none !important;
423
  }
424
 
425
+ /* Fix scrollable area background */
426
+ .gradio-chatbot .messages-wrapper {
427
+ background-color: #0a0013 !important;
428
+ background: #0a0013 !important;
429
+ }
430
+
431
+ /* Ensure the entire chat area has consistent background */
432
+ .gradio-chatbot .wrapper,
433
+ .gradio-chatbot .container,
434
+ .gradio-chatbot .messages {
435
+ background-color: #0a0013 !important;
436
+ background: #0a0013 !important;
437
+ }
438
+
439
  /* Target the chat bubble containers */
440
  .gradio-chatbot .messages-wrapper > div > div {
441
  max-width: 70% !important; /* Allow bubbles to be a bit wider */
 
500
  border: none;
501
  border-radius: 8px 0 0 8px;
502
  color: #fff;
503
+ font-size: 0.9rem;
504
+ font-weight: 400;
505
+ line-height: 1.5;
506
  width: 100%;
507
  margin: 0 !important;
508
  }
 
577
  max-width: 70% !important;
578
  width: fit-content !important;
579
  }
580
+
581
+ /* Enhanced typography for chat messages */
582
+ .gradio-chatbot .message {
583
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
584
+ font-size: 0.9rem !important;
585
+ font-weight: 400 !important;
586
+ line-height: 1.5 !important;
587
+ -webkit-font-smoothing: antialiased !important;
588
+ }
589
+
590
+ /* Improved text styling for all components */
591
+ .gradio-container * {
592
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
593
+ }
594
+
595
+ /* Enhanced headings */
596
+ h1, h2, h3, h4, h5, h6 {
597
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
598
+ font-weight: 600 !important;
599
+ letter-spacing: -0.02em !important;
600
+ line-height: 1.3 !important;
601
+ }
602
+
603
+ /* Button text improvements */
604
+ button {
605
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
606
+ font-weight: 500 !important;
607
+ letter-spacing: -0.01em !important;
608
+ }
609
+
610
+ /* Input field improvements */
611
+ input, textarea {
612
+ font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
613
+ font-weight: 400 !important;
614
+ line-height: 1.5 !important;
615
+ }
616
  """
617
 
618
  # SVG icons
619
+ stc_logo_svg = """<svg xmlns="http://www.w3.org/2000/svg" width="66" height="32" viewBox="0 0 66 32" fill="#4f008c" style="display: block; flex-shrink: 0;"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.625 6.80851L31.6213 0.00567279L24.7511 0L24.75 6.79666L31.625 6.80851ZM5.88232 23.0513L0 24.2653C0.424529 29.3706 6.18066 32.1214 11.3441 31.9959C14.2329 31.9257 16.8607 30.9901 18.5472 29.6392C22.4356 26.5245 22.4103 20.0758 17.2744 17.3711C15.3452 16.3551 13.2453 15.9901 11.4475 15.6777C9.10574 15.2707 7.27666 14.9528 7.00534 13.4013C6.4686 10.332 12.5096 9.46738 14.5772 12.2286C14.8637 12.6112 14.954 12.903 15.0505 13.2152L15.0505 13.2152C15.114 13.4203 15.1801 13.6342 15.3064 13.8884L20.889 12.6335C20.9094 12.6247 20.9455 12.6077 20.9725 12.5925C20.6349 7.68784 14.5151 5.00625 9.32399 5.5062C-0.27525 6.43076 -2.55039 16.9042 5.58028 20.2095C6.79516 20.7033 8.15129 20.9902 9.48385 21.2722C10.7248 21.5347 11.9453 21.793 13.0123 22.21C15.9184 23.3457 15.0929 26.4741 11.6771 26.7789C8.56398 27.0567 6.23313 25.7203 5.88232 23.0513ZM66 23.5042L59.9776 21.5819C59.8074 21.8761 59.6967 22.1399 59.5911 22.3913C59.4397 22.7522 59.2989 23.0876 59.0079 23.451C58.5671 24.0016 58.1301 24.4609 57.4746 24.8733C56.2011 25.6745 54.3913 26.0052 52.5943 25.6296C49.5135 24.9858 47.5738 22.504 47.4893 18.9828C47.4011 15.3106 49.2053 12.6962 52.1919 11.9434C56.004 10.9825 58.8882 12.9476 59.6362 15.8925L65.8508 13.9081C65.2461 10.9173 62.8376 8.44026 60.8112 7.24677C52.9767 2.63234 40.5366 7.03787 40.5625 18.7666C40.5881 30.3289 53.233 34.8158 60.8587 30.2249C62.1039 29.4752 63.2247 28.4579 64.0145 27.4692C64.723 26.5823 65.7798 24.9372 66 23.5042ZM24.8097 12.9397L31.6484 12.9362C31.6463 13.2625 31.6421 13.7315 31.6371 14.2928L31.637 14.3022L31.637 14.3033L31.637 14.3036L31.637 14.304C31.6122 17.0787 31.5674 22.0894 31.6626 23.2768C31.7957 24.9371 32.571 25.7899 34.2386 26.0043C35.9984 26.2305 36.9321 25.8072 38.115 25.2708L38.1151 25.2708C38.2402 25.2141 38.3681 25.1561 38.5 25.0975L38.4566 30.5261C35.605 32.6136 28.5618 32.8937 25.8963 28.6417C24.7526 26.8176 24.7717 24.551 24.7916 22.1906L24.7916 22.19C24.7942 21.8817 24.7968 21.5719 24.7968 21.2612C24.7969 20.3989 24.7853 19.5126 24.7737 18.6184V18.6183V18.6183V18.6182V18.6182C24.7489 16.7095 24.7236 14.7647 24.8097 12.9397ZM38.5 12.9362L31.625 12.935L31.6257 6.12766L38.4997 6.13078L38.5 12.9362Z" fill="#ffffff"></path></svg>"""
620
+ artemsia_logo_svg = """
621
+ <?xml version="1.0" encoding="UTF-8"?>
622
+ <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 351.26 430.29">
623
+ <g id="Layer_1-2" data-name="Layer 1">
624
+ <path d="M24.35,126.29c-5.54,0-10.14-1.51-13.79-4.52-3.64-3.03-6.31-7.15-8.02-12.38-1.7-5.22-2.54-11.1-2.54-17.65,0-5.92.78-12.11,2.35-18.58,1.57-6.48,3.92-12.78,7.06-18.88,3.15-6.11,6.99-11.65,11.52-16.63,4.54-4.97,9.76-8.94,15.67-11.9,5.92-2.96,12.46-4.44,19.65-4.44,5.15,0,9.23.73,12.25,2.19,3.03,1.45,5.73,3.3,8.13,5.56l10.02-5.67h6.02l-12.83,60.4c-.25,1.39-.63,3.41-1.13,6.04-.5,2.64-.91,5.35-1.23,8.13-.32,2.77-.48,5.03-.48,6.79,0,10.07,2.58,15.1,7.75,15.1,2.01,0,4.21-.57,6.6-1.71,2.39-1.14,4.96-2.71,7.73-4.71l1.15,1.5c-1.77,1.64-4.16,3.34-7.19,5.1-3.02,1.75-6.22,3.22-9.63,4.42-3.39,1.21-6.66,1.81-9.81,1.81-4.53,0-8.11-1.39-10.75-4.15-2.64-2.78-3.96-6.61-3.96-11.52,0-2.53.13-4.82.38-6.9.25-2.08.63-4.69,1.13-7.83h-.19c-4.41,9.7-9.6,17.19-15.58,22.48-5.97,5.28-12.73,7.92-20.27,7.92ZM32.46,121.19c3.4,0,6.67-1.26,9.81-3.77,3.15-2.51,6.07-5.69,8.77-9.52,2.71-3.84,4.97-7.81,6.79-11.9,1.83-4.09,3.07-7.65,3.71-10.67l11.31-55.13c-1.39-2.26-3.41-3.96-6.04-5.08-2.64-1.14-5.41-1.71-8.29-1.71-5.17,0-9.8,1.58-13.9,4.73-4.08,3.14-7.73,7.26-10.94,12.35-3.21,5.1-5.89,10.73-8.02,16.9-2.14,6.17-3.74,12.3-4.81,18.4-1.07,6.1-1.6,11.67-1.6,16.71,0,10.32,1.26,17.68,3.77,22.08,2.51,4.41,5.66,6.6,9.44,6.6Z"/>
625
+ <path d="M113.81,124.4l17.19-81.92c.38-1.76.65-3.46.83-5.08.19-1.64.29-2.78.29-3.42,0-3.78-1.6-6.2-4.81-7.27-3.21-1.07-6.64-1.6-10.29-1.6h-1.5l.38-1.88h34.54l-4.33,27.17h.38c2.39-5.15,5.03-9.93,7.92-14.33,2.9-4.4,6.3-7.96,10.19-10.67,3.9-2.71,8.81-4.06,14.73-4.06,5.29,0,9.19,1.23,11.71,3.69,2.51,2.46,3.77,5.57,3.77,9.33,0,4.41-1.29,7.9-3.88,10.48-2.57,2.58-6.63,3.88-12.17,3.88.13-1.01.19-1.98.19-2.92v-2.75c0-4.65-.66-8.36-1.98-11.13-1.32-2.78-3.81-4.17-7.46-4.17-2.64,0-5.29,1.17-7.94,3.5-2.64,2.33-5.13,5.27-7.46,8.79-2.32,3.52-4.27,7.13-5.83,10.83-1.57,3.71-2.68,6.95-3.31,9.73l-13.58,63.79h-17.56Z"/>
626
+ <path d="M228.01,126.29c-13.72,0-20.58-7.36-20.58-22.08,0-2.26.19-4.88.56-7.83.39-2.96.83-5.63,1.33-8.02l13.4-63.25h-14.33l.38-1.88c6.92,0,12.51-.76,16.79-2.27,4.28-1.51,7.8-3.96,10.56-7.35,2.78-3.4,5.36-7.94,7.75-13.6h1.9l-4.92,23.23h22.83l-.38,1.88h-22.83l-13.4,62.67c-.64,3.16-1.18,6.15-1.63,8.98-.43,2.83-.65,5.26-.65,7.27,0,5.66,1.13,9.71,3.4,12.17,2.26,2.46,5.47,3.69,9.63,3.69,2.39,0,4.94-.41,7.65-1.23,2.71-.82,5.07-1.86,7.08-3.13l.94,1.71c-3.78,2.64-7.81,4.81-12.08,6.52-4.28,1.69-8.74,2.54-13.4,2.54Z"/>
627
+ <path d="M306.72,126.29c-6.67,0-12.81-1.45-18.42-4.33-5.6-2.9-10.06-7.21-13.4-12.94-3.33-5.73-5-13.01-5-21.81,0-6.92,1.19-14.21,3.58-21.88,2.4-7.68,5.99-14.85,10.77-21.52,4.78-6.68,10.66-12.09,17.65-16.25,6.98-4.15,15.07-6.23,24.25-6.23,7.93,0,14.09,1.93,18.5,5.77,4.4,3.83,6.6,9.15,6.6,15.94,0,6.04-2.36,11.68-7.08,16.9-4.71,5.22-11.16,9.47-19.33,12.75-8.18,3.27-17.43,4.9-27.75,4.9h-6.6c-.63,3.78-.94,7.49-.94,11.15,0,11.32,1.6,20.1,4.81,26.33,3.21,6.22,7.9,9.33,14.06,9.33,7.17,0,12.89-2.2,17.17-6.6,4.28-4.4,7.55-10.06,9.81-16.98,2.64.75,3.96,2.64,3.96,5.65,0,2.39-1.17,5.16-3.5,8.31-2.32,3.14-5.87,5.85-10.65,8.13-4.78,2.26-10.95,3.4-18.5,3.4ZM290.86,75.71h5.1c11.07,0,19.81-3.08,26.23-9.25s9.63-14.41,9.63-24.73c0-12.21-3.4-18.31-10.19-18.31-3.78,0-7.31,1.54-10.58,4.63-3.27,3.08-6.22,7.21-8.88,12.38-2.64,5.16-4.91,10.81-6.79,16.98-1.89,6.17-3.4,12.27-4.52,18.31Z"/>
628
+ <path d="M159.7,278.29c-5.54,0-9.79-1.77-12.75-5.29-2.96-3.53-4.44-8.05-4.44-13.58s1.19-14.28,3.58-25.48l3.21-14.73c.5-2.51,1.28-6.13,2.35-10.85,1.07-4.72,1.6-9.09,1.6-13.13,0-2.01-.16-4.21-.48-6.6-.31-2.39-1.28-4.46-2.92-6.23-1.63-1.76-4.33-2.65-8.1-2.65-3.28,0-6.4,1.01-9.35,3.02-2.96,2.02-5.67,4.44-8.13,7.27-2.45,2.83-4.52,5.6-6.23,8.31-1.7,2.7-2.92,4.74-3.67,6.13l-7.35,33.04c-.38,1.75-.89,4.45-1.52,8.1-.63,3.66-1.22,7.59-1.79,11.81-.57,4.21-1.08,8.08-1.52,11.6-.43,3.52-.65,5.97-.65,7.35h-17.94c0-1.51.22-4,.67-7.46.44-3.46.98-7.35,1.6-11.69.63-4.34,1.31-8.59,2.06-12.75.76-4.15,1.46-7.67,2.08-10.56l3.21-14.73c.64-2.51,1.46-6.13,2.46-10.85,1.01-4.72,1.52-9.09,1.52-13.13,0-2.51-.32-4.96-.96-7.35-.63-2.39-1.79-4.34-3.5-5.85-1.7-1.51-4.24-2.27-7.63-2.27s-6.68,1.17-9.83,3.5c-3.14,2.33-6.03,5.14-8.67,8.42-2.64,3.27-4.78,6.41-6.42,9.44-1.64,3.02-2.58,5.21-2.83,6.58l-14.73,68.71h-17.54l17.17-81.92c.38-1.76.66-3.46.85-5.08.19-1.64.29-2.78.29-3.42,0-3.78-1.29-6.2-3.88-7.27-2.58-1.07-5.7-1.6-9.35-1.6h-1.5l.38-1.88h34.92l-5.1,23.77h.4c5.28-8.3,10.71-14.63,16.31-18.96,5.59-4.34,12.11-6.52,19.54-6.52s12.65,2.11,15.67,6.33c3.01,4.21,4.52,9.08,4.52,14.63,0,.75-.04,1.51-.1,2.27-.06.75-.15,1.5-.27,2.25h.38c5.29-8.3,10.76-14.63,16.42-18.96,5.67-4.34,12.15-6.52,19.46-6.52s12.63,2.11,15.65,6.33c3.03,4.21,4.54,9.08,4.54,14.63,0,3.14-.41,6.57-1.23,10.29-.82,3.71-1.54,7.2-2.17,10.48l-4.9,22.27c-.77,3.52-1.37,6.97-1.81,10.38-.43,3.41-.65,6.55-.65,9.44,0,4.41.72,7.8,2.17,10.19,1.44,2.39,3.68,3.58,6.71,3.58,3.9,0,7.99-1.69,12.27-5.08l.94,1.5c-3.03,2.52-6.4,4.94-10.1,7.27s-8.02,3.5-12.92,3.5Z"/>
629
+ <path d="M227.45,156.35c-2.52,0-4.59-.72-6.23-2.17-1.64-1.46-2.46-3.88-2.46-7.27,0-4.15.88-7.23,2.65-9.25,1.76-2.01,4.03-3.02,6.79-3.02,2.53,0,4.6.66,6.23,1.98,1.64,1.32,2.46,3.81,2.46,7.46,0,4.78-1.01,8.02-3.02,9.73-2.02,1.7-4.16,2.54-6.42,2.54ZM214.42,278.29c-5.03,0-8.9-1.83-11.6-5.48-2.71-3.65-4.06-8.31-4.06-13.98,0-2.64.25-5.69.75-9.15.51-3.46,1.08-6.85,1.71-10.19s1.19-6.26,1.69-8.79l8.69-40.75c.38-1.89.56-3.53.56-4.92,0-3.4-1.04-5.57-3.13-6.52-2.07-.94-4.86-1.42-8.38-1.42h-2.46l.38-1.88h33.79l-12.83,60.58c-.25,1.39-.64,3.41-1.15,6.04-.5,2.64-.91,5.35-1.23,8.13-.31,2.77-.46,5.03-.46,6.79,0,9.18,2.7,13.77,8.1,13.77,2.78,0,5.23-.47,7.38-1.42,2.14-.94,4.34-2.17,6.6-3.67l1.13,1.5c-2.77,2.52-6.54,5.04-11.33,7.56-4.78,2.51-9.49,3.77-14.15,3.77Z"/>
630
+ <path d="M278.78,278.29c-9.43,0-16.98-1.89-22.65-5.67-5.67-3.78-8.5-9-8.5-15.67,0-3.4.78-5.98,2.35-7.73,1.58-1.76,3.38-2.99,5.4-3.69,2.01-.69,3.78-1.04,5.29-1.04-.13,1-.22,2.04-.29,3.1-.06,1.07-.08,2.05-.08,2.94,0,7.17,1.51,13.27,4.52,18.31,3.01,5.03,7.92,7.54,14.73,7.54s11.98-1.95,15.94-5.85c3.97-3.9,5.96-9.25,5.96-16.04,0-5.79-1.45-10.38-4.35-13.77-2.89-3.4-7.79-6.67-14.71-9.81-6.93-3.28-12.47-7.08-16.63-11.42-4.16-4.34-6.23-10.3-6.23-17.85,0-8.05,3.27-14.76,9.81-20.1,6.55-5.34,15.43-8.02,26.63-8.02,6.92,0,12.51.89,16.79,2.65,4.28,1.77,7.45,4.04,9.52,6.81,2.08,2.77,3.13,5.59,3.13,8.48,0,4.03-1.35,6.99-4.06,8.88-2.7,1.89-6.06,2.83-10.08,2.83.13-1.01.21-1.96.27-2.83.07-.89.1-1.83.1-2.83,0-6.17-1.29-11.39-3.88-15.67-2.58-4.28-6.96-6.42-13.13-6.42-7.04,0-11.92,2.05-14.63,6.15-2.71,4.08-4.06,8.64-4.06,13.67,0,5.79,1.54,10.27,4.63,13.42,3.08,3.14,7.96,6.22,14.65,9.23,6.92,3.16,12.42,6.99,16.5,11.52,4.09,4.53,6.15,10.45,6.15,17.75,0,9.18-3.49,16.67-10.48,22.46-6.99,5.79-16.52,8.69-28.6,8.69Z"/>
631
+ <path d="M120.34,309.1c-2.41,0-4.39-.78-5.96-2.35-1.57-1.57-2.35-4.3-2.35-8.21s.78-6.8,2.35-8.31c1.57-1.51,3.55-2.27,5.96-2.27,2.26,0,4.21.76,5.83,2.27,1.64,1.52,2.46,4.29,2.46,8.31s-.82,6.64-2.46,8.21c-1.63,1.57-3.57,2.35-5.83,2.35ZM94.46,428.4v-1.9h2.46c5.54,0,9.51-1.13,11.9-3.4,2.39-2.26,3.58-5.97,3.58-11.13v-68.15c0-5.28-1.2-9.05-3.58-11.31-2.39-2.28-6.35-3.42-11.9-3.42h-.56v-1.88h33.79v83.79c0,5.54,1.19,9.51,3.58,11.9,2.39,2.39,6.35,3.58,11.9,3.58h2.44v1.9h-53.6Z"/>
632
+ <path d="M191.11,430.29c-9.7,0-17.31-2.48-22.85-7.46-5.53-4.97-8.29-11.8-8.29-20.48,0-9.69,3.55-16.93,10.67-21.71,7.11-4.78,17.9-7.42,32.38-7.94l15.67-.56v-14.15c0-7.05-.39-12.84-1.15-17.38-.75-4.53-2.39-7.89-4.9-10.08-2.52-2.21-6.35-3.31-11.52-3.31-7.29,0-11.98,2.27-14.06,6.79-2.07,4.53-3.1,11.64-3.1,21.33-5.29,0-9.29-.88-12-2.65-2.7-1.76-4.04-4.66-4.04-8.69,0-4.53,1.53-8.15,4.6-10.85,3.08-2.71,7.17-4.69,12.27-5.94,5.09-1.26,10.79-1.9,17.08-1.9,11.58,0,20.23,2.46,25.96,7.38,5.72,4.91,8.58,13.33,8.58,25.29v56.44c0,4.53.88,7.68,2.65,9.44,1.76,1.75,4.78,2.63,9.06,2.63h.56v1.9h-28.5v-19.81h-.38c-2.02,7.54-5.57,13.05-10.67,16.52-5.1,3.46-11.1,5.19-18.02,5.19ZM194.88,427.65c4.65,0,8.77-1.19,12.35-3.58,3.59-2.4,6.4-5.61,8.42-9.63,2.01-4.03,3.02-8.38,3.02-13.04v-27.17l-12.08.56c-10.7.5-18.09,2.95-22.19,7.35-4.08,4.41-6.13,11.83-6.13,22.27,0,15.49,5.53,23.23,16.6,23.23Z"/>
633
+ </g>
634
+ </svg>
635
+ """
636
+
637
+
638
  # Paper plane SVG icon for send button
639
  paper_plane_svg = """<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
640
  <path d="M22 2L11 13"/>
 
706
  with gr.Row(elem_classes="header"):
707
  with gr.Row(elem_classes="logo-container"):
708
  gr.HTML(stc_logo_svg, elem_classes="stc-logo")
709
+ # gr.HTML('<div class="nav-divider"></div>', elem_classes="divider")
710
+ # gr.HTML(artemsia_logo_svg, elem_classes="stc-logo")
711
  gr.Markdown("# Risk Insights Dashboard", elem_classes="dashboard-title")
712
 
713
 
 
725
  ],
726
  type='messages',
727
  elem_classes="chat-messages",
728
+ layout="bubble")
 
729
  with gr.Row(elem_classes="chat-input-container"):
730
  chat_input = gr.Textbox(placeholder="Ask about stc Group's risk data", elem_classes="chat-input", label="", scale=1)
731
  send_button = gr.Button(value="→", elem_classes="send-button", scale=0)
 
735
  with gr.Column(elem_classes="section-header"):
736
  gr.Markdown("## Results & Insights")
737
  gr.Markdown("Visualizations and data from your queries")
738
+ with gr.Column(elem_classes="results-content"):
739
  results_placeholder = gr.Markdown("Ask a question in the chat to analyze risk data and see insights here", elem_classes="placeholder-text", render=True)
740
+
741
  # Wire up the chat functionality
742
  #send_button.click(
743
  # fn=send_message,