@flamingo-stack/openframe-frontend-core 0.0.429 → 0.0.430

package/dist/{chunk-62L7S7HQ.js → chunk-TYANQCZA.js}

@@ -34607,43 +34607,13 @@ var PRIORITY_COLOR_CLASS = {
 };
 var MAX_VISIBLE_TAGS = 2;
 var MAX_VISIBLE_ASSIGNEES = 3;
-function TicketCard({
-  ticket,
-  columnId,
-  columnColor,
-  href,
-  isOverlay = false,
-  dragDisabled,
-  approved = false,
-  renderAssignSlot,
-  onApprove,
-  onReject
-}) {
-  const sortableData = React103.useMemo(
-    () => ({ columnId, type: "ticket" }),
-    [columnId]
-  );
-  const sortable = useSortable({
-    id: ticket.id,
-    data: sortableData,
-    disabled: dragDisabled
-  });
+var TICKET_CARD_SHELL = "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left";
+function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onReject }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
   const newMessageTextColor = columnColor ? getReadableTextColor(columnColor) : void 0;
-  const style = isOverlay ? {} : {
-    transform: CSS.Transform.toString(sortable.transform),
-    transition: sortable.transition
-  };
-  if (showNewMessage) style.borderColor = columnColor;
   const showDeviceRow = !!(ticket.deviceHostnames?.length || ticket.organizationName);
-  const deviceText = [
-    ticket.deviceHostnames?.join(", "),
-    ticket.organizationName
-  ].filter(Boolean).join(", ");
-  const handleClick = (e) => {
-    if (sortable.isDragging) e.preventDefault();
-  };
-  const hasRightSection = !!(approved || ticket.priority || ticket.assignees?.length || renderAssignSlot);
+  const deviceText = [ticket.deviceHostnames?.join(", "), ticket.organizationName].filter(Boolean).join(", ");
+  const hasRightSection = !!(ticket.priority || ticket.assignees?.length || renderAssignSlot);
   const rightSection = hasRightSection ? /* @__PURE__ */ jsxs206("div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
     ticket.priority && /* @__PURE__ */ jsx267(
       Flag02Icon,
@@ -34652,15 +34622,6 @@ function TicketCard({
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    approved && /* @__PURE__ */ jsx267(
-      CheckCircleIcon,
-      {
-        size: 20,
-        color: "var(--ods-attention-green-success)",
-        className: "shrink-0",
-        "aria-label": "Approved"
-      }
-    ),
     renderAssignSlot ? renderAssignSlot(ticket) : ticket.assignees?.length ? /* @__PURE__ */ jsxs206("div", { className: "flex -space-x-2", children: [
       ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map((a) => /* @__PURE__ */ jsx267(
         SquareAvatar,
@@ -34681,7 +34642,7 @@ function TicketCard({
   ] }) : null;
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
-  const body = /* @__PURE__ */ jsxs206(Fragment47, { children: [
+  return /* @__PURE__ */ jsxs206(Fragment47, { children: [
     /* @__PURE__ */ jsxs206("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs206("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
         /* @__PURE__ */ jsx267("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
@@ -34706,17 +34667,55 @@ function TicketCard({
         style: { backgroundColor: columnColor, color: newMessageTextColor }
       }
     ),
-    ticket.pendingApproval && /* @__PURE__ */ jsx267(
-      BoardTicketApproval,
-      {
-        pendingApproval: ticket.pendingApproval,
-        onApprove: onApprove ? (requestId) => onApprove(ticket.id, requestId) : void 0,
-        onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0
-      }
-    )
+    ticket.pendingApproval && /* @__PURE__ */ jsx267(BoardTicketApproval, { pendingApproval: ticket.pendingApproval, onApprove, onReject })
   ] });
+}
+function TicketCardView({ className, ...bodyProps }) {
+  const { ticket, columnColor } = bodyProps;
+  const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
+  return /* @__PURE__ */ jsx267(
+    "div",
+    {
+      className: cn(TICKET_CARD_SHELL, className),
+      style: showNewMessage ? { borderColor: columnColor } : void 0,
+      children: /* @__PURE__ */ jsx267("div", { className: "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]", children: /* @__PURE__ */ jsx267(TicketCardBody, { ...bodyProps }) })
+    }
+  );
+}
+function TicketCard({
+  ticket,
+  columnId,
+  columnColor,
+  href,
+  isOverlay = false,
+  dragDisabled,
+  renderAssignSlot,
+  onApprove,
+  onReject
+}) {
+  const sortableData = React103.useMemo(() => ({ columnId, type: "ticket" }), [columnId]);
+  const sortable = useSortable({ id: ticket.id, data: sortableData, disabled: dragDisabled });
+  const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
+  const style = isOverlay ? {} : {
+    transform: CSS.Transform.toString(sortable.transform),
+    transition: sortable.transition
+  };
+  if (showNewMessage) style.borderColor = columnColor;
+  const handleClick = (e) => {
+    if (sortable.isDragging) e.preventDefault();
+  };
+  const body = /* @__PURE__ */ jsx267(
+    TicketCardBody,
+    {
+      ticket,
+      columnColor,
+      renderAssignSlot,
+      onApprove: onApprove ? (requestId) => onApprove(ticket.id, requestId) : void 0,
+      onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0
+    }
+  );
   const cardClasses = cn(
-    "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left",
+    TICKET_CARD_SHELL,
     !dragDisabled && "cursor-pointer",
     sortable.isDragging && !isOverlay && "opacity-40",
     isOverlay && "rotate-1 shadow-card-hover"
@@ -35860,7 +35859,7 @@ function SlidingSidebar({ config }) {
   const [mounted, setMounted] = useState85(false);
   const headerHeight = useHeaderHeight();
   const asideRef = useRef46(null);
-  const prefersReducedMotion = useReducedMotion();
+  const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll4({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   useEffect65(() => {
@@ -36003,7 +36002,7 @@ function SlidingSidebar({ config }) {
         animate: {
           x: config.isOpen ? 0 : config.position === "right" ? "100%" : "-100%"
         },
-        transition: prefersReducedMotion ? { duration: 0 } : {
+        transition: prefersReducedMotion2 ? { duration: 0 } : {
           type: "spring",
           damping: 25,
           stiffness: 300,
@@ -47087,8 +47086,43 @@ function useChunkCatchup({
   };
 }
 
+// src/components/chat/hooks/use-scripted-stream.ts
+import { useEffect as useEffect77, useState as useState105 } from "react";
+var EMPTY_FRAME = { messages: [], phase: "idle", typing: false, delayMs: 0 };
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+}
+function useScriptedStream(frames, resetKey, enabled = true) {
+  const [index, setIndex] = useState105(0);
+  const [reducedMotion, setReducedMotion] = useState105(false);
+  const [prevKey, setPrevKey] = useState105(resetKey);
+  if (resetKey !== prevKey) {
+    setPrevKey(resetKey);
+    setIndex(0);
+  }
+  useEffect77(() => {
+    setReducedMotion(prefersReducedMotion());
+    const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
+    if (!mq) return;
+    const onChange = () => setReducedMotion(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  const playing = enabled && !reducedMotion && frames.length > 0;
+  const lastIndex = Math.max(0, frames.length - 1);
+  useEffect77(() => {
+    if (!playing || index >= lastIndex) return;
+    const current = frames[Math.min(index, lastIndex)] ?? EMPTY_FRAME;
+    const t = setTimeout(() => setIndex((i) => Math.min(i + 1, lastIndex)), current.delayMs);
+    return () => clearTimeout(t);
+  }, [index, frames, playing, lastIndex]);
+  if (frames.length === 0) return EMPTY_FRAME;
+  if (!playing) return frames[lastIndex];
+  return frames[Math.min(index, lastIndex)] ?? EMPTY_FRAME;
+}
+
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect77, useRef as useRef64, useState as useState105 } from "react";
+import { useEffect as useEffect78, useRef as useRef64, useState as useState106 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -47107,57 +47141,57 @@ function useJetStreamDialogSubscription({
   reconnectionBackoff,
   inactiveThresholdMs
 }) {
-  const [isConnected, setIsConnected] = useState105(false);
-  const [isSubscribed, setIsSubscribed] = useState105(false);
-  const [reconnectionCount, setReconnectionCount] = useState105(0);
-  const [currentStreamSeq, setCurrentStreamSeq] = useState105(null);
+  const [isConnected, setIsConnected] = useState106(false);
+  const [isSubscribed, setIsSubscribed] = useState106(false);
+  const [reconnectionCount, setReconnectionCount] = useState106(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState106(null);
   const clientRef = useRef64(null);
   const subscriptionRef = useRef64(null);
   const highestStreamSeqRef = useRef64(null);
   const onEventRef = useRef64(onEvent);
-  useEffect77(() => {
+  useEffect78(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef64(onConnect);
-  useEffect77(() => {
+  useEffect78(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef64(onDisconnect);
-  useEffect77(() => {
+  useEffect78(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef64(onSubscribed);
-  useEffect77(() => {
+  useEffect78(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef64(onBeforeReconnect);
-  useEffect77(() => {
+  useEffect78(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const getNatsWsUrlRef = useRef64(getNatsWsUrl);
-  useEffect77(() => {
+  useEffect78(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef64(reconnectionBackoff);
-  useEffect77(() => {
+  useEffect78(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const optStartSeqRef = useRef64(optStartSeq);
-  useEffect77(() => {
+  useEffect78(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
   const inactiveThresholdRef = useRef64(inactiveThresholdMs);
-  useEffect77(() => {
+  useEffect78(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
   const hadConnectionBeforeRef = useRef64(false);
   const clientConfigRef = useRef64(clientConfig);
-  useEffect77(() => {
+  useEffect78(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef64("");
   const wsUrl = getNatsWsUrl();
-  useEffect77(() => {
+  useEffect78(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47238,7 +47272,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect77(() => {
+  useEffect78(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -47321,7 +47355,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect77(() => {
+  useEffect78(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -47329,7 +47363,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect78, useRef as useRef65, useState as useState106 } from "react";
+import { useEffect as useEffect79, useRef as useRef65, useState as useState107 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -47343,47 +47377,47 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState106(false);
-  const [isSubscribed, setIsSubscribed] = useState106(false);
-  const [reconnectionCount, setReconnectionCount] = useState106(0);
+  const [isConnected, setIsConnected] = useState107(false);
+  const [isSubscribed, setIsSubscribed] = useState107(false);
+  const [reconnectionCount, setReconnectionCount] = useState107(0);
   const clientRef = useRef65(null);
   const subscriptionRefs = useRef65(/* @__PURE__ */ new Map());
   const onEventRef = useRef65(onEvent);
-  useEffect78(() => {
+  useEffect79(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef65(onConnect);
-  useEffect78(() => {
+  useEffect79(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef65(onDisconnect);
-  useEffect78(() => {
+  useEffect79(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef65(onSubscribed);
-  useEffect78(() => {
+  useEffect79(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef65(onBeforeReconnect);
-  useEffect78(() => {
+  useEffect79(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const hadConnectionBeforeRef = useRef65(false);
   const getNatsWsUrlRef = useRef65(getNatsWsUrl);
-  useEffect78(() => {
+  useEffect79(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef65(reconnectionBackoff);
-  useEffect78(() => {
+  useEffect79(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const clientConfigRef = useRef65(clientConfig);
-  useEffect78(() => {
+  useEffect79(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef65("");
   const wsUrl = getNatsWsUrl();
-  useEffect78(() => {
+  useEffect79(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47467,12 +47501,12 @@ function useNatsDialogSubscription({
   const topicsKey = topics.join(",");
   const lastSubscribedDialogIdRef = useRef65(null);
   const isConnectedRef = useRef65(isConnected);
-  useEffect78(() => {
+  useEffect79(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
   const currentDialogIdRef = useRef65(null);
   const abortControllerRef = useRef65(null);
-  useEffect78(() => {
+  useEffect79(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -47553,7 +47587,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect78(() => {
+  useEffect79(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -47603,7 +47637,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback46, useRef as useRef66, useEffect as useEffect79 } from "react";
+import { useCallback as useCallback46, useRef as useRef66, useEffect as useEffect80 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -48261,7 +48295,7 @@ function useRealtimeChunkProcessor(options) {
     })
   );
   const hasInitializedWithData = useRef66(false);
-  useEffect79(() => {
+  useEffect80(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -48279,7 +48313,7 @@ function useRealtimeChunkProcessor(options) {
   const directModeFlagRef = useRef66(isDirectMode);
   const sawDirectMessageRef = useRef66(false);
   const directTeardownFiredRef = useRef66(false);
-  useEffect79(() => {
+  useEffect80(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
   const pendingEscalatedRef = useRef66(/* @__PURE__ */ new Map());
@@ -48546,7 +48580,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect80, useState as useState107 } from "react";
+import { useEffect as useEffect81, useState as useState108 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -48563,9 +48597,9 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
   }
 }
 function useSlashCommands(prefix, commandsUrl) {
-  const [commands, setCommands] = useState107([]);
-  const [loading, setLoading] = useState107(false);
-  useEffect80(() => {
+  const [commands, setCommands] = useState108([]);
+  const [loading, setLoading] = useState108(false);
+  useEffect81(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -48671,7 +48705,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback47, useMemo as useMemo41, useRef as useRef67, useState as useState108 } from "react";
+import { useCallback as useCallback47, useMemo as useMemo41, useRef as useRef67, useState as useState109 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -48747,7 +48781,7 @@ function uploadWithProgress(url, file, token, onProgress, signal) {
 function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
-  const [attachments, setAttachments] = useState108([]);
+  const [attachments, setAttachments] = useState109([]);
   const controllersRef = useRef67(/* @__PURE__ */ new Map());
   const updateOne = useCallback47((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
@@ -48914,16 +48948,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback48, useEffect as useEffect81, useRef as useRef68, useState as useState109 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect82, useRef as useRef68, useState as useState110 } from "react";
 import { jsx as jsx358 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
   const panelRef = useRef68(null);
-  const [state, setState] = useState109(CLOSED);
+  const [state, setState] = useState110(CLOSED);
   const handleClose = useCallback48(() => setState(CLOSED), []);
-  useEffect81(() => {
+  useEffect82(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -48969,7 +49003,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect82, useState as useState110 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect83, useState as useState111 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -48980,9 +49014,9 @@ function useResolveChatIdentity(enabled) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
-  const [data, setData] = useState110(ANON_DEFAULTS);
-  const [isLoading, setIsLoading] = useState110(enabled);
-  useEffect82(() => {
+  const [data, setData] = useState111(ANON_DEFAULTS);
+  const [isLoading, setIsLoading] = useState111(enabled);
+  useEffect83(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -49024,11 +49058,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect83, useRef as useRef69 } from "react";
+import { useEffect as useEffect84, useRef as useRef69 } from "react";
 function useCloseOnNavigation(close, pathname) {
   const prevPathnameRef = useRef69(null);
   const initializedRef = useRef69(false);
-  useEffect83(() => {
+  useEffect84(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -49042,13 +49076,13 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState112, useCallback as useCallback50, useEffect as useEffect84, useRef as useRef71 } from "react";
+import { useState as useState113, useCallback as useCallback50, useEffect as useEffect85, useRef as useRef71 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState111, useCallback as useCallback49, useRef as useRef70 } from "react";
+import { useState as useState112, useCallback as useCallback49, useRef as useRef70 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
-  const [isStreaming, setIsStreaming] = useState111(false);
-  const [error, setError] = useState111(null);
+  const [isStreaming, setIsStreaming] = useState112(false);
+  const [error, setError] = useState112(null);
   const abortControllerRef = useRef70(null);
   const fallbackStream = useCallback49(async function* () {
     throw new Error(
@@ -49115,12 +49149,12 @@ function useChat({
   initialMessages,
   onMessagesChange
 } = {}) {
-  const [messages, setMessages] = useState112(() => initialMessages ?? []);
-  const [isTyping, setIsTyping] = useState112(false);
+  const [messages, setMessages] = useState113(() => initialMessages ?? []);
+  const [isTyping, setIsTyping] = useState113(false);
   const currentAssistantSegmentsRef = useRef71([]);
   const onMessagesChangeRef = useRef71(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect84(() => {
+  useEffect85(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -49409,7 +49443,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState113, useEffect as useEffect85, useCallback as useCallback51, useMemo as useMemo42, useRef as useRef72 } from "react";
+import { useState as useState114, useEffect as useEffect86, useCallback as useCallback51, useMemo as useMemo42, useRef as useRef72 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -49744,8 +49778,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const metaMapRef = useRef72(/* @__PURE__ */ new Map());
   const messagesRef = useRef72(persistedRef.current.messages);
   const sendCountRef = useRef72(persistedRef.current.sendCount);
-  const [streamingPhase, setStreamingPhase] = useState113("idle");
-  const [metaTick, setMetaTick] = useState113(0);
+  const [streamingPhase, setStreamingPhase] = useState114("idle");
+  const [metaTick, setMetaTick] = useState114(0);
   const bumpMetaTick = useCallback51(() => setMetaTick((t) => t + 1), []);
   const streamFn = useMemo42(
     () => createDocStreamFn(
@@ -49933,7 +49967,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -50015,10 +50049,10 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback52,
-  useEffect as useEffect86,
+  useEffect as useEffect87,
   useMemo as useMemo43,
   useRef as useRef73,
-  useState as useState114
+  useState as useState115
 } from "react";
 
 // src/components/chat/utils/process-historical-messages.ts
@@ -50481,6 +50515,14 @@ function mapProcessedToUnified(processed) {
   }
   return out;
 }
+function historicalToUnified(messages, options = {}) {
+  const { messages: processed } = processHistoricalMessagesWithErrors(messages, options);
+  const byId = new Map(processed.map((p) => [p.id, p]));
+  return mapProcessedToUnified(processed).map((u) => {
+    const p = byId.get(u.id);
+    return p ? { ...u, name: p.name, avatar: p.avatar ?? null, authorType: p.authorType, timestamp: p.timestamp } : u;
+  });
+}
 function useNatsChatAdapter(config, options = {}) {
   const { active = true } = options;
   const {
@@ -50508,26 +50550,26 @@ function useNatsChatAdapter(config, options = {}) {
     modelLabel = null
   } = config;
   const isManagedMode = fetchDialogs !== void 0;
-  const [internalDialogId, setInternalDialogId] = useState114(null);
+  const [internalDialogId, setInternalDialogId] = useState115(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const [messages, setMessages] = useState114([]);
-  const [streamingPhase, setStreamingPhase] = useState114("idle");
+  const [messages, setMessages] = useState115([]);
+  const [streamingPhase, setStreamingPhase] = useState115("idle");
   const streamingPhaseRef = useRef73(streamingPhase);
   streamingPhaseRef.current = streamingPhase;
   const suppressAgentBusyRef = useRef73(false);
-  const [approvalStatuses, setApprovalStatuses] = useState114({});
-  const [dialogs, setDialogs] = useState114([]);
-  const [dialogsNextCursor, setDialogsNextCursor] = useState114(null);
-  const [isDialogsLoading, setIsDialogsLoading] = useState114(false);
-  const [dialogsError, setDialogsError] = useState114(false);
-  const [isCreatingDialog, setIsCreatingDialog] = useState114(false);
-  const [messagesNextCursor, setMessagesNextCursor] = useState114(null);
-  const [isMessagesLoading, setIsMessagesLoading] = useState114(false);
-  const [dialogTokenUsage, setDialogTokenUsage] = useState114(
+  const [approvalStatuses, setApprovalStatuses] = useState115({});
+  const [dialogs, setDialogs] = useState115([]);
+  const [dialogsNextCursor, setDialogsNextCursor] = useState115(null);
+  const [isDialogsLoading, setIsDialogsLoading] = useState115(false);
+  const [dialogsError, setDialogsError] = useState115(false);
+  const [isCreatingDialog, setIsCreatingDialog] = useState115(false);
+  const [messagesNextCursor, setMessagesNextCursor] = useState115(null);
+  const [isMessagesLoading, setIsMessagesLoading] = useState115(false);
+  const [dialogTokenUsage, setDialogTokenUsage] = useState115(
     null
   );
-  const [liveModel, setLiveModel] = useState114(null);
-  const [connectionState, setConnectionState] = useState114("connecting");
+  const [liveModel, setLiveModel] = useState115(null);
+  const [connectionState, setConnectionState] = useState115("connecting");
   const handleApprove = useCallback52(
     async (requestId) => {
       if (!approveRequestCallback) return;
@@ -50687,7 +50729,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef73(void 0);
-  useEffect86(() => {
+  useEffect87(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -50701,7 +50743,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect86(() => {
+  useEffect87(() => {
     if (!active || !dialogId) return;
     suppressAgentBusyRef.current = true;
     resetChunkTracking();
@@ -50726,7 +50768,7 @@ function useNatsChatAdapter(config, options = {}) {
       setConnectionState("connected");
     }
   });
-  useEffect86(() => {
+  useEffect87(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -50765,7 +50807,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback52(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect86(() => {
+  useEffect87(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -51344,8 +51386,62 @@ function chatChipClass({ tone, density = "chip", extra }) {
   return extra ? `${base} ${extra}` : base;
 }
 
+// src/components/chat/utils/scripted-stream.ts
+function normalizeHistoricalMessageData(md) {
+  return Array.isArray(md) ? md : md ? [md] : [];
+}
+function isHistoricalUserTurn(m) {
+  return !!m.owner;
+}
+var isTextSegment = (d) => d?.type === "TEXT" && typeof d.text === "string";
+var THINK_MS = 550;
+var TOKEN_MS = 55;
+var USER_MS = 480;
+var SEGMENT_MS = 340;
+var POST_MS = 240;
+function tokenize(text) {
+  return text.match(/\s*\S+\s*/g) ?? (text ? [text] : []);
+}
+function buildStreamFrames(messages) {
+  const frames = [];
+  const revealed = [];
+  const push = (msgs, phase, typing, delayMs) => frames.push({ messages: msgs.slice(), phase, typing, delayMs });
+  messages.forEach((msg) => {
+    if (isHistoricalUserTurn(msg)) {
+      revealed.push(msg);
+      push(revealed, "idle", false, USER_MS);
+      return;
+    }
+    if (revealed.length > 0) push(revealed, "thinking", true, THINK_MS);
+    const segs = normalizeHistoricalMessageData(msg.messageData);
+    const built = [];
+    const emit = () => push([...revealed, { ...msg, messageData: [...built] }], "streaming", false, 0);
+    segs.forEach((seg) => {
+      if (isTextSegment(seg)) {
+        const tokens = tokenize(seg.text);
+        let acc = "";
+        built.push({ ...seg, text: "" });
+        tokens.forEach((tok) => {
+          acc += tok;
+          built[built.length - 1] = { ...seg, text: acc };
+          push([...revealed, { ...msg, messageData: [...built] }], "streaming", false, TOKEN_MS);
+        });
+        built[built.length - 1] = { ...seg };
+      } else {
+        built.push(seg);
+        emit();
+        frames[frames.length - 1].delayMs = SEGMENT_MS;
+      }
+    });
+    revealed.push(msg);
+    push(revealed, "idle", false, POST_MS);
+  });
+  if (frames.length === 0) push(revealed, "idle", false, 0);
+  return frames;
+}
+
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback55, useEffect as useEffect87, useMemo as useMemo46, useRef as useRef75, useState as useState116 } from "react";
+import { useCallback as useCallback55, useEffect as useEffect88, useMemo as useMemo46, useRef as useRef75, useState as useState117 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -51426,7 +51522,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback54, useMemo as useMemo45, useState as useState115 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo45, useState as useState116 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -51437,8 +51533,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState115(null);
-  const [archiveTarget, setArchiveTarget] = useState115(null);
+  const [renameTarget, setRenameTarget] = useState116(null);
+  const [archiveTarget, setArchiveTarget] = useState116(null);
   const handleConfirmRename = useCallback54(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -51461,10 +51557,10 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState115(false);
-  const [archivedDialogs, setArchivedDialogs] = useState115([]);
-  const [archivedCursor, setArchivedCursor] = useState115(null);
-  const [archivedLoading, setArchivedLoading] = useState115(false);
+  const [archiveOpen, setArchiveOpen] = useState116(false);
+  const [archivedDialogs, setArchivedDialogs] = useState116([]);
+  const [archivedCursor, setArchivedCursor] = useState116(null);
+  const [archivedLoading, setArchivedLoading] = useState116(false);
   const loadArchivedPage = useCallback54(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -51490,10 +51586,10 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback54(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState115(
+  const [viewingArchivedId, setViewingArchivedId] = useState116(
     null
   );
-  const [openingDialogId, setOpeningDialogId] = useState115(null);
+  const [openingDialogId, setOpeningDialogId] = useState116(null);
   const handleSelectDialog = useCallback54(
     (id) => {
       setViewingArchivedId(null);
@@ -51512,7 +51608,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState115(null);
+  const [restoreTarget, setRestoreTarget] = useState116(null);
   const handleConfirmRestore = useCallback54(async () => {
     if (restoreTarget) {
       try {
@@ -51764,7 +51860,7 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState116(false);
+  const [expanded, setExpanded] = useState117(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
@@ -51870,7 +51966,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect87(() => {
+  useEffect88(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -51886,13 +51982,13 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState116(() => {
+  const [autoFocusInput] = useState117(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll6({ isDisabled: !isOpen || shellLess });
   const navigatingAwayRef = useRef75(false);
-  useEffect87(() => {
+  useEffect88(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -51919,7 +52015,7 @@ function EmbeddableChatInner({
     };
   }, [isOpen, shellLess]);
   const chatInputRef = useRef75(null);
-  const [quickActionPreview, setQuickActionPreview] = useState116(null);
+  const [quickActionPreview, setQuickActionPreview] = useState117(null);
   const slashCommandsProp = useMemo46(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -51962,7 +52058,7 @@ function EmbeddableChatInner({
   }, [mingoState, mingoDialogCapabilities, effectiveModes]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState116(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState117(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback55(
     (next) => {
@@ -52023,7 +52119,7 @@ function EmbeddableChatInner({
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
   const guidePromptSentRef = useRef75(false);
-  useEffect87(() => {
+  useEffect88(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -52044,15 +52140,15 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState116([]);
-  const [contextPickerOpen, setContextPickerOpen] = useState116(false);
-  const [mentionQuery, setMentionQuery] = useState116(null);
+  const [contextItems, setContextItems] = useState117([]);
+  const [contextPickerOpen, setContextPickerOpen] = useState117(false);
+  const [mentionQuery, setMentionQuery] = useState117(null);
   const mentionActiveRef = useRef75(false);
-  useEffect87(() => {
+  useEffect88(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
   const mentionKeysRef = useRef75(/* @__PURE__ */ new Set());
-  useEffect87(() => {
+  useEffect88(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -52273,7 +52369,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback55(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect87(() => {
+  useEffect88(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -52283,7 +52379,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect87(() => {
+  useEffect88(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -52300,7 +52396,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect87(() => {
+  useEffect88(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -52342,7 +52438,7 @@ function EmbeddableChatInner({
     const uncited = sources.filter((s) => !seenOrder.has(s.index));
     return { cited, uncited };
   }, [lastAssistantMsg, chatLoading]);
-  const [portalHost, setPortalHost] = useState116(null);
+  const [portalHost, setPortalHost] = useState117(null);
   const body = /* @__PURE__ */ jsxs286(PortalContainerContext.Provider, { value: portalHost, children: [
     /* @__PURE__ */ jsx361(
       "div",
@@ -53198,6 +53294,7 @@ export {
   normalizeContent2 as normalizeContent,
   NETWORK_CONFIG,
   useChunkCatchup,
+  useScriptedStream,
   useJetStreamDialogSubscription,
   useNatsDialogSubscription,
   buildNatsWsUrl,
@@ -53236,6 +53333,7 @@ export {
   extractErrorMessages,
   processHistoricalMessagesWithErrors,
   mapProcessedToUnified,
+  historicalToUnified,
   useNatsChatAdapter,
   useUnifiedChat,
   extractIncompleteMessageState,
@@ -53247,6 +53345,9 @@ export {
   CHIP_ACTION_BUTTON_CLASS,
   chatChipClass,
   clickupTaskUrl,
+  normalizeHistoricalMessageData,
+  isHistoricalUserTurn,
+  buildStreamFrames,
   EmbeddableChat,
   FilterCheckboxItem,
   TagKeyValueFilter,
@@ -53546,6 +53647,8 @@ export {
   BoardColumnHeader,
   tintOnDark,
   BoardTicketApproval,
+  TicketCardBody,
+  TicketCardView,
   TicketCard,
   TicketCardSkeleton,
   BoardColumn,
@@ -53646,4 +53749,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-62L7S7HQ.js.map
+//# sourceMappingURL=chunk-TYANQCZA.js.map