@neuronection/assistant-ui 0.23.0 → 0.25.0

package/dist/chunk-6GNLY2EB.js

@@ -0,0 +1,272 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+// src/components/chat-core/liveTurnReducer.ts
+var initialLiveTurnState = {
+  status: "idle",
+  text: null,
+  reasoning: null,
+  toolCalls: [],
+  nodes: [],
+  error: null,
+  interruptPayload: null,
+  runId: null,
+  stopped: false,
+  startedAt: null,
+  finishedAt: null
+};
+function isTerminal(state) {
+  return state.status === "done" || state.status === "error" || state.stopped;
+}
+function upsertNode(nodes, id, label, status) {
+  const index = nodes.findIndex((node) => node.id === id);
+  if (index === -1) {
+    return [...nodes, { id, label, status }];
+  }
+  const next = nodes.slice();
+  const current = next[index];
+  next[index] = { ...current, label: label ?? current.label, status };
+  return next;
+}
+function upsertToolCall(state, event) {
+  const index = state.toolCalls.findIndex((call) => call.id === event.id);
+  const merged = {
+    id: event.id,
+    name: event.name,
+    title: event.title,
+    status: event.status,
+    args: event.args,
+    result: event.result,
+    durationMs: event.durationMs
+  };
+  if (index === -1) {
+    return [...state.toolCalls, merged];
+  }
+  const next = state.toolCalls.slice();
+  const current = next[index];
+  next[index] = {
+    ...current,
+    ...merged,
+    title: merged.title ?? current.title,
+    args: merged.args ?? current.args,
+    result: merged.result ?? current.result,
+    durationMs: merged.durationMs ?? current.durationMs
+  };
+  return next;
+}
+function liveTurnReducer(state, action) {
+  switch (action.type) {
+    case "send":
+      return { ...initialLiveTurnState, status: "pending", startedAt: action.at };
+    case "stop": {
+      if (state.status !== "pending" && state.status !== "streaming") {
+        return state;
+      }
+      return { ...state, status: "interrupted", stopped: true, finishedAt: action.at };
+    }
+    case "reset":
+      return initialLiveTurnState;
+    case "event": {
+      const { event, at = Date.now() } = action;
+      if (state.status === "idle" || isTerminal(state)) {
+        return state;
+      }
+      if (event.run_id !== void 0 && state.runId !== null && event.run_id !== state.runId) {
+        return state;
+      }
+      switch (event.event) {
+        case "flow_started":
+          return {
+            ...state,
+            runId: event.run_id ?? state.runId,
+            nodes: event.steps !== void 0 && event.steps.length > 0 ? event.steps.map((step) => ({ id: step.id, label: step.label, status: "pending" })) : state.nodes
+          };
+        case "node_started":
+          return { ...state, nodes: upsertNode(state.nodes, event.node, event.label, "running") };
+        case "node_finished":
+          return { ...state, nodes: upsertNode(state.nodes, event.node, event.label, event.outcome) };
+        case "delta": {
+          const streaming = { ...state, status: "streaming" };
+          if (event.kind === "reasoning") {
+            return { ...streaming, reasoning: (state.reasoning ?? "") + event.text };
+          }
+          return { ...streaming, text: (state.text ?? "") + event.text };
+        }
+        case "tool_call":
+          return { ...state, toolCalls: upsertToolCall(state, event) };
+        case "interrupt":
+          return { ...state, status: "interrupted", interruptPayload: event.payload, finishedAt: at };
+        case "flow_finished":
+          return { ...state, status: "done", finishedAt: at };
+        case "flow_failed":
+          return {
+            ...state,
+            status: "error",
+            error: { code: event.code, message: event.message, retryable: event.retryable },
+            finishedAt: at
+          };
+        default:
+          return state;
+      }
+    }
+    default:
+      return state;
+  }
+}
+function useChatStream(options) {
+  const { transport, flushMs = 33, timeoutMs = 9e4 } = options;
+  const [state, setState] = useState(initialLiveTurnState);
+  const stateRef = useRef(state);
+  const dispatch = useCallback((action) => {
+    const next = liveTurnReducer(stateRef.current, action);
+    stateRef.current = next;
+    setState(next);
+  }, []);
+  const transportRef = useRef(transport);
+  transportRef.current = transport;
+  const textBufferRef = useRef("");
+  const reasoningBufferRef = useRef("");
+  const flushTimerRef = useRef(null);
+  const timeoutTimerRef = useRef(null);
+  const terminalRef = useRef(false);
+  const cancelFlush = useCallback(() => {
+    if (flushTimerRef.current !== null) {
+      window.clearTimeout(flushTimerRef.current);
+      flushTimerRef.current = null;
+    }
+  }, []);
+  const flush = useCallback(() => {
+    cancelFlush();
+    const text = textBufferRef.current;
+    const reasoning = reasoningBufferRef.current;
+    textBufferRef.current = "";
+    reasoningBufferRef.current = "";
+    if (text !== "") {
+      dispatch({ type: "event", event: { event: "delta", text, kind: "text" } });
+    }
+    if (reasoning !== "") {
+      dispatch({ type: "event", event: { event: "delta", text: reasoning, kind: "reasoning" } });
+    }
+  }, [cancelFlush, dispatch]);
+  const scheduleFlush = useCallback(() => {
+    if (flushTimerRef.current !== null) {
+      return;
+    }
+    flushTimerRef.current = window.setTimeout(() => {
+      flushTimerRef.current = null;
+      flush();
+    }, flushMs);
+  }, [flush, flushMs]);
+  const clearTimeoutTimer = useCallback(() => {
+    if (timeoutTimerRef.current !== null) {
+      window.clearTimeout(timeoutTimerRef.current);
+      timeoutTimerRef.current = null;
+    }
+  }, []);
+  useEffect(() => {
+    const unsubscribe = transportRef.current.subscribe({
+      onEvent: (event) => {
+        if (terminalRef.current) {
+          return;
+        }
+        if (event.event === "delta") {
+          if (event.kind === "reasoning") {
+            reasoningBufferRef.current += event.text;
+          } else {
+            textBufferRef.current += event.text;
+          }
+          scheduleFlush();
+          return;
+        }
+        flush();
+        if (event.event === "flow_finished" || event.event === "flow_failed") {
+          terminalRef.current = true;
+          clearTimeoutTimer();
+        }
+        dispatch({ type: "event", event });
+      }
+    });
+    return unsubscribe;
+  }, [scheduleFlush, flush, clearTimeoutTimer, dispatch]);
+  useEffect(
+    () => () => {
+      cancelFlush();
+      clearTimeoutTimer();
+    },
+    [cancelFlush, clearTimeoutTimer]
+  );
+  const send = useCallback(
+    async (text) => {
+      const trimmed = text.trim();
+      const active = stateRef.current.status === "pending" || stateRef.current.status === "streaming";
+      if (trimmed === "" || active) {
+        return false;
+      }
+      terminalRef.current = false;
+      textBufferRef.current = "";
+      reasoningBufferRef.current = "";
+      cancelFlush();
+      clearTimeoutTimer();
+      dispatch({ type: "send", at: Date.now() });
+      timeoutTimerRef.current = window.setTimeout(() => {
+        if (terminalRef.current) {
+          return;
+        }
+        terminalRef.current = true;
+        flush();
+        dispatch({
+          type: "event",
+          event: { event: "flow_failed", code: "timeout", message: "Chat turn timed out", retryable: true }
+        });
+      }, timeoutMs);
+      try {
+        await transportRef.current.send({ text: trimmed });
+      } catch (sendError) {
+        if (terminalRef.current) {
+          return true;
+        }
+        terminalRef.current = true;
+        clearTimeoutTimer();
+        flush();
+        dispatch({
+          type: "event",
+          event: {
+            event: "flow_failed",
+            code: "send_failed",
+            message: sendError instanceof Error ? sendError.message : String(sendError),
+            retryable: true
+          }
+        });
+      }
+      return true;
+    },
+    [cancelFlush, clearTimeoutTimer, dispatch, flush, timeoutMs]
+  );
+  const stop = useCallback(async () => {
+    const current = stateRef.current;
+    if (current.status !== "pending" && current.status !== "streaming") {
+      return;
+    }
+    terminalRef.current = true;
+    clearTimeoutTimer();
+    flush();
+    dispatch({ type: "stop", at: Date.now() });
+    await transportRef.current.stop?.().catch(() => void 0);
+  }, [clearTimeoutTimer, dispatch, flush]);
+  const reset = useCallback(() => {
+    terminalRef.current = false;
+    cancelFlush();
+    clearTimeoutTimer();
+    dispatch({ type: "reset" });
+  }, [cancelFlush, clearTimeoutTimer, dispatch]);
+  return {
+    ...state,
+    live: state.status === "idle" ? null : state,
+    send,
+    stop,
+    reset
+  };
+}
+
+export { initialLiveTurnState, liveTurnReducer, useChatStream };
+//# sourceMappingURL=chunk-6GNLY2EB.js.map
+//# sourceMappingURL=chunk-6GNLY2EB.js.map

package/dist/chunk-6GNLY2EB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-core/liveTurnReducer.ts","../src/components/chat-core/useChatStream.ts"],"names":[],"mappings":"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","file":"chunk-6GNLY2EB.js","sourcesContent":["import type { ChatStreamEvent } from './events'\nimport type { ChatError } from './types'\n\nexport type LiveTurnStatus = 'idle' | 'pending' | 'streaming' | 'interrupted' | 'done' | 'error'\n\nexport interface LiveNodeState {\n  id: string\n  label?: string\n  status: 'pending' | 'running' | 'done' | 'failed' | 'interrupted'\n}\n\nexport interface LiveToolCall {\n  id: string\n  name: string\n  title?: string\n  status: 'running' | 'done' | 'failed'\n  args?: string\n  result?: string\n  durationMs?: number\n}\n\n/**\n * Ephemeral state of the in-flight assistant turn. `text`/`reasoning` are\n * `null` until the first delta (study's \"not streaming yet\" sentinel);\n * `interrupted` is a resumable pause (HITL) unless `stopped` marks a user\n * cancel; `stopped`/`done`/`error` are terminal for event intake.\n */\nexport interface LiveTurnState {\n  status: LiveTurnStatus\n  text: string | null\n  reasoning: string | null\n  toolCalls: LiveToolCall[]\n  nodes: LiveNodeState[]\n  error: ChatError | null\n  interruptPayload: unknown | null\n  runId: string | null\n  stopped: boolean\n  startedAt: number | null\n  finishedAt: number | null\n}\n\nexport type LiveTurnAction =\n  | { type: 'send'; at: number }\n  | { type: 'event'; event: ChatStreamEvent; at?: number }\n  | { type: 'stop'; at: number }\n  | { type: 'reset' }\n\nexport const initialLiveTurnState: LiveTurnState = {\n  status: 'idle',\n  text: null,\n  reasoning: null,\n  toolCalls: [],\n  nodes: [],\n  error: null,\n  interruptPayload: null,\n  runId: null,\n  stopped: false,\n  startedAt: null,\n  finishedAt: null,\n}\n\nfunction isTerminal(state: LiveTurnState): boolean {\n  return state.status === 'done' || state.status === 'error' || state.stopped\n}\n\nfunction upsertNode(nodes: LiveNodeState[], id: string, label: string | undefined, status: LiveNodeState['status']): LiveNodeState[] {\n  const index = nodes.findIndex((node) => node.id === id)\n  if (index === -1) {\n    return [...nodes, { id, label, status }]\n  }\n  const next = nodes.slice()\n  const current = next[index]!\n  next[index] = { ...current, label: label ?? current.label, status }\n  return next\n}\n\nfunction upsertToolCall(state: LiveTurnState, event: Extract<ChatStreamEvent, { event: 'tool_call' }>): LiveToolCall[] {\n  const index = state.toolCalls.findIndex((call) => call.id === event.id)\n  const merged = {\n    id: event.id,\n    name: event.name,\n    title: event.title,\n    status: event.status,\n    args: event.args,\n    result: event.result,\n    durationMs: event.durationMs,\n  }\n  if (index === -1) {\n    return [...state.toolCalls, merged]\n  }\n  const next = state.toolCalls.slice()\n  const current = next[index]!\n  next[index] = {\n    ...current,\n    ...merged,\n    title: merged.title ?? current.title,\n    args: merged.args ?? current.args,\n    result: merged.result ?? current.result,\n    durationMs: merged.durationMs ?? current.durationMs,\n  }\n  return next\n}\n\n/**\n * Pure state machine for one streamed assistant turn — the fixture-testable\n * core behind `useChatStream` (same role career's `chatFlow.ts` plays for\n * `FlowStatusCard`). Unknown event names are ignored (additive contract).\n */\nexport function liveTurnReducer(state: LiveTurnState, action: LiveTurnAction): LiveTurnState {\n  switch (action.type) {\n    case 'send':\n      return { ...initialLiveTurnState, status: 'pending', startedAt: action.at }\n    case 'stop': {\n      if (state.status !== 'pending' && state.status !== 'streaming') {\n        return state\n      }\n      return { ...state, status: 'interrupted', stopped: true, finishedAt: action.at }\n    }\n    case 'reset':\n      return initialLiveTurnState\n    case 'event': {\n      const { event, at = Date.now() } = action\n      if (state.status === 'idle' || isTerminal(state)) {\n        return state\n      }\n      if (event.run_id !== undefined && state.runId !== null && event.run_id !== state.runId) {\n        return state\n      }\n      switch (event.event) {\n        case 'flow_started':\n          return {\n            ...state,\n            runId: event.run_id ?? state.runId,\n            nodes:\n              event.steps !== undefined && event.steps.length > 0\n                ? event.steps.map((step): LiveNodeState => ({ id: step.id, label: step.label, status: 'pending' }))\n                : state.nodes,\n          }\n        case 'node_started':\n          return { ...state, nodes: upsertNode(state.nodes, event.node, event.label, 'running') }\n        case 'node_finished':\n          return { ...state, nodes: upsertNode(state.nodes, event.node, event.label, event.outcome) }\n        case 'delta': {\n          const streaming = { ...state, status: 'streaming' as const }\n          if (event.kind === 'reasoning') {\n            return { ...streaming, reasoning: (state.reasoning ?? '') + event.text }\n          }\n          return { ...streaming, text: (state.text ?? '') + event.text }\n        }\n        case 'tool_call':\n          return { ...state, toolCalls: upsertToolCall(state, event) }\n        case 'interrupt':\n          return { ...state, status: 'interrupted', interruptPayload: event.payload, finishedAt: at }\n        case 'flow_finished':\n          return { ...state, status: 'done', finishedAt: at }\n        case 'flow_failed':\n          return {\n            ...state,\n            status: 'error',\n            error: { code: event.code, message: event.message, retryable: event.retryable },\n            finishedAt: at,\n          }\n        default:\n          return state\n      }\n    }\n    default:\n      return state\n  }\n}\n","import { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { ChatStreamEvent } from './events'\nimport { initialLiveTurnState, liveTurnReducer, type LiveTurnAction, type LiveTurnState } from './liveTurnReducer'\n\nexport interface ChatStreamTransport {\n  /** Enqueue/send a user turn. Resolves when accepted; errors surface as a failed turn. */\n  send(input: { text: string }): Promise<void>\n  /** Subscribe to the session's stream events; returns an unsubscribe function. */\n  subscribe(handlers: { onEvent: (event: ChatStreamEvent) => void }): () => void\n  /** Best-effort cancel of the in-flight turn (backend stop endpoint). */\n  stop?(): Promise<void>\n}\n\nexport interface UseChatStreamOptions {\n  transport: ChatStreamTransport\n  /** Delta coalescing window. Default 33 ms (study's rAF-scale budget). */\n  flushMs?: number\n  /** Watchdog for a turn that never terminates. Default 90 000 ms. */\n  timeoutMs?: number\n}\n\nexport interface UseChatStreamResult extends LiveTurnState {\n  /** The live turn, or `null` when idle — hand to the transcript's `live` slot. */\n  live: LiveTurnState | null\n  /** Returns false and does nothing for blank input or while a turn is active. */\n  send(text: string): Promise<boolean>\n  stop(): Promise<void>\n  reset(): void\n}\n\n/**\n * Transport-injected live-turn state machine for chat surfaces: send →\n * pending → streaming (coalesced text/reasoning deltas, tool calls, node\n * progress) → done / error / interrupted. Persists nothing — the app owns\n * sessions, messages and the branching endpoints; after a terminal state\n * the app refetches and calls `reset()`.\n */\nexport function useChatStream(options: UseChatStreamOptions): UseChatStreamResult {\n  const { transport, flushMs = 33, timeoutMs = 90_000 } = options\n  const [state, setState] = useState<LiveTurnState>(initialLiveTurnState)\n  const stateRef = useRef(state)\n  const dispatch = useCallback((action: LiveTurnAction) => {\n    const next = liveTurnReducer(stateRef.current, action)\n    stateRef.current = next\n    setState(next)\n  }, [])\n\n  const transportRef = useRef(transport)\n  transportRef.current = transport\n\n  const textBufferRef = useRef('')\n  const reasoningBufferRef = useRef('')\n  const flushTimerRef = useRef<number | null>(null)\n  const timeoutTimerRef = useRef<number | null>(null)\n  const terminalRef = useRef(false)\n\n  const cancelFlush = useCallback(() => {\n    if (flushTimerRef.current !== null) {\n      window.clearTimeout(flushTimerRef.current)\n      flushTimerRef.current = null\n    }\n  }, [])\n\n  const flush = useCallback(() => {\n    cancelFlush()\n    const text = textBufferRef.current\n    const reasoning = reasoningBufferRef.current\n    textBufferRef.current = ''\n    reasoningBufferRef.current = ''\n    if (text !== '') {\n      dispatch({ type: 'event', event: { event: 'delta', text, kind: 'text' } })\n    }\n    if (reasoning !== '') {\n      dispatch({ type: 'event', event: { event: 'delta', text: reasoning, kind: 'reasoning' } })\n    }\n  }, [cancelFlush, dispatch])\n\n  const scheduleFlush = useCallback(() => {\n    if (flushTimerRef.current !== null) {\n      return\n    }\n    flushTimerRef.current = window.setTimeout(() => {\n      flushTimerRef.current = null\n      flush()\n    }, flushMs)\n  }, [flush, flushMs])\n\n  const clearTimeoutTimer = useCallback(() => {\n    if (timeoutTimerRef.current !== null) {\n      window.clearTimeout(timeoutTimerRef.current)\n      timeoutTimerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const unsubscribe = transportRef.current.subscribe({\n      onEvent: (event) => {\n        if (terminalRef.current) {\n          return\n        }\n        if (event.event === 'delta') {\n          if (event.kind === 'reasoning') {\n            reasoningBufferRef.current += event.text\n          } else {\n            textBufferRef.current += event.text\n          }\n          scheduleFlush()\n          return\n        }\n        flush()\n        if (event.event === 'flow_finished' || event.event === 'flow_failed') {\n          terminalRef.current = true\n          clearTimeoutTimer()\n        }\n        dispatch({ type: 'event', event })\n      },\n    })\n    return unsubscribe\n  }, [scheduleFlush, flush, clearTimeoutTimer, dispatch])\n\n  useEffect(\n    () => () => {\n      cancelFlush()\n      clearTimeoutTimer()\n    },\n    [cancelFlush, clearTimeoutTimer],\n  )\n\n  const send = useCallback(\n    async (text: string) => {\n      const trimmed = text.trim()\n      const active = stateRef.current.status === 'pending' || stateRef.current.status === 'streaming'\n      if (trimmed === '' || active) {\n        return false\n      }\n      terminalRef.current = false\n      textBufferRef.current = ''\n      reasoningBufferRef.current = ''\n      cancelFlush()\n      clearTimeoutTimer()\n      dispatch({ type: 'send', at: Date.now() })\n      timeoutTimerRef.current = window.setTimeout(() => {\n        if (terminalRef.current) {\n          return\n        }\n        terminalRef.current = true\n        flush()\n        dispatch({\n          type: 'event',\n          event: { event: 'flow_failed', code: 'timeout', message: 'Chat turn timed out', retryable: true },\n        })\n      }, timeoutMs)\n      try {\n        await transportRef.current.send({ text: trimmed })\n      } catch (sendError) {\n        if (terminalRef.current) {\n          return true\n        }\n        terminalRef.current = true\n        clearTimeoutTimer()\n        flush()\n        dispatch({\n          type: 'event',\n          event: {\n            event: 'flow_failed',\n            code: 'send_failed',\n            message: sendError instanceof Error ? sendError.message : String(sendError),\n            retryable: true,\n          },\n        })\n      }\n      return true\n    },\n    [cancelFlush, clearTimeoutTimer, dispatch, flush, timeoutMs],\n  )\n\n  const stop = useCallback(async () => {\n    const current = stateRef.current\n    if (current.status !== 'pending' && current.status !== 'streaming') {\n      return\n    }\n    terminalRef.current = true\n    clearTimeoutTimer()\n    flush()\n    dispatch({ type: 'stop', at: Date.now() })\n    await transportRef.current.stop?.().catch(() => undefined)\n  }, [clearTimeoutTimer, dispatch, flush])\n\n  const reset = useCallback(() => {\n    terminalRef.current = false\n    cancelFlush()\n    clearTimeoutTimer()\n    dispatch({ type: 'reset' })\n  }, [cancelFlush, clearTimeoutTimer, dispatch])\n\n  return {\n    ...state,\n    live: state.status === 'idle' ? null : state,\n    send,\n    stop,\n    reset,\n  }\n}\n"]}

package/dist/chunk-743FJDRA.js

@@ -0,0 +1,184 @@
+import { cn } from './chunk-BLJWR4ZV.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,
+    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 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;
+      }
+      element.style.height = "auto";
+      const cap = maxRows * 22;
+      element.style.height = element.scrollHeight > 0 ? `${Math.min(element.scrollHeight, cap)}px` : "auto";
+      element.style.overflowY = element.scrollHeight > cap ? "auto" : "hidden";
+    }, [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;
+    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-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: disabled || value.trim() === "" || sending,
+                    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-743FJDRA.js.map
+//# sourceMappingURL=chunk-743FJDRA.js.map

package/dist/chunk-743FJDRA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-composer/ChatComposer.tsx"],"names":["ChatComposer"],"mappings":"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","file":"chunk-743FJDRA.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  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      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 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      element.style.height = 'auto'\n      const cap = maxRows * 22\n      element.style.height = element.scrollHeight > 0 ? `${Math.min(element.scrollHeight, cap)}px` : 'auto'\n      element.style.overflowY = element.scrollHeight > cap ? 'auto' : 'hidden'\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\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-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={disabled || value.trim() === '' || sending}\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"]}