@fragments-sdk/ui 0.9.5 → 0.9.7

package/dist/assets/ui.css

@@ -100,8 +100,8 @@
   --fui-appshell-sidebar-collapsed-width: 64px;
   --fui-appshell-aside-width: 280px;
   --fui-header-z-index: 40;
-  --fui-code-bg: #1e1e1e;
-  --fui-code-header-bg: #1e1e1e;
+  --fui-code-bg: #000000;
+  --fui-code-header-bg: #1c1c1f;
   --fui-code-text: #d4d4d4;
   --fui-code-text-muted: #6b7280;
   --fui-code-border: rgba(255, 255, 255, 0.1);
@@ -156,7 +156,7 @@
   --fui-scrollbar-track: #27272a;
   --fui-scrollbar-thumb: #52525b;
   --fui-scrollbar-thumb-hover: #71717a;
-  --fui-code-bg: var(--fui-bg-elevated);
+  --fui-code-bg: #000000;
   --fui-code-header-bg: var(--fui-bg-elevated);
   --fui-code-text: #d4d4d4;
   --fui-code-text-muted: #6b7280;
@@ -212,7 +212,7 @@
   --fui-scrollbar-track: #27272a;
   --fui-scrollbar-thumb: #52525b;
   --fui-scrollbar-thumb-hover: #71717a;
-  --fui-code-bg: var(--fui-bg-elevated);
+  --fui-code-bg: #000000;
   --fui-code-header-bg: var(--fui-bg-elevated);
   --fui-code-text: #d4d4d4;
   --fui-code-text-muted: #6b7280;
@@ -2671,13 +2671,13 @@ a {
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-secondary, #52525b);
   line-height: var(--fui-line-height-normal, 1.5);
-}._multiContainer_1022c_1 {
+}._multiContainer_iztep_1 {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-._inputWrapper_1022c_7 {
+._inputWrapper_iztep_7 {
   display: inline-flex;
   align-items: center;
   flex-wrap: wrap;
@@ -2692,20 +2692,20 @@ a {
   border-radius: var(--fui-radius-md, 0.429rem);
   transition: border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease);
 }
-._inputWrapper_1022c_7:hover:not(:has([data-disabled])) {
+._inputWrapper_iztep_7:hover:not(:has([data-disabled])) {
   border-color: var(--fui-text-tertiary, #71717a);
 }
-._inputWrapper_1022c_7:focus-within {
+._inputWrapper_iztep_7:focus-within {
   outline: none;
   box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
   border-color: var(--fui-color-accent, #18181b);
 }
-._inputWrapper_1022c_7:has([data-disabled]) {
+._inputWrapper_iztep_7:has([data-disabled]) {
   background-color: var(--fui-bg-tertiary, #f4f4f5);
   color: var(--fui-text-tertiary, #71717a);
 }
 
-._input_1022c_7 {
+._input_iztep_7 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -2721,15 +2721,15 @@ a {
   border-radius: var(--fui-radius-sm, 0.25rem);
   outline: none;
 }
-._input_1022c_7::placeholder {
+._input_iztep_7::placeholder {
   color: var(--fui-text-tertiary, #71717a);
 }
-._input_1022c_7:disabled, ._input_1022c_7[data-disabled] {
+._input_iztep_7:disabled, ._input_iztep_7[data-disabled] {
   color: var(--fui-text-tertiary, #71717a);
   cursor: not-allowed;
 }
 
-._chips_1022c_59 {
+._chips_iztep_59 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--fui-space-1, 0.5rem);
@@ -2737,7 +2737,7 @@ a {
   padding-top: var(--fui-space-1, 0.5rem);
 }
 
-._chip_1022c_59 {
+._chip_iztep_59 {
   display: inline-flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -2751,13 +2751,13 @@ a {
   max-width: 12rem;
 }
 
-._chipLabel_1022c_81 {
+._chipLabel_iztep_81 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-._chipRemove_1022c_87 {
+._chipRemove_iztep_87 {
   appearance: none;
   background: transparent;
   border: none;
@@ -2767,10 +2767,10 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._chipRemove_1022c_87:disabled {
+._chipRemove_iztep_87:disabled {
   cursor: not-allowed;
 }
-._chipRemove_1022c_87 {
+._chipRemove_iztep_87 {
   min-width: var(--fui-target-size-min, 1.714rem);
   min-height: var(--fui-target-size-min, 1.714rem);
   display: inline-flex;
@@ -2784,12 +2784,12 @@ a {
   cursor: pointer;
   transition: color var(--fui-transition-fast, 150ms ease);
 }
-._chipRemove_1022c_87:hover {
+._chipRemove_iztep_87:hover {
   color: var(--fui-text-primary, #18181b);
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
 
-._trigger_1022c_119 {
+._trigger_iztep_119 {
   appearance: none;
   background: transparent;
   border: none;
@@ -2799,10 +2799,10 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._trigger_1022c_119:disabled {
+._trigger_iztep_119:disabled {
   cursor: not-allowed;
 }
-._trigger_1022c_119 {
+._trigger_iztep_119 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2814,35 +2814,37 @@ a {
   cursor: pointer;
   border-radius: 0 var(--fui-radius-md, 0.429rem) var(--fui-radius-md, 0.429rem) 0;
   transition: color var(--fui-transition-fast, 150ms ease);
+  margin-inline-end: 0.5rem;
 }
-._trigger_1022c_119:hover {
+._trigger_iztep_119:hover {
   color: var(--fui-text-primary, #18181b);
 }
-._trigger_1022c_119[data-disabled] {
+._trigger_iztep_119[data-disabled] {
   color: var(--fui-text-tertiary, #71717a);
   cursor: not-allowed;
 }
-._trigger_1022c_119 svg {
+._trigger_iztep_119 svg {
   width: 1rem;
   height: 1rem;
   transition: transform var(--fui-transition-fast, 150ms ease);
 }
-._trigger_1022c_119[data-popup-open] svg {
+._trigger_iztep_119[data-popup-open] svg {
   transform: rotate(180deg);
 }
 
-._positioner_1022c_161 {
+._positioner_iztep_162 {
   z-index: 52;
   outline: none;
 }
 
-._popup_1022c_166 {
+._popup_iztep_167 {
   background-color: var(--fui-bg-elevated, #ffffff);
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   border-radius: var(--fui-radius-lg, 0.571rem);
   --_item-h: calc(
-    var(--fui-font-size-sm, 1rem) * var(--fui-line-height-normal, 1.5) +
-    var(--fui-space-2, 1rem) * 2
+    var(--fui-font-size-sm, 1rem) *
+      var(--fui-line-height-normal, 1.5) +
+      var(--fui-space-2, 1rem) * 2
   );
   min-width: var(--anchor-width);
   max-height: calc(var(--_item-h) * var(--fui-select-max-items, 4.5) + var(--fui-space-1, 0.5rem) * 2) !important;
@@ -2854,16 +2856,16 @@ a {
   transform-origin: var(--transform-origin);
   transition: opacity var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
 }
-._popup_1022c_166[data-open] {
+._popup_iztep_167[data-open] {
   opacity: 1;
   transform: scale(1);
 }
-._popup_1022c_166[data-starting-style], ._popup_1022c_166[data-ending-style] {
+._popup_iztep_167[data-starting-style], ._popup_iztep_167[data-ending-style] {
   opacity: 0;
   transform: scale(0.95);
 }
 
-._item_1022c_193 {
+._item_iztep_195 {
   appearance: none;
   background: transparent;
   border: none;
@@ -2873,10 +2875,10 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._item_1022c_193:disabled {
+._item_iztep_195:disabled {
   cursor: not-allowed;
 }
-._item_1022c_193 {
+._item_iztep_195 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -2892,22 +2894,22 @@ a {
   cursor: pointer;
   outline: none;
 }
-._item_1022c_193[data-highlighted] {
+._item_iztep_195[data-highlighted] {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._item_1022c_193[data-selected] {
+._item_iztep_195[data-selected] {
   background-color: var(--fui-color-accent, #18181b);
   color: var(--fui-text-inverse, #f4f4f5);
 }
-._item_1022c_193[data-selected][data-highlighted] {
+._item_iztep_195[data-selected][data-highlighted] {
   background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
 }
-._item_1022c_193[data-disabled] {
+._item_iztep_195[data-disabled] {
   color: var(--fui-text-tertiary, #71717a);
   cursor: not-allowed;
 }
 
-._itemIndicator_1022c_237 {
+._itemIndicator_iztep_239 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2915,12 +2917,12 @@ a {
   height: 1rem;
   margin-left: auto;
 }
-._itemIndicator_1022c_237 svg {
+._itemIndicator_iztep_239 svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-._empty_1022c_250 {
+._empty_iztep_252 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -2935,13 +2937,13 @@ a {
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._group_1022c_265:not(:first-child) {
+._group_iztep_267:not(:first-child) {
   margin-top: var(--fui-space-1, 0.5rem);
   padding-top: var(--fui-space-1, 0.5rem);
   border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
 }
 
-._groupLabel_1022c_271 {
+._groupLabel_iztep_273 {
   padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
   font-weight: var(--fui-font-weight-medium, 500);
@@ -7225,11 +7227,11 @@ a {
 
 ._submitSpinner_19k14_260 {
   line-height: 0;
-}._container_1yo2b_1 {
+}._container_1j662_1 {
   width: 100%;
 }
 
-._title_1yo2b_5 {
+._title_1j662_5 {
   font-size: var(--fui-font-size-xs, 0.857rem);
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-tertiary, #71717a);
@@ -7238,32 +7240,32 @@ a {
   margin-bottom: var(--fui-space-1, 0.5rem);
 }
 
-._wrapper_1yo2b_14 {
+._wrapper_1j662_14 {
   position: relative;
   border-radius: var(--fui-radius-lg, 0.571rem);
   overflow: hidden;
-  background-color: var(--fui-code-bg, #1e1e1e);
+  background-color: var(--fui-code-bg, #000000);
   border: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
 }
 
-._header_1yo2b_22 {
+._header_1j662_22 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: var(--fui-padding-inline-sm) var(--fui-padding-container-md);
-  background-color: var(--fui-code-header-bg, #1e1e1e);
+  padding: 0 var(--fui-padding-container-sm);
+  background-color: var(--fui-code-header-bg, #1c1c1f);
   border-bottom: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
   min-height: var(--fui-input-height, 2.8571428571rem);
 }
 
-._filename_1yo2b_32 {
+._filename_1j662_32 {
   font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
   font-size: var(--fui-font-size-xs, 0.857rem);
   font-weight: var(--fui-font-weight-normal, 400);
   color: var(--fui-code-text, #d4d4d4);
 }
 
-._copyButton_1yo2b_39 {
+._copyButton_1j662_39 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7273,10 +7275,10 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._copyButton_1yo2b_39:disabled {
+._copyButton_1j662_39:disabled {
   cursor: not-allowed;
 }
-._copyButton_1yo2b_39 {
+._copyButton_1j662_39 {
   min-width: var(--fui-target-size-min, 1.714rem);
   min-height: var(--fui-target-size-min, 1.714rem);
   display: inline-flex;
@@ -7293,19 +7295,19 @@ a {
   cursor: pointer;
   transition: background var(--fui-transition-fast, 150ms ease), color var(--fui-transition-fast, 150ms ease);
 }
-._copyButton_1yo2b_39:hover {
+._copyButton_1j662_39:hover {
   color: var(--fui-code-tab-text-active, #e5e7eb);
   background: var(--fui-code-copy-bg-hover, rgba(255, 255, 255, 0.15));
 }
-._copyButton_1yo2b_39:focus-visible {
+._copyButton_1j662_39:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
 }
-._copyButton_1yo2b_39._copied_1yo2b_77 {
+._copyButton_1j662_39._copied_1j662_77 {
   color: var(--fui-color-success, #22c55e);
 }
 
-._copyOverlay_1yo2b_81 {
+._copyOverlay_1j662_81 {
   position: absolute;
   top: var(--fui-space-2, 1rem);
   right: var(--fui-space-2, 1rem);
@@ -7316,40 +7318,24 @@ a {
   box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
 }
 
-._withCopyOverlay_1yo2b_92 ._codeContainer_1yo2b_92 .shiki,
-._withCopyOverlay_1yo2b_92 ._loading_1yo2b_93 pre {
+._withCopyOverlay_1j662_92 ._codeContainer_1j662_92 .shiki,
+._withCopyOverlay_1j662_92 ._loading_1j662_93 pre {
   padding-right: calc(var(--fui-padding-container-md, 2rem) + var(--fui-target-size-min, 1.714rem) + var(--fui-space-3, 1.5rem));
 }
 
-._icon_1yo2b_97 {
+._icon_1j662_97 {
   flex-shrink: 0;
 }
 
-._persistentCopyWrapper_1yo2b_101 {
-  display: flex;
-  align-items: center;
-}
-._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92,
-._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 {
-  flex: 1;
-  min-width: 0;
-}
-._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92 .shiki,
-._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92 pre,
-._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 .shiki,
-._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 pre {
-  padding-right: var(--fui-space-3, 1.5rem);
-}
-
-._persistentCopy_1yo2b_101 {
-  flex-shrink: 0;
-  padding-right: var(--fui-space-2, 1rem);
+._persistentCopy_1j662_101 {
+  top: 50%;
+  transform: translateY(-50%);
 }
 
-._loading_1yo2b_93 pre {
+._loading_1j662_93 pre {
   margin: 0;
-  padding: var(--fui-padding-container-md);
-  padding-right: var(--fui-padding-container-md);
+  padding: var(--fui-padding-container-sm);
+  padding-right: var(--fui-padding-container-sm);
   background-color: transparent !important;
   border: none !important;
   border-radius: 0 !important;
@@ -7359,7 +7345,7 @@ a {
   color: var(--fui-code-text, #d4d4d4);
   overflow-x: auto;
 }
-._loading_1yo2b_93 code {
+._loading_1j662_93 code {
   background: none !important;
   padding: 0;
   border: none;
@@ -7368,11 +7354,11 @@ a {
   font-size: inherit;
 }
 
-._codeContainer_1yo2b_92 .shiki {
+._codeContainer_1j662_92 .shiki {
   background-color: transparent !important;
   margin: 0;
-  padding: var(--fui-padding-container-md);
-  padding-right: var(--fui-padding-container-md);
+  padding: var(--fui-padding-container-sm);
+  padding-right: var(--fui-padding-container-sm);
   border: none !important;
   border-radius: 0 !important;
   font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
@@ -7381,7 +7367,7 @@ a {
   overflow-x: auto;
   tab-size: 2;
 }
-._codeContainer_1yo2b_92 .shiki code {
+._codeContainer_1j662_92 .shiki code {
   background: none !important;
   padding: 0;
   border: none;
@@ -7390,18 +7376,18 @@ a {
   font-size: inherit;
   counter-reset: line;
 }
-._codeContainer_1yo2b_92 .line {
+._codeContainer_1j662_92 .line {
   display: inline-block;
   width: 100%;
   min-height: 1.6em;
 }
-._codeContainer_1yo2b_92 .line.highlighted {
+._codeContainer_1j662_92 .line.highlighted {
   background-color: var(--fui-code-highlight-bg, rgba(255, 255, 255, 0.08));
   margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
   padding: 0 var(--fui-space-3, 1.5rem);
   border-left: 3px solid var(--fui-color-info, #3b82f6);
 }
-._codeContainer_1yo2b_92 .line-number {
+._codeContainer_1j662_92 .line-number {
   display: inline-block;
   width: 2.5em;
   padding-right: 1em;
@@ -7409,85 +7395,85 @@ a {
   color: var(--fui-code-text-muted, #6b7280);
   user-select: none;
 }
-._codeContainer_1yo2b_92 *::selection {
+._codeContainer_1j662_92 *::selection {
   background: var(--fui-code-selection-bg, rgba(59, 130, 246, 0.4));
   color: var(--fui-code-tab-text-active, #e5e7eb);
 }
-._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar {
+._codeContainer_1j662_92 .shiki::-webkit-scrollbar {
   height: 6px;
 }
-._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-track {
+._codeContainer_1j662_92 .shiki::-webkit-scrollbar-track {
   background: var(--fui-code-scrollbar-track, rgba(255, 255, 255, 0.05));
   border-radius: var(--fui-radius-sm, 0.25rem);
 }
-._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-thumb {
+._codeContainer_1j662_92 .shiki::-webkit-scrollbar-thumb {
   background: var(--fui-code-scrollbar-thumb, rgba(255, 255, 255, 0.15));
   border-radius: var(--fui-radius-sm, 0.25rem);
 }
-._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-thumb:hover {
+._codeContainer_1j662_92 .shiki::-webkit-scrollbar-thumb:hover {
   background: var(--fui-code-scrollbar-thumb-hover, rgba(255, 255, 255, 0.25));
 }
 
-._withLineNumbers_1yo2b_204 ._codeContainer_1yo2b_92 .shiki {
+._withLineNumbers_1j662_188 ._codeContainer_1j662_92 .shiki {
   padding-left: var(--fui-space-2, 1rem);
 }
 
-._withDiff_1yo2b_208 .diff-marker {
+._withDiff_1j662_192 .diff-marker {
   display: inline-block;
   width: 1.5em;
   text-align: center;
   user-select: none;
   color: var(--fui-code-text-muted, #6b7280);
 }
-._withDiff_1yo2b_208 .diff-added {
+._withDiff_1j662_192 .diff-added {
   background-color: var(--fui-color-success-bg, rgba(34, 197, 94, 0.1));
   margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
   padding: 0 var(--fui-space-3, 1.5rem);
 }
-._withDiff_1yo2b_208 .diff-added .diff-marker {
+._withDiff_1j662_192 .diff-added .diff-marker {
   color: var(--fui-color-success, #22c55e);
 }
-._withDiff_1yo2b_208 .diff-removed {
+._withDiff_1j662_192 .diff-removed {
   background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
   margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
   padding: 0 var(--fui-space-3, 1.5rem);
 }
-._withDiff_1yo2b_208 .diff-removed .diff-marker {
+._withDiff_1j662_192 .diff-removed .diff-marker {
   color: var(--fui-color-danger, #ef4444);
 }
 
-._compact_1yo2b_232 ._wrapper_1yo2b_14 {
+._compact_1j662_216 ._wrapper_1j662_14 {
   border-radius: var(--fui-radius-md, 0.429rem);
 }
-._compact_1yo2b_232 ._codeContainer_1yo2b_92 .shiki,
-._compact_1yo2b_232 ._loading_1yo2b_93 pre {
+._compact_1j662_216 ._codeContainer_1j662_92 .shiki,
+._compact_1j662_216 ._loading_1j662_93 pre {
   padding: var(--fui-padding-inline-sm) var(--fui-padding-container-sm);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: 1.5;
 }
-._compact_1yo2b_232 ._withCopyOverlay_1yo2b_92 ._codeContainer_1yo2b_92 .shiki,
-._compact_1yo2b_232 ._withCopyOverlay_1yo2b_92 ._loading_1yo2b_93 pre {
+._compact_1j662_216 ._withCopyOverlay_1j662_92 ._codeContainer_1j662_92 .shiki,
+._compact_1j662_216 ._withCopyOverlay_1j662_92 ._loading_1j662_93 pre {
   padding-right: calc(var(--fui-padding-container-sm, 1.5rem) + var(--fui-target-size-min, 1.714rem) + var(--fui-space-3, 1.5rem));
 }
 
-._wordWrap_1yo2b_246 ._codeContainer_1yo2b_92 .shiki,
-._wordWrap_1yo2b_246 ._loading_1yo2b_93 pre {
+._wordWrap_1j662_230 ._codeContainer_1j662_92 .shiki,
+._wordWrap_1j662_230 ._loading_1j662_93 pre {
   white-space: pre-wrap;
   word-break: break-word;
 }
-._wordWrap_1yo2b_246 .line {
+._wordWrap_1j662_230 .line {
   display: block;
   width: auto;
 }
 
-._caption_1yo2b_256 {
+._caption_1j662_240 {
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-tertiary, #71717a);
   margin-top: var(--fui-space-2, 1rem);
   font-style: italic;
 }
 
-._collapseButton_1yo2b_263 {
+._collapseButton_1j662_247 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7497,41 +7483,41 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._collapseButton_1yo2b_263:disabled {
+._collapseButton_1j662_247:disabled {
   cursor: not-allowed;
 }
-._collapseButton_1yo2b_263 {
+._collapseButton_1j662_247 {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--fui-space-1, 0.5rem);
   width: 100%;
-  padding: var(--fui-padding-inline-sm);
+  padding: 0 var(--fui-padding-inline-sm);
   font-size: var(--fui-font-size-xs, 0.857rem);
   font-weight: var(--fui-font-weight-medium, 500);
   font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
   color: var(--fui-code-text-muted, #6b7280);
-  background: var(--fui-code-header-bg, #1e1e1e);
+  background: var(--fui-code-header-bg, #1c1c1f);
   border-top: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
   cursor: pointer;
   transition: background var(--fui-transition-fast, 150ms ease), color var(--fui-transition-fast, 150ms ease);
 }
-._collapseButton_1yo2b_263:hover {
+._collapseButton_1j662_247:hover {
   background: var(--fui-code-copy-bg, rgba(255, 255, 255, 0.1));
   color: var(--fui-code-tab-text-active, #e5e7eb);
 }
-._collapseButton_1yo2b_263:focus-visible {
+._collapseButton_1j662_247:focus-visible {
   outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
   outline-offset: calc(-1 * var(--fui-focus-ring-offset, 2px));
 }
 
 @media (max-width: 768px) {
-  ._codeContainer_1yo2b_92 .shiki {
+  ._codeContainer_1j662_92 .shiki {
     font-size: var(--fui-font-size-2xs, 0.714rem);
     padding: var(--fui-space-2, 1rem);
   }
 }
-._tabbedPanel_1yo2b_307 {
+._tabbedPanel_1j662_291 {
   margin-top: 0;
 }._icon_1rseu_1 {
   display: inline-flex;
@@ -8621,7 +8607,7 @@ a {
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
-}._markdown_17m4r_1 {
+}._markdown_u63zl_1 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -8634,197 +8620,197 @@ a {
   word-wrap: break-word;
   color: var(--fui-text-secondary, #52525b);
 }
-._markdown_17m4r_1 h1,
-._markdown_17m4r_1 h2,
-._markdown_17m4r_1 h3,
-._markdown_17m4r_1 h4,
-._markdown_17m4r_1 h5,
-._markdown_17m4r_1 h6 {
+._markdown_u63zl_1 h1,
+._markdown_u63zl_1 h2,
+._markdown_u63zl_1 h3,
+._markdown_u63zl_1 h4,
+._markdown_u63zl_1 h5,
+._markdown_u63zl_1 h6 {
   margin-top: var(--fui-space-4, 2rem);
   margin-bottom: var(--fui-space-2, 1rem);
   font-weight: var(--fui-font-weight-semibold, 600);
   line-height: var(--fui-line-height-tight, 1.25);
   color: var(--fui-text-primary, #18181b);
 }
-._markdown_17m4r_1 h1:first-child,
-._markdown_17m4r_1 h2:first-child,
-._markdown_17m4r_1 h3:first-child,
-._markdown_17m4r_1 h4:first-child,
-._markdown_17m4r_1 h5:first-child,
-._markdown_17m4r_1 h6:first-child {
+._markdown_u63zl_1 h1:first-child,
+._markdown_u63zl_1 h2:first-child,
+._markdown_u63zl_1 h3:first-child,
+._markdown_u63zl_1 h4:first-child,
+._markdown_u63zl_1 h5:first-child,
+._markdown_u63zl_1 h6:first-child {
   margin-top: 0;
 }
-._markdown_17m4r_1 h1 {
+._markdown_u63zl_1 h1 {
   font-size: var(--fui-font-size-2xl, 2.143rem);
 }
-._markdown_17m4r_1 h2 {
+._markdown_u63zl_1 h2 {
   font-size: var(--fui-font-size-xl, 1.714rem);
   margin-top: var(--fui-space-8, 4rem);
 }
-._markdown_17m4r_1 h3 {
+._markdown_u63zl_1 h3 {
   font-size: var(--fui-font-size-lg, 1.286rem);
 }
-._markdown_17m4r_1 h4 {
+._markdown_u63zl_1 h4 {
   font-size: var(--fui-font-size-base, 1.143rem);
 }
-._markdown_17m4r_1 h5,
-._markdown_17m4r_1 h6 {
+._markdown_u63zl_1 h5,
+._markdown_u63zl_1 h6 {
   font-size: var(--fui-font-size-sm, 1rem);
 }
-._markdown_17m4r_1 p {
+._markdown_u63zl_1 p {
   margin: 0;
 }
-._markdown_17m4r_1 p + p {
+._markdown_u63zl_1 p + p {
   margin-top: 1.5rem;
 }
-._markdown_17m4r_1 a {
+._markdown_u63zl_1 a {
   color: var(--fui-color-accent, #18181b);
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-._markdown_17m4r_1 a:hover {
+._markdown_u63zl_1 a:hover {
   opacity: 0.8;
 }
-._markdown_17m4r_1 ul,
-._markdown_17m4r_1 ol {
+._markdown_u63zl_1 ul,
+._markdown_u63zl_1 ol {
   margin: var(--fui-space-2, 1rem) 0;
   padding-left: var(--fui-space-4, 2rem);
 }
-._markdown_17m4r_1 li {
+._markdown_u63zl_1 li {
   margin-bottom: var(--fui-space-1, 0.5rem);
 }
-._markdown_17m4r_1 li:last-child {
+._markdown_u63zl_1 li:last-child {
   margin-bottom: 0;
 }
-._markdown_17m4r_1 li > ul,
-._markdown_17m4r_1 li > ol {
+._markdown_u63zl_1 li > ul,
+._markdown_u63zl_1 li > ol {
   margin-top: var(--fui-space-1, 0.5rem);
   margin-bottom: 0;
 }
-._markdown_17m4r_1 code {
+._markdown_u63zl_1 code {
   font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
   font-size: 0.9em;
   padding: 0.125em 0.375em;
   border-radius: var(--fui-radius-sm, 0.25rem);
   background-color: var(--fui-bg-tertiary, #f4f4f5);
 }
-._markdown_17m4r_1 pre {
+._markdown_u63zl_1 pre {
   margin: var(--fui-space-2, 1rem) 0;
   padding: var(--fui-padding-inline-sm);
   border-radius: var(--fui-radius-md, 0.429rem);
-  background-color: var(--fui-code-bg, #1e1e1e);
+  background-color: var(--fui-code-bg, #000000);
   overflow-x: auto;
 }
-._markdown_17m4r_1 pre code {
+._markdown_u63zl_1 pre code {
   padding: 0;
   background: none;
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
-._markdown_17m4r_1 div:has(> div > div > pre) {
+._markdown_u63zl_1 div:has(> div > div > pre) {
   margin: 1.5rem 0;
 }
-._markdown_17m4r_1 blockquote {
+._markdown_u63zl_1 blockquote {
   margin: var(--fui-space-2, 1rem) 0;
   padding: var(--fui-padding-item-xs) var(--fui-padding-item-md);
   border-left: 3px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   color: var(--fui-text-secondary, #52525b);
 }
-._markdown_17m4r_1 blockquote p {
+._markdown_u63zl_1 blockquote p {
   margin: 0;
 }
-._markdown_17m4r_1 hr {
+._markdown_u63zl_1 hr {
   margin: var(--fui-space-4, 2rem) 0;
   border: none;
   border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
 }
-._markdown_17m4r_1 table {
+._markdown_u63zl_1 table {
   width: 100%;
   margin: var(--fui-space-2, 1rem) 0;
   border-collapse: collapse;
   font-size: var(--fui-font-size-sm, 1rem);
 }
-._markdown_17m4r_1 th,
-._markdown_17m4r_1 td {
+._markdown_u63zl_1 th,
+._markdown_u63zl_1 td {
   padding: var(--fui-padding-item-xs) var(--fui-padding-item-sm);
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   text-align: left;
 }
-._markdown_17m4r_1 th {
+._markdown_u63zl_1 th {
   font-weight: var(--fui-font-weight-semibold, 600);
   background-color: var(--fui-bg-secondary, #f4f4f5);
 }
-._markdown_17m4r_1 img {
+._markdown_u63zl_1 img {
   max-width: 100%;
   height: auto;
   border-radius: var(--fui-radius-md, 0.429rem);
 }
-._markdown_17m4r_1 input[type=checkbox] {
+._markdown_u63zl_1 input[type=checkbox] {
   margin-right: var(--fui-space-1, 0.5rem);
 }
-._markdown_17m4r_1 strong {
+._markdown_u63zl_1 strong {
   font-weight: var(--fui-font-weight-semibold, 600);
 }
-._markdown_17m4r_1 > *:first-child {
+._markdown_u63zl_1 > *:first-child {
   margin-top: 0;
 }
-._markdown_17m4r_1 > *:last-child {
+._markdown_u63zl_1 > *:last-child {
   margin-bottom: 0;
-}._message_hkbox_1 {
+}._message_1052q_1 {
   display: flex;
   gap: var(--fui-space-2, 1rem);
   padding: var(--fui-padding-inline-sm);
   border-radius: var(--fui-radius-lg, 0.571rem);
   transition: background-color var(--fui-transition-fast, 150ms ease);
 }
-._message_hkbox_1:hover ._actions_hkbox_8 {
+._message_1052q_1:hover ._actions_1052q_8 {
   opacity: 1;
 }
-._message_hkbox_1:focus-within ._actions_hkbox_8 {
+._message_1052q_1:focus-within ._actions_1052q_8 {
   opacity: 1;
 }
 
-._user_hkbox_15 {
+._user_1052q_15 {
   flex-direction: row-reverse;
   margin-left: auto;
 }
-._user_hkbox_15 ._body_hkbox_19 {
+._user_1052q_15 ._body_1052q_19 {
   align-items: flex-end;
 }
-._user_hkbox_15 ._content_hkbox_22 {
+._user_1052q_15 ._content_1052q_22 {
   background-color: var(--fui-color-accent, #18181b);
   color: var(--fui-text-inverse, #f4f4f5);
 }
 
-._assistant_hkbox_27 ._content_hkbox_22 {
+._assistant_1052q_27 ._content_1052q_22 {
   background-color: var(--fui-bg-secondary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
 }
 
-._system_hkbox_32 {
+._system_1052q_32 {
   max-width: 100%;
   justify-content: center;
 }
-._system_hkbox_32 ._content_hkbox_22 {
+._system_1052q_32 ._content_1052q_22 {
   background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
   color: var(--fui-text-secondary, #52525b);
   font-size: var(--fui-font-size-xs, 0.857rem);
   text-align: center;
 }
-._system_hkbox_32 ._avatar_hkbox_42 {
+._system_1052q_32 ._avatar_1052q_42 {
   display: none;
 }
 
-._error_hkbox_46 ._content_hkbox_22 {
+._error_1052q_46 ._content_1052q_22 {
   background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
   border: 1px solid var(--fui-color-danger, #ef4444);
   color: var(--fui-color-danger-text, rgb(198.2384236453, 16.9615763547, 16.9615763547));
 }
 
-._sending_hkbox_52 {
+._sending_1052q_52 {
   opacity: 0.7;
 }
 
-._avatar_hkbox_42 {
+._avatar_1052q_42 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -8835,27 +8821,38 @@ a {
   background-color: var(--fui-bg-tertiary, #f4f4f5);
   color: var(--fui-text-secondary, #52525b);
 }
-._avatar_hkbox_42 svg {
+._avatar_1052q_42 svg {
   width: 1rem;
   height: 1rem;
 }
 
-._avatarUser_hkbox_72 {
+._avatarUser_1052q_72 {
   background-color: var(--fui-color-accent, #18181b);
   color: var(--fui-text-inverse, #f4f4f5);
 }
 
-._avatarAssistant_hkbox_77 {
+._avatarAssistant_1052q_77 {
   background-color: var(--fui-bg-tertiary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
 }
 
-._avatarSystem_hkbox_82 {
+._avatarSystem_1052q_82 {
   background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
   color: var(--fui-color-info, #3b82f6);
 }
 
-._body_hkbox_19 {
+._avatarImage_1052q_87 {
+  padding: 0;
+  overflow: hidden;
+}
+
+._avatarImg_1052q_92 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+._body_1052q_19 {
   display: flex;
   flex-direction: column;
   gap: var(--fui-space-1, 0.5rem);
@@ -8863,7 +8860,7 @@ a {
   flex: 1;
 }
 
-._content_hkbox_22 {
+._content_1052q_22 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -8875,47 +8872,47 @@ a {
   line-height: var(--fui-line-height-normal, 1.5);
   word-wrap: break-word;
 }
-._content_hkbox_22 p {
+._content_1052q_22 p {
   margin: 0;
 }
-._content_hkbox_22 p + p {
+._content_1052q_22 p + p {
   margin-top: var(--fui-space-2, 1rem);
 }
-._content_hkbox_22 code {
+._content_1052q_22 code {
   font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
   font-size: 0.9em;
   padding: 0.125em 0.375em;
   border-radius: var(--fui-radius-sm, 0.25rem);
   background-color: var(--fui-bg-subtle, #fafafa);
 }
-._content_hkbox_22 pre {
+._content_1052q_22 pre {
   margin: var(--fui-space-2, 1rem) 0;
   padding: var(--fui-padding-inline-sm);
   border-radius: var(--fui-radius-md, 0.429rem);
   background-color: var(--fui-bg-subtle, #fafafa);
   overflow-x: auto;
 }
-._content_hkbox_22 pre code {
+._content_1052q_22 pre code {
   padding: 0;
   background: none;
 }
-._content_hkbox_22 ul,
-._content_hkbox_22 ol {
+._content_1052q_22 ul,
+._content_1052q_22 ol {
   margin: var(--fui-space-2, 1rem) 0;
   padding-left: var(--fui-space-4, 2rem);
 }
 
-._streaming_hkbox_137::after {
+._streaming_1052q_148::after {
   content: "";
   display: inline-block;
   width: 0.5em;
   height: 1em;
   margin-left: 2px;
   background-color: currentColor;
-  animation: _blink_hkbox_1 1s step-end infinite;
+  animation: _blink_1052q_1 1s step-end infinite;
 }
 
-@keyframes _blink_hkbox_1 {
+@keyframes _blink_1052q_1 {
   0%, 100% {
     opacity: 1;
   }
@@ -8923,7 +8920,7 @@ a {
     opacity: 0;
   }
 }
-._actions_hkbox_8 {
+._actions_1052q_8 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -8931,7 +8928,7 @@ a {
   transition: opacity var(--fui-transition-fast, 150ms ease);
 }
 
-._timestamp_hkbox_163 {
+._timestamp_1052q_174 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-secondary, #52525b);
@@ -8940,7 +8937,7 @@ a {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._streaming_hkbox_137::after {
+  ._streaming_1052q_148::after {
     animation: none;
   }
 }._conversationList_g8jv9_1 {