glirastes 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.md +17 -1
  2. package/README.md +32 -47
  3. package/dist/cjs/embed/chat-styles.generated.d.ts +1 -1
  4. package/dist/cjs/embed/chat-styles.generated.js +1 -1
  5. package/dist/cjs/react/components/approval-card.js +20 -1
  6. package/dist/cjs/react/locale-de.js +3 -0
  7. package/dist/cjs/react/provider/ai-chat-provider.js +3 -0
  8. package/dist/cjs/react/styles.css +26 -0
  9. package/dist/cjs/react/types.d.ts +5 -0
  10. package/dist/cjs/react/utils/create-approval-description.js +12 -6
  11. package/dist/cjs/runtime/glirastes.d.ts +5 -4
  12. package/dist/cjs/runtime/glirastes.js +4 -2
  13. package/dist/cjs/runtime/index.d.ts +1 -0
  14. package/dist/cjs/runtime/index.js +4 -1
  15. package/dist/cjs/runtime/local-limits.d.ts +6 -0
  16. package/dist/cjs/runtime/local-limits.js +26 -0
  17. package/dist/cjs/runtime/runtime-mode.d.ts +1 -1
  18. package/dist/cjs/runtime/runtime-mode.js +1 -1
  19. package/dist/cjs/runtime/sdk-version.d.ts +2 -0
  20. package/dist/cjs/runtime/sdk-version.js +5 -0
  21. package/dist/cjs/server/lancer/client.js +2 -1
  22. package/dist/cli/commands/connect.js +6 -6
  23. package/dist/cli/commands/connect.js.map +1 -1
  24. package/dist/cli/index.js +2 -2
  25. package/dist/cli/index.js.map +1 -1
  26. package/dist/embed/chat-styles.generated.d.ts +1 -1
  27. package/dist/embed/chat-styles.generated.js +1 -1
  28. package/dist/embed/chat-styles.generated.js.map +1 -1
  29. package/dist/react/components/approval-card.js +20 -1
  30. package/dist/react/components/approval-card.js.map +1 -1
  31. package/dist/react/locale-de.js +3 -0
  32. package/dist/react/locale-de.js.map +1 -1
  33. package/dist/react/provider/ai-chat-provider.js +3 -0
  34. package/dist/react/provider/ai-chat-provider.js.map +1 -1
  35. package/dist/react/styles.css +26 -0
  36. package/dist/react/types.d.ts +5 -0
  37. package/dist/react/utils/create-approval-description.js +12 -6
  38. package/dist/react/utils/create-approval-description.js.map +1 -1
  39. package/dist/runtime/glirastes.d.ts +5 -4
  40. package/dist/runtime/glirastes.js +4 -2
  41. package/dist/runtime/glirastes.js.map +1 -1
  42. package/dist/runtime/index.d.ts +1 -0
  43. package/dist/runtime/index.js +1 -0
  44. package/dist/runtime/index.js.map +1 -1
  45. package/dist/runtime/local-limits.d.ts +6 -0
  46. package/dist/runtime/local-limits.js +23 -0
  47. package/dist/runtime/local-limits.js.map +1 -0
  48. package/dist/runtime/runtime-mode.d.ts +1 -1
  49. package/dist/runtime/runtime-mode.js +1 -1
  50. package/dist/runtime/runtime-mode.js.map +1 -1
  51. package/dist/runtime/sdk-version.d.ts +2 -0
  52. package/dist/runtime/sdk-version.js +3 -0
  53. package/dist/runtime/sdk-version.js.map +1 -0
  54. package/dist/server/lancer/client.js +2 -1
  55. package/dist/server/lancer/client.js.map +1 -1
  56. package/package.json +1 -1
  57. package/skills/integrating-glirastes-nextjs/SKILL.md +2 -9
  58. package/skills/setting-up-glirastes/SKILL.md +40 -4
package/dist/embed/chat-styles.generated.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // Generated by scripts/generate-embed-styles.mjs from src/react/styles.css.
2
2
  // Do not edit by hand.
3
- export const CHAT_STYLES = "/* glirastes — default chat panel styles.\n Auto-injected when you render <AiChat /> or <AiChatPanel />.\n Themes: every color / radius / font below is driven by CSS variables\n that can be overridden per-instance via the `theme` prop, which emits\n inline `--cm-*` vars on the root elements. The defaults below act as\n the fallback when no `theme` prop is given. */\n\n:where(\n [data-component=\"ai-chat-panel\"],\n [data-component=\"chat-window\"],\n [data-component=\"ai-trigger-button\"],\n [data-component=\"assistant-shell\"],\n [data-component=\"assistant-bubble\"],\n [data-component=\"assistant-toggle\"]\n):where(:not([data-unstyled], [data-unstyled] *)) {\n --cm-primary: #6366f1;\n --cm-primary-soft: #818cf8;\n --cm-primary-tint: rgba(99, 102, 241, 0.12);\n --cm-primary-ring: rgba(99, 102, 241, 0.18);\n --cm-bg: #ffffff;\n --cm-bg-muted: #f9fafb;\n --cm-bubble-user: #e0e7ff;\n --cm-bubble-assistant: #f3f4f6;\n --cm-border: #e5e7eb;\n --cm-text: #111827;\n --cm-text-muted: #6b7280;\n --cm-danger: #dc2626;\n --cm-radius: 0.875rem;\n --cm-radius-sm: 0.5rem;\n --cm-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-height: 520px;\n max-height: 100%;\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n overflow: hidden;\n font-family: var(--cm-font);\n font-size: 14px;\n line-height: 1.5;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *::before,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *::after {\n box-sizing: border-box;\n}\n\n/* ---------- Error banner ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"error-banner\"] {\n padding: 0.75rem 1rem;\n background: #fef2f2;\n color: #991b1b;\n border-bottom: 1px solid #fecaca;\n font-size: 13px;\n}\n\n/* ---------- Empty state ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"empty-state\"] {\n flex: 1;\n display: grid;\n place-items: center;\n padding: 2rem;\n color: var(--cm-text-muted);\n text-align: center;\n}\n\n/* ---------- Message list ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-list\"] {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n scroll-behavior: smooth;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-list\"] > [data-action=\"load-more\"] {\n align-self: center;\n padding: 0.375rem 0.75rem;\n font: inherit;\n font-size: 12px;\n background: transparent;\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text-muted);\n cursor: pointer;\n}\n\n/* ---------- Message bubble ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"] {\n max-width: 85%;\n padding: 0.625rem 0.875rem;\n border-radius: var(--cm-radius);\n word-wrap: break-word;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"user\"] {\n align-self: flex-end;\n background: var(--cm-bubble-user);\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"assistant\"] {\n align-self: flex-start;\n background: var(--cm-bubble-assistant);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"system\"] {\n align-self: center;\n background: var(--cm-bg-muted);\n color: var(--cm-text-muted);\n font-style: italic;\n font-size: 13px;\n}\n\n/* ---------- Markdown content ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] p {\n margin: 0 0 0.5rem 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] p:last-child {\n margin: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] pre {\n background: rgba(0, 0, 0, 0.05);\n padding: 0.625rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n overflow-x: auto;\n font-size: 12px;\n margin: 0.5rem 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] code {\n background: rgba(0, 0, 0, 0.06);\n padding: 0.125rem 0.25rem;\n border-radius: 3px;\n font-size: 0.9em;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] pre code {\n background: transparent;\n padding: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] ul,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] ol {\n margin: 0.25rem 0 0.5rem 1.25rem;\n padding: 0;\n}\n\n/* ---------- Chat input / mention input ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] {\n flex-shrink: 0;\n display: flex;\n gap: 0.5rem;\n align-items: flex-end;\n padding: 0.75rem 1rem;\n border-top: 1px solid var(--cm-border);\n background: var(--cm-bg);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea {\n flex: 1;\n min-height: 40px;\n max-height: 160px;\n resize: none;\n padding: 0.5rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea:focus,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea:focus {\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea::placeholder,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea::placeholder {\n color: var(--cm-text-muted);\n}\n\n/* ---------- Send / stop buttons ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"] {\n padding: 0.5rem 1rem;\n background: var(--cm-primary);\n color: #fff;\n border: none;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s, transform 0.05s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:hover:not(:disabled) {\n opacity: 0.92;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:active:not(:disabled) {\n transform: translateY(1px);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"stop\"] {\n padding: 0.5rem 0.875rem;\n background: transparent;\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n font: inherit;\n cursor: pointer;\n}\n\n/* ---------- Suggestion bar ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-bar\"] {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n padding: 0.5rem 1rem 0.25rem 1rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-chip\"] {\n padding: 0.375rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 9999px;\n font: inherit;\n font-size: 12px;\n color: var(--cm-text);\n cursor: pointer;\n transition: background 0.15s, border-color 0.15s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-chip\"]:hover {\n background: var(--cm-bubble-user);\n border-color: var(--cm-primary);\n}\n\n/* ---------- Typing indicator ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] {\n display: flex;\n gap: 4px;\n padding: 0.5rem 1rem;\n align-items: center;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"] {\n width: 6px;\n height: 6px;\n background: var(--cm-text-muted);\n border-radius: 50%;\n animation: cm-chat-typing 1.4s infinite ease-in-out both;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"]:nth-child(2) {\n animation-delay: 0.16s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"]:nth-child(3) {\n animation-delay: 0.32s;\n}\n@keyframes cm-chat-typing {\n 0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }\n 40% { transform: scale(1); opacity: 1; }\n}\n\n/* ---------- Truncation banner ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] {\n padding: 0.75rem 1rem;\n background: #fef9c3;\n color: #713f12;\n border-top: 1px solid #fde047;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n font-size: 13px;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] [data-element=\"actions\"] {\n display: flex;\n gap: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] button {\n padding: 0.3125rem 0.625rem;\n background: #fff;\n border: 1px solid #d4a574;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n/* ---------- Approval cards ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] {\n margin: 0 1rem 0.75rem 1rem;\n padding: 0.875rem 1rem;\n background: #fffbeb;\n border: 1px solid #fcd34d;\n border-radius: var(--cm-radius);\n font-size: 13px;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"header\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"header\"] {\n font-weight: 500;\n color: #713f12;\n margin-bottom: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"details\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"details\"] {\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid rgba(252, 211, 77, 0.6);\n border-radius: var(--cm-radius-sm);\n padding: 0.5rem 0.625rem;\n margin-bottom: 0.625rem;\n font-size: 12px;\n color: #78350f;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-line\"] {\n display: flex;\n gap: 0.5rem;\n line-height: 1.5;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-label\"] {\n flex: 0 0 auto;\n min-width: 5.5rem;\n opacity: 0.75;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-label\"]::after {\n content: \":\";\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-value\"] {\n min-width: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"actions\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"actions\"] {\n display: flex;\n gap: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"approve\"] {\n padding: 0.375rem 0.875rem;\n background: #16a34a;\n color: #fff;\n border: none;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"approve\"]:hover:not(:disabled) {\n background: #15803d;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"reject\"] {\n padding: 0.375rem 0.875rem;\n background: #fff;\n color: #dc2626;\n border: 1px solid #fca5a5;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n/* ---------- Mention chip ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-chip\"] {\n display: inline-flex;\n align-items: center;\n padding: 0.125rem 0.5rem;\n background: var(--cm-bubble-user);\n color: #3730a3;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: 500;\n}\n\n/* ---------- Pipeline timeline ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"pipeline-timeline\"] {\n padding: 0.5rem 1rem;\n border-bottom: 1px solid var(--cm-border);\n background: var(--cm-bg-muted);\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Activity log and plan ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] {\n margin: 0 0 0.375rem;\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-summary\"] {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n cursor: pointer;\n list-style: none;\n user-select: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-summary\"]::-webkit-details-marker {\n display: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"][data-state=\"running\"] [data-element=\"activity-summary\"] {\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-steps\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-items\"] {\n list-style: none;\n margin: 0.25rem 0 0;\n padding: 0 0 0 0.375rem;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-steps\"] {\n border-left: 1px solid var(--cm-border);\n margin-left: 0.375rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"] {\n display: flex;\n align-items: baseline;\n gap: 0.375rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"icon\"] {\n flex-shrink: 0;\n align-self: center;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"][data-status=\"done\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"completed\"] [data-element=\"icon\"] {\n color: var(--cm-primary);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"][data-status=\"error\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"][data-state=\"error\"] [data-element=\"activity-summary\"] [data-element=\"icon\"] {\n color: #dc2626;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"detail\"] {\n opacity: 0.8;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"detail\"]::before {\n content: \"· \";\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-notice\"] {\n margin: 0.25rem 0 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"title\"] {\n font-weight: 600;\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"in_progress\"] {\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"pending\"] {\n opacity: 0.55;\n}\n\n/* ---------- Tool result ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"tool-result\"] {\n margin: 0.375rem 0;\n padding: 0.5rem 0.75rem;\n background: rgba(0, 0, 0, 0.03);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Provider composer, '/' and '@' list ---------- */\n/* The wrapper above is flex, but the editor, mic and Send sit inside a bare\n <form> (classNames.input is empty by default). Without this rule the form\n shrink-wraps its contents and the editor and its list collapse to ~111px. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form {\n display: flex;\n flex: 1;\n min-width: 0;\n gap: 0.5rem;\n align-items: flex-end;\n flex-wrap: wrap;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] {\n position: relative;\n flex: 1;\n min-width: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"editor\"] {\n box-sizing: border-box;\n min-height: 40px;\n max-height: 160px;\n overflow-y: auto;\n overflow-wrap: anywhere;\n padding: 0.5rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n outline: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"editor\"]:focus {\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"placeholder\"] {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n color: var(--cm-text-muted);\n pointer-events: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-component=\"mention-dropdown\"] {\n position: absolute;\n left: 0;\n right: 0;\n bottom: calc(100% + 0.25rem);\n z-index: 20;\n display: flex;\n flex-direction: column;\n max-height: min(40vh, 16rem);\n overflow-y: auto;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.125rem;\n width: 100%;\n padding: 0.5rem 0.75rem;\n background: transparent;\n border: none;\n color: var(--cm-text);\n font: inherit;\n text-align: left;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"] [data-element=\"description\"] {\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Chat interactions: entity actions and command arguments ---------- */\n/* The item keeps `width: 100%` from its own rule, so it gets a small flex basis here: with the full\n row as basis the shrink is shared by basis and squeezes the chips below their own width. The row\n wraps instead, which keeps the chips on one line beside the result and drops them below it only\n when the result cannot keep 8rem. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown\"] [data-element=\"result-row\"] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.25rem;\n padding-right: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"result-row\"] > [data-component=\"mention-dropdown-item\"] {\n flex: 1 1 8rem;\n min-width: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"entity-actions\"] {\n display: flex;\n flex: 0 0 auto;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 0.25rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-action\"] {\n padding: 0.125rem 0.5rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 999px;\n color: var(--cm-text);\n font: inherit;\n font-size: 12px;\n white-space: nowrap;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-action\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"command-arguments\"] {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n gap: 0.5rem;\n max-width: 100%;\n margin: 0 0 0.5rem;\n padding: 0.75rem;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n}\n/* The composer wrapper is one flex row and its `> form` rule (flex: 1) outranks the rule above,\n which would park the argument form beside the editor. The wrapper wraps and the form takes\n the full first row; the wrapper's gap supplies the space below it. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] {\n flex-wrap: wrap;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form[data-component=\"command-arguments\"] {\n flex: 1 1 100%;\n margin: 0;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n flex: 1 1 100%;\n margin: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"error\"] {\n flex: 1 1 100%;\n margin: 0;\n color: var(--cm-danger);\n font-size: 12px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"field\"] {\n position: relative;\n display: flex;\n flex: 1 1 10rem;\n flex-direction: column;\n gap: 0.25rem;\n min-width: 0;\n color: var(--cm-text-muted);\n font-size: 12px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) input,\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) select {\n box-sizing: border-box;\n width: 100%;\n padding: 0.375rem 0.5rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n font-size: 14px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) input:focus,\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) select:focus {\n outline: none;\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] {\n position: absolute;\n left: 0;\n right: 0;\n bottom: calc(100% + 0.25rem);\n z-index: 20;\n max-height: 12rem;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n list-style: none;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [role=\"option\"] {\n padding: 0.375rem 0.5rem;\n color: var(--cm-text);\n cursor: pointer;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [role=\"option\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n}\n/* The dropdown rule for descriptions is scoped to the mention items; without this one the span runs\n on after the label (`Alice Examplealice@example.com`). */\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [data-element=\"description\"] {\n display: block;\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: flex;\n gap: 0.375rem;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"run\"],\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"cancel\"] {\n padding: 0.375rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 14px;\n cursor: pointer;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"run\"] {\n background: var(--cm-primary);\n border: 1px solid var(--cm-primary);\n color: #ffffff;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"cancel\"] {\n background: transparent;\n border: 1px solid var(--cm-border);\n color: var(--cm-text);\n}\n\n/* ---------- Structured clarification ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"clarification-card\"] {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n max-width: 100%;\n margin: 0.375rem 0;\n padding: 0.75rem;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"question\"] {\n margin: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] {\n display: flex;\n flex-wrap: wrap;\n gap: 0.375rem;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-option\"] {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n max-width: 100%;\n padding: 0.375rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 9999px;\n color: var(--cm-text);\n font: inherit;\n font-size: 13px;\n text-align: left;\n overflow-wrap: anywhere;\n cursor: pointer;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-option\"]:disabled {\n opacity: 0.6;\n cursor: default;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"description\"] {\n font-size: 11px;\n color: var(--cm-text-muted);\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"free-text\"] {\n display: flex;\n gap: 0.375rem;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"free-text\"] input {\n flex: 1;\n min-width: 0;\n padding: 0.375rem 0.625rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-free-text\"] {\n padding: 0.375rem 0.75rem;\n background: var(--cm-primary);\n border: none;\n border-radius: var(--cm-radius-sm);\n color: #fff;\n font: inherit;\n cursor: pointer;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-free-text\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* ---------- Voice: mic, push-to-talk, retry, recording bar ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"voice-input-addon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"retry-recording\"] {\n flex-shrink: 0;\n min-width: 40px;\n min-height: 40px;\n padding: 0 0.625rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n cursor: pointer;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n -webkit-touch-callout: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"voice-input-addon\"][data-state=\"recording\"] {\n border-color: var(--cm-danger);\n color: var(--cm-danger);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"recording-bar\"] {\n min-width: 0;\n}\n/* The inline bar is `width: 100%` (inline style). Next to the editor, mic and\n Send it would get ~100px at 375px wide, too little for the live words. A\n non-auto flex-basis beats that width, so the bar takes a row of its own\n below them (form wraps; `order` moves it behind Send, which stays beside\n the editor). The row exists only while the bar is mounted. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form > [data-component=\"recording-bar\"] {\n flex: 1 1 100%;\n order: 1;\n}\n\n/* ===========================================================================\n Drop-in defaults for the floating trigger button and chat window.\n These exist so <LangGraphAiChat /> / <VercelAiChat /> \"just work\" with\n zero consumer styling. Override by passing className/buttonClassName.\n =========================================================================== */\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-soft) 100%);\n color: #ffffff;\n box-shadow:\n 0 10px 25px -5px var(--cm-primary-tint),\n 0 4px 10px -3px var(--cm-primary-tint),\n 0 0 0 1px rgba(255, 255, 255, 0.12) inset;\n transition: transform 150ms ease, box-shadow 150ms ease;\n font-family: var(--cm-font);\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"]:hover {\n transform: translateY(-1px);\n box-shadow:\n 0 14px 30px -5px var(--cm-primary-tint),\n 0 6px 12px -3px var(--cm-primary-tint),\n 0 0 0 1px rgba(255, 255, 255, 0.16) inset;\n}\n\n[data-component=\"ai-trigger-button\"][data-dragging=\"true\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n transform: scale(1.04);\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"mic-trigger\"] {\n background: rgba(255, 255, 255, 0.22) !important;\n color: #ffffff;\n transition: background 150ms ease;\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"mic-trigger\"]:hover {\n background: rgba(255, 255, 255, 0.34) !important;\n}\n\n/* ---------- Chat window shell ---------- */\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow:\n 0 25px 50px -12px rgba(0, 0, 0, 0.25),\n 0 0 0 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n z-index: 10000;\n font-family: var(--cm-font);\n font-size: 14px;\n}\n\n[data-component=\"chat-window\"][data-mode=\"sidebar\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n border-radius: 0;\n box-shadow: none;\n}\n[data-component=\"chat-window\"][data-mode=\"sidebar\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-window-header\"] {\n cursor: default;\n}\n[data-component=\"chat-window-sidebar-resize\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: absolute;\n inset: 0 auto 0 0;\n width: 8px;\n z-index: 11;\n cursor: ew-resize;\n touch-action: none;\n}\n[data-component=\"chat-window-sidebar-resize\"]:hover:where(:not([data-unstyled], [data-unstyled] *)),\n[data-component=\"chat-window-sidebar-resize\"]:focus-visible:where(:not([data-unstyled], [data-unstyled] *)) {\n background: var(--cm-primary-tint);\n outline: 2px solid var(--cm-primary);\n outline-offset: -2px;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 0;\n height: 100%;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) span {\n writing-mode: vertical-rl;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) button {\n appearance: none;\n border: 0;\n border-radius: var(--cm-radius-sm);\n width: 32px;\n min-height: 32px;\n background: transparent;\n color: inherit;\n cursor: pointer;\n font-size: 20px;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) button:hover {\n background: var(--cm-primary-tint);\n}\n\n/* ---------- Glassmorphism theme effect ----------\n Applied when the resolved theme sets `effect: 'glass'` (e.g. the\n `liquid-glass` preset). Adds a real backdrop blur so translucent\n backgrounds read as frosted glass instead of a flat wash. */\n[data-component=\"chat-window\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)),\n[data-component=\"ai-chat-panel\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n backdrop-filter: blur(24px) saturate(180%);\n -webkit-backdrop-filter: blur(24px) saturate(180%);\n}\n[data-component=\"ai-trigger-button\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n backdrop-filter: blur(16px) saturate(180%);\n -webkit-backdrop-filter: blur(16px) saturate(180%);\n}\n\n/* ---------- Mobile: take over the whole screen ----------\n Below 640px the floating window pattern breaks down — the\n window is too small to contain a useful conversation and\n edge-resize handles/drag headers don't map to touch gestures.\n Pin to the viewport, kill the radius, and disable edge handles. */\n@media (max-width: 640px) {\n [data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100dvh !important;\n transform: none !important;\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n max-width: none !important;\n max-height: none !important;\n }\n [data-component=\"chat-window\"][data-collapsed=\"true\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n left: auto !important;\n width: 44px !important;\n }\n [data-component=\"chat-window-resize-handle\"]:where(:not([data-unstyled], [data-unstyled] *)),\n [data-component=\"chat-window-sidebar-resize\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: none !important;\n }\n [data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n cursor: default !important;\n padding-top: max(0.75rem, env(safe-area-inset-top));\n padding-left: max(1rem, env(safe-area-inset-left));\n padding-right: max(1rem, env(safe-area-inset-right));\n }\n [data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n padding-bottom: env(safe-area-inset-bottom);\n }\n /* Hide the pill while the chat is open — on mobile we own the\n whole viewport, so the pill would overlap the input bar. */\n [data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n z-index: 9998;\n }\n}\n\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *,\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *::before,\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *::after {\n box-sizing: border-box;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem 1rem;\n border-bottom: 1px solid var(--cm-border);\n background: var(--cm-bg-muted);\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n\n[data-component=\"chat-window-header\"]:active:where(:not([data-unstyled], [data-unstyled] *)) {\n cursor: grabbing;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n font-size: 14px;\n font-weight: 600;\n color: var(--cm-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title-wrap\"] {\n flex: 1 1 auto;\n min-width: 0;\n display: flex;\n align-items: center;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n margin-left: 0.5rem;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"close\"],\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"layout\"],\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: var(--cm-radius-sm);\n line-height: 1;\n color: var(--cm-text-muted);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background 120ms ease, color 120ms ease;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"close\"]:hover,\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"layout\"]:hover,\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"]:hover:not(:disabled) {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"]:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n/* ---------- Session switcher ---------- */\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n min-width: 0;\n font-family: var(--cm-font);\n pointer-events: none;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"popover\"] {\n pointer-events: auto;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"] {\n appearance: none;\n border: 1px solid transparent;\n background: transparent;\n padding: 0.25rem 0.5rem;\n border-radius: var(--cm-radius-sm);\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n max-width: 100%;\n color: var(--cm-text);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background 120ms ease, border-color 120ms ease;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"][data-open]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"] {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger-title\"] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 14rem;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"popover\"] {\n position: absolute;\n top: calc(100% + 0.375rem);\n left: 0;\n min-width: 16rem;\n max-width: 22rem;\n max-height: 22rem;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n z-index: 10001;\n font-weight: 400;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 100%;\n text-align: left;\n padding: 0.625rem 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-primary);\n cursor: pointer;\n border-bottom: 1px solid var(--cm-border);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"] [data-element=\"plus\"] {\n display: inline-flex;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 9999px;\n align-items: center;\n justify-content: center;\n background: var(--cm-primary);\n color: #ffffff;\n font-size: 14px;\n line-height: 1;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-list\"] {\n flex: 1 1 auto;\n overflow-y: auto;\n padding: 0.25rem 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"empty\"] {\n padding: 1rem 0.875rem;\n color: var(--cm-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.875rem;\n cursor: pointer;\n transition: background 120ms ease;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"][data-active] {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-main\"] {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title\"] {\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-subtitle\"] {\n font-size: 11px;\n color: var(--cm-text-muted);\n margin-top: 0.125rem;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-delete\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-edit\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 1.5rem;\n height: 1.5rem;\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text-muted);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 120ms ease, background 120ms ease, color 120ms ease;\n flex-shrink: 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover [data-element=\"row-delete\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover [data-element=\"row-edit\"] {\n opacity: 1;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-edit\"]:hover {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-delete\"]:hover {\n background: rgba(220, 38, 38, 0.1);\n color: var(--cm-danger);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"][data-editing] {\n background: var(--cm-primary-tint);\n cursor: text;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title-input\"] {\n width: 100%;\n appearance: none;\n background: transparent;\n border: none;\n outline: none;\n padding: 0;\n margin: 0;\n font: inherit;\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-text);\n caret-color: var(--cm-primary);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title-input\"]::placeholder {\n color: var(--cm-text-muted);\n}\n\n/* ---------- Confirm dialog ---------- */\n\n[data-component=\"confirm-dialog-backdrop\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed;\n inset: 0;\n z-index: 10010;\n background: rgba(0, 0, 0, 0.55);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n font-family: var(--cm-font);\n animation: cm-confirm-fade 140ms ease-out;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow:\n 0 25px 50px -12px rgba(0, 0, 0, 0.6),\n 0 0 0 1px rgba(255, 255, 255, 0.04);\n padding: 1.25rem 1.25rem 1rem;\n min-width: min(22rem, calc(100vw - 2rem));\n max-width: 26rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n animation: cm-confirm-pop 160ms cubic-bezier(0.2, 0.9, 0.3, 1.1);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n font-size: 15px;\n font-weight: 600;\n color: var(--cm-text);\n line-height: 1.4;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"message\"] {\n font-size: 13px;\n color: var(--cm-text-muted);\n line-height: 1.5;\n margin-bottom: 0.25rem;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: flex;\n justify-content: flex-end;\n gap: 0.5rem;\n margin-top: 0.75rem;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] button {\n appearance: none;\n border: 1px solid var(--cm-border);\n background: transparent;\n color: var(--cm-text);\n padding: 0.5rem 1rem;\n border-radius: var(--cm-radius-sm);\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;\n font-family: inherit;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"cancel\"]:hover {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"] {\n background: var(--cm-primary);\n border-color: var(--cm-primary);\n color: #ffffff;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"]:hover:not(:disabled) {\n filter: brightness(1.1);\n transform: translateY(-1px);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"][data-destructive] {\n background: var(--cm-danger);\n border-color: var(--cm-danger);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n@keyframes cm-confirm-fade {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes cm-confirm-pop {\n from { opacity: 0; transform: scale(0.95) translateY(6px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n[data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n/* When ai-chat-panel is a direct child of chat-window-body, drop its own\n border/radius/shadow so the window shell owns the framing. */\n[data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) > [data-component=\"ai-chat-panel\"] {\n border: none;\n border-radius: 0;\n box-shadow: none;\n min-height: 0;\n height: 100%;\n}\n\n/* ---------- Approval reminder ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-reminder\"] {\n margin: 0 1rem 0.5rem;\n padding: 0.5rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n font-size: 0.8125rem;\n}\n\n/* ---------------------------------------------------------------------------\n AssistantShell — docked sidebar or detached window. The handle geometry\n is inline, so it also works unstyled; these rules are only the look.\n --------------------------------------------------------------------------- */\n[data-component=\"assistant-shell\"][data-floating-gesture]:where(:not([data-unstyled], [data-unstyled] *)) { transition: none; will-change: transform, width, height; }\n@media (pointer: coarse) {\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"n\"], [data-resize-edge=\"s\"]) { height: 16px !important; }\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"e\"], [data-resize-edge=\"w\"]) { width: 16px !important; }\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"ne\"], [data-resize-edge=\"nw\"], [data-resize-edge=\"se\"], [data-resize-edge=\"sw\"]) { width: 28px !important; height: 28px !important; }\n}\n\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n z-index: 60;\n background: var(--cm-bg);\n color: var(--cm-text);\n font-family: var(--cm-font);\n border-left: 1px solid var(--cm-border);\n}\n[data-component=\"assistant-shell\"][data-mode=\"floating\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow: 0 12px 32px -12px rgba(17, 24, 39, 0.25);\n overflow: hidden;\n}\n[data-component=\"assistant-shell\"][data-floating-gesture=\"move\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-shadow: 0 16px 40px -12px rgba(17, 24, 39, 0.35);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"header\"] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.75rem;\n flex-shrink: 0;\n padding: 0 0.75rem;\n border-bottom: 1px solid var(--cm-border);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"header\"] > [data-element=\"icon\"] {\n display: inline-flex;\n color: var(--cm-primary);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n flex: 1 1 0%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.875rem;\n font-weight: 600;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) :is(header[data-element=\"header\"], [data-element=\"rail\"]) > [data-action] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: 0;\n border-radius: var(--cm-radius-sm);\n background: transparent;\n color: var(--cm-text-muted);\n cursor: pointer;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) :is(header[data-element=\"header\"], [data-element=\"rail\"]) > [data-action]:hover {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"rail\"] {\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n padding: 0.5rem 0;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"rail\"] > [data-action=\"expand\"] {\n flex: 1 1 0%;\n width: 100%;\n height: auto;\n flex-direction: column;\n justify-content: flex-start;\n gap: 1rem;\n padding-top: 0.25rem;\n font-size: 0.75rem;\n font-weight: 500;\n}\n[data-component=\"assistant-shell-resize\"]:where(:not([data-unstyled], [data-unstyled] *)):is(:hover, :focus-visible, [data-dragging]) {\n background: linear-gradient(to right, transparent 3px, var(--cm-primary) 3px, var(--cm-primary) 5px, transparent 5px);\n outline: none;\n}\n[data-component=\"assistant-bubble\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed;\n right: 1rem;\n bottom: 1rem;\n z-index: 40;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2.75rem;\n height: 2.75rem;\n border: 0;\n border-radius: 9999px;\n background: var(--cm-primary);\n color: #fff;\n box-shadow: 0 8px 20px -8px rgba(17, 24, 39, 0.4);\n cursor: pointer;\n}\n[data-component=\"assistant-toggle\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.25rem;\n padding: 0 0.75rem;\n border: 0;\n border-radius: var(--cm-radius-sm);\n background: transparent;\n color: var(--cm-text);\n font: inherit;\n font-size: 0.875rem;\n cursor: pointer;\n}\n[data-component=\"assistant-toggle\"]:where(:not([data-unstyled], [data-unstyled] *)):is(:hover, [aria-pressed=\"true\"]) {\n background: var(--cm-primary-tint);\n}\n";
3
+ export const CHAT_STYLES = "/* glirastes — default chat panel styles.\n Auto-injected when you render <AiChat /> or <AiChatPanel />.\n Themes: every color / radius / font below is driven by CSS variables\n that can be overridden per-instance via the `theme` prop, which emits\n inline `--cm-*` vars on the root elements. The defaults below act as\n the fallback when no `theme` prop is given. */\n\n:where(\n [data-component=\"ai-chat-panel\"],\n [data-component=\"chat-window\"],\n [data-component=\"ai-trigger-button\"],\n [data-component=\"assistant-shell\"],\n [data-component=\"assistant-bubble\"],\n [data-component=\"assistant-toggle\"]\n):where(:not([data-unstyled], [data-unstyled] *)) {\n --cm-primary: #6366f1;\n --cm-primary-soft: #818cf8;\n --cm-primary-tint: rgba(99, 102, 241, 0.12);\n --cm-primary-ring: rgba(99, 102, 241, 0.18);\n --cm-bg: #ffffff;\n --cm-bg-muted: #f9fafb;\n --cm-bubble-user: #e0e7ff;\n --cm-bubble-assistant: #f3f4f6;\n --cm-border: #e5e7eb;\n --cm-text: #111827;\n --cm-text-muted: #6b7280;\n --cm-danger: #dc2626;\n --cm-radius: 0.875rem;\n --cm-radius-sm: 0.5rem;\n --cm-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-height: 520px;\n max-height: 100%;\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n overflow: hidden;\n font-family: var(--cm-font);\n font-size: 14px;\n line-height: 1.5;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *::before,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) *::after {\n box-sizing: border-box;\n}\n\n/* ---------- Error banner ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"error-banner\"] {\n padding: 0.75rem 1rem;\n background: #fef2f2;\n color: #991b1b;\n border-bottom: 1px solid #fecaca;\n font-size: 13px;\n}\n\n/* ---------- Empty state ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"empty-state\"] {\n flex: 1;\n display: grid;\n place-items: center;\n padding: 2rem;\n color: var(--cm-text-muted);\n text-align: center;\n}\n\n/* ---------- Message list ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-list\"] {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n scroll-behavior: smooth;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-list\"] > [data-action=\"load-more\"] {\n align-self: center;\n padding: 0.375rem 0.75rem;\n font: inherit;\n font-size: 12px;\n background: transparent;\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text-muted);\n cursor: pointer;\n}\n\n/* ---------- Message bubble ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"] {\n max-width: 85%;\n padding: 0.625rem 0.875rem;\n border-radius: var(--cm-radius);\n word-wrap: break-word;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"user\"] {\n align-self: flex-end;\n background: var(--cm-bubble-user);\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"assistant\"] {\n align-self: flex-start;\n background: var(--cm-bubble-assistant);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"message-bubble\"][data-role=\"system\"] {\n align-self: center;\n background: var(--cm-bg-muted);\n color: var(--cm-text-muted);\n font-style: italic;\n font-size: 13px;\n}\n\n/* ---------- Markdown content ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] p {\n margin: 0 0 0.5rem 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] p:last-child {\n margin: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] pre {\n background: rgba(0, 0, 0, 0.05);\n padding: 0.625rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n overflow-x: auto;\n font-size: 12px;\n margin: 0.5rem 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] code {\n background: rgba(0, 0, 0, 0.06);\n padding: 0.125rem 0.25rem;\n border-radius: 3px;\n font-size: 0.9em;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] pre code {\n background: transparent;\n padding: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] ul,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"markdown\"] ol {\n margin: 0.25rem 0 0.5rem 1.25rem;\n padding: 0;\n}\n\n/* ---------- Chat input / mention input ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] {\n flex-shrink: 0;\n display: flex;\n gap: 0.5rem;\n align-items: flex-end;\n padding: 0.75rem 1rem;\n border-top: 1px solid var(--cm-border);\n background: var(--cm-bg);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea {\n flex: 1;\n min-height: 40px;\n max-height: 160px;\n resize: none;\n padding: 0.5rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea:focus,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea:focus {\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-input\"] textarea::placeholder,\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"] textarea::placeholder {\n color: var(--cm-text-muted);\n}\n\n/* ---------- Send / stop buttons ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"] {\n padding: 0.5rem 1rem;\n background: var(--cm-primary);\n color: #fff;\n border: none;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s, transform 0.05s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:hover:not(:disabled) {\n opacity: 0.92;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:active:not(:disabled) {\n transform: translateY(1px);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"send\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"stop\"] {\n padding: 0.5rem 0.875rem;\n background: transparent;\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n font: inherit;\n cursor: pointer;\n}\n\n/* ---------- Suggestion bar ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-bar\"] {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n padding: 0.5rem 1rem 0.25rem 1rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-chip\"] {\n padding: 0.375rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 9999px;\n font: inherit;\n font-size: 12px;\n color: var(--cm-text);\n cursor: pointer;\n transition: background 0.15s, border-color 0.15s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"suggestion-chip\"]:hover {\n background: var(--cm-bubble-user);\n border-color: var(--cm-primary);\n}\n\n/* ---------- Typing indicator ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] {\n display: flex;\n gap: 4px;\n padding: 0.5rem 1rem;\n align-items: center;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"] {\n width: 6px;\n height: 6px;\n background: var(--cm-text-muted);\n border-radius: 50%;\n animation: cm-chat-typing 1.4s infinite ease-in-out both;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"]:nth-child(2) {\n animation-delay: 0.16s;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"typing-indicator\"] [data-element=\"dot\"]:nth-child(3) {\n animation-delay: 0.32s;\n}\n@keyframes cm-chat-typing {\n 0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }\n 40% { transform: scale(1); opacity: 1; }\n}\n\n/* ---------- Truncation banner ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] {\n padding: 0.75rem 1rem;\n background: #fef9c3;\n color: #713f12;\n border-top: 1px solid #fde047;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n font-size: 13px;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] [data-element=\"actions\"] {\n display: flex;\n gap: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"truncation-banner\"] button {\n padding: 0.3125rem 0.625rem;\n background: #fff;\n border: 1px solid #d4a574;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n/* ---------- Approval cards ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] {\n margin: 0 1rem 0.75rem 1rem;\n padding: 0.875rem 1rem;\n background: #fffbeb;\n border: 1px solid #fcd34d;\n border-radius: var(--cm-radius);\n font-size: 13px;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"header\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"header\"] {\n font-weight: 500;\n color: #713f12;\n margin-bottom: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"details\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"details\"] {\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid rgba(252, 211, 77, 0.6);\n border-radius: var(--cm-radius-sm);\n padding: 0.5rem 0.625rem;\n margin-bottom: 0.625rem;\n font-size: 12px;\n color: #78350f;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-line\"] {\n display: flex;\n gap: 0.5rem;\n line-height: 1.5;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-label\"] {\n flex: 0 0 auto;\n min-width: 5.5rem;\n opacity: 0.75;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-label\"]::after {\n content: \":\";\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-value\"] {\n min-width: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-items\"] {\n margin: 0;\n padding: 0 0 0 1.125rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-text\"][data-collapsed] {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-toggle\"] {\n display: block;\n margin-top: 0.125rem;\n padding: 0;\n background: none;\n border: none;\n color: inherit;\n font: inherit;\n font-weight: 500;\n text-decoration: underline;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"detail-toggle\"]:focus-visible {\n outline: 2px solid var(--cm-primary);\n outline-offset: 2px;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-card\"] [data-element=\"actions\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"bulk-approval-card\"] [data-element=\"actions\"] {\n display: flex;\n gap: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"approve\"] {\n padding: 0.375rem 0.875rem;\n background: #16a34a;\n color: #fff;\n border: none;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"approve\"]:hover:not(:disabled) {\n background: #15803d;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"reject\"] {\n padding: 0.375rem 0.875rem;\n background: #fff;\n color: #dc2626;\n border: 1px solid #fca5a5;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n/* ---------- Mention chip ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-chip\"] {\n display: inline-flex;\n align-items: center;\n padding: 0.125rem 0.5rem;\n background: var(--cm-bubble-user);\n color: #3730a3;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: 500;\n}\n\n/* ---------- Pipeline timeline ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"pipeline-timeline\"] {\n padding: 0.5rem 1rem;\n border-bottom: 1px solid var(--cm-border);\n background: var(--cm-bg-muted);\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Activity log and plan ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] {\n margin: 0 0 0.375rem;\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-summary\"] {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n cursor: pointer;\n list-style: none;\n user-select: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-summary\"]::-webkit-details-marker {\n display: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"][data-state=\"running\"] [data-element=\"activity-summary\"] {\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-steps\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-items\"] {\n list-style: none;\n margin: 0.25rem 0 0;\n padding: 0 0 0 0.375rem;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-steps\"] {\n border-left: 1px solid var(--cm-border);\n margin-left: 0.375rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"] {\n display: flex;\n align-items: baseline;\n gap: 0.375rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"icon\"] {\n flex-shrink: 0;\n align-self: center;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"][data-status=\"done\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"completed\"] [data-element=\"icon\"] {\n color: var(--cm-primary);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-step\"][data-status=\"error\"] [data-element=\"icon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"][data-state=\"error\"] [data-element=\"activity-summary\"] [data-element=\"icon\"] {\n color: #dc2626;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"detail\"] {\n opacity: 0.8;\n overflow-wrap: anywhere;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"detail\"]::before {\n content: \"· \";\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"activity-log\"] [data-element=\"activity-notice\"] {\n margin: 0.25rem 0 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"title\"] {\n font-weight: 600;\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"in_progress\"] {\n color: var(--cm-text);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"plan-checklist\"] [data-element=\"plan-item\"][data-status=\"pending\"] {\n opacity: 0.55;\n}\n\n/* ---------- Tool result ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"tool-result\"] {\n margin: 0.375rem 0;\n padding: 0.5rem 0.75rem;\n background: rgba(0, 0, 0, 0.03);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Provider composer, '/' and '@' list ---------- */\n/* The wrapper above is flex, but the editor, mic and Send sit inside a bare\n <form> (classNames.input is empty by default). Without this rule the form\n shrink-wraps its contents and the editor and its list collapse to ~111px. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form {\n display: flex;\n flex: 1;\n min-width: 0;\n gap: 0.5rem;\n align-items: flex-end;\n flex-wrap: wrap;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] {\n position: relative;\n flex: 1;\n min-width: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"editor\"] {\n box-sizing: border-box;\n min-height: 40px;\n max-height: 160px;\n overflow-y: auto;\n overflow-wrap: anywhere;\n padding: 0.5rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n outline: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"editor\"]:focus {\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-element=\"placeholder\"] {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n color: var(--cm-text-muted);\n pointer-events: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"rich-mention-input\"] [data-component=\"mention-dropdown\"] {\n position: absolute;\n left: 0;\n right: 0;\n bottom: calc(100% + 0.25rem);\n z-index: 20;\n display: flex;\n flex-direction: column;\n max-height: min(40vh, 16rem);\n overflow-y: auto;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.125rem;\n width: 100%;\n padding: 0.5rem 0.75rem;\n background: transparent;\n border: none;\n color: var(--cm-text);\n font: inherit;\n text-align: left;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown-item\"] [data-element=\"description\"] {\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n\n/* ---------- Chat interactions: entity actions and command arguments ---------- */\n/* The item keeps `width: 100%` from its own rule, so it gets a small flex basis here: with the full\n row as basis the shrink is shared by basis and squeezes the chips below their own width. The row\n wraps instead, which keeps the chips on one line beside the result and drops them below it only\n when the result cannot keep 8rem. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-dropdown\"] [data-element=\"result-row\"] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.25rem;\n padding-right: 0.5rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"result-row\"] > [data-component=\"mention-dropdown-item\"] {\n flex: 1 1 8rem;\n min-width: 0;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"entity-actions\"] {\n display: flex;\n flex: 0 0 auto;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 0.25rem;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-action\"] {\n padding: 0.125rem 0.5rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 999px;\n color: var(--cm-text);\n font: inherit;\n font-size: 12px;\n white-space: nowrap;\n cursor: pointer;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-action\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"command-arguments\"] {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n gap: 0.5rem;\n max-width: 100%;\n margin: 0 0 0.5rem;\n padding: 0.75rem;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n}\n/* The composer wrapper is one flex row and its `> form` rule (flex: 1) outranks the rule above,\n which would park the argument form beside the editor. The wrapper wraps and the form takes\n the full first row; the wrapper's gap supplies the space below it. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] {\n flex-wrap: wrap;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form[data-component=\"command-arguments\"] {\n flex: 1 1 100%;\n margin: 0;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n flex: 1 1 100%;\n margin: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"error\"] {\n flex: 1 1 100%;\n margin: 0;\n color: var(--cm-danger);\n font-size: 12px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"field\"] {\n position: relative;\n display: flex;\n flex: 1 1 10rem;\n flex-direction: column;\n gap: 0.25rem;\n min-width: 0;\n color: var(--cm-text-muted);\n font-size: 12px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) input,\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) select {\n box-sizing: border-box;\n width: 100%;\n padding: 0.375rem 0.5rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n font-size: 14px;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) input:focus,\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) select:focus {\n outline: none;\n border-color: var(--cm-primary);\n box-shadow: 0 0 0 3px var(--cm-primary-ring);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] {\n position: absolute;\n left: 0;\n right: 0;\n bottom: calc(100% + 0.25rem);\n z-index: 20;\n max-height: 12rem;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n list-style: none;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [role=\"option\"] {\n padding: 0.375rem 0.5rem;\n color: var(--cm-text);\n cursor: pointer;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [role=\"option\"][data-selected=\"true\"] {\n background: var(--cm-primary-tint);\n}\n/* The dropdown rule for descriptions is scoped to the mention items; without this one the span runs\n on after the label (`Alice Examplealice@example.com`). */\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] [data-element=\"description\"] {\n display: block;\n font-size: 12px;\n color: var(--cm-text-muted);\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: flex;\n gap: 0.375rem;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"run\"],\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"cancel\"] {\n padding: 0.375rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n font: inherit;\n font-size: 14px;\n cursor: pointer;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"run\"] {\n background: var(--cm-primary);\n border: 1px solid var(--cm-primary);\n color: #ffffff;\n}\n[data-component=\"command-arguments\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"cancel\"] {\n background: transparent;\n border: 1px solid var(--cm-border);\n color: var(--cm-text);\n}\n\n/* ---------- Structured clarification ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"clarification-card\"] {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n max-width: 100%;\n margin: 0.375rem 0;\n padding: 0.75rem;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"question\"] {\n margin: 0;\n font-weight: 500;\n overflow-wrap: anywhere;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"options\"] {\n display: flex;\n flex-wrap: wrap;\n gap: 0.375rem;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-option\"] {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n max-width: 100%;\n padding: 0.375rem 0.75rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: 9999px;\n color: var(--cm-text);\n font: inherit;\n font-size: 13px;\n text-align: left;\n overflow-wrap: anywhere;\n cursor: pointer;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-option\"]:disabled {\n opacity: 0.6;\n cursor: default;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"description\"] {\n font-size: 11px;\n color: var(--cm-text-muted);\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"free-text\"] {\n display: flex;\n gap: 0.375rem;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"free-text\"] input {\n flex: 1;\n min-width: 0;\n padding: 0.375rem 0.625rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-free-text\"] {\n padding: 0.375rem 0.75rem;\n background: var(--cm-primary);\n border: none;\n border-radius: var(--cm-radius-sm);\n color: #fff;\n font: inherit;\n cursor: pointer;\n}\n[data-component=\"clarification-card\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"answer-free-text\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* ---------- Voice: mic, push-to-talk, retry, recording bar ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"voice-input-addon\"],\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"retry-recording\"] {\n flex-shrink: 0;\n min-width: 40px;\n min-height: 40px;\n padding: 0 0.625rem;\n background: var(--cm-bg-muted);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text);\n font: inherit;\n cursor: pointer;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n -webkit-touch-callout: none;\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"voice-input-addon\"][data-state=\"recording\"] {\n border-color: var(--cm-danger);\n color: var(--cm-danger);\n}\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"recording-bar\"] {\n min-width: 0;\n}\n/* The inline bar is `width: 100%` (inline style). Next to the editor, mic and\n Send it would get ~100px at 375px wide, too little for the live words. A\n non-auto flex-basis beats that width, so the bar takes a row of its own\n below them (form wraps; `order` moves it behind Send, which stays beside\n the editor). The row exists only while the bar is mounted. */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"mention-input\"][data-mode=\"providers\"] > form > [data-component=\"recording-bar\"] {\n flex: 1 1 100%;\n order: 1;\n}\n\n/* ===========================================================================\n Drop-in defaults for the floating trigger button and chat window.\n These exist so <LangGraphAiChat /> / <VercelAiChat /> \"just work\" with\n zero consumer styling. Override by passing className/buttonClassName.\n =========================================================================== */\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-soft) 100%);\n color: #ffffff;\n box-shadow:\n 0 10px 25px -5px var(--cm-primary-tint),\n 0 4px 10px -3px var(--cm-primary-tint),\n 0 0 0 1px rgba(255, 255, 255, 0.12) inset;\n transition: transform 150ms ease, box-shadow 150ms ease;\n font-family: var(--cm-font);\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"]:hover {\n transform: translateY(-1px);\n box-shadow:\n 0 14px 30px -5px var(--cm-primary-tint),\n 0 6px 12px -3px var(--cm-primary-tint),\n 0 0 0 1px rgba(255, 255, 255, 0.16) inset;\n}\n\n[data-component=\"ai-trigger-button\"][data-dragging=\"true\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n transform: scale(1.04);\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"mic-trigger\"] {\n background: rgba(255, 255, 255, 0.22) !important;\n color: #ffffff;\n transition: background 150ms ease;\n}\n\n[data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"mic-trigger\"]:hover {\n background: rgba(255, 255, 255, 0.34) !important;\n}\n\n/* ---------- Chat window shell ---------- */\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow:\n 0 25px 50px -12px rgba(0, 0, 0, 0.25),\n 0 0 0 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n z-index: 10000;\n font-family: var(--cm-font);\n font-size: 14px;\n}\n\n[data-component=\"chat-window\"][data-mode=\"sidebar\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n border-radius: 0;\n box-shadow: none;\n}\n[data-component=\"chat-window\"][data-mode=\"sidebar\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"chat-window-header\"] {\n cursor: default;\n}\n[data-component=\"chat-window-sidebar-resize\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: absolute;\n inset: 0 auto 0 0;\n width: 8px;\n z-index: 11;\n cursor: ew-resize;\n touch-action: none;\n}\n[data-component=\"chat-window-sidebar-resize\"]:hover:where(:not([data-unstyled], [data-unstyled] *)),\n[data-component=\"chat-window-sidebar-resize\"]:focus-visible:where(:not([data-unstyled], [data-unstyled] *)) {\n background: var(--cm-primary-tint);\n outline: 2px solid var(--cm-primary);\n outline-offset: -2px;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 0;\n height: 100%;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) span {\n writing-mode: vertical-rl;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) button {\n appearance: none;\n border: 0;\n border-radius: var(--cm-radius-sm);\n width: 32px;\n min-height: 32px;\n background: transparent;\n color: inherit;\n cursor: pointer;\n font-size: 20px;\n}\n[data-component=\"chat-window-rail\"]:where(:not([data-unstyled], [data-unstyled] *)) button:hover {\n background: var(--cm-primary-tint);\n}\n\n/* ---------- Glassmorphism theme effect ----------\n Applied when the resolved theme sets `effect: 'glass'` (e.g. the\n `liquid-glass` preset). Adds a real backdrop blur so translucent\n backgrounds read as frosted glass instead of a flat wash. */\n[data-component=\"chat-window\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)),\n[data-component=\"ai-chat-panel\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n backdrop-filter: blur(24px) saturate(180%);\n -webkit-backdrop-filter: blur(24px) saturate(180%);\n}\n[data-component=\"ai-trigger-button\"][data-theme-effect=\"glass\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"button-pill\"] {\n backdrop-filter: blur(16px) saturate(180%);\n -webkit-backdrop-filter: blur(16px) saturate(180%);\n}\n\n/* ---------- Mobile: take over the whole screen ----------\n Below 640px the floating window pattern breaks down — the\n window is too small to contain a useful conversation and\n edge-resize handles/drag headers don't map to touch gestures.\n Pin to the viewport, kill the radius, and disable edge handles. */\n@media (max-width: 640px) {\n [data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100dvh !important;\n transform: none !important;\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n max-width: none !important;\n max-height: none !important;\n }\n [data-component=\"chat-window\"][data-collapsed=\"true\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n left: auto !important;\n width: 44px !important;\n }\n [data-component=\"chat-window-resize-handle\"]:where(:not([data-unstyled], [data-unstyled] *)),\n [data-component=\"chat-window-sidebar-resize\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: none !important;\n }\n [data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n cursor: default !important;\n padding-top: max(0.75rem, env(safe-area-inset-top));\n padding-left: max(1rem, env(safe-area-inset-left));\n padding-right: max(1rem, env(safe-area-inset-right));\n }\n [data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n padding-bottom: env(safe-area-inset-bottom);\n }\n /* Hide the pill while the chat is open — on mobile we own the\n whole viewport, so the pill would overlap the input bar. */\n [data-component=\"ai-trigger-button\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n z-index: 9998;\n }\n}\n\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *,\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *::before,\n[data-component=\"chat-window\"]:where(:not([data-unstyled], [data-unstyled] *)) *::after {\n box-sizing: border-box;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem 1rem;\n border-bottom: 1px solid var(--cm-border);\n background: var(--cm-bg-muted);\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n\n[data-component=\"chat-window-header\"]:active:where(:not([data-unstyled], [data-unstyled] *)) {\n cursor: grabbing;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n font-size: 14px;\n font-weight: 600;\n color: var(--cm-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title-wrap\"] {\n flex: 1 1 auto;\n min-width: 0;\n display: flex;\n align-items: center;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n margin-left: 0.5rem;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"close\"],\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"layout\"],\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: var(--cm-radius-sm);\n line-height: 1;\n color: var(--cm-text-muted);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background 120ms ease, color 120ms ease;\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"close\"]:hover,\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"layout\"]:hover,\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"]:hover:not(:disabled) {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n\n[data-component=\"chat-window-header\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-action=\"clear\"]:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n/* ---------- Session switcher ---------- */\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n min-width: 0;\n font-family: var(--cm-font);\n pointer-events: none;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"popover\"] {\n pointer-events: auto;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"] {\n appearance: none;\n border: 1px solid transparent;\n background: transparent;\n padding: 0.25rem 0.5rem;\n border-radius: var(--cm-radius-sm);\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n max-width: 100%;\n color: var(--cm-text);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background 120ms ease, border-color 120ms ease;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"][data-open]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger\"] {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"trigger-title\"] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 14rem;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"popover\"] {\n position: absolute;\n top: calc(100% + 0.375rem);\n left: 0;\n min-width: 16rem;\n max-width: 22rem;\n max-height: 22rem;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background: var(--cm-bg);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n z-index: 10001;\n font-weight: 400;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 100%;\n text-align: left;\n padding: 0.625rem 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-primary);\n cursor: pointer;\n border-bottom: 1px solid var(--cm-border);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"new-session\"] [data-element=\"plus\"] {\n display: inline-flex;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 9999px;\n align-items: center;\n justify-content: center;\n background: var(--cm-primary);\n color: #ffffff;\n font-size: 14px;\n line-height: 1;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-list\"] {\n flex: 1 1 auto;\n overflow-y: auto;\n padding: 0.25rem 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"empty\"] {\n padding: 1rem 0.875rem;\n color: var(--cm-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.875rem;\n cursor: pointer;\n transition: background 120ms ease;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"][data-active] {\n background: var(--cm-primary-tint);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-main\"] {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title\"] {\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-subtitle\"] {\n font-size: 11px;\n color: var(--cm-text-muted);\n margin-top: 0.125rem;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-delete\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-edit\"] {\n appearance: none;\n border: none;\n background: transparent;\n width: 1.5rem;\n height: 1.5rem;\n border-radius: var(--cm-radius-sm);\n color: var(--cm-text-muted);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 120ms ease, background 120ms ease, color 120ms ease;\n flex-shrink: 0;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover [data-element=\"row-delete\"],\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"]:hover [data-element=\"row-edit\"] {\n opacity: 1;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-edit\"]:hover {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-delete\"]:hover {\n background: rgba(220, 38, 38, 0.1);\n color: var(--cm-danger);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"session-row\"][data-editing] {\n background: var(--cm-primary-tint);\n cursor: text;\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title-input\"] {\n width: 100%;\n appearance: none;\n background: transparent;\n border: none;\n outline: none;\n padding: 0;\n margin: 0;\n font: inherit;\n font-size: 13px;\n font-weight: 600;\n color: var(--cm-text);\n caret-color: var(--cm-primary);\n}\n\n[data-component=\"session-switcher\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"row-title-input\"]::placeholder {\n color: var(--cm-text-muted);\n}\n\n/* ---------- Confirm dialog ---------- */\n\n[data-component=\"confirm-dialog-backdrop\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed;\n inset: 0;\n z-index: 10010;\n background: rgba(0, 0, 0, 0.55);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n font-family: var(--cm-font);\n animation: cm-confirm-fade 140ms ease-out;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n background: var(--cm-bg);\n color: var(--cm-text);\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow:\n 0 25px 50px -12px rgba(0, 0, 0, 0.6),\n 0 0 0 1px rgba(255, 255, 255, 0.04);\n padding: 1.25rem 1.25rem 1rem;\n min-width: min(22rem, calc(100vw - 2rem));\n max-width: 26rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n animation: cm-confirm-pop 160ms cubic-bezier(0.2, 0.9, 0.3, 1.1);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n font-size: 15px;\n font-weight: 600;\n color: var(--cm-text);\n line-height: 1.4;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"message\"] {\n font-size: 13px;\n color: var(--cm-text-muted);\n line-height: 1.5;\n margin-bottom: 0.25rem;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] {\n display: flex;\n justify-content: flex-end;\n gap: 0.5rem;\n margin-top: 0.75rem;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"actions\"] button {\n appearance: none;\n border: 1px solid var(--cm-border);\n background: transparent;\n color: var(--cm-text);\n padding: 0.5rem 1rem;\n border-radius: var(--cm-radius-sm);\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;\n font-family: inherit;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"cancel\"]:hover {\n background: var(--cm-primary-tint);\n border-color: var(--cm-primary);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"] {\n background: var(--cm-primary);\n border-color: var(--cm-primary);\n color: #ffffff;\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"]:hover:not(:disabled) {\n filter: brightness(1.1);\n transform: translateY(-1px);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"][data-destructive] {\n background: var(--cm-danger);\n border-color: var(--cm-danger);\n}\n\n[data-component=\"confirm-dialog\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"confirm\"]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n@keyframes cm-confirm-fade {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes cm-confirm-pop {\n from { opacity: 0; transform: scale(0.95) translateY(6px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n[data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n/* When ai-chat-panel is a direct child of chat-window-body, drop its own\n border/radius/shadow so the window shell owns the framing. */\n[data-component=\"chat-window-body\"]:where(:not([data-unstyled], [data-unstyled] *)) > [data-component=\"ai-chat-panel\"] {\n border: none;\n border-radius: 0;\n box-shadow: none;\n min-height: 0;\n height: 100%;\n}\n\n/* ---------- Approval reminder ---------- */\n[data-component=\"ai-chat-panel\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-component=\"approval-reminder\"] {\n margin: 0 1rem 0.5rem;\n padding: 0.5rem 0.75rem;\n border-radius: var(--cm-radius-sm);\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n font-size: 0.8125rem;\n}\n\n/* ---------------------------------------------------------------------------\n AssistantShell — docked sidebar or detached window. The handle geometry\n is inline, so it also works unstyled; these rules are only the look.\n --------------------------------------------------------------------------- */\n[data-component=\"assistant-shell\"][data-floating-gesture]:where(:not([data-unstyled], [data-unstyled] *)) { transition: none; will-change: transform, width, height; }\n@media (pointer: coarse) {\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"n\"], [data-resize-edge=\"s\"]) { height: 16px !important; }\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"e\"], [data-resize-edge=\"w\"]) { width: 16px !important; }\n [data-component=\"assistant-shell-window-handle\"]:where(:not([data-unstyled], [data-unstyled] *)):is([data-resize-edge=\"ne\"], [data-resize-edge=\"nw\"], [data-resize-edge=\"se\"], [data-resize-edge=\"sw\"]) { width: 28px !important; height: 28px !important; }\n}\n\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-sizing: border-box;\n z-index: 60;\n background: var(--cm-bg);\n color: var(--cm-text);\n font-family: var(--cm-font);\n border-left: 1px solid var(--cm-border);\n}\n[data-component=\"assistant-shell\"][data-mode=\"floating\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius);\n box-shadow: 0 12px 32px -12px rgba(17, 24, 39, 0.25);\n overflow: hidden;\n}\n[data-component=\"assistant-shell\"][data-floating-gesture=\"move\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n box-shadow: 0 16px 40px -12px rgba(17, 24, 39, 0.35);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"header\"] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.75rem;\n flex-shrink: 0;\n padding: 0 0.75rem;\n border-bottom: 1px solid var(--cm-border);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"header\"] > [data-element=\"icon\"] {\n display: inline-flex;\n color: var(--cm-primary);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"title\"] {\n flex: 1 1 0%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.875rem;\n font-weight: 600;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) :is(header[data-element=\"header\"], [data-element=\"rail\"]) > [data-action] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: 0;\n border-radius: var(--cm-radius-sm);\n background: transparent;\n color: var(--cm-text-muted);\n cursor: pointer;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) :is(header[data-element=\"header\"], [data-element=\"rail\"]) > [data-action]:hover {\n background: var(--cm-primary-tint);\n color: var(--cm-text);\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"rail\"] {\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n padding: 0.5rem 0;\n}\n[data-component=\"assistant-shell\"]:where(:not([data-unstyled], [data-unstyled] *)) [data-element=\"rail\"] > [data-action=\"expand\"] {\n flex: 1 1 0%;\n width: 100%;\n height: auto;\n flex-direction: column;\n justify-content: flex-start;\n gap: 1rem;\n padding-top: 0.25rem;\n font-size: 0.75rem;\n font-weight: 500;\n}\n[data-component=\"assistant-shell-resize\"]:where(:not([data-unstyled], [data-unstyled] *)):is(:hover, :focus-visible, [data-dragging]) {\n background: linear-gradient(to right, transparent 3px, var(--cm-primary) 3px, var(--cm-primary) 5px, transparent 5px);\n outline: none;\n}\n[data-component=\"assistant-bubble\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n position: fixed;\n right: 1rem;\n bottom: 1rem;\n z-index: 40;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2.75rem;\n height: 2.75rem;\n border: 0;\n border-radius: 9999px;\n background: var(--cm-primary);\n color: #fff;\n box-shadow: 0 8px 20px -8px rgba(17, 24, 39, 0.4);\n cursor: pointer;\n}\n[data-component=\"assistant-toggle\"]:where(:not([data-unstyled], [data-unstyled] *)) {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.25rem;\n padding: 0 0.75rem;\n border: 0;\n border-radius: var(--cm-radius-sm);\n background: transparent;\n color: var(--cm-text);\n font: inherit;\n font-size: 0.875rem;\n cursor: pointer;\n}\n[data-component=\"assistant-toggle\"]:where(:not([data-unstyled], [data-unstyled] *)):is(:hover, [aria-pressed=\"true\"]) {\n background: var(--cm-primary-tint);\n}\n";
4
4
  //# sourceMappingURL=chat-styles.generated.js.map
package/dist/embed/chat-styles.generated.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chat-styles.generated.js","sourceRoot":"","sources":["../../src/embed/chat-styles.generated.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uBAAuB;AACvB,MAAM,CAAC,MAAM,WAAW,GAAG,go1DAAgo1D,CAAC"}
1
+ {"version":3,"file":"chat-styles.generated.js","sourceRoot":"","sources":["../../src/embed/chat-styles.generated.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uBAAuB;AACvB,MAAM,CAAC,MAAM,WAAW,GAAG,qi3DAAqi3D,CAAC"}
package/dist/react/components/approval-card.js CHANGED
@@ -1,5 +1,24 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
2
3
  import { useChatContext } from '../provider/chat-context.js';
4
+ const COLLAPSED_ITEMS = 2;
5
+ const LONG_TEXT_LENGTH = 100;
6
+ function DetailValue({ value, items }) {
7
+ const { locale } = useChatContext();
8
+ const [expanded, setExpanded] = useState(false);
9
+ const isList = !!items && items.length > COLLAPSED_ITEMS;
10
+ const isLong = !isList && value.length > LONG_TEXT_LENGTH;
11
+ if (!isList && !isLong) {
12
+ return _jsx("span", { "data-element": "detail-value", children: value });
13
+ }
14
+ const hidden = isList ? items.length - COLLAPSED_ITEMS : 0;
15
+ const toggleLabel = expanded
16
+ ? locale.showLessLabel
17
+ : isList
18
+ ? locale.showAllItemsLabel.replace('{count}', String(items.length))
19
+ : locale.showMoreLabel;
20
+ return (_jsxs("span", { "data-element": "detail-value", "data-expanded": expanded ? '' : undefined, children: [isList && expanded ? (_jsx("ul", { "data-element": "detail-items", children: items.map((item, i) => (_jsx("li", { children: item }, i))) })) : isList ? (_jsxs("span", { "data-element": "detail-summary", children: [items.slice(0, COLLAPSED_ITEMS).join(', '), " +", hidden, " ", locale.moreItemsLabel] })) : (_jsx("span", { "data-element": "detail-text", "data-collapsed": expanded ? undefined : '', children: value })), _jsx("button", { type: "button", "data-element": "detail-toggle", "aria-expanded": expanded, onClick: () => setExpanded((open) => !open), children: toggleLabel })] }));
21
+ }
3
22
  /**
4
23
  * Single tool approval card with rich detail display.
5
24
  *
@@ -16,7 +35,7 @@ export function ApprovalCard({ approval, onApprove, onReject, className, isProce
16
35
  }
17
36
  const label = detail.substring(0, colonIndex);
18
37
  const value = detail.substring(colonIndex + 1).trim();
19
- return (_jsxs("div", { "data-element": "detail-line", children: [_jsx("span", { "data-element": "detail-label", children: label }), _jsx("span", { "data-element": "detail-value", children: value })] }, i));
38
+ return (_jsxs("div", { "data-element": "detail-line", children: [_jsx("span", { "data-element": "detail-label", children: label }), _jsx(DetailValue, { value: value, items: approval.detailItems?.[i] })] }, i));
20
39
  }) })), _jsxs("div", { "data-element": "actions", children: [_jsxs("button", { onClick: () => onReject(approval.id), disabled: isProcessing, "data-action": "reject", children: ['\u2715', " ", locale.cancelButton] }), _jsxs("button", { onClick: () => onApprove(approval.id), disabled: isProcessing, "data-action": "approve", children: ['\u2713', " ", approval.confirmText ?? locale.confirmButton] })] })] }));
21
40
  }
22
41
  //# sourceMappingURL=approval-card.js.map
package/dist/react/components/approval-card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"approval-card.js","sourceRoot":"","sources":["../../../src/react/components/approval-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACM;IAClB,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,YAAY,oBAChC,eAAe,eACnB,QAAQ,CAAC,QAAQ,gBAChB,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,aAGnD,8BAAkB,QAAQ,YACxB,+BAAmB,aAAa,YAC7B,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,QAAQ,GACrC,GACH,EAGL,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8BAAkB,SAAS,YACxB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAClC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBACvC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;wBACtB,OAAO,CACL,8BAA0B,aAAa,YACpC,MAAM,IADC,CAAC,CAEL,CACP,CAAC;oBACJ,CAAC;oBACD,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;oBAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACtD,OAAO,CACL,+BAA0B,aAAa,aACrC,+BAAmB,cAAc,YAAE,KAAK,GAAQ,EAChD,+BAAmB,cAAc,YAAE,KAAK,GAAQ,KAFxC,CAAC,CAGL,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,EAGD,+BAAkB,SAAS,aACzB,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EACpC,QAAQ,EAAE,YAAY,iBACV,QAAQ,aAEnB,QAAQ,OAAG,MAAM,CAAC,YAAY,IACxB,EACT,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EACrC,QAAQ,EAAE,YAAY,iBACV,SAAS,aAEpB,QAAQ,OAAG,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,aAAa,IACjD,IACL,IACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"approval-card.js","sourceRoot":"","sources":["../../../src/react/components/approval-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAuC;IACxE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC;IACzD,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC;IAE1D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,+BAAmB,cAAc,YAAE,KAAK,GAAQ,CAAC;IAC1D,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,MAAM,CAAC,aAAa;QACtB,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACnE,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;IAE3B,OAAO,CACL,gCAAmB,cAAc,mBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,aACvE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpB,6BAAiB,cAAc,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAa,IAAI,IAAR,CAAC,CAAa,CACxB,CAAC,GACC,CACN,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,gCAAmB,gBAAgB,aAChC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAI,MAAM,OAAG,MAAM,CAAC,cAAc,IACxE,CACR,CAAC,CAAC,CAAC,CACF,+BAAmB,aAAa,oBAAiB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YACvE,KAAK,GACD,CACR,EACD,iBACE,IAAI,EAAC,QAAQ,kBACA,eAAe,mBACb,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAE1C,WAAW,GACL,IACJ,CACR,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACM;IAClB,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,YAAY,oBAChC,eAAe,eACnB,QAAQ,CAAC,QAAQ,gBAChB,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,aAGnD,8BAAkB,QAAQ,YACxB,+BAAmB,aAAa,YAC7B,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,QAAQ,GACrC,GACH,EAGL,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8BAAkB,SAAS,YACxB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAClC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBACvC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;wBACtB,OAAO,CACL,8BAA0B,aAAa,YACpC,MAAM,IADC,CAAC,CAEL,CACP,CAAC;oBACJ,CAAC;oBACD,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;oBAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACtD,OAAO,CACL,+BAA0B,aAAa,aACrC,+BAAmB,cAAc,YAAE,KAAK,GAAQ,EAChD,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAI,KAFvD,CAAC,CAGL,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,EAGD,+BAAkB,SAAS,aACzB,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EACpC,QAAQ,EAAE,YAAY,iBACV,QAAQ,aAEnB,QAAQ,OAAG,MAAM,CAAC,YAAY,IACxB,EACT,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EACrC,QAAQ,EAAE,YAAY,iBACV,SAAS,aAEpB,QAAQ,OAAG,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,aAAa,IACjD,IACL,IACF,CACP,CAAC;AACJ,CAAC"}
package/dist/react/locale-de.js CHANGED
@@ -17,6 +17,9 @@ export const deChatLocale = {
17
17
  confirmButton: 'Bestätigen',
18
18
  approvalPendingHint: 'Bitte bestätige oder lehne zuerst die offene Anfrage ab.',
19
19
  moreItemsLabel: 'weitere',
20
+ showAllItemsLabel: 'Alle {count} anzeigen',
21
+ showMoreLabel: 'Mehr anzeigen',
22
+ showLessLabel: 'Weniger anzeigen',
20
23
  allCountLabel: 'Alle {count}',
21
24
  pipelineTitle: 'Ablauf',
22
25
  pipelineRunningLabel: 'Läuft',
package/dist/react/locale-de.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"locale-de.js","sourceRoot":"","sources":["../../src/react/locale-de.ts"],"names":[],"mappings":"AAEA,yGAAyG;AACzG,MAAM,CAAC,MAAM,YAAY,GAAe;IACtC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,QAAQ;IACrB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,0BAA0B;IACtC,YAAY,EAAE,0DAA0D;IACxE,aAAa,EAAE,WAAW;IAC1B,YAAY,EAAE,WAAW;IACzB,gBAAgB,EAAE,gBAAgB;IAClC,eAAe,EAAE,gBAAgB;IACjC,cAAc,EAAE,YAAY;IAC5B,aAAa,EAAE,WAAW;IAC1B,YAAY,EAAE,WAAW;IACzB,aAAa,EAAE,YAAY;IAC3B,mBAAmB,EAAE,0DAA0D;IAC/E,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,cAAc;IAC7B,aAAa,EAAE,QAAQ;IACvB,oBAAoB,EAAE,OAAO;IAC7B,sBAAsB,EAAE,eAAe;IACvC,uBAAuB,EAAE,kBAAkB;IAC3C,oBAAoB,EAAE,UAAU;IAChC,kBAAkB,EAAE,QAAQ;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,4BAA4B,EAAE,qBAAqB;IACnD,oBAAoB,EAAE,UAAU;IAChC,oBAAoB,EAAE,qBAAqB;IAC3C,iBAAiB,EAAE,6BAA6B;IAChD,oBAAoB,EAAE,sBAAsB;IAC5C,mBAAmB,EAAE,wBAAwB;IAC7C,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,cAAc;IACzB,kBAAkB,EAAE,gBAAgB;IACpC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,4BAA4B;IAChD,gBAAgB,EAAE,cAAc;IAChC,YAAY,EAAE,kBAAkB;IAChC,sBAAsB,EAAE,kBAAkB;IAC1C,wBAAwB,EAAE,oBAAoB;IAC9C,YAAY,EAAE,YAAY;IAC1B,eAAe,EAAE,2BAA2B;IAC5C,oBAAoB,EAAE,eAAe;IACrC,oBAAoB,EAAE,YAAY;IAClC,sBAAsB,EAAE,sBAAsB;IAC9C,0BAA0B,EAAE,6BAA6B;IACzD,qBAAqB,EAAE,4BAA4B;IACnD,sBAAsB,EAAE,yBAAyB;IACjD,wBAAwB,EAAE,wBAAwB;IAClD,uBAAuB,EAAE,eAAe;IACxC,yBAAyB,EAAE,WAAW;IACtC,uBAAuB,EAAE,sBAAsB;IAC/C,mBAAmB,EAAE,YAAY;IACjC,sBAAsB,EAAE,oBAAoB;IAC5C,qBAAqB,EAAE,uBAAuB;IAC9C,sBAAsB,EAAE,WAAW;IACnC,uBAAuB,EAAE,2BAA2B;IACpD,0BAA0B,EAAE,0BAA0B;IACtD,yBAAyB,EAAE,UAAU;IACrC,yBAAyB,EAAE,eAAe;CAC3C,CAAC"}
1
+ {"version":3,"file":"locale-de.js","sourceRoot":"","sources":["../../src/react/locale-de.ts"],"names":[],"mappings":"AAEA,yGAAyG;AACzG,MAAM,CAAC,MAAM,YAAY,GAAe;IACtC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,QAAQ;IACrB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,0BAA0B;IACtC,YAAY,EAAE,0DAA0D;IACxE,aAAa,EAAE,WAAW;IAC1B,YAAY,EAAE,WAAW;IACzB,gBAAgB,EAAE,gBAAgB;IAClC,eAAe,EAAE,gBAAgB;IACjC,cAAc,EAAE,YAAY;IAC5B,aAAa,EAAE,WAAW;IAC1B,YAAY,EAAE,WAAW;IACzB,aAAa,EAAE,YAAY;IAC3B,mBAAmB,EAAE,0DAA0D;IAC/E,cAAc,EAAE,SAAS;IACzB,iBAAiB,EAAE,uBAAuB;IAC1C,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,kBAAkB;IACjC,aAAa,EAAE,cAAc;IAC7B,aAAa,EAAE,QAAQ;IACvB,oBAAoB,EAAE,OAAO;IAC7B,sBAAsB,EAAE,eAAe;IACvC,uBAAuB,EAAE,kBAAkB;IAC3C,oBAAoB,EAAE,UAAU;IAChC,kBAAkB,EAAE,QAAQ;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,4BAA4B,EAAE,qBAAqB;IACnD,oBAAoB,EAAE,UAAU;IAChC,oBAAoB,EAAE,qBAAqB;IAC3C,iBAAiB,EAAE,6BAA6B;IAChD,oBAAoB,EAAE,sBAAsB;IAC5C,mBAAmB,EAAE,wBAAwB;IAC7C,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,cAAc;IACzB,kBAAkB,EAAE,gBAAgB;IACpC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,4BAA4B;IAChD,gBAAgB,EAAE,cAAc;IAChC,YAAY,EAAE,kBAAkB;IAChC,sBAAsB,EAAE,kBAAkB;IAC1C,wBAAwB,EAAE,oBAAoB;IAC9C,YAAY,EAAE,YAAY;IAC1B,eAAe,EAAE,2BAA2B;IAC5C,oBAAoB,EAAE,eAAe;IACrC,oBAAoB,EAAE,YAAY;IAClC,sBAAsB,EAAE,sBAAsB;IAC9C,0BAA0B,EAAE,6BAA6B;IACzD,qBAAqB,EAAE,4BAA4B;IACnD,sBAAsB,EAAE,yBAAyB;IACjD,wBAAwB,EAAE,wBAAwB;IAClD,uBAAuB,EAAE,eAAe;IACxC,yBAAyB,EAAE,WAAW;IACtC,uBAAuB,EAAE,sBAAsB;IAC/C,mBAAmB,EAAE,YAAY;IACjC,sBAAsB,EAAE,oBAAoB;IAC5C,qBAAqB,EAAE,uBAAuB;IAC9C,sBAAsB,EAAE,WAAW;IACnC,uBAAuB,EAAE,2BAA2B;IACpD,0BAA0B,EAAE,0BAA0B;IACtD,yBAAyB,EAAE,UAAU;IACrC,yBAAyB,EAAE,eAAe;CAC3C,CAAC"}
package/dist/react/provider/ai-chat-provider.js CHANGED
@@ -35,6 +35,9 @@ export const DEFAULT_LOCALE = {
35
35
  confirmButton: 'Confirm',
36
36
  approvalPendingHint: 'Please approve or reject the open request first.',
37
37
  moreItemsLabel: 'more',
38
+ showAllItemsLabel: 'Show all {count}',
39
+ showMoreLabel: 'Show more',
40
+ showLessLabel: 'Show less',
38
41
  allCountLabel: 'All {count}',
39
42
  pipelineTitle: 'Pipeline',
40
43
  pipelineRunningLabel: 'Running',