@kopexa/theme 17.14.0 → 17.16.0

package/dist/components/index.js

@@ -28,6 +28,7 @@ __export(components_exports, {
   avatarGroup: () => avatarGroup,
   avatarUpload: () => avatarUpload,
   blankstate: () => blankstate,
+  breadcrumb: () => breadcrumb,
   button: () => button,
   calendar: () => calendar,
   callout: () => callout,
@@ -40,6 +41,7 @@ __export(components_exports, {
   command: () => command,
   complianceBadge: () => complianceBadge,
   controlExtension: () => controlExtension,
+  conversation: () => conversation,
   dataTable: () => dataTable,
   datagrid: () => datagrid,
   dialog: () => dialog,
@@ -61,11 +63,13 @@ __export(components_exports, {
   kbd: () => kbd,
   label: () => label,
   loadingPage: () => loadingPage,
+  message: () => message,
   pageHeader: () => pageHeader,
   pageLayout: () => pageLayout,
   passwordInput: () => passwordInput,
   popover: () => popover,
   previewCard: () => previewCard,
+  promptInput: () => promptInput,
   relatedControlChip: () => relatedControlChip,
   resizable: () => resizable,
   riskBadge: () => riskBadge,
@@ -704,9 +708,32 @@ var blankstate = (0, import_tailwind_variants8.tv)({
   }
 });
 
-// src/components/button.ts
+// src/components/breadcrumb.ts
 var import_tailwind_variants9 = require("tailwind-variants");
-var button = (0, import_tailwind_variants9.tv)({
+var breadcrumb = (0, import_tailwind_variants9.tv)({
+  slots: {
+    base: "",
+    list: [
+      "flex",
+      "flex-wrap",
+      "items-center",
+      "gap-1.5",
+      "break-words",
+      "text-sm",
+      "text-muted-fg",
+      "sm:gap-2.5"
+    ],
+    item: ["inline-flex", "items-center", "gap-1.5"],
+    link: ["transition-colors", "hover:text-fg"],
+    page: ["font-normal", "text-fg"],
+    separator: ["[&>svg]:size-3.5"],
+    ellipsis: ["flex", "h-9", "w-9", "items-center", "justify-center"]
+  }
+});
+
+// src/components/button.ts
+var import_tailwind_variants10 = require("tailwind-variants");
+var button = (0, import_tailwind_variants10.tv)({
   base: [
     "group relative inline-flex items-center justify-center select-none",
     "box-border appearance-none",
@@ -889,8 +916,8 @@ var button = (0, import_tailwind_variants9.tv)({
 });
 
 // src/components/calendar.ts
-var import_tailwind_variants10 = require("tailwind-variants");
-var calendar = (0, import_tailwind_variants10.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var calendar = (0, import_tailwind_variants11.tv)({
   slots: {
     base: [
       "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -942,8 +969,8 @@ var calendar = (0, import_tailwind_variants10.tv)({
 });
 
 // src/components/callout.ts
-var import_tailwind_variants11 = require("tailwind-variants");
-var callout = (0, import_tailwind_variants11.tv)({
+var import_tailwind_variants12 = require("tailwind-variants");
+var callout = (0, import_tailwind_variants12.tv)({
   slots: {
     root: ["flex items-start gap-3 w-full", "border", "relative"],
     iconContainer: "flex-shrink-0 mt-0.5",
@@ -1018,8 +1045,8 @@ var callout = (0, import_tailwind_variants11.tv)({
 });
 
 // src/components/card.ts
-var import_tailwind_variants12 = require("tailwind-variants");
-var card = (0, import_tailwind_variants12.tv)({
+var import_tailwind_variants13 = require("tailwind-variants");
+var card = (0, import_tailwind_variants13.tv)({
   slots: {
     root: [
       "flex flex-col relative h-auto outline-hidden box-border overflow-hidden",
@@ -1223,8 +1250,8 @@ var card = (0, import_tailwind_variants12.tv)({
 });
 
 // src/components/checkbox.ts
-var import_tailwind_variants13 = require("tailwind-variants");
-var checkbox = (0, import_tailwind_variants13.tv)({
+var import_tailwind_variants14 = require("tailwind-variants");
+var checkbox = (0, import_tailwind_variants14.tv)({
   slots: {
     base: [
       "group",
@@ -1265,8 +1292,8 @@ var checkbox = (0, import_tailwind_variants13.tv)({
 });
 
 // src/components/chip.ts
-var import_tailwind_variants14 = require("tailwind-variants");
-var chip = (0, import_tailwind_variants14.tv)({
+var import_tailwind_variants15 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants15.tv)({
   slots: {
     root: [
       "relative",
@@ -1584,8 +1611,8 @@ var chip = (0, import_tailwind_variants14.tv)({
 });
 
 // src/components/code.ts
-var import_tailwind_variants15 = require("tailwind-variants");
-var code = (0, import_tailwind_variants15.tv)({
+var import_tailwind_variants16 = require("tailwind-variants");
+var code = (0, import_tailwind_variants16.tv)({
   base: [
     "px-2",
     "py-1",
@@ -1625,8 +1652,8 @@ var code = (0, import_tailwind_variants15.tv)({
 });
 
 // src/components/color-highlight-button.ts
-var import_tailwind_variants16 = require("tailwind-variants");
-var colorHighlightButton = (0, import_tailwind_variants16.tv)({
+var import_tailwind_variants17 = require("tailwind-variants");
+var colorHighlightButton = (0, import_tailwind_variants17.tv)({
   slots: {
     button: [
       "relative min-w-none",
@@ -1643,8 +1670,8 @@ var colorHighlightButton = (0, import_tailwind_variants16.tv)({
 });
 
 // src/components/combobox.ts
-var import_tailwind_variants17 = require("tailwind-variants");
-var combobox = (0, import_tailwind_variants17.tv)({
+var import_tailwind_variants18 = require("tailwind-variants");
+var combobox = (0, import_tailwind_variants18.tv)({
   slots: {
     root: [],
     control: "relative",
@@ -1782,8 +1809,8 @@ var combobox = (0, import_tailwind_variants17.tv)({
 });
 
 // src/components/command.ts
-var import_tailwind_variants18 = require("tailwind-variants");
-var command = (0, import_tailwind_variants18.tv)({
+var import_tailwind_variants19 = require("tailwind-variants");
+var command = (0, import_tailwind_variants19.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -1802,8 +1829,8 @@ var command = (0, import_tailwind_variants18.tv)({
 });
 
 // src/components/compliance-badge.ts
-var import_tailwind_variants19 = require("tailwind-variants");
-var complianceBadge = (0, import_tailwind_variants19.tv)({
+var import_tailwind_variants20 = require("tailwind-variants");
+var complianceBadge = (0, import_tailwind_variants20.tv)({
   slots: {
     root: [
       "group/badge",
@@ -1849,12 +1876,30 @@ var complianceBadge = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/control-extension.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var controlExtension = (0, import_tailwind_variants20.tv)({});
+var import_tailwind_variants21 = require("tailwind-variants");
+var controlExtension = (0, import_tailwind_variants21.tv)({});
+
+// src/components/conversation.ts
+var import_tailwind_variants22 = require("tailwind-variants");
+var conversation = (0, import_tailwind_variants22.tv)({
+  slots: {
+    root: [
+      "relative flex-1 min-h-0",
+      // StickToBottom internal container needs overflow
+      "[&>div]:overflow-y-auto"
+    ],
+    content: "flex flex-col gap-8 p-4",
+    emptyState: "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+    emptyStateIcon: "text-muted-foreground",
+    emptyStateTitle: "font-medium text-sm",
+    emptyStateDescription: "text-muted-foreground text-sm",
+    scrollButton: "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted"
+  }
+});
 
 // src/components/data-grid.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var datagrid = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var datagrid = (0, import_tailwind_variants23.tv)({
   slots: {
     container: "grid w-full",
     table: "w-full align-middle caption-bottom text-left rtl:text-right text-foreground font-normal text-sm",
@@ -2061,8 +2106,8 @@ var datagrid = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/data-table.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var dataTable = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var dataTable = (0, import_tailwind_variants24.tv)({
   slots: {
     base: "relative flex min-h-0 flex-1 flex-col",
     toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
@@ -2106,8 +2151,8 @@ var dataTable = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants25.tv)({
   slots: {
     overlay: [
       "fixed inset-0 bg-black/25 [backdrop-filter:blur(4px)]",
@@ -2202,8 +2247,8 @@ var dialog = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants26.tv)({
   slots: {
     overlay: [
       dialog.slots.overlay,
@@ -2311,8 +2356,8 @@ var drawer = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants27.tv)({
   slots: {
     root: "",
     content: "min-w-[8rem] bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -2332,8 +2377,8 @@ var dropdownMenu = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/editor-basic.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var editorBasic = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var editorBasic = (0, import_tailwind_variants28.tv)({
   slots: {
     root: [
       "grid grid-rows-[auto,minmax(0,1fr)]",
@@ -2505,8 +2550,8 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/editor-spinner.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var editorSpinner = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var editorSpinner = (0, import_tailwind_variants29.tv)({
   slots: {
     root: "size-full grow shrink flex items-center justify-center",
     content: ["flex", "flex-col", "items-center", "justify-center", "gap-2"],
@@ -2518,8 +2563,8 @@ var editorSpinner = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/file-upload.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var avatarUpload = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var avatarUpload = (0, import_tailwind_variants30.tv)({
   slots: {
     root: "flex flex-col",
     previewAndText: "",
@@ -2579,13 +2624,13 @@ var avatarUpload = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/filter.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var filter = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var filter = (0, import_tailwind_variants31.tv)({
   slots: {
     root: "flex flex-wrap items-center gap-2",
     // Trigger Button
     trigger: [
-      "inline-flex items-center gap-2 rounded-md",
+      "inline-flex items-center gap-2 rounded-full",
       "border border-dashed border-input text-sm",
       "hover:bg-accent hover:text-accent-foreground",
       "transition-colors cursor-pointer",
@@ -2609,63 +2654,106 @@ var filter = (0, import_tailwind_variants29.tv)({
     ],
     menuItemIcon: "size-4 text-muted-foreground",
     menuSeparator: "bg-border -mx-1 my-1 h-px",
-    // Aktiver Filter (Chip-artig)
+    // Aktiver Filter (Contentful-Style segmented)
     field: [
-      "inline-flex items-center gap-1 rounded-md",
-      "bg-secondary text-secondary-foreground text-sm",
-      "border border-transparent hover:border-border",
-      "cursor-pointer transition-colors"
+      "group inline-flex items-center rounded-full",
+      "border border-border bg-background",
+      "transition-all hover:shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1"
+    ],
+    fieldLabel: [
+      "bg-muted text-foreground font-medium text-xs",
+      "flex items-center gap-1.5 flex-shrink-0"
+    ],
+    fieldOperator: [
+      "bg-primary text-primary-foreground",
+      "flex items-center",
+      "rounded-full shadow-sm",
+      "mx-1 my-0.5"
     ],
-    fieldLabel: "font-medium",
-    fieldOperator: "text-muted-foreground text-xs",
-    fieldValue: "max-w-[150px] truncate",
+    // Native select inside operator segment
+    fieldOperatorSelect: [
+      "appearance-none bg-transparent font-normal cursor-pointer",
+      "border-none outline-none text-xs",
+      "focus:outline-none"
+    ],
+    fieldOperatorIcon: "size-3 opacity-70 ml-0.5 pointer-events-none",
+    fieldValue: [
+      "bg-background text-foreground text-xs",
+      "flex items-center gap-1"
+    ],
+    // Native input inside value segment (width set dynamically via style)
+    fieldValueInput: [
+      "bg-transparent border-none outline-none",
+      "placeholder:text-muted-foreground"
+    ],
+    fieldValueText: "truncate",
+    fieldValueIcon: "size-3.5 opacity-60 flex-shrink-0",
     fieldRemove: [
-      "size-5 rounded-sm flex items-center justify-center",
+      "size-5 rounded-full flex items-center justify-center flex-shrink-0",
       "hover:bg-destructive/10 hover:text-destructive",
       "transition-colors cursor-pointer",
+      "mr-1",
       ...focusVisibleClasses
     ],
-    // Wert-Editor Popover
+    // Wert-Editor Popover (for select/multiselect types)
     editor: [
-      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[240px]",
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[280px]",
       "data-[open]:animate-in data-[closed]:animate-out",
       "data-[closed]:fade-out-0 data-[open]:fade-in-0",
       "data-[closed]:zoom-out-95 data-[open]:zoom-in-95"
     ],
-    editorHeader: "flex items-center justify-between mb-2",
+    editorHeader: "flex items-center justify-between mb-3",
     editorTitle: "text-sm font-medium",
-    editorOperator: "w-full mb-2",
+    editorOperator: "w-full mb-3",
     editorInput: "w-full",
     // Active Filters Container
     active: "flex flex-wrap items-center gap-2",
     // Clear All Button
     clearAll: [
       "text-xs text-muted-foreground hover:text-foreground",
-      "cursor-pointer transition-colors"
+      "cursor-pointer transition-colors underline-offset-2 hover:underline"
     ]
   },
   variants: {
     size: {
       sm: {
         trigger: "h-7 text-xs px-2.5",
-        field: "h-6 text-xs pl-2 pr-0.5",
+        field: "text-xs h-7",
+        fieldLabel: "px-2.5 py-1",
+        fieldOperator: "px-2.5 py-0.5",
+        fieldOperatorSelect: "text-xs",
+        fieldValue: "px-2 py-1",
+        fieldValueInput: "text-xs h-5",
         fieldRemove: "size-4"
       },
       md: {
         trigger: "h-8 px-3",
-        field: "h-7 pl-2.5 pr-1"
+        field: "text-sm h-8",
+        fieldLabel: "px-3 py-1.5",
+        fieldOperator: "px-3 py-1",
+        fieldOperatorSelect: "text-sm",
+        fieldValue: "px-2.5 py-1.5",
+        fieldValueInput: "text-sm h-5",
+        fieldRemove: "size-5"
       },
       lg: {
         trigger: "h-9 px-4 text-base",
-        field: "h-8 pl-3 pr-1.5 text-base",
+        field: "text-base h-9",
+        fieldLabel: "px-4 py-2",
+        fieldOperator: "px-4 py-1.5",
+        fieldOperatorSelect: "text-base",
+        fieldValue: "px-3 py-2",
+        fieldValueInput: "text-base h-6",
         fieldRemove: "size-6"
       }
     },
     variant: {
       outline: {
-        field: "bg-transparent border-input"
+        field: "border-input"
       },
-      solid: {}
+      solid: {
+        field: "border-transparent shadow-sm"
+      }
     }
   },
   defaultVariants: {
@@ -2675,8 +2763,8 @@ var filter = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/framework-row.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var frameworkRow = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants32.tv)({
   slots: {
     root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
     standardContainer: "shrink-0",
@@ -2689,8 +2777,8 @@ var frameworkRow = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants33.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -2707,8 +2795,8 @@ var heading = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants34.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -2723,8 +2811,8 @@ var hoverCard = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/image-crop.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var imageCrop = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var imageCrop = (0, import_tailwind_variants35.tv)({
   slots: {
     content: "max-h-[277px] max-w-full",
     image: "size-fullcover"
@@ -2732,8 +2820,8 @@ var imageCrop = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/image-placeholder.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var imagePlaceholder = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var imagePlaceholder = (0, import_tailwind_variants36.tv)({
   slots: {
     root: [
       "relative flex items-center justify-center",
@@ -2791,8 +2879,8 @@ var imagePlaceholder = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/impact-card.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var impactCard = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var impactCard = (0, import_tailwind_variants37.tv)({
   slots: {
     // Card wrapper (extends Card.Root)
     root: "",
@@ -2871,8 +2959,8 @@ var impactCard = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/input-group.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var inputGroup = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var inputGroup = (0, import_tailwind_variants38.tv)({
   base: [
     "flex items-stretch",
     "[&_[data-slot=input]]:grow",
@@ -2893,8 +2981,8 @@ var inputGroup = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/input-wrapper.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var inputWrapper = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var inputWrapper = (0, import_tailwind_variants39.tv)({
   base: [
     "flex items-center gap-1.5",
     "has-[:focus-visible]:ring-ring/30",
@@ -2938,8 +3026,8 @@ var inputWrapper = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/integration-card.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var integrationCard = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants40.tv)({
   slots: {
     root: "",
     header: "flex items-start justify-between gap-3",
@@ -2961,8 +3049,8 @@ var integrationCard = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/kbd.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var kbd = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants41.tv)({
   base: "inline-flex items-center justify-center font-mono rounded-md",
   variants: {
     variant: {
@@ -2981,8 +3069,8 @@ var kbd = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/label.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var label = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var label = (0, import_tailwind_variants42.tv)({
   base: [
     "text-sm leading-none",
     "text-foreground",
@@ -3000,8 +3088,8 @@ var label = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/loading-page.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var loadingPage = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var loadingPage = (0, import_tailwind_variants43.tv)({
   slots: {
     root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
     container: "flex flex-col items-center gap-4 text-center",
@@ -3020,9 +3108,47 @@ var loadingPage = (0, import_tailwind_variants41.tv)({
   }
 });
 
+// src/components/message.ts
+var import_tailwind_variants44 = require("tailwind-variants");
+var message = (0, import_tailwind_variants44.tv)({
+  slots: {
+    root: "group flex w-full max-w-[95%] flex-col gap-2",
+    content: [
+      "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      // Assistant styles (default)
+      "group-[.is-assistant]:text-foreground",
+      // User styles
+      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-muted group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground"
+    ],
+    actions: "flex items-center gap-1",
+    toolbar: "mt-4 flex w-full items-center justify-between gap-4",
+    // Branch components
+    branchRoot: "grid w-full gap-2 [&>div]:pb-0",
+    branchContent: "grid gap-2 overflow-hidden [&>div]:pb-0",
+    branchSelector: "flex items-center",
+    branchPage: "px-2 text-muted-foreground text-xs tabular-nums"
+  },
+  variants: {
+    from: {
+      user: {
+        root: "is-user ml-auto justify-end"
+      },
+      assistant: {
+        root: "is-assistant"
+      },
+      system: {
+        root: "is-system"
+      }
+    }
+  },
+  defaultVariants: {
+    from: "assistant"
+  }
+});
+
 // src/components/page-header.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants45.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -3057,8 +3183,8 @@ var pageHeader = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants46.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -3175,8 +3301,8 @@ var pageLayout = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants47.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -3224,8 +3350,8 @@ var popover = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants48.tv)({
   slots: {
     root: [
       "grid w-full grid-cols-[auto_1fr_auto] items-center gap-y-1.5 rounded-md bg-background p-2",
@@ -3289,9 +3415,25 @@ var previewCard = (0, import_tailwind_variants45.tv)({
   }
 });
 
+// src/components/prompt-input.ts
+var import_tailwind_variants49 = require("tailwind-variants");
+var promptInput = (0, import_tailwind_variants49.tv)({
+  slots: {
+    root: "flex w-full flex-col gap-2",
+    form: "relative flex w-full items-end gap-2 rounded-lg border bg-background p-2 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+    textarea: [
+      "flex-1 resize-none bg-transparent text-sm placeholder:text-muted-foreground",
+      "focus:outline-none",
+      "min-h-[40px] max-h-[200px]"
+    ],
+    actions: "flex items-center gap-1",
+    submitButton: "flex-shrink-0"
+  }
+});
+
 // src/components/related-control-chip.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants50.tv)({
   slots: {
     // Container for all chips
     root: "flex flex-wrap items-center gap-1",
@@ -3351,8 +3493,8 @@ var relatedControlChip = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants51.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -3378,8 +3520,8 @@ var resizable = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants52.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -3418,8 +3560,8 @@ var riskBadge = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants53.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -3452,8 +3594,8 @@ var riskIndicator = (0, import_tailwind_variants49.tv)({
 });
 
 // src/components/risk-rating.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var riskRating = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var riskRating = (0, import_tailwind_variants54.tv)({
   slots: {
     base: "flex items-center gap-2",
     badge: "flex items-center justify-center rounded-md font-bold",
@@ -3513,8 +3655,8 @@ var riskRating = (0, import_tailwind_variants50.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants55.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -3528,8 +3670,8 @@ var scrollArea = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants56.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -3600,8 +3742,8 @@ var sectionRow = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var select = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var select = (0, import_tailwind_variants57.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -3705,8 +3847,8 @@ var select = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants58.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -3724,8 +3866,8 @@ var separator = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants59.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-svh w-full isolate overflow-hidden"
@@ -3813,7 +3955,7 @@ var sidebar = (0, import_tailwind_variants55.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants55.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants59.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -3865,7 +4007,7 @@ var sidebarMenuButton = (0, import_tailwind_variants55.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants55.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants59.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -3885,14 +4027,14 @@ var sidebarMenuAction = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants60.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants61.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -3909,8 +4051,8 @@ var skeletonAvatar = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants62 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants62.tv)({
   slots: {
     card: [
       ...popoverContentClasses,
@@ -3935,8 +4077,8 @@ var slashDropdownMenu = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants63 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants63.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -4053,8 +4195,8 @@ var spinner = (0, import_tailwind_variants59.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants60 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants60.tv)({
+var import_tailwind_variants64 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants64.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -4086,8 +4228,8 @@ var splitPageLayout = (0, import_tailwind_variants60.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants61 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants61.tv)({
+var import_tailwind_variants65 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants65.tv)({
   extend: chip,
   slots: {
     root: [
@@ -4178,8 +4320,8 @@ var standardChip = (0, import_tailwind_variants61.tv)({
 });
 
 // src/components/stat.ts
-var import_tailwind_variants62 = require("tailwind-variants");
-var stat = (0, import_tailwind_variants62.tv)({
+var import_tailwind_variants66 = require("tailwind-variants");
+var stat = (0, import_tailwind_variants66.tv)({
   slots: {
     root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
     label: [
@@ -4239,8 +4381,8 @@ var stat = (0, import_tailwind_variants62.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants63 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants63.tv)({
+var import_tailwind_variants67 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants67.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -4275,8 +4417,8 @@ var switchVariants = (0, import_tailwind_variants63.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants64 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants64.tv)({
+var import_tailwind_variants68 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants68.tv)({
   slots: {
     base: "",
     list: [
@@ -4366,8 +4508,8 @@ var tabNav = (0, import_tailwind_variants64.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants65 = require("tailwind-variants");
-var table = (0, import_tailwind_variants65.tv)({
+var import_tailwind_variants69 = require("tailwind-variants");
+var table = (0, import_tailwind_variants69.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -4529,8 +4671,8 @@ var table = (0, import_tailwind_variants65.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants66 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants66.tv)({
+var import_tailwind_variants70 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants70.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -4567,8 +4709,8 @@ var tabs = (0, import_tailwind_variants66.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants67 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants67.tv)({
+var import_tailwind_variants71 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants71.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -4592,8 +4734,8 @@ var textarea = (0, import_tailwind_variants67.tv)({
 });
 
 // src/components/toc.ts
-var import_tailwind_variants68 = require("tailwind-variants");
-var toc = (0, import_tailwind_variants68.tv)({
+var import_tailwind_variants72 = require("tailwind-variants");
+var toc = (0, import_tailwind_variants72.tv)({
   slots: {
     root: ["my-4", "rounded-lg", "border", "bg-muted/30", "p-4"],
     header: ["flex", "items-center", "justify-between", "gap-2", "mb-3"],
@@ -4650,8 +4792,8 @@ var toc = (0, import_tailwind_variants68.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants69 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants69.tv)({
+var import_tailwind_variants73 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants73.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -4690,8 +4832,8 @@ var toolbar = (0, import_tailwind_variants69.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants70 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants70.tv)({
+var import_tailwind_variants74 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants74.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -4704,8 +4846,8 @@ var tooltip = (0, import_tailwind_variants70.tv)({
 });
 
 // src/components/variable-node.ts
-var import_tailwind_variants71 = require("tailwind-variants");
-var variableNode = (0, import_tailwind_variants71.tv)({
+var import_tailwind_variants75 = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants75.tv)({
   slots: {
     wrapper: ["inline", "align-baseline"],
     chip: [
@@ -4753,6 +4895,7 @@ var variableNode = (0, import_tailwind_variants71.tv)({
   avatarGroup,
   avatarUpload,
   blankstate,
+  breadcrumb,
   button,
   calendar,
   callout,
@@ -4765,6 +4908,7 @@ var variableNode = (0, import_tailwind_variants71.tv)({
   command,
   complianceBadge,
   controlExtension,
+  conversation,
   dataTable,
   datagrid,
   dialog,
@@ -4786,11 +4930,13 @@ var variableNode = (0, import_tailwind_variants71.tv)({
   kbd,
   label,
   loadingPage,
+  message,
   pageHeader,
   pageLayout,
   passwordInput,
   popover,
   previewCard,
+  promptInput,
   relatedControlChip,
   resizable,
   riskBadge,