@neuronection/assistant-ui 0.52.0 → 0.53.1

package/dist/chunk-XOODPYJ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-transcript/ChatTranscript.tsx"],"names":["ChatTranscript"],"mappings":";;;;;;;;AAiCA,SAAS,kBAAkB,OAAA,EAA0B;AACnD,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,MAAM,OAAA,CAAQ,IAAA;AAAA,MACd,QAAQ,OAAA,CAAQ,MAAA;AAAA,MAChB,OAAA,sBAAU,eAAA,EAAA,EAAgB,KAAA,EAAO,QAAQ,OAAA,EAAS,SAAA,EAAW,OAAA,CAAQ,MAAA,KAAW,WAAA,EAAa,CAAA;AAAA,MAC7F,UAAU,OAAA,CAAQ;AAAA;AAAA,GACpB;AAEJ;AAOO,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA;AAAA,EAClC,SAASA,eAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,UAAA,GAAa,iBAAA;AAAA,IACb,IAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA,GAAa,IAAA;AAAA,IACb,iBAAA,GAAoB,GAAA;AAAA,IACpB,WAAA,GAAc,KAAA;AAAA,IACd,MAAA;AAAA,IACA;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,SAAA,GAAkB,aAA8B,IAAI,CAAA;AAC1D,IAAA,MAAM,WAAA,GAAoB,aAAO,IAAI,CAAA;AACrC,IAAA,MAAM,gBAAA,GAAyB,aAAO,CAAC,CAAA;AACvC,IAAA,MAAM,aAAA,GAAsB,aAAsB,IAAI,CAAA;AACtD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAAS,KAAK,CAAA;AACpD,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,eAAS,EAAE,CAAA;AACzD,IAAA,MAAM,gBAAA,GAAyB,aAAO,EAAE,CAAA;AAExC,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,YAAY,IAAA,EAAM;AACpB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,YAAA,GAAe,OAAA,CAAQ,YAAY,OAAA,CAAQ,YAAA;AACpE,MAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,SAAA,GAAY,gBAAA,CAAiB,OAAA;AACrD,MAAA,gBAAA,CAAiB,UAAU,OAAA,CAAQ,SAAA;AACnC,MAAA,MAAM,QAAA,GAAW,QAAA,IAAY,iBAAA,IAAqB,EAAE,WAAW,QAAA,GAAW,CAAA,CAAA;AAC1E,MAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AACtB,MAAA,WAAA,CAAY,OAAA,CAAQ,YAAA,GAAe,OAAA,CAAQ,YAAA,IAAgB,CAAC,QAAQ,CAAA;AAAA,IACtE,CAAA;AAUA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,YAAY,IAAA,EAAM;AACpB,QAAA;AAAA,MACF;AACA,MAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,MAAA,WAAA,CAAY,OAAA,CAAQ,YAAA,GAAe,OAAA,CAAQ,YAAY,CAAA;AAAA,IACzD,CAAA;AAEA,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAA4C;AAC3D,MAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,QAAA,WAAA,EAAY;AAAA,MACd;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAA4C;AAChE,MAAA,aAAA,CAAc,OAAA,GAAU,KAAA,CAAM,OAAA,CAAQ,CAAC,GAAG,OAAA,IAAW,IAAA;AAAA,IACvD,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAA4C;AAC/D,MAAA,MAAM,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAA;AAC5B,MAAA,IAAI,MAAM,MAAA,EAAW;AACnB,QAAA;AAAA,MACF;AACA,MAAA,IAAI,aAAA,CAAc,OAAA,KAAY,IAAA,IAAQ,CAAA,GAAI,cAAc,OAAA,EAAS;AAC/D,QAAA,WAAA,EAAY;AAAA,MACd;AACA,MAAA,aAAA,CAAc,OAAA,GAAU,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAA+C;AAChE,MAAA,IACE,KAAA,CAAM,GAAA,KAAQ,SAAA,IACd,KAAA,CAAM,GAAA,KAAQ,QAAA,IACd,KAAA,CAAM,GAAA,KAAQ,MAAA,IACb,KAAA,CAAM,GAAA,KAAQ,GAAA,IAAO,MAAM,QAAA,EAC5B;AACA,QAAA,WAAA,EAAY;AAAA,MACd;AAAA,IACF,CAAA;AAEA,IAAM,gBAAU,MAAM;AACpB,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,YAAY,IAAA,IAAQ,CAAC,UAAA,IAAc,CAAC,YAAY,OAAA,EAAS;AAC3D,QAAA;AAAA,MACF;AACA,MAAA,MAAM,KAAA,GAAQ,sBAAsB,MAAM;AACxC,QAAA,OAAA,CAAQ,YAAY,OAAA,CAAQ,YAAA;AAAA,MAC9B,CAAC,CAAA;AACD,MAAA,OAAO,MAAM,qBAAqB,KAAK,CAAA;AAAA,IACzC,CAAC,CAAA;AAED,IAAM,gBAAU,MAAM;AACpB,MAAA,IAAI,gBAAA,CAAiB,YAAY,EAAA,EAAI;AACnC,QAAA,gBAAA,CAAiB,UAAU,KAAA,CAAM,MAAA;AACjC,QAAA;AAAA,MACF;AACA,MAAA,IAAI,KAAA,CAAM,MAAA,GAAS,gBAAA,CAAiB,OAAA,EAAS;AAC3C,QAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA;AACpC,QAAA,gBAAA,CAAiB,UAAU,KAAA,CAAM,MAAA;AACjC,QAAA,IAAI,KAAA,IAAS,KAAA,CAAM,IAAA,KAAS,MAAA,EAAQ;AAClC,UAAA,eAAA,CAAgB,MAAA,EAAQ,WAAW,mBAAmB,CAAA;AAAA,QACxD;AACA,QAAA;AAAA,MACF;AACA,MAAA,gBAAA,CAAiB,UAAU,KAAA,CAAM,MAAA;AAAA,IACnC,CAAA,EAAG,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAElB,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,YAAY,IAAA,EAAM;AACpB,QAAA,OAAA,CAAQ,SAAS,EAAE,GAAA,EAAK,QAAQ,YAAA,EAAc,QAAA,EAAU,UAAU,CAAA;AAAA,MACpE;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,MAAA,IAAU,IAAA,KAAS,SAAY,CAAA,GAAI,CAAA,CAAA;AAC1D,IAAA,MAAM,cAAc,cAAA,CAAe;AAAA,MACjC,KAAA,EAAO,cAAc,QAAA,GAAW,CAAA;AAAA,MAChC,gBAAA,EAAkB,MAAM,SAAA,CAAU,OAAA;AAAA,MAClC,cAAc,MAAM,GAAA;AAAA,MACpB,QAAA,EAAU,CAAA;AAAA,MACV,WAAA,EAAa,EAAE,KAAA,EAAO,GAAA,EAAK,QAAQ,GAAA;AAAI,KACxC,CAAA;AAED,IAAA,uBACE,IAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAQ,mBAAkB,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EACzF,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAA;AAAA,UACL,QAAA;AAAA,UACA,OAAA;AAAA,UACA,YAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA;AAAA,UACA,IAAA,EAAK,KAAA;AAAA,UACL,YAAA,EAAY,QAAQ,GAAA,IAAO,cAAA;AAAA,UAC3B,aAAW,IAAA,KAAS,MAAA;AAAA,UACpB,SAAA,EAAU,qDAAA;AAAA,UAET,QAAA,EAAA,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,IAAA,KAAS,MAAA,mBAC9B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wFAAA,EACZ,QAAA,EAAA,UAAA,KAAe,MAAA,EAAQ,KAAA,IAAS,2BACnC,CAAA,GACE,WAAA,mBACF,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,EAAQ,WAAA,CAAY,cAAa,EAAG,QAAA,EAAU,UAAA,EAAW,EACpE,QAAA,EAAA,WAAA,CAAY,eAAA,EAAgB,CAAE,GAAA,CAAI,CAAC,GAAA,KAAQ;AAC1C,YAAA,MAAM,MAAA,GAAS,GAAA,CAAI,KAAA,IAAS,KAAA,CAAM,MAAA;AAClC,YAAA,MAAM,IAAA,GAAO,SAAS,IAAA,GAAO,UAAA,CAAW,MAAM,GAAA,CAAI,KAAK,CAAA,EAAI,GAAA,CAAI,KAAK,CAAA;AACpE,YAAA,uBACE,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,cAAY,GAAA,CAAI,KAAA;AAAA,gBAChB,KAAK,WAAA,CAAY,cAAA;AAAA,gBACjB,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,CAAA,EAAG,IAAA,EAAM,CAAA,EAAG,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,CAAA,WAAA,EAAc,GAAA,CAAI,KAAK,CAAA,GAAA,CAAA,EAAM;AAAA,gBACvG,SAAA,EAAU,aAAA;AAAA,gBAET,QAAA,EAAA;AAAA,eAAA;AAAA,cANI,GAAA,CAAI;AAAA,aAOX;AAAA,UAEJ,CAAC,CAAA,EACH,CAAA,mBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,CAAM,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,qBACnB,GAAA,CAAC,KAAA,EAAA,EAAsB,QAAA,EAAA,UAAA,CAAW,OAAA,EAAS,KAAK,CAAA,EAAA,EAAtC,OAAA,CAAQ,EAAgC,CACnD,CAAA;AAAA,YACA,SAAS,MAAA,mBAAY,GAAA,CAAC,SAAI,SAAA,EAAQ,sBAAA,EAAwB,gBAAK,CAAA,GAAS;AAAA,WAAA,EAC3E;AAAA;AAAA,OAEJ;AAAA,0BACC,KAAA,EAAA,EAAI,WAAA,EAAU,QAAA,EAAS,SAAA,EAAU,WAC/B,QAAA,EAAA,YAAA,EACH,CAAA;AAAA,MACC,QAAA,mBACC,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,cAAA;AAAA,UACT,YAAA,EAAY,QAAQ,cAAA,IAAkB,kBAAA;AAAA,UACtC,KAAA,EAAO,QAAQ,cAAA,IAAkB,kBAAA;AAAA,UACjC,SAAA,EAAU,sWAAA;AAAA,UAEV,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC;AAAA;AAAA,OAC5C,GACE;AAAA,KAAA,EACN,CAAA;AAAA,EAEJ;AACF","file":"chunk-XOODPYJ3.js","sourcesContent":["import * as React from 'react'\nimport { ArrowDown } from 'lucide-react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport { cn } from '../../lib/utils'\nimport { ChatMessage } from '../chat-message/ChatMessage'\nimport { MarkdownSurface } from '../chat-markdown/MarkdownSurface'\nimport type { ChatMessageView } from '../chat-core/types'\n\nexport interface ChatTranscriptLabels {\n  log: string\n  scrollToBottom: string\n  empty: string\n  replied: string\n}\n\nexport interface ChatTranscriptProps {\n  items: ChatMessageView[]\n  /** Override the default `ChatMessage` + `MarkdownSurface` rendering. */\n  renderItem?: (message: ChatMessageView, index: number) => React.ReactNode\n  /** Streaming tail — the live turn bubble (or any node). */\n  live?: React.ReactNode\n  emptyState?: React.ReactNode\n  /** Stick to bottom while the user hasn't scrolled away. Default true. */\n  autoScroll?: boolean\n  /** Distance from the bottom that still counts as \"at the bottom\". Default 120 px. */\n  scrollThresholdPx?: number\n  /** Virtualize long transcripts (dynamic row measurement). Default false. */\n  virtualized?: boolean\n  labels?: Partial<ChatTranscriptLabels>\n  className?: string\n}\n\nfunction defaultRenderItem(message: ChatMessageView) {\n  return (\n    <ChatMessage\n      role={message.role}\n      status={message.status}\n      content={<MarkdownSurface value={message.content} streaming={message.status === 'streaming'} />}\n      variants={message.variants}\n    />\n  )\n}\n\n/**\n * The conversation list: `role=\"log\"` with polite turn-completion\n * announcements, stick-to-bottom auto-scroll with a jump-to-latest pill,\n * optional virtualization for thousand-message threads.\n */\nexport const ChatTranscript = React.forwardRef<HTMLDivElement, ChatTranscriptProps>(\n  function ChatTranscript(\n    {\n      items,\n      renderItem = defaultRenderItem,\n      live,\n      emptyState,\n      autoScroll = true,\n      scrollThresholdPx = 120,\n      virtualized = false,\n      labels,\n      className,\n    },\n    ref,\n  ) {\n    const scrollRef = React.useRef<HTMLDivElement | null>(null)\n    const atBottomRef = React.useRef(true)\n    const lastScrollTopRef = React.useRef(0)\n    const lastTouchYRef = React.useRef<number | null>(null)\n    const [showJump, setShowJump] = React.useState(false)\n    const [announcement, setAnnouncement] = React.useState('')\n    const previousCountRef = React.useRef(-1)\n\n    const onScroll = () => {\n      const element = scrollRef.current\n      if (element === null) {\n        return\n      }\n      const distance = element.scrollHeight - element.scrollTop - element.clientHeight\n      const goingUp = element.scrollTop < lastScrollTopRef.current\n      lastScrollTopRef.current = element.scrollTop\n      const atBottom = distance <= scrollThresholdPx && !(goingUp && distance > 0)\n      atBottomRef.current = atBottom\n      setShowJump(element.scrollHeight > element.clientHeight && !atBottom)\n    }\n\n    /**\n     * Fast streams re-pin the bottom on every render (rAF), which erases\n     * a partial upward scroll before it can cross `scrollThresholdPx` —\n     * so user scroll-up INTENT cancels stickiness synchronously here\n     * (wheel up, touch drag up, scroll-up keys), and any upward scroll\n     * event with distance left also breaks it. Scrolling back to the\n     * bottom (or the jump pill) re-arms the follow.\n     */\n    const cancelStick = () => {\n      const element = scrollRef.current\n      if (element === null) {\n        return\n      }\n      atBottomRef.current = false\n      setShowJump(element.scrollHeight > element.clientHeight)\n    }\n\n    const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n      if (event.deltaY < 0) {\n        cancelStick()\n      }\n    }\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n      lastTouchYRef.current = event.touches[0]?.clientY ?? null\n    }\n\n    const onTouchMove = (event: React.TouchEvent<HTMLDivElement>) => {\n      const y = event.touches[0]?.clientY\n      if (y === undefined) {\n        return\n      }\n      if (lastTouchYRef.current !== null && y > lastTouchYRef.current) {\n        cancelStick()\n      }\n      lastTouchYRef.current = y\n    }\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (\n        event.key === 'ArrowUp' ||\n        event.key === 'PageUp' ||\n        event.key === 'Home' ||\n        (event.key === ' ' && event.shiftKey)\n      ) {\n        cancelStick()\n      }\n    }\n\n    React.useEffect(() => {\n      const element = scrollRef.current\n      if (element === null || !autoScroll || !atBottomRef.current) {\n        return\n      }\n      const frame = requestAnimationFrame(() => {\n        element.scrollTop = element.scrollHeight\n      })\n      return () => cancelAnimationFrame(frame)\n    })\n\n    React.useEffect(() => {\n      if (previousCountRef.current === -1) {\n        previousCountRef.current = items.length\n        return\n      }\n      if (items.length > previousCountRef.current) {\n        const added = items[items.length - 1]\n        previousCountRef.current = items.length\n        if (added && added.role !== 'user') {\n          setAnnouncement(labels?.replied ?? 'Assistant replied')\n        }\n        return\n      }\n      previousCountRef.current = items.length\n    }, [items, labels])\n\n    const scrollToBottom = () => {\n      const element = scrollRef.current\n      if (element !== null) {\n        element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' })\n      }\n    }\n\n    const rowCount = items.length + (live !== undefined ? 1 : 0)\n    const virtualizer = useVirtualizer({\n      count: virtualized ? rowCount : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 120,\n      overscan: 8,\n      initialRect: { width: 480, height: 600 },\n    })\n\n    return (\n      <div ref={ref} data-as=\"chat-transcript\" className={cn('relative min-h-0 flex-1', className)}>\n        <div\n          ref={scrollRef}\n          onScroll={onScroll}\n          onWheel={onWheel}\n          onTouchStart={onTouchStart}\n          onTouchMove={onTouchMove}\n          onKeyDown={onKeyDown}\n          role=\"log\"\n          aria-label={labels?.log ?? 'Conversation'}\n          aria-busy={live !== undefined}\n          className=\"h-full overflow-y-auto overscroll-contain px-1 py-2\"\n        >\n          {items.length === 0 && live === undefined ? (\n            <div className=\"flex h-full min-h-40 items-center justify-center p-4 text-sm text-[var(--as-muted-fg)]\">\n              {emptyState ?? (labels?.empty ?? 'Start the conversation')}\n            </div>\n          ) : virtualized ? (\n            <div style={{ height: virtualizer.getTotalSize(), position: 'relative' }}>\n              {virtualizer.getVirtualItems().map((row) => {\n                const isLive = row.index >= items.length\n                const node = isLive ? live : renderItem(items[row.index]!, row.index)\n                return (\n                  <div\n                    key={row.key}\n                    data-index={row.index}\n                    ref={virtualizer.measureElement}\n                    style={{ position: 'absolute', top: 0, left: 0, width: '100%', transform: `translateY(${row.start}px)` }}\n                    className=\"px-2 py-1.5\"\n                  >\n                    {node}\n                  </div>\n                )\n              })}\n            </div>\n          ) : (\n            <div className=\"flex flex-col gap-3 px-2\">\n              {items.map((message, index) => (\n                <div key={message.id}>{renderItem(message, index)}</div>\n              ))}\n              {live !== undefined ? <div data-as=\"chat-transcript-live\">{live}</div> : null}\n            </div>\n          )}\n        </div>\n        <div aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </div>\n        {showJump ? (\n          <button\n            type=\"button\"\n            onClick={scrollToBottom}\n            aria-label={labels?.scrollToBottom ?? 'Scroll to latest'}\n            title={labels?.scrollToBottom ?? 'Scroll to latest'}\n            className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-2)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n          >\n            <ArrowDown className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-YQQZMWHL.js

@@ -1,201 +0,0 @@
-import { cn } from './chunk-RVVXVTH3.js';
-import * as React from 'react';
-import { Square, ArrowUp } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function isIMEComposition(event) {
-  return event.nativeEvent.isComposing || event.keyCode === 229;
-}
-var ChatComposer = React.forwardRef(
-  function ChatComposer2({
-    value,
-    onValueChange,
-    onSubmit,
-    sending = false,
-    onStop,
-    disabled = false,
-    canSubmit,
-    placeholder,
-    ariaLabel,
-    maxRows = 8,
-    toolbarStart,
-    toolbarEnd,
-    attachments,
-    suggestions,
-    onAttachFiles,
-    labels,
-    icons,
-    textareaRef,
-    className
-  }, ref) {
-    const internalTextareaRef = React.useRef(null);
-    const [dragging, setDragging] = React.useState(false);
-    const [multiline, setMultiline] = React.useState(false);
-    const multilineRef = React.useRef(false);
-    const dragDepth = React.useRef(0);
-    const setTextarea = (element) => {
-      internalTextareaRef.current = element;
-      if (typeof textareaRef === "function") {
-        textareaRef(element);
-      } else if (textareaRef && typeof textareaRef === "object") {
-        textareaRef.current = element;
-      }
-    };
-    React.useLayoutEffect(() => {
-      const element = internalTextareaRef.current;
-      if (element === null) {
-        return;
-      }
-      const style = window.getComputedStyle(element);
-      const lineHeight = Number.parseFloat(style.lineHeight) || 22;
-      const verticalPadding = (Number.parseFloat(style.paddingTop) || 0) + (Number.parseFloat(style.paddingBottom) || 0);
-      const cap = Number.parseFloat(style.maxHeight) || maxRows * 22;
-      element.style.height = "auto";
-      const next = element.scrollHeight > 0 ? Math.min(Math.ceil(element.scrollHeight) + 1, cap) : 0;
-      element.style.height = next > 0 ? `${next}px` : "auto";
-      const overflowing = element.scrollHeight > element.clientHeight + 1;
-      element.style.overflowY = overflowing ? "auto" : "hidden";
-      if (!overflowing && element.scrollTop !== 0) {
-        element.scrollTop = 0;
-      }
-      const grew = element.scrollHeight > lineHeight + verticalPadding + 1;
-      multilineRef.current = value === "" ? false : multilineRef.current || grew;
-      setMultiline(multilineRef.current);
-    }, [value, maxRows]);
-    const submit = () => {
-      if (disabled || sending) {
-        return;
-      }
-      onSubmit();
-    };
-    const onKeyDown = (event) => {
-      if (event.key !== "Enter" || event.shiftKey) {
-        return;
-      }
-      if (isIMEComposition(event)) {
-        return;
-      }
-      event.preventDefault();
-      submit();
-    };
-    const emitFiles = (fileList) => {
-      const files = fileList ? Array.from(fileList) : [];
-      if (files.length > 0) {
-        onAttachFiles?.(files);
-      }
-    };
-    const dragCounterHandlers = {
-      onDragEnter: (event) => {
-        if (onAttachFiles === void 0 || !event.dataTransfer.types.includes("Files")) {
-          return;
-        }
-        event.preventDefault();
-        dragDepth.current += 1;
-        setDragging(true);
-      },
-      onDragOver: (event) => {
-        if (onAttachFiles === void 0 || !event.dataTransfer.types.includes("Files")) {
-          return;
-        }
-        event.preventDefault();
-      },
-      onDragLeave: () => {
-        if (dragDepth.current > 0) {
-          dragDepth.current -= 1;
-          if (dragDepth.current === 0) {
-            setDragging(false);
-          }
-        }
-      },
-      onDrop: (event) => {
-        if (onAttachFiles === void 0) {
-          return;
-        }
-        event.preventDefault();
-        dragDepth.current = 0;
-        setDragging(false);
-        emitFiles(event.dataTransfer.files);
-      }
-    };
-    const SendIcon = icons?.send ?? ArrowUp;
-    const StopIcon = icons?.stop ?? Square;
-    const showStop = sending && onStop !== void 0;
-    const submitBlocked = disabled || sending || (canSubmit === void 0 ? value.trim() === "" : !canSubmit);
-    return /* @__PURE__ */ jsxs(
-      "form",
-      {
-        ref,
-        "data-as": "chat-composer",
-        "data-sending": sending,
-        onSubmit: (event) => {
-          event.preventDefault();
-          submit();
-        },
-        className: cn("flex w-full flex-col gap-2", className),
-        ...dragCounterHandlers,
-        children: [
-          suggestions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: suggestions }) : null,
-          attachments ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: attachments }) : null,
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              "data-as": "chat-composer-row",
-              "data-multiline": multiline || void 0,
-              "data-dragging": dragging || void 0,
-              className: cn(
-                "flex items-end gap-1.5 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2 py-1.5 transition-colors focus-within:border-[var(--as-primary)]",
-                dragging && "border-dashed border-[var(--as-primary)] bg-[var(--as-primary)]/5",
-                disabled && "opacity-50"
-              ),
-              children: [
-                toolbarStart ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-0.5 pb-0.5", children: toolbarStart }) : null,
-                /* @__PURE__ */ jsx(
-                  "textarea",
-                  {
-                    ref: setTextarea,
-                    value,
-                    rows: 1,
-                    disabled,
-                    placeholder: placeholder ?? labels?.placeholder ?? "Send a message\u2026",
-                    "aria-label": ariaLabel ?? labels?.ariaLabel ?? "Message",
-                    onChange: (event) => onValueChange(event.target.value),
-                    onKeyDown,
-                    onPaste: (event) => emitFiles(event.clipboardData.files),
-                    className: "max-h-40 min-h-[1.5rem] w-full flex-1 resize-none bg-transparent px-1 py-1 text-sm leading-relaxed text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-none disabled:cursor-not-allowed"
-                  }
-                ),
-                toolbarEnd ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-0.5 pb-0.5", children: toolbarEnd }) : null,
-                showStop ? /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": labels?.stop ?? "Stop generating",
-                    title: labels?.stop ?? "Stop generating",
-                    onClick: onStop,
-                    className: "mb-0.5 flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
-                    children: /* @__PURE__ */ jsx(StopIcon, { className: "size-3.5", "aria-hidden": true })
-                  }
-                ) : /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "submit",
-                    "aria-label": labels?.send ?? "Send message",
-                    title: labels?.send ?? "Send message",
-                    disabled: submitBlocked,
-                    className: "mb-0.5 flex size-7 shrink-0 items-center justify-center rounded-full bg-[var(--as-primary)] text-[var(--as-primary-fg)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-30 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
-                    children: /* @__PURE__ */ jsx(SendIcon, { className: "size-4", "aria-hidden": true })
-                  }
-                )
-              ]
-            }
-          ),
-          dragging && onAttachFiles ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--as-muted-fg)]", role: "status", children: labels?.dropFiles ?? "Drop files to attach" }) : null
-        ]
-      }
-    );
-  }
-);
-
-export { ChatComposer };
-//# sourceMappingURL=chunk-YQQZMWHL.js.map
-//# sourceMappingURL=chunk-YQQZMWHL.js.map

package/dist/chunk-YQQZMWHL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-composer/ChatComposer.tsx"],"names":["ChatComposer"],"mappings":"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","file":"chunk-YQQZMWHL.js","sourcesContent":["import * as React from 'react'\nimport { ArrowUp, Square } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface ChatComposerLabels {\n  send: string\n  stop: string\n  placeholder: string\n  ariaLabel: string\n  dropFiles: string\n}\n\nexport interface ChatComposerIcons {\n  send: LucideIcon\n  stop: LucideIcon\n}\n\nexport interface ChatComposerProps {\n  value: string\n  onValueChange: (value: string) => void\n  /** Enter / Send — IME-safe (composition and keyCode 229 are ignored). */\n  onSubmit: () => void\n  /** A turn is in flight — renders the stop control when `onStop` is provided. */\n  sending?: boolean\n  onStop?: () => void\n  disabled?: boolean\n  /**\n   * Overrides the send button's blank-text guard. Apps that allow\n   * attachment-only submits (health's image-only \"what's this?\" turn) pass\n   * `true` while ready attachments exist; pass `false` to force-disable.\n   * Default: the button enables only when `value.trim() !== ''`. The\n   * Enter/form path is unaffected — the app's `onSubmit` stays the guard.\n   */\n  canSubmit?: boolean\n  placeholder?: string\n  ariaLabel?: string\n  /** Auto-grow cap before the textarea scrolls. Default 8. */\n  maxRows?: number\n  /** Leading slot inside the input row (attach menu, equation, draw…). */\n  toolbarStart?: React.ReactNode\n  /** Trailing slot inside the input row (dictation, tools…). */\n  toolbarEnd?: React.ReactNode\n  /** Attachment rail above the input (usually `FileQueue` / chips). */\n  attachments?: React.ReactNode\n  /** Suggestion chips / context strip above everything. */\n  suggestions?: React.ReactNode\n  /** Drag-drop + paste wiring for file attachments. */\n  onAttachFiles?: (files: File[]) => void\n  labels?: Partial<ChatComposerLabels>\n  icons?: Partial<ChatComposerIcons>\n  textareaRef?: React.Ref<HTMLTextAreaElement>\n  className?: string\n}\n\nfunction isIMEComposition(event: React.KeyboardEvent<HTMLTextAreaElement>): boolean {\n  return event.nativeEvent.isComposing || event.keyCode === 229\n}\n\n/**\n * The family chat input: auto-growing IME-safe textarea, send/stop\n * states, attachment/dictation/toolbar slots, drag-drop + paste file\n * wiring. Presentational + controlled; transports stay app-side.\n */\nexport const ChatComposer = React.forwardRef<HTMLFormElement, ChatComposerProps>(\n  function ChatComposer(\n    {\n      value,\n      onValueChange,\n      onSubmit,\n      sending = false,\n      onStop,\n      disabled = false,\n      canSubmit,\n      placeholder,\n      ariaLabel,\n      maxRows = 8,\n      toolbarStart,\n      toolbarEnd,\n      attachments,\n      suggestions,\n      onAttachFiles,\n      labels,\n      icons,\n      textareaRef,\n      className,\n    },\n    ref,\n  ) {\n    const internalTextareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n    const [dragging, setDragging] = React.useState(false)\n    const [multiline, setMultiline] = React.useState(false)\n    const multilineRef = React.useRef(false)\n    const dragDepth = React.useRef(0)\n\n    const setTextarea = (element: HTMLTextAreaElement | null) => {\n      internalTextareaRef.current = element\n      if (typeof textareaRef === 'function') {\n        textareaRef(element)\n      } else if (textareaRef && typeof textareaRef === 'object') {\n        ;(textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = element\n      }\n    }\n\n    React.useLayoutEffect(() => {\n      const element = internalTextareaRef.current\n      if (element === null) {\n        return\n      }\n      const style = window.getComputedStyle(element)\n      const lineHeight = Number.parseFloat(style.lineHeight) || 22\n      const verticalPadding =\n        (Number.parseFloat(style.paddingTop) || 0) + (Number.parseFloat(style.paddingBottom) || 0)\n      // The JS cap must mirror the CSS box: a `max-h-*` class wins over\n      // the maxRows fallback, otherwise overflowY and the real visible\n      // cap disagree and lines clip silently.\n      const cap = Number.parseFloat(style.maxHeight) || maxRows * 22\n      element.style.height = 'auto'\n      // scrollHeight rounds fractional line-heights down (22.75px at\n      // text-sm/leading-relaxed), leaving the box ~1px short — the\n      // caret then scrolls the hidden-overflow textarea and clips the\n      // first line at the box top. The +1 absorbs the rounding; the\n      // scrollTop reset guarantees the first line stays visible\n      // whenever the whole content fits.\n      const next =\n        element.scrollHeight > 0 ? Math.min(Math.ceil(element.scrollHeight) + 1, cap) : 0\n      element.style.height = next > 0 ? `${next}px` : 'auto'\n      const overflowing = element.scrollHeight > element.clientHeight + 1\n      element.style.overflowY = overflowing ? 'auto' : 'hidden'\n      if (!overflowing && element.scrollTop !== 0) {\n        element.scrollTop = 0\n      }\n      // Hysteresis: apps restyle this row off [data-multiline] (e.g.\n      // footer-wrapping the toolbars under a full-width textarea), which\n      // changes the textarea's width between the two states. A flag\n      // re-measured at whichever width the previous decision produced\n      // feeds back into itself and oscillates near the wrap threshold —\n      // one keystroke wide, the next squeezed. Once multiline, stay\n      // multiline until the draft clears.\n      const grew = element.scrollHeight > lineHeight + verticalPadding + 1\n      multilineRef.current = value === '' ? false : multilineRef.current || grew\n      setMultiline(multilineRef.current)\n    }, [value, maxRows])\n\n    const submit = () => {\n      if (disabled || sending) {\n        return\n      }\n      onSubmit()\n    }\n\n    const onKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (event) => {\n      if (event.key !== 'Enter' || event.shiftKey) {\n        return\n      }\n      if (isIMEComposition(event)) {\n        return\n      }\n      event.preventDefault()\n      submit()\n    }\n\n    const emitFiles = (fileList: FileList | null | undefined) => {\n      const files = fileList ? Array.from(fileList) : []\n      if (files.length > 0) {\n        onAttachFiles?.(files)\n      }\n    }\n\n    const dragCounterHandlers = {\n      onDragEnter: (event: React.DragEvent) => {\n        if (onAttachFiles === undefined || !event.dataTransfer.types.includes('Files')) {\n          return\n        }\n        event.preventDefault()\n        dragDepth.current += 1\n        setDragging(true)\n      },\n      onDragOver: (event: React.DragEvent) => {\n        if (onAttachFiles === undefined || !event.dataTransfer.types.includes('Files')) {\n          return\n        }\n        event.preventDefault()\n      },\n      onDragLeave: () => {\n        if (dragDepth.current > 0) {\n          dragDepth.current -= 1\n          if (dragDepth.current === 0) {\n            setDragging(false)\n          }\n        }\n      },\n      onDrop: (event: React.DragEvent) => {\n        if (onAttachFiles === undefined) {\n          return\n        }\n        event.preventDefault()\n        dragDepth.current = 0\n        setDragging(false)\n        emitFiles(event.dataTransfer.files)\n      },\n    }\n\n    const SendIcon = icons?.send ?? ArrowUp\n    const StopIcon = icons?.stop ?? Square\n    const showStop = sending && onStop !== undefined\n    const submitBlocked =\n      disabled || sending || (canSubmit === undefined ? value.trim() === '' : !canSubmit)\n\n    return (\n      <form\n        ref={ref}\n        data-as=\"chat-composer\"\n        data-sending={sending}\n        onSubmit={(event) => {\n          event.preventDefault()\n          submit()\n        }}\n        className={cn('flex w-full flex-col gap-2', className)}\n        {...dragCounterHandlers}\n      >\n        {suggestions ? <div className=\"flex flex-wrap gap-1.5\">{suggestions}</div> : null}\n        {attachments ? <div className=\"flex flex-wrap gap-1.5\">{attachments}</div> : null}\n        <div\n          data-as=\"chat-composer-row\"\n          data-multiline={multiline || undefined}\n          data-dragging={dragging || undefined}\n          className={cn(\n            'flex items-end gap-1.5 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2 py-1.5 transition-colors focus-within:border-[var(--as-primary)]',\n            dragging && 'border-dashed border-[var(--as-primary)] bg-[var(--as-primary)]/5',\n            disabled && 'opacity-50',\n          )}\n        >\n          {toolbarStart ? <div className=\"flex shrink-0 items-center gap-0.5 pb-0.5\">{toolbarStart}</div> : null}\n          <textarea\n            ref={setTextarea}\n            value={value}\n            rows={1}\n            disabled={disabled}\n            placeholder={placeholder ?? labels?.placeholder ?? 'Send a message…'}\n            aria-label={ariaLabel ?? labels?.ariaLabel ?? 'Message'}\n            onChange={(event) => onValueChange(event.target.value)}\n            onKeyDown={onKeyDown}\n            onPaste={(event) => emitFiles(event.clipboardData.files)}\n            className=\"max-h-40 min-h-[1.5rem] w-full flex-1 resize-none bg-transparent px-1 py-1 text-sm leading-relaxed text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-none disabled:cursor-not-allowed\"\n          />\n          {toolbarEnd ? <div className=\"flex shrink-0 items-center gap-0.5 pb-0.5\">{toolbarEnd}</div> : null}\n          {showStop ? (\n            <button\n              type=\"button\"\n              aria-label={labels?.stop ?? 'Stop generating'}\n              title={labels?.stop ?? 'Stop generating'}\n              onClick={onStop}\n              className=\"mb-0.5 flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <StopIcon className=\"size-3.5\" aria-hidden />\n            </button>\n          ) : (\n            <button\n              type=\"submit\"\n              aria-label={labels?.send ?? 'Send message'}\n              title={labels?.send ?? 'Send message'}\n              disabled={submitBlocked}\n              className=\"mb-0.5 flex size-7 shrink-0 items-center justify-center rounded-full bg-[var(--as-primary)] text-[var(--as-primary-fg)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-30 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <SendIcon className=\"size-4\" aria-hidden />\n            </button>\n          )}\n        </div>\n        {dragging && onAttachFiles ? (\n          <p className=\"text-xs text-[var(--as-muted-fg)]\" role=\"status\">\n            {labels?.dropFiles ?? 'Drop files to attach'}\n          </p>\n        ) : null}\n      </form>\n    )\n  },\n)\n"]}

package/dist/tree-4Hv9stjF.d.ts

@@ -1,54 +0,0 @@
-import { e as ChatRole } from './types-LhE1KFBf.js';
-
-interface BranchNode {
-    id: string;
-    role: ChatRole;
-    excerpt?: string;
-    parentId: string | null;
-    activeChildId: string | null;
-    /** In insertion (sibling-order) order; the last entry is the newest sibling. */
-    childIds: string[];
-}
-interface BranchTree {
-    activeRootId: string | null;
-    nodes: Record<string, BranchNode>;
-}
-type BranchNodeInput = Omit<BranchNode, 'childIds'>;
-/**
- * Index the server's branch-tree projection (family contract: the read-only
- * `GET …/tree` shape) and compute child lists. Insertion order defines
- * sibling order — the last child is the newest variant (fallback when a
- * parent has no `activeChildId`).
- */
-declare function buildBranchTree(input: {
-    activeRootId?: string | null;
-    nodes: BranchNodeInput[];
-}): BranchTree;
-/**
- * Degenerate single-path tree from a visible (already active-path) message
- * list — for apps/backends without branching yet. Every message parents to
- * the previous one; the tree renders identically to a branched one.
- */
-declare function linearTree(items: {
-    id: string;
-    role: ChatRole;
-    excerpt?: string;
-}[]): BranchTree;
-/**
- * The visible conversation: pointer walk from the active root, following
- * each node's `activeChildId` (fallback: newest sibling). Cycle-safe.
- */
-declare function walkActivePath(tree: BranchTree): string[];
-declare function activePathSet(tree: BranchTree): Set<string>;
-/**
- * Sibling variant info for the inline `‹ n/N ›` switcher: the 1-based index
- * of `nodeId` among its siblings (roots are siblings of each other) and the
- * ordered sibling ids.
- */
-declare function variantInfo(tree: BranchTree, nodeId: string): {
-    index: number;
-    count: number;
-    siblingIds: string[];
-};
-
-export { type BranchTree as B, type BranchNode as a, type BranchNodeInput as b, activePathSet as c, buildBranchTree as d, linearTree as l, variantInfo as v, walkActivePath as w };