@neuronection/assistant-ui 0.22.0 → 0.24.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"]}

package/dist/{chunk-4UJKXTWY.js → chunk-AY77TWLT.js}

@@ -138,11 +138,16 @@ var RichTextEditor = React.forwardRef(
         editor.off("update", handler);
       };
     }, [editor, isMounted]);
+    const editableRef = React.useRef(!disabled);
     React.useEffect(() => {
       if (editor === null || editor.isDestroyed) {
         return;
       }
-      editor.setEditable(!disabled);
+      if (editableRef.current === !disabled) {
+        return;
+      }
+      editableRef.current = !disabled;
+      editor.setEditable(!disabled, false);
     }, [editor, disabled]);
     React.useEffect(() => {
       if (editor === null || editor.isDestroyed) {
@@ -288,5 +293,5 @@ var RichTextEditor = React.forwardRef(
 );
 
 export { RichTextEditor };
-//# sourceMappingURL=chunk-4UJKXTWY.js.map
-//# sourceMappingURL=chunk-4UJKXTWY.js.map
+//# sourceMappingURL=chunk-AY77TWLT.js.map
+//# sourceMappingURL=chunk-AY77TWLT.js.map

package/dist/chunk-AY77TWLT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/rich-text-editor/RichTextEditor.tsx"],"names":["RichTextEditor"],"mappings":"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","file":"chunk-AY77TWLT.js","sourcesContent":["import * as React from 'react'\nimport { Editor, EditorContent, useEditor, type Extensions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport {\n  Bold,\n  Code,\n  Heading2,\n  Italic,\n  List,\n  ListOrdered,\n  Quote,\n  Redo2,\n  Strikethrough,\n  Undo2,\n  type LucideIcon,\n} from 'lucide-react'\nimport { Markdown } from 'tiptap-markdown'\n\nimport { cn } from '../../lib/utils'\n\nexport type RichTextToolbarGroup = 'history' | 'heading' | 'format' | 'list' | 'quote'\n\nexport type RichTextHeadingLevel = 1 | 2 | 3 | 4\n\nconst DEFAULT_TOOLBAR: RichTextToolbarGroup[] = [\n  'history',\n  'heading',\n  'format',\n  'list',\n  'quote',\n]\n\nconst DEFAULT_HEADING_LEVELS: RichTextHeadingLevel[] = [2]\n\nconst DEFAULT_EXTENSIONS: Extensions = [StarterKit, Markdown]\n\nexport interface RichTextEditorLabels {\n  toolbar?: string\n  bold?: string\n  italic?: string\n  strike?: string\n  code?: string\n  heading?: (level: number) => string\n  bulletList?: string\n  orderedList?: string\n  blockquote?: string\n  undo?: string\n  redo?: string\n}\n\nexport interface RichTextEditorIcons {\n  bold?: LucideIcon\n  italic?: LucideIcon\n  strike?: LucideIcon\n  code?: LucideIcon\n  heading?: LucideIcon\n  bulletList?: LucideIcon\n  orderedList?: LucideIcon\n  blockquote?: LucideIcon\n  undo?: LucideIcon\n  redo?: LucideIcon\n}\n\nconst DEFAULT_LABELS: Required<RichTextEditorLabels> = {\n  toolbar: 'Formatting',\n  bold: 'Bold',\n  italic: 'Italic',\n  strike: 'Strikethrough',\n  code: 'Code',\n  heading: (level) => `Heading ${level}`,\n  bulletList: 'Bulleted list',\n  orderedList: 'Numbered list',\n  blockquote: 'Quote',\n  undo: 'Undo',\n  redo: 'Redo',\n}\n\nconst DEFAULT_ICONS: Required<RichTextEditorIcons> = {\n  bold: Bold,\n  italic: Italic,\n  strike: Strikethrough,\n  code: Code,\n  heading: Heading2,\n  bulletList: List,\n  orderedList: ListOrdered,\n  blockquote: Quote,\n  undo: Undo2,\n  redo: Redo2,\n}\n\ntype FormatKey =\n  | 'bold'\n  | 'italic'\n  | 'strike'\n  | 'code'\n  | 'bulletList'\n  | 'orderedList'\n  | 'blockquote'\n  | 'undo'\n  | 'redo'\n\nexport interface RichTextEditorProps {\n  value: string\n  onValueChange: (markdown: string) => void\n  ariaLabel: string\n  disabled?: boolean\n  toolbar?: RichTextToolbarGroup[] | false\n  /** App-owned controls at the end of the toolbar; render-prop form receives the editor. */\n  toolbarExtra?: React.ReactNode | ((editor: Editor | null) => React.ReactNode)\n  /** Full override of the document extension set; default is `[StarterKit, Markdown]`. Apps declare their complete set. */\n  extensions?: Extensions\n  /** Extra classes for the editable region (merged after the built-ins via tailwind-merge). */\n  contentClassName?: string\n  /** Called once when the editor instance is created and again with `null` on destroy/unmount. */\n  onReady?: (editor: Editor | null) => void\n  /** Heading toggles rendered for the `heading` toolbar group, one button per level. */\n  headingLevels?: RichTextHeadingLevel[]\n  /** Map incoming app-domain markdown before it reaches the document. */\n  parseMarkdown?: (markdown: string) => string\n  /** Map the serialized document before it is emitted / echo-compared. */\n  serializeMarkdown?: (markdown: string) => string\n  labels?: Partial<RichTextEditorLabels>\n  icons?: Partial<RichTextEditorIcons>\n  className?: string\n}\n\nfunction getMarkdown(editor: Editor): string {\n  const storage = editor.storage as { markdown?: { getMarkdown?: () => string } }\n  return storage.markdown?.getMarkdown?.() ?? ''\n}\n\nfunction applyExternalValue(editor: Editor, markdown: string): void {\n  const hadFocus = editor.isFocused\n  const caret = editor.state.selection.head\n  editor.commands.setContent(markdown, { emitUpdate: false })\n  if (hadFocus) {\n    editor.commands.setTextSelection(Math.min(caret, editor.state.doc.content.size))\n    editor.commands.focus()\n  }\n}\n\nexport const RichTextEditor = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  function RichTextEditor(\n    {\n      value,\n      onValueChange,\n      ariaLabel,\n      disabled = false,\n      toolbar = DEFAULT_TOOLBAR,\n      toolbarExtra,\n      extensions,\n      contentClassName,\n      onReady,\n      headingLevels,\n      parseMarkdown,\n      serializeMarkdown,\n      labels,\n      icons,\n      className,\n    },\n    ref,\n  ) {\n    const mergedLabels = { ...DEFAULT_LABELS, ...labels }\n    const mergedIcons = { ...DEFAULT_ICONS, ...icons }\n    const resolvedExtensions = React.useMemo(\n      () => extensions ?? DEFAULT_EXTENSIONS,\n      [extensions],\n    )\n    const levels = headingLevels ?? DEFAULT_HEADING_LEVELS\n    const lastEmittedRef = React.useRef<string>(value)\n    const onValueChangeRef = React.useRef(onValueChange)\n    onValueChangeRef.current = onValueChange\n    const onReadyRef = React.useRef(onReady)\n    onReadyRef.current = onReady\n    const hooksRef = React.useRef({ parseMarkdown, serializeMarkdown })\n    hooksRef.current = { parseMarkdown, serializeMarkdown }\n    const [, bump] = React.useReducer((count: number) => count + 1, 0)\n\n    const toDocument = React.useCallback(\n      (markdown: string) => (parseMarkdown ? parseMarkdown(markdown) : markdown),\n      [parseMarkdown],\n    )\n    const toApp = React.useCallback(\n      (markdown: string) => (serializeMarkdown ? serializeMarkdown(markdown) : markdown),\n      [serializeMarkdown],\n    )\n\n    const editor = useEditor(\n      {\n        extensions: resolvedExtensions,\n        content: toDocument(value),\n        editable: !disabled,\n        immediatelyRender: false,\n        editorProps: {\n          attributes: {\n            'aria-label': ariaLabel,\n            class: cn(\n              'as-rich-text-editor__content min-h-24 w-full bg-transparent px-3 py-2 text-sm text-[var(--as-fg)] outline-none',\n              contentClassName,\n            ),\n          },\n        },\n        onUpdate: ({ editor: current }) => {\n          const markdown = toApp(getMarkdown(current))\n          lastEmittedRef.current = markdown\n          onValueChangeRef.current(markdown)\n        },\n      },\n    )\n\n    const isMounted = editor !== null\n\n    React.useEffect(() => {\n      if (editor === null) {\n        return\n      }\n      onReadyRef.current?.(editor)\n      return () => {\n        onReadyRef.current?.(null)\n      }\n    }, [editor])\n\n    React.useEffect(() => {\n      if (!isMounted || editor === null) {\n        return\n      }\n      const handler = () => bump()\n      editor.on('transaction', handler)\n      editor.on('update', handler)\n      return () => {\n        editor.off('transaction', handler)\n        editor.off('update', handler)\n      }\n    }, [editor, isMounted])\n\n    const editableRef = React.useRef(!disabled)\n    React.useEffect(() => {\n      if (editor === null || editor.isDestroyed) {\n        return\n      }\n      if (editableRef.current === !disabled) {\n        return\n      }\n      editableRef.current = !disabled\n      editor.setEditable(!disabled, false)\n    }, [editor, disabled])\n\n    React.useEffect(() => {\n      if (editor === null || editor.isDestroyed) {\n        return\n      }\n      if (value === lastEmittedRef.current) {\n        return\n      }\n      const current = toApp(getMarkdown(editor))\n      if (value === current) {\n        lastEmittedRef.current = value\n        return\n      }\n      applyExternalValue(editor, toDocument(value))\n      lastEmittedRef.current = value\n    }, [editor, value, toApp, toDocument])\n\n    const groups = toolbar === false ? [] : (toolbar ?? DEFAULT_TOOLBAR)\n\n    const buttonClass = (active: boolean) =>\n      cn(\n        'rounded p-1.5 text-[var(--as-muted-fg)] transition-colors hover:text-[var(--as-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--as-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50',\n        active && 'bg-[var(--as-surface-active)] text-[var(--as-fg)]',\n      )\n\n    const renderButton = (\n      key: FormatKey,\n      group: RichTextToolbarGroup,\n      onClick: () => void,\n      active: boolean,\n      buttonDisabled = disabled,\n    ) => {\n      const Icon = mergedIcons[key]\n      const label = mergedLabels[key]\n      return (\n        <button\n          key={`${group}-${key}`}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          title={label}\n          disabled={buttonDisabled}\n          className={buttonClass(active)}\n          onClick={onClick}\n        >\n          <Icon className=\"size-4\" aria-hidden />\n        </button>\n      )\n    }\n\n    const historyDisabled = (can: 'undo' | 'redo') =>\n      disabled || editor === null || editor.can()[can]() !== true\n\n    const renderHeadingButton = (level: RichTextHeadingLevel) => {\n      const Icon = mergedIcons.heading\n      const label = mergedLabels.heading(level)\n      return (\n        <button\n          key={`heading-${level}`}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={editor?.isActive('heading', { level }) === true}\n          title={label}\n          disabled={disabled}\n          className={buttonClass(editor?.isActive('heading', { level }) === true)}\n          onClick={() => editor?.chain().focus().toggleHeading({ level }).run()}\n        >\n          <Icon className=\"size-4\" aria-hidden />\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"rich-text-editor\"\n        className={cn(\n          'w-full rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-fg)] focus-within:border-[var(--as-focus-ring)]',\n          disabled && 'opacity-50',\n          className,\n        )}\n      >\n        {groups.length > 0 || toolbarExtra ? (\n          <div\n            role=\"toolbar\"\n            aria-label={mergedLabels.toolbar}\n            className=\"flex flex-wrap items-center gap-0.5 border-b border-[var(--as-border)] p-1\"\n          >\n            {groups.includes('history')\n              ? renderButton(\n                  'undo',\n                  'history',\n                  () => editor?.chain().focus().undo().run(),\n                  false,\n                  historyDisabled('undo'),\n                )\n              : null}\n            {groups.includes('history')\n              ? renderButton(\n                  'redo',\n                  'history',\n                  () => editor?.chain().focus().redo().run(),\n                  false,\n                  historyDisabled('redo'),\n                )\n              : null}\n            {groups.includes('heading') ? levels.map((level) => renderHeadingButton(level)) : null}\n            {groups.includes('format')\n              ? renderButton(\n                  'bold',\n                  'format',\n                  () => editor?.chain().focus().toggleBold().run(),\n                  editor?.isActive('bold') === true,\n                )\n              : null}\n            {groups.includes('format')\n              ? renderButton(\n                  'italic',\n                  'format',\n                  () => editor?.chain().focus().toggleItalic().run(),\n                  editor?.isActive('italic') === true,\n                )\n              : null}\n            {groups.includes('format')\n              ? renderButton(\n                  'strike',\n                  'format',\n                  () => editor?.chain().focus().toggleStrike().run(),\n                  editor?.isActive('strike') === true,\n                )\n              : null}\n            {groups.includes('format')\n              ? renderButton(\n                  'code',\n                  'format',\n                  () => editor?.chain().focus().toggleCode().run(),\n                  editor?.isActive('code') === true,\n                )\n              : null}\n            {groups.includes('list')\n              ? renderButton(\n                  'bulletList',\n                  'list',\n                  () => editor?.chain().focus().toggleBulletList().run(),\n                  editor?.isActive('bulletList') === true,\n                )\n              : null}\n            {groups.includes('list')\n              ? renderButton(\n                  'orderedList',\n                  'list',\n                  () => editor?.chain().focus().toggleOrderedList().run(),\n                  editor?.isActive('orderedList') === true,\n                )\n              : null}\n            {groups.includes('quote')\n              ? renderButton(\n                  'blockquote',\n                  'quote',\n                  () => editor?.chain().focus().toggleBlockquote().run(),\n                  editor?.isActive('blockquote') === true,\n                )\n              : null}\n            {typeof toolbarExtra === 'function' ? toolbarExtra(editor) : toolbarExtra}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} />\n      </div>\n    )\n  },\n)\n"]}