@runtypelabs/persona 4.23.2 → 4.25.0

package/src/__fixtures__/defaults-parity.v4.json

@@ -0,0 +1,776 @@
+{
+  "themeCssVariables": {
+    "--persona-palette-colors-primary-50": "#ffffff",
+    "--persona-palette-colors-primary-100": "#f5f5f5",
+    "--persona-palette-colors-primary-200": "#d4d4d4",
+    "--persona-palette-colors-primary-300": "#a3a3a3",
+    "--persona-palette-colors-primary-400": "#737373",
+    "--persona-palette-colors-primary-500": "#171717",
+    "--persona-palette-colors-primary-600": "#0f0f0f",
+    "--persona-palette-colors-primary-700": "#0a0a0a",
+    "--persona-palette-colors-primary-800": "#050505",
+    "--persona-palette-colors-primary-900": "#030303",
+    "--persona-palette-colors-primary-950": "#000000",
+    "--persona-palette-colors-secondary-50": "#f5f3ff",
+    "--persona-palette-colors-secondary-100": "#ede9fe",
+    "--persona-palette-colors-secondary-200": "#ddd6fe",
+    "--persona-palette-colors-secondary-300": "#c4b5fd",
+    "--persona-palette-colors-secondary-400": "#a78bfa",
+    "--persona-palette-colors-secondary-500": "#8b5cf6",
+    "--persona-palette-colors-secondary-600": "#7c3aed",
+    "--persona-palette-colors-secondary-700": "#6d28d9",
+    "--persona-palette-colors-secondary-800": "#5b21b6",
+    "--persona-palette-colors-secondary-900": "#4c1d95",
+    "--persona-palette-colors-secondary-950": "#2e1065",
+    "--persona-palette-colors-accent-50": "#ecfeff",
+    "--persona-palette-colors-accent-100": "#cffafe",
+    "--persona-palette-colors-accent-200": "#a5f3fc",
+    "--persona-palette-colors-accent-300": "#67e8f9",
+    "--persona-palette-colors-accent-400": "#22d3ee",
+    "--persona-palette-colors-accent-500": "#06b6d4",
+    "--persona-palette-colors-accent-600": "#0891b2",
+    "--persona-palette-colors-accent-700": "#0e7490",
+    "--persona-palette-colors-accent-800": "#155e75",
+    "--persona-palette-colors-accent-900": "#164e63",
+    "--persona-palette-colors-accent-950": "#083344",
+    "--persona-palette-colors-gray-50": "#f9fafb",
+    "--persona-palette-colors-gray-100": "#f3f4f6",
+    "--persona-palette-colors-gray-200": "#e5e7eb",
+    "--persona-palette-colors-gray-300": "#d1d5db",
+    "--persona-palette-colors-gray-400": "#9ca3af",
+    "--persona-palette-colors-gray-500": "#6b7280",
+    "--persona-palette-colors-gray-600": "#4b5563",
+    "--persona-palette-colors-gray-700": "#374151",
+    "--persona-palette-colors-gray-800": "#1f2937",
+    "--persona-palette-colors-gray-900": "#111827",
+    "--persona-palette-colors-gray-950": "#030712",
+    "--persona-palette-colors-success-50": "#f0fdf4",
+    "--persona-palette-colors-success-100": "#dcfce7",
+    "--persona-palette-colors-success-200": "#bbf7d0",
+    "--persona-palette-colors-success-300": "#86efac",
+    "--persona-palette-colors-success-400": "#4ade80",
+    "--persona-palette-colors-success-500": "#22c55e",
+    "--persona-palette-colors-success-600": "#16a34a",
+    "--persona-palette-colors-success-700": "#15803d",
+    "--persona-palette-colors-success-800": "#166534",
+    "--persona-palette-colors-success-900": "#14532d",
+    "--persona-palette-colors-warning-50": "#fefce8",
+    "--persona-palette-colors-warning-100": "#fef9c3",
+    "--persona-palette-colors-warning-200": "#fef08a",
+    "--persona-palette-colors-warning-300": "#fde047",
+    "--persona-palette-colors-warning-400": "#facc15",
+    "--persona-palette-colors-warning-500": "#eab308",
+    "--persona-palette-colors-warning-600": "#ca8a04",
+    "--persona-palette-colors-warning-700": "#a16207",
+    "--persona-palette-colors-warning-800": "#854d0e",
+    "--persona-palette-colors-warning-900": "#713f12",
+    "--persona-palette-colors-error-50": "#fef2f2",
+    "--persona-palette-colors-error-100": "#fee2e2",
+    "--persona-palette-colors-error-200": "#fecaca",
+    "--persona-palette-colors-error-300": "#fca5a5",
+    "--persona-palette-colors-error-400": "#f87171",
+    "--persona-palette-colors-error-500": "#ef4444",
+    "--persona-palette-colors-error-600": "#dc2626",
+    "--persona-palette-colors-error-700": "#b91c1c",
+    "--persona-palette-colors-error-800": "#991b1b",
+    "--persona-palette-colors-error-900": "#7f1d1d",
+    "--persona-palette-colors-info-50": "#eff6ff",
+    "--persona-palette-colors-info-100": "#dbeafe",
+    "--persona-palette-colors-info-200": "#bfdbfe",
+    "--persona-palette-colors-info-300": "#93c5fd",
+    "--persona-palette-colors-info-400": "#60a5fa",
+    "--persona-palette-colors-info-500": "#3b82f6",
+    "--persona-palette-colors-info-600": "#2563eb",
+    "--persona-palette-colors-info-700": "#1d4ed8",
+    "--persona-palette-colors-info-800": "#1e40af",
+    "--persona-palette-colors-info-900": "#1e3a8a",
+    "--persona-palette-colors-info-950": "#172554",
+    "--persona-palette-colors-purple-50": "#faf5ff",
+    "--persona-palette-colors-purple-100": "#f3e8ff",
+    "--persona-palette-colors-purple-200": "#e9d5ff",
+    "--persona-palette-colors-purple-300": "#d8b4fe",
+    "--persona-palette-colors-purple-400": "#c084fc",
+    "--persona-palette-colors-purple-500": "#a855f7",
+    "--persona-palette-colors-purple-600": "#9333ea",
+    "--persona-palette-colors-purple-700": "#7e22ce",
+    "--persona-palette-colors-purple-800": "#6b21a8",
+    "--persona-palette-colors-purple-900": "#581c87",
+    "--persona-palette-colors-purple-950": "#3b0764",
+    "--persona-palette-colors-teal-50": "#f0fdfa",
+    "--persona-palette-colors-teal-100": "#ccfbf1",
+    "--persona-palette-colors-teal-200": "#99f6e4",
+    "--persona-palette-colors-teal-300": "#5eead4",
+    "--persona-palette-colors-teal-400": "#2dd4bf",
+    "--persona-palette-colors-teal-500": "#14b8a6",
+    "--persona-palette-colors-teal-600": "#0d9488",
+    "--persona-palette-colors-teal-700": "#0f766e",
+    "--persona-palette-colors-teal-800": "#115e59",
+    "--persona-palette-colors-teal-900": "#134e4a",
+    "--persona-palette-colors-teal-950": "#042f2e",
+    "--persona-palette-spacing-0": "0px",
+    "--persona-palette-spacing-1": "0.25rem",
+    "--persona-palette-spacing-2": "0.5rem",
+    "--persona-palette-spacing-3": "0.75rem",
+    "--persona-palette-spacing-4": "1rem",
+    "--persona-palette-spacing-5": "1.25rem",
+    "--persona-palette-spacing-6": "1.5rem",
+    "--persona-palette-spacing-8": "2rem",
+    "--persona-palette-spacing-10": "2.5rem",
+    "--persona-palette-spacing-12": "3rem",
+    "--persona-palette-spacing-16": "4rem",
+    "--persona-palette-spacing-20": "5rem",
+    "--persona-palette-spacing-24": "6rem",
+    "--persona-palette-spacing-32": "8rem",
+    "--persona-palette-spacing-40": "10rem",
+    "--persona-palette-spacing-48": "12rem",
+    "--persona-palette-spacing-56": "14rem",
+    "--persona-palette-spacing-64": "16rem",
+    "--persona-palette-typography-fontFamily-sans": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+    "--persona-palette-typography-fontFamily-serif": "Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "--persona-palette-typography-fontFamily-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+    "--persona-palette-typography-fontSize-xs": "0.75rem",
+    "--persona-palette-typography-fontSize-sm": "0.875rem",
+    "--persona-palette-typography-fontSize-base": "1rem",
+    "--persona-palette-typography-fontSize-lg": "1.125rem",
+    "--persona-palette-typography-fontSize-xl": "1.25rem",
+    "--persona-palette-typography-fontSize-2xl": "1.5rem",
+    "--persona-palette-typography-fontSize-3xl": "1.875rem",
+    "--persona-palette-typography-fontSize-4xl": "2.25rem",
+    "--persona-palette-typography-fontWeight-normal": "400",
+    "--persona-palette-typography-fontWeight-medium": "500",
+    "--persona-palette-typography-fontWeight-semibold": "600",
+    "--persona-palette-typography-fontWeight-bold": "700",
+    "--persona-palette-typography-lineHeight-tight": "1.25",
+    "--persona-palette-typography-lineHeight-normal": "1.5",
+    "--persona-palette-typography-lineHeight-relaxed": "1.625",
+    "--persona-palette-shadows-none": "none",
+    "--persona-palette-shadows-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-palette-shadows-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "--persona-palette-shadows-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "--persona-palette-shadows-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "--persona-palette-shadows-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "--persona-palette-borders-none": "none",
+    "--persona-palette-borders-sm": "1px solid",
+    "--persona-palette-borders-md": "2px solid",
+    "--persona-palette-borders-lg": "4px solid",
+    "--persona-palette-radius-none": "0px",
+    "--persona-palette-radius-sm": "0.125rem",
+    "--persona-palette-radius-md": "0.375rem",
+    "--persona-palette-radius-lg": "0.5rem",
+    "--persona-palette-radius-xl": "0.75rem",
+    "--persona-palette-radius-2xl": "1rem",
+    "--persona-palette-radius-full": "9999px",
+    "--persona-semantic-colors-primary": "#171717",
+    "--persona-semantic-colors-secondary": "#8b5cf6",
+    "--persona-semantic-colors-accent": "#0f0f0f",
+    "--persona-semantic-colors-surface": "#f9fafb",
+    "--persona-semantic-colors-background": "#f9fafb",
+    "--persona-semantic-colors-container": "#f9fafb",
+    "--persona-semantic-colors-text": "#111827",
+    "--persona-semantic-colors-textMuted": "#6b7280",
+    "--persona-semantic-colors-textInverse": "#f9fafb",
+    "--persona-semantic-colors-border": "#e5e7eb",
+    "--persona-semantic-colors-divider": "#e5e7eb",
+    "--persona-semantic-colors-interactive-default": "#0f0f0f",
+    "--persona-semantic-colors-interactive-hover": "#0a0a0a",
+    "--persona-semantic-colors-interactive-focus": "#0f0f0f",
+    "--persona-semantic-colors-interactive-active": "#0f0f0f",
+    "--persona-semantic-colors-interactive-disabled": "#d1d5db",
+    "--persona-semantic-colors-feedback-success": "#22c55e",
+    "--persona-semantic-colors-feedback-warning": "#eab308",
+    "--persona-semantic-colors-feedback-error": "#ef4444",
+    "--persona-semantic-colors-feedback-info": "#3b82f6",
+    "--persona-semantic-spacing-xs": "0.25rem",
+    "--persona-semantic-spacing-sm": "0.5rem",
+    "--persona-semantic-spacing-md": "1rem",
+    "--persona-semantic-spacing-lg": "1.5rem",
+    "--persona-semantic-spacing-xl": "2rem",
+    "--persona-semantic-spacing-2xl": "2.5rem",
+    "--persona-semantic-typography-fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+    "--persona-semantic-typography-fontSize": "1rem",
+    "--persona-semantic-typography-fontWeight": "400",
+    "--persona-semantic-typography-lineHeight": "1.5",
+    "--persona-components-button-primary-background": "#171717",
+    "--persona-components-button-primary-foreground": "#ffffff",
+    "--persona-components-button-primary-borderRadius": "0.5rem",
+    "--persona-components-button-primary-padding": "1rem",
+    "--persona-components-button-secondary-background": "#f9fafb",
+    "--persona-components-button-secondary-foreground": "#8b5cf6",
+    "--persona-components-button-secondary-borderRadius": "0.5rem",
+    "--persona-components-button-secondary-padding": "1rem",
+    "--persona-components-button-ghost-background": "transparent",
+    "--persona-components-button-ghost-foreground": "#111827",
+    "--persona-components-button-ghost-borderRadius": "0.375rem",
+    "--persona-components-button-ghost-padding": "0.5rem",
+    "--persona-components-button-ghost-hoverBackground": "rgba(0, 0, 0, 0.05)",
+    "--persona-components-input-background": "#f9fafb",
+    "--persona-components-input-placeholder": "#6b7280",
+    "--persona-components-input-borderRadius": "0.5rem",
+    "--persona-components-input-padding": "1rem",
+    "--persona-components-input-focus-border": "#9ca3af",
+    "--persona-components-input-focus-ring": "#9ca3af",
+    "--persona-components-launcher-background": "#f9fafb",
+    "--persona-components-launcher-foreground": "#171717",
+    "--persona-components-launcher-border": "#e5e7eb",
+    "--persona-components-launcher-size": "60px",
+    "--persona-components-launcher-iconSize": "28px",
+    "--persona-components-launcher-borderRadius": "9999px",
+    "--persona-components-launcher-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
+    "--persona-components-panel-maxWidth": "440px",
+    "--persona-components-panel-height": "600px",
+    "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
+    "--persona-components-panel-borderRadius": "0.75rem",
+    "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "--persona-components-panel-inset": "16px",
+    "--persona-components-panel-canvasBackground": "transparent",
+    "--persona-components-header-background": "#171717",
+    "--persona-components-header-foreground": "#ffffff",
+    "--persona-components-header-padding": "1rem",
+    "--persona-components-header-iconBackground": "#0f0f0f",
+    "--persona-components-header-iconForeground": "#ffffff",
+    "--persona-components-message-user-background": "#171717",
+    "--persona-components-message-user-text": "#ffffff",
+    "--persona-components-message-user-borderRadius": "0.5rem",
+    "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-message-assistant-background": "#f9fafb",
+    "--persona-components-message-assistant-text": "#111827",
+    "--persona-components-message-assistant-borderRadius": "0.5rem",
+    "--persona-components-message-assistant-border": "#e5e7eb",
+    "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-message-border": "#e5e7eb",
+    "--persona-components-introCard-background": "transparent",
+    "--persona-components-introCard-borderRadius": "1rem",
+    "--persona-components-introCard-padding": "1.5rem",
+    "--persona-components-introCard-shadow": "none",
+    "--persona-components-suggestion-chip-background": "#f9fafb",
+    "--persona-components-suggestion-chip-foreground": "#111827",
+    "--persona-components-suggestion-chip-border": "#e5e7eb",
+    "--persona-components-suggestion-chip-borderRadius": "9999px",
+    "--persona-components-suggestion-chip-padding": "0.5rem 0.875rem",
+    "--persona-components-suggestion-chip-gap": "0.5rem",
+    "--persona-components-suggestion-chip-itemGap": "8px",
+    "--persona-components-suggestion-chip-minHeight": "36px",
+    "--persona-components-suggestion-chip-fontSize": "0.8125rem",
+    "--persona-components-suggestion-chip-lineHeight": "1.25",
+    "--persona-components-suggestion-chip-iconSize": "16px",
+    "--persona-components-suggestion-chip-hoverBackground": "#f3f4f6",
+    "--persona-components-suggestion-chip-hoverBorder": "#d1d5db",
+    "--persona-components-suggestion-chip-pressedBackground": "#e5e7eb",
+    "--persona-components-suggestion-chip-focusRing": "#0f0f0f",
+    "--persona-components-suggestion-chip-disabledOpacity": "0.5",
+    "--persona-components-suggestion-card-background": "#f9fafb",
+    "--persona-components-suggestion-card-foreground": "#111827",
+    "--persona-components-suggestion-card-border": "#e5e7eb",
+    "--persona-components-suggestion-card-borderRadius": "0.75rem",
+    "--persona-components-suggestion-card-padding": "1rem",
+    "--persona-components-suggestion-card-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-suggestion-card-gap": "0.625rem",
+    "--persona-components-suggestion-card-itemGap": "8px",
+    "--persona-components-suggestion-card-minHeight": "72px",
+    "--persona-components-suggestion-card-fontSize": "0.875rem",
+    "--persona-components-suggestion-card-lineHeight": "1.35",
+    "--persona-components-suggestion-card-iconSize": "18px",
+    "--persona-components-suggestion-card-hoverBackground": "#f3f4f6",
+    "--persona-components-suggestion-card-hoverBorder": "#d1d5db",
+    "--persona-components-suggestion-card-pressedBackground": "#e5e7eb",
+    "--persona-components-suggestion-card-focusRing": "#0f0f0f",
+    "--persona-components-suggestion-card-disabledOpacity": "0.5",
+    "--persona-components-suggestion-list-background": "transparent",
+    "--persona-components-suggestion-list-foreground": "#111827",
+    "--persona-components-suggestion-list-border": "#e5e7eb",
+    "--persona-components-suggestion-list-borderRadius": "0.375rem",
+    "--persona-components-suggestion-list-padding": "0.75rem",
+    "--persona-components-suggestion-list-gap": "0.625rem",
+    "--persona-components-suggestion-list-itemGap": "8px",
+    "--persona-components-suggestion-list-minHeight": "44px",
+    "--persona-components-suggestion-list-fontSize": "0.875rem",
+    "--persona-components-suggestion-list-lineHeight": "1.35",
+    "--persona-components-suggestion-list-iconSize": "17px",
+    "--persona-components-suggestion-list-hoverBackground": "#f3f4f6",
+    "--persona-components-suggestion-list-hoverBorder": "#d1d5db",
+    "--persona-components-suggestion-list-pressedBackground": "#e5e7eb",
+    "--persona-components-suggestion-list-focusRing": "#0f0f0f",
+    "--persona-components-suggestion-list-disabledOpacity": "0.5",
+    "--persona-components-toolBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-composer-shadow": "none",
+    "--persona-components-scrollbar-thumb": "#e5e7eb",
+    "--persona-components-scrollbar-track": "transparent",
+    "--persona-components-markdown-inlineCode-background": "#f9fafb",
+    "--persona-components-markdown-inlineCode-foreground": "#111827",
+    "--persona-components-markdown-link-foreground": "#0f0f0f",
+    "--persona-components-markdown-prose-fontFamily": "inherit",
+    "--persona-components-markdown-codeBlock-background": "#f9fafb",
+    "--persona-components-markdown-codeBlock-borderColor": "#e5e7eb",
+    "--persona-components-markdown-codeBlock-textColor": "inherit",
+    "--persona-components-markdown-codeBlock-borderRadius": "0.375rem",
+    "--persona-components-markdown-table-headerBackground": "#f9fafb",
+    "--persona-components-markdown-table-borderColor": "#e5e7eb",
+    "--persona-components-markdown-hr-color": "#e5e7eb",
+    "--persona-components-markdown-blockquote-borderColor": "#111827",
+    "--persona-components-markdown-blockquote-background": "transparent",
+    "--persona-components-markdown-blockquote-textColor": "#6b7280",
+    "--persona-components-collapsibleWidget-container": "#f9fafb",
+    "--persona-components-collapsibleWidget-surface": "#f9fafb",
+    "--persona-components-collapsibleWidget-border": "#e5e7eb",
+    "--persona-components-voice-recording-indicator": "#ef4444",
+    "--persona-components-voice-recording-background": "#fef2f2",
+    "--persona-components-voice-recording-border": "#fecaca",
+    "--persona-components-voice-processing-icon": "#171717",
+    "--persona-components-voice-processing-background": "#ffffff",
+    "--persona-components-voice-speaking-icon": "#22c55e",
+    "--persona-components-approval-requested-background": "#f9fafb",
+    "--persona-components-approval-requested-border": "#e5e7eb",
+    "--persona-components-approval-requested-text": "#111827",
+    "--persona-components-approval-requested-shadow": "0 1px 2px 0 rgba(11, 11, 11, 0.06), 0 2px 8px 0 rgba(11, 11, 11, 0.04)",
+    "--persona-components-approval-approve-background": "#171717",
+    "--persona-components-approval-approve-foreground": "#f9fafb",
+    "--persona-components-approval-approve-borderRadius": "0.375rem",
+    "--persona-components-approval-approve-padding": "0.5rem",
+    "--persona-components-approval-deny-background": "#f9fafb",
+    "--persona-components-approval-deny-foreground": "#111827",
+    "--persona-components-approval-deny-borderRadius": "0.375rem",
+    "--persona-components-approval-deny-padding": "0.5rem",
+    "--persona-components-attachment-image-background": "#f3f4f6",
+    "--persona-components-attachment-image-border": "#e5e7eb",
+    "--persona-components-eventStream-badge-flow-background": "#dcfce7",
+    "--persona-components-eventStream-badge-flow-foreground": "#15803d",
+    "--persona-components-eventStream-badge-step-background": "#f5f5f5",
+    "--persona-components-eventStream-badge-step-foreground": "#0a0a0a",
+    "--persona-components-eventStream-badge-reasoning-background": "#fef9c3",
+    "--persona-components-eventStream-badge-reasoning-foreground": "#a16207",
+    "--persona-components-eventStream-badge-tool-background": "#f3e8ff",
+    "--persona-components-eventStream-badge-tool-foreground": "#6b21a8",
+    "--persona-components-eventStream-badge-agent-background": "#ccfbf1",
+    "--persona-components-eventStream-badge-agent-foreground": "#115e59",
+    "--persona-components-eventStream-badge-error-background": "#fee2e2",
+    "--persona-components-eventStream-badge-error-foreground": "#b91c1c",
+    "--persona-components-eventStream-badge-default-background": "#f3f4f6",
+    "--persona-components-eventStream-badge-default-foreground": "#4b5563",
+    "--persona-components-scrollToBottom-background": "#171717",
+    "--persona-components-scrollToBottom-foreground": "#ffffff",
+    "--persona-components-scrollToBottom-border": "#171717",
+    "--persona-components-scrollToBottom-size": "40px",
+    "--persona-components-scrollToBottom-borderRadius": "9999px",
+    "--persona-components-scrollToBottom-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-components-scrollToBottom-padding": "0.5rem 0.875rem",
+    "--persona-components-scrollToBottom-gap": "0.5rem",
+    "--persona-components-scrollToBottom-fontSize": "0.875rem",
+    "--persona-components-scrollToBottom-iconSize": "14px",
+    "--persona-components-artifact-pane-background": "#f9fafb",
+    "--persona-components-artifact-pane-toolbarBackground": "#f9fafb",
+    "--persona-primary": "#171717",
+    "--persona-secondary": "#8b5cf6",
+    "--persona-accent": "#0f0f0f",
+    "--persona-surface": "#f9fafb",
+    "--persona-background": "#f9fafb",
+    "--persona-container": "#f9fafb",
+    "--persona-text": "#111827",
+    "--persona-text-muted": "#6b7280",
+    "--persona-text-inverse": "#f9fafb",
+    "--persona-border": "#e5e7eb",
+    "--persona-divider": "#e5e7eb",
+    "--persona-muted": "#6b7280",
+    "--persona-voice-recording-indicator": "#ef4444",
+    "--persona-voice-recording-bg": "#fef2f2",
+    "--persona-voice-processing-icon": "#171717",
+    "--persona-voice-speaking-icon": "#22c55e",
+    "--persona-approval-bg": "#f9fafb",
+    "--persona-approval-border": "#e5e7eb",
+    "--persona-approval-text": "#111827",
+    "--persona-approval-shadow": "0 1px 2px 0 rgba(11, 11, 11, 0.06), 0 2px 8px 0 rgba(11, 11, 11, 0.04)",
+    "--persona-approval-approve-bg": "#171717",
+    "--persona-approval-deny-bg": "#f9fafb",
+    "--persona-attachment-image-bg": "#f3f4f6",
+    "--persona-attachment-image-border": "#e5e7eb",
+    "--persona-font-family": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+    "--persona-font-size": "1rem",
+    "--persona-font-weight": "400",
+    "--persona-line-height": "1.5",
+    "--persona-input-font-family": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+    "--persona-input-font-weight": "400",
+    "--persona-radius-sm": "0.125rem",
+    "--persona-radius-md": "0.375rem",
+    "--persona-radius-lg": "0.5rem",
+    "--persona-radius-xl": "0.75rem",
+    "--persona-radius-full": "9999px",
+    "--persona-launcher-radius": "9999px",
+    "--persona-launcher-bg": "#f9fafb",
+    "--persona-launcher-fg": "#171717",
+    "--persona-launcher-fg-muted": "#6b7280",
+    "--persona-launcher-border": "#e5e7eb",
+    "--persona-button-primary-bg": "#171717",
+    "--persona-button-primary-fg": "#ffffff",
+    "--persona-button-radius": "0.5rem",
+    "--persona-button-ghost-bg": "transparent",
+    "--persona-button-ghost-fg": "#111827",
+    "--persona-button-ghost-radius": "0.375rem",
+    "--persona-button-ghost-hover-bg": "rgba(0, 0, 0, 0.05)",
+    "--persona-panel-radius": "0.75rem",
+    "--persona-panel-border": "1px solid #e5e7eb",
+    "--persona-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "--persona-panel-inset": "16px",
+    "--persona-panel-canvas-bg": "transparent",
+    "--persona-launcher-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "--persona-input-radius": "0.5rem",
+    "--persona-message-user-radius": "0.5rem",
+    "--persona-message-assistant-radius": "0.5rem",
+    "--persona-header-bg": "#171717",
+    "--persona-header-border": "color-mix(in srgb, #ffffff 14%, #171717)",
+    "--persona-header-icon-bg": "#0f0f0f",
+    "--persona-header-icon-fg": "#ffffff",
+    "--persona-header-title-fg": "#ffffff",
+    "--persona-header-subtitle-fg": "color-mix(in srgb, #ffffff 72%, #171717)",
+    "--persona-header-action-icon-fg": "color-mix(in srgb, #ffffff 72%, #171717)",
+    "--persona-header-control-size": "32px",
+    "--persona-header-control-icon-size": "20px",
+    "--persona-danger": "#b91c1c",
+    "--persona-danger-fg": "#ffffff",
+    "--persona-intro-card-bg": "transparent",
+    "--persona-intro-card-radius": "1rem",
+    "--persona-intro-card-padding": "1.5rem 0",
+    "--persona-intro-card-shadow": "none",
+    "--persona-intro-card-border": "none",
+    "--persona-input-background": "#f9fafb",
+    "--persona-input-placeholder": "#6b7280",
+    "--persona-input-backdrop-filter": "none",
+    "--persona-message-user-bg": "#171717",
+    "--persona-message-user-text": "#ffffff",
+    "--persona-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-message-assistant-bg": "#f9fafb",
+    "--persona-message-assistant-text": "#111827",
+    "--persona-message-assistant-border": "#e5e7eb",
+    "--persona-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-scroll-to-bottom-bg": "#171717",
+    "--persona-scroll-to-bottom-fg": "#ffffff",
+    "--persona-scroll-to-bottom-border": "#171717",
+    "--persona-scroll-to-bottom-size": "40px",
+    "--persona-scroll-to-bottom-radius": "9999px",
+    "--persona-scroll-to-bottom-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-scroll-to-bottom-padding": "0.5rem 0.875rem",
+    "--persona-scroll-to-bottom-gap": "0.5rem",
+    "--persona-scroll-to-bottom-font-size": "0.875rem",
+    "--persona-scroll-to-bottom-icon-size": "14px",
+    "--persona-event-badge-flow-bg": "#dcfce7",
+    "--persona-event-badge-flow-fg": "#15803d",
+    "--persona-event-badge-step-bg": "#f5f5f5",
+    "--persona-event-badge-step-fg": "#0a0a0a",
+    "--persona-event-badge-reasoning-bg": "#fef9c3",
+    "--persona-event-badge-reasoning-fg": "#a16207",
+    "--persona-event-badge-tool-bg": "#f3e8ff",
+    "--persona-event-badge-tool-fg": "#6b21a8",
+    "--persona-event-badge-agent-bg": "#ccfbf1",
+    "--persona-event-badge-agent-fg": "#115e59",
+    "--persona-event-badge-error-bg": "#fee2e2",
+    "--persona-event-badge-error-fg": "#b91c1c",
+    "--persona-event-badge-default-bg": "#f3f4f6",
+    "--persona-event-badge-default-fg": "#4b5563",
+    "--persona-tool-bubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-reasoning-bubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "--persona-composer-shadow": "none",
+    "--persona-composer-padding": "0.75rem 1rem",
+    "--persona-composer-gap": "0.5rem",
+    "--persona-composer-font-size": "0.875rem",
+    "--persona-composer-line-height": "1.25rem",
+    "--persona-composer-control-size": "40px",
+    "--persona-composer-control-icon-size": "24px",
+    "--persona-motion-duration-fast": "120ms",
+    "--persona-motion-duration-base": "200ms",
+    "--persona-motion-easing": "cubic-bezier(0.2, 0, 0, 1)",
+    "--persona-composer-border-color": "#e5e7eb",
+    "--persona-composer-overlay-band": "transparent",
+    "--persona-scrollbar-thumb": "#e5e7eb",
+    "--persona-scrollbar-track": "transparent",
+    "--persona-md-inline-code-bg": "#f9fafb",
+    "--persona-md-inline-code-color": "#111827",
+    "--persona-md-link-color": "#0f0f0f",
+    "--persona-md-code-block-bg": "#f9fafb",
+    "--persona-md-code-block-border-color": "#e5e7eb",
+    "--persona-md-code-block-text-color": "inherit",
+    "--persona-md-code-block-border-radius": "0.375rem",
+    "--persona-md-table-header-bg": "#f9fafb",
+    "--persona-md-table-border-color": "#e5e7eb",
+    "--persona-md-hr-color": "#e5e7eb",
+    "--persona-md-blockquote-border-color": "#111827",
+    "--persona-md-blockquote-bg": "transparent",
+    "--persona-md-blockquote-text-color": "#6b7280",
+    "--cw-container": "#f9fafb",
+    "--cw-surface": "#f9fafb",
+    "--cw-border": "#e5e7eb",
+    "--persona-message-border": "#e5e7eb",
+    "--persona-artifact-toolbar-bg": "#f9fafb",
+    "--persona-icon-btn-hover-bg": "#f3f4f6",
+    "--persona-icon-btn-active-bg": "#e5e7eb",
+    "--persona-icon-btn-active-border": "#d1d5db",
+    "--persona-label-btn-hover-bg": "#f3f4f6",
+    "--persona-artifact-tab-hover-bg": "#f3f4f6",
+    "--persona-artifact-card-hover-bg": "#f3f4f6"
+  },
+  "mergedDefaultConfig": {
+    "apiUrl": "https://api.runtype.com/api/chat/dispatch",
+    "colorScheme": "light",
+    "tooltip": {
+      "delayMs": 200,
+      "skipDelayMs": 300
+    },
+    "launcher": {
+      "enabled": true,
+      "mountMode": "floating",
+      "dock": {
+        "side": "right",
+        "width": "420px"
+      },
+      "title": "Chat Assistant",
+      "subtitle": "Here to help you get answers fast",
+      "agentIconText": "💬",
+      "agentIconName": "bot",
+      "headerIconName": "bot",
+      "position": "bottom-right",
+      "width": "min(440px, calc(100vw - 24px))",
+      "heightOffset": 0,
+      "autoExpand": false,
+      "callToActionIconHidden": false,
+      "agentIconSize": "40px",
+      "headerIconSize": "40px",
+      "closeButtonPaddingX": "0px",
+      "closeButtonPaddingY": "0px",
+      "callToActionIconName": "arrow-up-right",
+      "callToActionIconText": "",
+      "callToActionIconSize": "32px",
+      "callToActionIconPadding": "5px",
+      "closeButtonBackgroundColor": "transparent",
+      "clearChat": {
+        "backgroundColor": "transparent",
+        "borderColor": "transparent",
+        "enabled": true,
+        "placement": "inline",
+        "iconName": "refresh-cw",
+        "showTooltip": true,
+        "tooltipText": "Clear chat",
+        "paddingX": "0px",
+        "paddingY": "0px"
+      },
+      "headerIconHidden": false,
+      "shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)"
+    },
+    "copy": {
+      "inputPlaceholder": "How can I help...",
+      "sendButtonLabel": "Send"
+    },
+    "sendButton": {
+      "borderWidth": "0px",
+      "paddingX": "12px",
+      "paddingY": "10px",
+      "useIcon": true,
+      "iconText": "↑",
+      "showTooltip": true,
+      "tooltipText": "Send message",
+      "iconName": "send"
+    },
+    "statusIndicator": {
+      "visible": true,
+      "idleText": "Online",
+      "connectingText": "Connecting…",
+      "connectedText": "Streaming…",
+      "errorText": "Offline"
+    },
+    "voiceRecognition": {
+      "enabled": true,
+      "pauseDuration": 2000,
+      "iconName": "mic",
+      "borderWidth": "0px",
+      "backgroundColor": "transparent",
+      "borderColor": "transparent",
+      "recordingBorderColor": "transparent",
+      "showTooltip": true,
+      "tooltipText": "Start voice recognition"
+    },
+    "features": {
+      "showReasoning": true,
+      "showToolCalls": true,
+      "scrollToBottom": {
+        "enabled": true,
+        "iconName": "arrow-down",
+        "label": ""
+      },
+      "scrollBehavior": {
+        "mode": "anchor-top",
+        "anchorTopOffset": 16,
+        "showActivityWhilePinned": true
+      },
+      "toolCallDisplay": {
+        "collapsedMode": "tool-call",
+        "activePreview": false,
+        "grouped": false,
+        "groupedMode": "stack",
+        "previewMaxLines": 3,
+        "expandable": true,
+        "loadingAnimation": "none"
+      },
+      "reasoningDisplay": {
+        "activePreview": false,
+        "previewMaxLines": 3,
+        "expandable": true,
+        "loadingAnimation": "none"
+      },
+      "streamAnimation": {
+        "type": "none",
+        "placeholder": "none",
+        "speed": 120,
+        "duration": 1800
+      },
+      "askUserQuestion": {
+        "enabled": true,
+        "slideInMs": 180,
+        "freeTextLabel": "Other…",
+        "freeTextPlaceholder": "Type your answer…",
+        "submitLabel": "Send"
+      },
+      "history": {
+        "enabled": false,
+        "presentation": "panel",
+        "showScopeStatus": true,
+        "showDelete": true,
+        "showDeleteAll": true
+      }
+    },
+    "suggestionChips": [
+      "Show me what you can help with",
+      "Walk me through getting started",
+      "Answer a question about this page"
+    ],
+    "suggestionChipsConfig": {
+      "fontFamily": "sans-serif",
+      "fontWeight": "500",
+      "paddingX": "12px",
+      "paddingY": "6px"
+    },
+    "layout": {
+      "header": {
+        "layout": "default",
+        "showIcon": true,
+        "showTitle": true,
+        "showSubtitle": true,
+        "showCloseButton": true,
+        "showClearChat": true
+      },
+      "messages": {
+        "layout": "bubble",
+        "avatar": {
+          "show": false,
+          "position": "left"
+        },
+        "timestamp": {
+          "show": false,
+          "position": "below"
+        },
+        "groupConsecutive": false
+      },
+      "slots": {}
+    },
+    "markdown": {
+      "options": {
+        "gfm": true,
+        "breaks": true
+      },
+      "disableDefaultStyles": false
+    },
+    "messageActions": {
+      "enabled": true,
+      "showCopy": true,
+      "showUpvote": false,
+      "showDownvote": false,
+      "visibility": "hover",
+      "align": "right",
+      "layout": "pill-inside"
+    },
+    "debug": false
+  },
+  "computedStyles": {
+    "header": {
+      "display": "flex",
+      "position": "",
+      "background-color": "var(--persona-header-bg, var(--persona-surface, #ffffff))",
+      "color": "var(--persona-primary, #171717)",
+      "border-radius": "",
+      "padding": "1.25rem 1.5rem",
+      "margin": "",
+      "font-size": "",
+      "line-height": "",
+      "box-shadow": "var(--persona-header-shadow, none)",
+      "width": "",
+      "height": ""
+    },
+    "userBubble": {
+      "display": "block",
+      "position": "relative",
+      "background-color": "var(--persona-message-user-bg, var(--persona-accent))",
+      "color": "var(--persona-message-user-text, white)",
+      "border-radius": "var(--persona-message-user-radius, var(--persona-radius-lg, 0.5rem))",
+      "padding": "0.75rem 1.25rem",
+      "margin": "",
+      "font-size": "0.875rem",
+      "line-height": "1.75",
+      "box-shadow": "var(--persona-message-user-shadow, 0 5px 15px rgba(15, 23, 42, 0.08))",
+      "width": "",
+      "height": ""
+    },
+    "assistantBubble": {
+      "display": "block",
+      "position": "relative",
+      "background-color": "var(--persona-surface, #ffffff)",
+      "color": "var(--persona-primary, #171717)",
+      "border-radius": "var(--persona-radius-lg)",
+      "padding": "",
+      "margin": "",
+      "font-size": "",
+      "line-height": "",
+      "box-shadow": "var(--persona-tool-bubble-shadow, 0 5px 15px rgba(15, 23, 42, 0.08))",
+      "width": "100%",
+      "height": ""
+    },
+    "composer": {
+      "display": "flex",
+      "position": "",
+      "background-color": "var(--persona-input-background, #ffffff)",
+      "color": "var(--persona-primary, #171717)",
+      "border-radius": "var(--persona-input-radius, var(--persona-radius-lg, 0.5rem))",
+      "padding": "var(--persona-composer-padding, 0.75rem 1rem)",
+      "margin": "",
+      "font-size": "",
+      "line-height": "",
+      "box-shadow": "var(--persona-composer-shadow, none)",
+      "width": "100%",
+      "height": ""
+    },
+    "launcher": {
+      "display": "flex",
+      "position": "fixed",
+      "background-color": "var(--persona-launcher-bg, var(--persona-surface, #ffffff))",
+      "color": "rgb(0, 0, 0)",
+      "border-radius": "var(--persona-launcher-radius)",
+      "padding": "0.625rem 0.75rem",
+      "margin": "",
+      "font-size": "",
+      "line-height": "initial",
+      "box-shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+      "width": "",
+      "height": ""
+    },
+    "toolBubble": {
+      "display": "block",
+      "position": "relative",
+      "background-color": "var(--persona-surface, #ffffff)",
+      "color": "var(--persona-primary, #171717)",
+      "border-radius": "var(--persona-radius-lg)",
+      "padding": "",
+      "margin": "",
+      "font-size": "",
+      "line-height": "",
+      "box-shadow": "var(--persona-tool-bubble-shadow, 0 5px 15px rgba(15, 23, 42, 0.08))",
+      "width": "100%",
+      "height": ""
+    }
+  }
+}