@kitn.ai/ui 0.17.0 → 0.18.1

package/src/ui/tooltip.tsx

@@ -1,29 +1,67 @@
-import { createSignal, createUniqueId, onCleanup, Show, type JSX, splitProps } from 'solid-js';
+import { createSignal, createUniqueId, onCleanup, Show, type JSX, type Accessor, splitProps } from 'solid-js';
 import { Portal } from 'solid-js/web';
+import { type Placement } from '@floating-ui/dom';
 import { cn } from '../utils/cn';
 import { useChatConfig } from '../primitives/chat-config';
 import { createPresence, usePosition, useDismiss, As } from './overlay';
 
-export interface TooltipProps { content: string; children: JSX.Element; class?: string; openDelay?: number; dismissOnClick?: boolean; }
+/** Imperative open controller, handed to a parent (e.g. the kai-tooltip facade)
+ *  via `controllerRef` so it can drive/observe open state. */
+export interface TooltipController { open: Accessor<boolean>; setOpen: (v: boolean) => void; }
+
+export interface TooltipProps {
+  content: string;
+  children: JSX.Element;
+  class?: string;
+  openDelay?: number;
+  /** Delay (ms) before it hides after the pointer leaves. Defaults to 0 (hides
+   *  immediately). */
+  closeDelay?: number;
+  /** Preferred placement (post flip/shift). Defaults to `'top'`. */
+  placement?: Placement;
+  /** Initial open state on mount (uncontrolled seed). */
+  defaultOpen?: boolean;
+  /** When true, hover/focus (and `show()`) never opens the tooltip. */
+  disabled?: boolean;
+  /** Receive the open controller (open accessor + setOpen) once mounted. */
+  controllerRef?: (api: TooltipController) => void;
+  dismissOnClick?: boolean;
+}
 
 export function Tooltip(props: TooltipProps) {
-  const [local] = splitProps(props, ['content', 'children', 'class', 'openDelay', 'dismissOnClick']);
+  const [local] = splitProps(props, ['content', 'children', 'class', 'openDelay', 'closeDelay', 'placement', 'defaultOpen', 'disabled', 'controllerRef', 'dismissOnClick']);
   const config = useChatConfig();
   const id = createUniqueId();
-  const [open, setOpen] = createSignal(false);
+  const [open, setOpen] = createSignal(local.defaultOpen ?? false);
   const [triggerEl, setTriggerEl] = createSignal<HTMLElement>();
   const [contentEl, setContentEl] = createSignal<HTMLElement>();
+  // Hand the open controller up so a facade (kai-tooltip) can drive/observe it.
+  // setOpen is gated on `disabled` so the disclosure surface (show/hide/toggle)
+  // can never force the tooltip open while disabled.
+  local.controllerRef?.({ open, setOpen: (v) => setOpen(v && !local.disabled) });
   let timer: number | undefined;
+  // True for the span of a click (pointerdown → focus → click). Suppresses the
+  // focus-show so clicking a hovered trigger DISMISSES it instead of flickering
+  // hide→show→hide (pointerdown hid it, the click-induced focus re-showed it,
+  // then click hid it again). Keyboard focus has no preceding pointerdown, so it
+  // still shows the tooltip normally.
+  let pointerDown = false;
 
   const [pointerInside, setPointerInside] = createSignal(false);
   const [focusInside, setFocusInside] = createSignal(false);
 
   const show = (delay = 0) => {
+    if (local.disabled) return;
     clearTimeout(timer);
     if (delay) timer = window.setTimeout(() => setOpen(true), delay);
     else setOpen(true);
   };
-  const hide = () => { clearTimeout(timer); setOpen(false); };
+  const hide = () => {
+    clearTimeout(timer);
+    const delay = local.closeDelay ?? 0;
+    if (delay) timer = window.setTimeout(() => setOpen(false), delay);
+    else setOpen(false);
+  };
   const maybeHide = () => { if (!pointerInside() && !focusInside()) hide(); };
   // Action-style tooltips should dismiss when their trigger is clicked: the pointer
   // never "leaves", so reset the inside flags and force-close until the next genuine
@@ -32,20 +70,26 @@ export function Tooltip(props: TooltipProps) {
   onCleanup(() => clearTimeout(timer));
 
   const presence = createPresence(open);
-  const position = usePosition(triggerEl, contentEl, { placement: 'top', gutter: 6 });
+  const position = usePosition(triggerEl, contentEl, {
+    placement: local.placement ?? 'top',
+    gutter: 6,
+    // Trigger removed from the DOM -> close so the tooltip portal doesn't orphan.
+    onDisconnect: () => setOpen(false),
+  });
   useDismiss({ enabled: open, onDismiss: hide, refs: () => [triggerEl(), contentEl()] });
 
   return (
     <>
       <As
         as="span"
+        class="inline-flex"
         ref={setTriggerEl}
         aria-describedby={open() ? id : undefined}
         onPointerEnter={() => { setPointerInside(true); show(local.openDelay ?? 600); }}
         onPointerLeave={() => { setPointerInside(false); maybeHide(); }}
-        onPointerDown={dismiss}
+        onPointerDown={() => { pointerDown = true; dismiss(); window.setTimeout(() => { pointerDown = false; }, 0); }}
         onClick={dismiss}
-        onFocusIn={() => { setFocusInside(true); show(); }}
+        onFocusIn={() => { setFocusInside(true); if (!pointerDown) show(); }}
         onFocusOut={(e: FocusEvent) => { const t = triggerEl(); if (t && t.contains(e.relatedTarget as Node)) return; setFocusInside(false); maybeHide(); }}
       >
         {local.children}

package/theme.css

@@ -23,10 +23,57 @@
   --color-secondary-foreground: var(--kai-color-secondary-foreground, hsl(240 5.9% 10%));
   --color-muted: var(--kai-color-muted, hsl(240 4.8% 95.9%));
   --color-muted-foreground: var(--kai-color-muted-foreground, hsl(240 3.8% 43%));
+  /* Subtle SURFACE — an opaque "muted panel" for things that sit OVER content
+     (the prompt input, message bubbles, artifact/card headers, chips). CALCULATED
+     from existing tokens — `--color-muted` blended 40% onto `--color-background`
+     — so it tracks the theme (incl. dark) automatically and needs no hand-picked
+     value. SOLID (no alpha), so nothing behind it bleeds through. This replaces
+     ad-hoc `bg-muted/40` surfaces. Retint via the --kai-color-surface knob (or a
+     bare value); --color-surface-strong is the stronger step (hover/raised) and
+     --color-surface-sunken is recessed BELOW the base surface (wells, or a banner
+     that sits behind a card). Sunken is theme-specific: "darker than the card"
+     means a LOWER muted% in dark but a HIGHER one in light, so the two scopes
+     can't share a number — see the .dark block. */
+  --color-surface: var(--kai-color-surface, color-mix(in srgb, var(--color-muted) 40%, var(--color-background)));
+  --color-surface-strong: var(--kai-color-surface-strong, color-mix(in srgb, var(--color-muted) 60%, var(--color-background)));
+  --color-surface-sunken: var(--kai-color-surface-sunken, color-mix(in srgb, var(--color-muted) 85%, var(--color-background)));
   --color-accent: var(--kai-color-accent, hsl(240 4.8% 95.9%));
   --color-accent-foreground: var(--kai-color-accent-foreground, hsl(240 5.9% 10%));
   --color-destructive: var(--kai-color-destructive, hsl(0 72% 45%));
   --color-destructive-foreground: var(--kai-color-destructive-foreground, hsl(0 0% 98%));
+  /* Semantic status colors - solid fills with a legible foreground, matched to
+     the kit's tool-green / -amber / -blue hues so they read on-brand. Use
+     bg-success / bg-warning / bg-info with the matching -foreground for badges,
+     banners, and buttons; or text-success / -warning / -info on a soft tint
+     (below). destructive (above) is the danger/error member of the same family.
+     Light uses darker hues so the color carries a light foreground AND stays
+     legible as text on a pale tint; dark (see .dark) flips to brighter hues over
+     a near-black foreground. Override via --kai-color-success / -warning / -info
+     (+ -foreground). */
+  --color-success: var(--kai-color-success, hsl(142 71% 30%));
+  --color-success-foreground: var(--kai-color-success-foreground, hsl(0 0% 98%));
+  --color-warning: var(--kai-color-warning, hsl(38 92% 30%));
+  --color-warning-foreground: var(--kai-color-warning-foreground, hsl(0 0% 98%));
+  --color-info: var(--kai-color-info, hsl(217 91% 42%));
+  --color-info-foreground: var(--kai-color-info-foreground, hsl(0 0% 98%));
+  /* Soft tinted status surfaces - OPAQUE, theme-tracking fills derived as ~14% of
+     the status hue blended onto the background. Use these for subtle callouts /
+     banners instead of an eyeballed bg-success/10; pair with text-success /
+     -warning / -info / -destructive. Derived, so declared in BOTH light and dark
+     (a color-mix resolves where it's declared - see the surface tokens above). A
+     bare bg- utility for a color-mix token is added at the bottom (see bg-surface). */
+  --color-success-soft: var(--kai-color-success-soft, color-mix(in oklab, var(--color-success) 14%, var(--color-background)));
+  --color-warning-soft: var(--kai-color-warning-soft, color-mix(in oklab, var(--color-warning) 14%, var(--color-background)));
+  --color-info-soft: var(--kai-color-info-soft, color-mix(in oklab, var(--color-info) 14%, var(--color-background)));
+  --color-destructive-soft: var(--kai-color-destructive-soft, color-mix(in oklab, var(--color-destructive) 14%, var(--color-background)));
+  /* Interaction-state backgrounds - opaque, theme-tracking fills for row/control
+     states so consumers stop eyeballing /10 opacities. --color-hover is a subtle
+     neutral (a little --color-muted on the background); --color-selected is a
+     faint --color-primary tint so a selected row tracks the brand. Use bg-hover /
+     bg-selected. Derived, so declared in BOTH light and dark; bare bg- utilities
+     added at the bottom. */
+  --color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
+  --color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
   --color-border: var(--kai-color-border, hsl(240 5.9% 90%));
   --color-input: var(--kai-color-input, hsl(240 5.9% 90%));
   /* Focus ring — a deliberate blue (not a neutral) so keyboard focus is always
@@ -103,10 +150,36 @@
   --color-secondary-foreground: var(--kai-color-secondary-foreground, hsl(0 0% 98%));
   --color-muted: var(--kai-color-muted, hsl(45 4% 17%));
   --color-muted-foreground: var(--kai-color-muted-foreground, hsl(45 4% 64%));
+  /* Re-declared in the dark scope so the color-mix recomputes with the DARK
+     muted/background (a derived token is computed where it's declared, not where
+     it's used — see the light --color-surface for the full note). */
+  --color-surface: var(--kai-color-surface, color-mix(in srgb, var(--color-muted) 40%, var(--color-background)));
+  --color-surface-strong: var(--kai-color-surface-strong, color-mix(in srgb, var(--color-muted) 60%, var(--color-background)));
+  /* Sunken: in dark a LOWER muted% is darker (blends toward the dark background). */
+  --color-surface-sunken: var(--kai-color-surface-sunken, color-mix(in srgb, var(--color-muted) 18%, var(--color-background)));
   --color-accent: var(--kai-color-accent, hsl(45 4% 17%));
   --color-accent-foreground: var(--kai-color-accent-foreground, hsl(0 0% 98%));
   --color-destructive: var(--kai-color-destructive, hsl(0 62.8% 30.6%));
   --color-destructive-foreground: var(--kai-color-destructive-foreground, hsl(0 0% 98%));
+  /* Semantic status colors - dark mode flips to the brighter tool-* dark hues
+     (matching the chip values) carried over a near-black foreground, so the color
+     both reads as text on a dark soft tint AND backs a legible foreground. See
+     the light @theme note. */
+  --color-success: var(--kai-color-success, hsl(142 71% 45%));
+  --color-success-foreground: var(--kai-color-success-foreground, hsl(45 4% 11%));
+  --color-warning: var(--kai-color-warning, hsl(38 92% 50%));
+  --color-warning-foreground: var(--kai-color-warning-foreground, hsl(45 4% 11%));
+  --color-info: var(--kai-color-info, hsl(217 91% 70%));
+  --color-info-foreground: var(--kai-color-info-foreground, hsl(45 4% 11%));
+  /* Soft status surfaces + interaction states - re-declared so each color-mix
+     recomputes with the DARK hues/background (a derived token resolves where it's
+     declared; see the light block for the full note). */
+  --color-success-soft: var(--kai-color-success-soft, color-mix(in oklab, var(--color-success) 14%, var(--color-background)));
+  --color-warning-soft: var(--kai-color-warning-soft, color-mix(in oklab, var(--color-warning) 14%, var(--color-background)));
+  --color-info-soft: var(--kai-color-info-soft, color-mix(in oklab, var(--color-info) 14%, var(--color-background)));
+  --color-destructive-soft: var(--kai-color-destructive-soft, color-mix(in oklab, var(--color-destructive) 14%, var(--color-background)));
+  --color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
+  --color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
   --color-border: var(--kai-color-border, hsl(45 4% 17%));
   --color-input: var(--kai-color-input, hsl(45 4% 17%));
   --color-ring: var(--kai-color-ring, hsl(217 91% 68%));
@@ -187,3 +260,43 @@
 }
 .scrollbar-thin::-webkit-scrollbar-thumb:hover { background-color: var(--color-scrollbar-thumb-hover); }
 .scrollbar-thin::-webkit-scrollbar-corner { background: transparent; }
+
+/* Surface utilities — `bg-surface` / `bg-surface-strong` paint the opaque,
+   theme-derived surface tokens (see --color-surface above). Defined explicitly
+   because a color-mix-valued @theme token does NOT emit a bare `bg-` utility on
+   its own (only opacity variants). Use these for panels that sit OVER content
+   instead of `bg-muted/NN`. */
+@utility bg-surface {
+  background-color: var(--color-surface);
+}
+@utility bg-surface-strong {
+  background-color: var(--color-surface-strong);
+}
+@utility bg-surface-sunken {
+  background-color: var(--color-surface-sunken);
+}
+
+/* Soft-status + interaction-state utilities. Same reason as bg-surface above: a
+   color-mix-valued @theme token does NOT emit a bare `bg-` utility on its own, so
+   bg-success-soft / bg-warning-soft / bg-info-soft / bg-destructive-soft and
+   bg-hover / bg-selected are declared here. (The SOLID tokens - success / warning
+   / info + their -foreground - are plain hsl values, so bg-success / text-success
+   etc. ARE auto-generated by @theme and need no explicit utility.) */
+@utility bg-success-soft {
+  background-color: var(--color-success-soft);
+}
+@utility bg-warning-soft {
+  background-color: var(--color-warning-soft);
+}
+@utility bg-info-soft {
+  background-color: var(--color-info-soft);
+}
+@utility bg-destructive-soft {
+  background-color: var(--color-destructive-soft);
+}
+@utility bg-hover {
+  background-color: var(--color-hover);
+}
+@utility bg-selected {
+  background-color: var(--color-selected);
+}

package/dist/components/slash-command.d.ts

@@ -1,15 +0,0 @@
-export interface SlashCommandItem {
-    id: string;
-    label: string;
-    description?: string;
-    category?: string;
-}
-export interface SlashCommandProps {
-    commands: SlashCommandItem[];
-    activeIds?: string[];
-    onSelect: (command: SlashCommandItem) => void;
-    compact?: boolean;
-    class?: string;
-}
-declare function SlashCommand(props: SlashCommandProps): import("solid-js").JSX.Element;
-export { SlashCommand };

package/dist/elements/chunks/Icon-D_Zmwmwh.js

@@ -1 +0,0 @@
-import{s as d,f as h,m as i,n as u,i as c,c as n,D as k,F as g,t as w}from"./cn-Dogu6PbV.js";var m={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"},t=m,v=w("<svg>"),p=r=>r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),b=(...r)=>r.filter((e,s,o)=>!!e&&o.indexOf(e)===s).join(" "),f=r=>{const[e,s]=d(r,["color","size","strokeWidth","children","class","name","iconNode","absoluteStrokeWidth"]);return(()=>{var o=v();return h(o,i(t,{get width(){return e.size??t.width},get height(){return e.size??t.height},get stroke(){return e.color??t.stroke},get"stroke-width"(){return u(()=>!!e.absoluteStrokeWidth)()?Number(e.strokeWidth??t["stroke-width"])*24/Number(e.size):Number(e.strokeWidth??t["stroke-width"])},get class(){return b("lucide","lucide-icon",e.name!=null?`lucide-${p(e?.name)}`:void 0,e.class!=null?e.class:"")}},s),!0,!0),c(o,n(g,{get each(){return e.iconNode},children:([l,a])=>n(k,i({component:l},a))})),o})()},z=f;export{z as I};

package/dist/elements/chunks/action-icons-PVfIvcuG.js

@@ -1 +0,0 @@
-import{I as a}from"./Icon-D_Zmwmwh.js";import{c as o,m as i}from"./cn-Dogu6PbV.js";import{c as r}from"./check-CDYaMYrM.js";import{d as y}from"./download-D8K0Je8r.js";import{l as c}from"./link-BlGSeoPy.js";import{s as t}from"./star-t9tI-P0q.js";import{a as k,t as n}from"./thumbs-up-BBtguGld.js";import{x as p}from"./x-CzxL27Ch.js";var m=[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}]],h=e=>o(a,i(e,{name:"Bookmark",iconNode:m})),d=h,l=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],s=e=>o(a,i(e,{name:"Copy",iconNode:l})),x=s,f=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],v=e=>o(a,i(e,{name:"Ellipsis",iconNode:f})),M=v,N=[["path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z",key:"i9b6wo"}],["line",{x1:"4",x2:"4",y1:"22",y2:"15",key:"1cm3nv"}]],u=e=>o(a,i(e,{name:"Flag",iconNode:N})),g=u,w=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],z=e=>o(a,i(e,{name:"Pencil",iconNode:w})),V=z,j=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],L=e=>o(a,i(e,{name:"RefreshCw",iconNode:j})),b=L,C=[["polyline",{points:"9 17 4 12 9 7",key:"hvgpf2"}],["path",{d:"M20 18v-2a4 4 0 0 0-4-4H4",key:"5vmcpk"}]],H=e=>o(a,i(e,{name:"Reply",iconNode:C})),R=H,B=[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]],E=e=>o(a,i(e,{name:"Share",iconNode:B})),I=E,P=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]],T=e=>o(a,i(e,{name:"Trash2",iconNode:P})),q=T;const D={copy:x,like:n,dislike:k,regenerate:b,edit:V,share:I,bookmark:d,download:y,link:c,trash:q,check:r,x:p,star:t,flag:g,reply:R,more:M};function F(e){if(e)return D[e]}const J={copy:"Copy",like:"Like",dislike:"Dislike",regenerate:"Regenerate",edit:"Edit"};export{J as B,F as a};

package/dist/elements/chunks/attachments-Dp6vqtrc.js

@@ -1 +0,0 @@
-import{c as a,m as u,s as p,f,j as d,i as g,S as w,n as I,t as m,v as R,w as M,h as z,g as y}from"./cn-Dogu6PbV.js";import{B as P}from"./button-CKyYD9G4.js";import{a as S,b as B,c as E}from"./hover-card-CIGw62gP.js";import{x as G}from"./x-CzxL27Ch.js";import{f as L}from"./file-text-DnaYk3Dm.js";import{I as b}from"./Icon-D_Zmwmwh.js";import{v as V}from"./video-mVYiM99-.js";var q=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]],F=e=>a(b,u(e,{name:"Globe",iconNode:q})),A=F,H=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],J=e=>a(b,u(e,{name:"Image",iconNode:H})),K=J,O=[["circle",{cx:"8",cy:"18",r:"4",key:"1fc0mg"}],["path",{d:"M12 18V2l7 4",key:"g04rme"}]],Q=e=>a(b,u(e,{name:"Music2",iconNode:O})),U=Q,X=[["path",{d:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",key:"1u3ebp"}]],Y=e=>a(b,u(e,{name:"Paperclip",iconNode:X})),N=Y,x=m("<div>"),Z=m('<img class="size-full object-cover"height=96 width=96>'),_=m('<img class="size-full rounded object-cover"height=20 width=20>'),$=m('<video class="size-full object-cover"muted>'),ee=m('<span class="text-muted-foreground text-caption block truncate">'),te=m('<div><span class="block truncate">'),re=m("<span class=sr-only>");const ae={audio:U,document:L,image:K,source:A,unknown:N,video:V},j=e=>{if(e.type==="source-document")return"source";const r=e.mediaType??"";return r.startsWith("image/")?"image":r.startsWith("video/")?"video":r.startsWith("audio/")?"audio":r.startsWith("application/")||r.startsWith("text/")?"document":"unknown"},T=e=>{if(e.type==="source-document")return e.title||e.filename||"Source";const r=j(e);return e.filename||(r==="image"?"Image":"Attachment")},W=R(),D=R(),ne=()=>M(W)??{variant:"grid"},C=()=>{const e=M(D);if(!e)throw new Error("Attachment components must be used within <Attachment>");return e};function ie(e){const[r,i]=p(e,["variant","class","children"]),t=()=>r.variant??"grid";return a(W.Provider,{value:{get variant(){return t()}},get children(){var n=x();return f(n,u({get class(){return d("flex items-start",t()==="list"?"flex-col gap-2":"flex-wrap gap-2",t()==="grid"&&"w-fit",r.class)}},i),!1,!0),g(n,()=>r.children),n}})}function se(e){const[r,i]=p(e,["data","onRemove","class","children"]),t=ne(),n=()=>j(r.data);return a(D.Provider,{value:{get data(){return r.data},get mediaCategory(){return n()},get onRemove(){return r.onRemove},get variant(){return t.variant}},get children(){var o=x();return f(o,u({get class(){return d("group relative",t.variant==="grid"&&"size-24 overflow-hidden rounded-lg",t.variant==="inline"&&["flex h-8 cursor-pointer select-none items-center gap-1.5","rounded-md bg-muted/50 px-1.5 text-foreground","font-medium text-sm transition-all","hover:bg-muted"],t.variant==="list"&&["flex w-full items-center gap-3 rounded-lg bg-muted/30 p-3 text-foreground","hover:bg-muted/50"],r.class)}},i),!1,!0),g(o,()=>r.children),o}})}function oe(e){const[r,i]=p(e,["fallbackIcon","class"]),t=C(),n=()=>t.variant==="inline"?"size-3":"size-4",o=c=>a(c,{get class(){return d(n(),"text-muted-foreground")}}),k=()=>{if(t.mediaCategory==="image"&&t.data.type==="file"&&t.data.url)return t.variant==="grid"?(()=>{var l=Z();return z(s=>{var v=t.data.filename||"Image",h=t.data.url;return v!==s.e&&y(l,"alt",s.e=v),h!==s.t&&y(l,"src",s.t=h),s},{e:void 0,t:void 0}),l})():(()=>{var l=_();return z(s=>{var v=t.data.filename||"Image",h=t.data.url;return v!==s.e&&y(l,"alt",s.e=v),h!==s.t&&y(l,"src",s.t=h),s},{e:void 0,t:void 0}),l})();if(t.mediaCategory==="video"&&t.data.type==="file"&&t.data.url)return(()=>{var l=$();return z(()=>y(l,"src",t.data.url)),l})();const c=ae[t.mediaCategory];return r.fallbackIcon??o(c)};return(()=>{var c=x();return f(c,u({get class(){return d("flex shrink-0 items-center justify-center overflow-hidden",t.variant==="grid"&&"size-full bg-muted",t.variant==="inline"&&"size-5 rounded bg-background",t.variant==="list"&&"size-12 rounded bg-muted",r.class)}},i),!1,!0),g(c,k),c})()}function ce(e){const[r,i]=p(e,["showMediaType","class"]),t=C(),n=()=>T(t.data);return a(w,{get when(){return t.variant!=="grid"},get children(){var o=te(),k=o.firstChild;return f(o,u({get class(){return d("min-w-0 flex-1",r.class)}},i),!1,!0),g(k,n),g(o,a(w,{get when(){return I(()=>!!(r.showMediaType&&t.variant==="list"))()&&t.data.mediaType},get children(){var c=ee();return g(c,()=>t.data.mediaType),c}}),null),o}})}function le(e){const r=C(),i=t=>{var n;t.stopPropagation(),(n=r.onRemove)==null||n.call(r)};return a(w,{get when(){return r.onRemove},get children(){return a(P,{get"aria-label"(){return e.label??"Remove"},get class(){return d(r.variant==="grid"&&["absolute top-2 right-2 size-6 rounded-full p-0","bg-background/80 backdrop-blur-sm","opacity-0 transition-opacity group-hover:opacity-100","hover:bg-background","[&>svg]:size-3"],r.variant==="inline"&&["size-5 rounded p-0","opacity-0 transition-opacity group-hover:opacity-100","[&>svg]:size-2.5"],r.variant==="list"&&["size-8 shrink-0 rounded p-0","[&>svg]:size-4"],e.class)},onClick:i,type:"button",variant:"ghost",get children(){return[I(()=>e.children??a(G,{})),(()=>{var t=re();return g(t,()=>e.label??"Remove"),t})()]}})}})}function ue(e){return a(S,{get openDelay(){return e.openDelay??0},get closeDelay(){return e.closeDelay??0},get children(){return e.children}})}function de(e){return a(B,{get class(){return e.class},get children(){return e.children}})}function ge(e){return a(E,{get class(){return d("w-auto p-2",e.class)},get children(){return e.children}})}function me(e){const[r,i]=p(e,["class","children"]);return(()=>{var t=x();return f(t,u({get class(){return d("flex items-center justify-center p-4 text-muted-foreground text-sm",r.class)}},i),!1,!0),g(t,()=>r.children??"No attachments"),t})()}export{ie as A,se as a,ue as b,de as c,oe as d,ce as e,ge as f,T as g,j as h,le as i,me as j,A as k,N as p};

package/dist/elements/chunks/button-CKyYD9G4.js

@@ -1 +0,0 @@
-import{s,f as n,m as o,j as a,i as u,t as d}from"./cn-Dogu6PbV.js";import{c}from"./index-CTBEJeo6.js";var m=d("<button>");const f=c("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",ghost:"hover:bg-muted text-foreground",outline:"bg-muted/50 text-foreground hover:bg-muted",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90"},size:{sm:"h-8 px-3 text-xs rounded-md",md:"h-9 px-4 text-sm",lg:"h-10 px-6 text-sm",icon:"h-9 w-9","icon-sm":"h-7 w-7"}},defaultVariants:{variant:"default",size:"md"}});function g(r){const[e,i]=s(r,["variant","size","class","children"]);return(()=>{var t=m();return n(t,o({get class(){return a(f({variant:e.variant,size:e.size}),e.class)}},i),!1,!0),u(t,()=>e.children),t})()}export{g as B};

package/dist/elements/chunks/card-Cjho-PYk.js

@@ -1 +0,0 @@
-import{m as l,s as b,f as w,j as g,i as t,c as a,S as d,h as o,g as k,k as M,t as s,y as j}from"./cn-Dogu6PbV.js";import{t as y}from"./triangle-alert-Ct1zt2JL.js";var C=s('<div class="overflow-hidden rounded-lg">'),I=s('<h3 class="text-[1.0625rem] font-semibold leading-snug tracking-tight text-foreground">'),$=s('<p class="text-[0.8125rem] leading-relaxed text-muted-foreground">'),c=s("<div>"),q=s('<div role=alert class="flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/15 dark:text-red-400"><span>'),z=s('<div class="text-sm text-foreground">'),B=s('<div class="flex flex-wrap items-center justify-end gap-2 pt-1">');function E(u){const h=l({dense:!1},u),[e,p]=b(h,["heading","description","media","actions","errorMessage","dense","headingId","class","children"]),v=j(),f=()=>e.headingId??`kai-card-heading-${v}`,x=()=>e.errorMessage!==void 0&&e.errorMessage!=="",m=()=>!!e.heading||!!e.description;return(()=>{var i=c();return w(i,l({get class(){return g("flex flex-col rounded-xl border border-border bg-card text-card-foreground kai-elevation-sm",e.dense?"gap-2.5 p-3.5":"gap-4 p-5",e.class)}},p),!1,!0),t(i,a(d,{get when(){return e.media},get children(){var r=C();return t(r,()=>e.media),r}}),null),t(i,a(d,{get when(){return m()},get children(){var r=c();return t(r,a(d,{get when(){return e.heading},get children(){var n=I();return t(n,()=>e.heading),o(()=>k(n,"id",f())),n}}),null),t(r,a(d,{get when(){return e.description},get children(){var n=$();return t(n,()=>e.description),n}}),null),o(()=>M(r,g("flex flex-col border-b border-border",e.dense?"gap-0.5 pb-2.5":"gap-1 pb-4"))),r}}),null),t(i,a(d,{get when(){return x()},get fallback(){return[a(d,{get when(){return e.children},get children(){var r=z();return t(r,()=>e.children),r}}),a(d,{get when(){return e.actions},get children(){var r=B();return t(r,()=>e.actions),r}})]},get children(){var r=q(),n=r.firstChild;return t(r,a(y,{size:16,class:"mt-0.5 shrink-0","aria-hidden":"true"}),n),t(n,()=>e.errorMessage),r}}),null),i})()}export{E as C};

package/dist/elements/chunks/chat-thread-RT808iPf.js

@@ -1 +0,0 @@
-import{a as A,p as O,s as M,c as r,u as H,f as B,m as $,j as y,i as a,t as h,v as P,w as U,x as G,S as b,r as z,F as J,h as E,k as V,C as K}from"./cn-Dogu6PbV.js";import{M as N,a as _,b as Q}from"./message-CDZwXjhL.js";import{c as W}from"./message-feedback-CYx81QiA.js";import{M as X}from"./model-switcher-O_tUhoOT.js";import{B as Y}from"./button-CKyYD9G4.js";import{c as Z}from"./chevron-down-3SBiq8HF.js";import{C as ee,a as te,b as re,c as ne,d as se,e as le,f as oe,g as ae}from"./context-18g6oi4J.js";import{D as ie}from"./default-input-CSAoYYMd.js";const ce=50;function ue(){const[e,o]=A(!0);let n,l=!0;function m(){if(!n)return;const{scrollTop:i,scrollHeight:f,clientHeight:C}=n,k=f-i-C<ce;o(k),l=k}function p(i="smooth"){n&&(n.scrollTo({top:n.scrollHeight,behavior:i}),l=!0,o(!0))}function v(){l&&requestAnimationFrame(()=>p("instant"))}function w(i){n=i,i.addEventListener("scroll",m,{passive:!0});const f=new MutationObserver(v);f.observe(i,{childList:!0,subtree:!0,characterData:!0}),O(()=>{i.removeEventListener("scroll",m),f.disconnect()})}return{ref:w,isAtBottom:e,scrollToBottom:p}}var de=h("<div role=log tabindex=0>"),ge=h("<div>"),he=h("<div aria-hidden=true>");const j=P();function me(){const e=U(j);if(!e)throw new Error("useChatContainer must be used within ChatContainer");return e}function ve(e){const[o,n]=M(e,["children","class"]),{ref:l,isAtBottom:m,scrollToBottom:p}=ue();return r(j.Provider,{value:{isAtBottom:m,scrollToBottom:p},get children(){var v=de();return H(l,v),B(v,$({get class(){return y("flex flex-col overflow-y-auto",o.class)}},n),!1,!0),a(v,()=>o.children),v}})}function fe(e){const[o,n]=M(e,["children","class"]);return(()=>{var l=ge();return B(l,$({get class(){return y("flex w-full flex-col",o.class)}},n),!1,!0),a(l,()=>o.children),l})()}function xe(e){const[o,n]=M(e,["class"]);return(()=>{var l=he();return B(l,$({get class(){return y("h-px w-full shrink-0 scroll-mt-4",o.class)}},n),!1,!1),l})()}function pe(e){const{isAtBottom:o,scrollToBottom:n}=me();return r(Y,{get variant(){return e.variant??"outline"},get size(){return e.size??"sm"},"aria-label":"Scroll to bottom",get class(){return y("h-10 w-10 rounded-full transition-all duration-150 ease-out",o()?"pointer-events-none translate-y-4 scale-95 opacity-0":"translate-y-0 scale-100 opacity-100",e.class)},onClick:()=>n(),get children(){return r(Z,{class:"h-5 w-5"})}})}var be=h('<div class="text-sm font-semibold text-foreground">'),we=h("<div class=space-y-1.5>"),Ce=h('<header class="flex h-14 shrink-0 items-center justify-between border-b border-border px-5"><div class="flex items-center gap-2"><slot name=header-start></slot></div><div class="flex items-center gap-2"><slot name=header-end>'),ke=h('<div class="absolute bottom-4 left-1/2 flex w-full max-w-3xl -translate-x-1/2 justify-center px-5">'),Se=h('<div><div class="relative flex-1 overflow-hidden"></div><div class="shrink-0 px-4 pb-4"><div class="mx-auto max-w-3xl">'),Te=h("<div>");function ye(e){const o=G(),n=()=>e.actionsReveal==="hover"?"hover":"always";let l;const m=W({emit:s=>{var c;return(c=e.onMessageAction)==null?void 0:c.call(e,s)},target:()=>l}),[p,v]=A(e.value??""),[w,i]=A([]),f=()=>e.value??p(),C=s=>{var c;v(s),(c=e.onValueChange)==null||c.call(e,s)},k=()=>{var s;(s=e.onSubmit)==null||s.call(e,{value:f(),attachments:w()}),i([])},I=s=>{var c,S;(e.suggestionMode??"submit")==="fill"?(C(s),(c=e.onSuggestionClick)==null||c.call(e,s)):((S=e.onSubmit)==null||S.call(e,{value:s,attachments:w()}),i([]))},L=()=>!!(e.chatTitle||e.models||e.context||e.headerStart||e.headerEnd),D=()=>e.persistSuggestions||e.messages.length===0?e.suggestions:void 0,R=()=>e.scrollButton!==!1;return r(K,{get proseSize(){return e.proseSize},get codeTheme(){return e.codeTheme},get codeHighlight(){return e.codeHighlight!==!1},get portalMount(){return o.portalMount()},get children(){var s=Se(),c=s.firstChild,S=c.nextSibling,q=S.firstChild;return H(t=>l=t,s),a(s,r(b,{get when(){return L()},get children(){var t=Ce(),d=t.firstChild,T=d.firstChild,g=d.nextSibling,x=g.firstChild;return T._$owner=z(),a(d,r(b,{get when(){return e.chatTitle},get children(){var u=be();return a(u,()=>e.chatTitle),u}}),null),a(g,r(b,{get when(){return e.models},get children(){return r(X,{get models(){return e.models},get currentModelId(){var u;return e.currentModel??((u=e.models[0])==null?void 0:u.id)??""},onModelChange:u=>{var F;return(F=e.onModelChange)==null?void 0:F.call(e,u)}})}}),x),a(g,r(b,{get when(){return e.context},get children(){return r(ee,{get usedTokens(){return e.context.usedTokens},get maxTokens(){return e.context.maxTokens},get inputTokens(){return e.context.inputTokens},get outputTokens(){return e.context.outputTokens},get estimatedCost(){return e.context.estimatedCost},get children(){return[r(te,{}),r(re,{get children(){return[r(ne,{}),r(se,{get children(){var u=we();return a(u,r(le,{}),null),a(u,r(oe,{}),null),u}}),r(ae,{})]}})]}})}}),x),x._$owner=z(),t}}),c),a(c,r(ve,{class:"h-full px-4 py-3",get children(){return[r(fe,{class:"mx-auto w-full max-w-3xl space-y-4",get children(){return[r(J,{get each(){return e.messages},children:t=>{const d=r(N,{get content(){return t.content},get reasoning(){return t.reasoning},get tools(){return t.tools},get attachments(){return t.attachments},get isUser(){return t.role==="user"},get markdown(){return t.role==="assistant"},get actions(){return t.actions},get actionsReveal(){return n()},get activeFeedback(){return m.resolveFeedback(t)},get copied(){return m.isCopied(t.id)},onAction:g=>m.handleAction(t,g)}),T=n()==="hover"?"group ":"";return r(b,{get when(){return t.avatar},get fallback(){return r(_,{get class(){return`${T}${t.role==="user"?"flex-col items-end":"flex-col items-start"}`},children:d})},children:g=>r(_,{class:T,get children(){return[r(Q,{get src(){return g().src??""},get alt(){return g().alt??""},get fallback(){return g().fallback}}),(()=>{var x=Te();return a(x,d),E(()=>V(x,`flex min-w-0 flex-1 flex-col ${t.role==="user"?"items-end":"items-start"}`)),x})()]}})})}}),r(xe,{})]}}),r(b,{get when(){return R()},get children(){var t=ke();return a(t,r(pe,{class:"shadow-sm"})),t}})]}})),a(q,r(ie,{get value(){return f()},get placeholder(){return e.placeholder},get loading(){return e.loading===!0},get suggestions(){return D()},get attachments(){return w()},get search(){return e.search===!0},get voice(){return e.voice===!0},get slashCommands(){return e.slashCommands},get slashActiveIds(){return e.slashActiveIds},get slashCompact(){return e.slashCompact===!0},onValueChange:C,onSubmit:k,onSuggestionClick:I,onAttachmentsChange:i,onSearch:()=>{var t;return(t=e.onSearch)==null?void 0:t.call(e)},onVoice:()=>{var t;return(t=e.onVoice)==null?void 0:t.call(e)},onSlashSelect:t=>{var d;return(d=e.onSlashSelect)==null?void 0:d.call(e,t)}})),E(()=>V(s,`flex h-full flex-col bg-background ${e.class??""}`)),s}})}export{ye as C};

package/dist/elements/chunks/check-CDYaMYrM.js

@@ -1 +0,0 @@
-import{I as m}from"./Icon-D_Zmwmwh.js";import{c as o,m as r}from"./cn-Dogu6PbV.js";var c=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],e=a=>o(m,r(a,{name:"Check",iconNode:c})),f=e;export{f as c};

package/dist/elements/chunks/chevron-down-3SBiq8HF.js

@@ -1 +0,0 @@
-import{I as r}from"./Icon-D_Zmwmwh.js";import{c as a,m}from"./cn-Dogu6PbV.js";var e=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],n=o=>a(r,m(o,{name:"ChevronDown",iconNode:e})),p=n;export{p as c};

package/dist/elements/chunks/chevron-right-k2UFlIVK.js

@@ -1 +0,0 @@
-import{I as o}from"./Icon-D_Zmwmwh.js";import{c as a,m as r}from"./cn-Dogu6PbV.js";var t=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],e=m=>a(o,r(m,{name:"ChevronRight",iconNode:t})),h=e;export{h as c};