@signalflare-ai/ui 1.1.0 → 1.3.0

package/dist/ai-conversation-CArP7C8K.js

@@ -1,184 +0,0 @@
-"use client";
-import { t as cn } from "./cn-YROP2_ox.js";
-import { t as Button } from "./button-De0267YU.js";
-import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { ArrowDownIcon } from "@phosphor-icons/react";
-import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/ai-conversation/ai-conversation.tsx
-var SF_AI_CONVERSATION_VARIANTS = {};
-var SF_AI_CONVERSATION_DEFAULT_VARIANTS = {};
-/**
-* Outer scroll container for a conversation. Sticks to the bottom as new
-* messages are added. Pair with `AiConversationContent` and optionally
-* `AiConversationScrollButton`.
-*
-* @example
-* ```tsx
-* <AiConversation ref={scrollRef}>
-*   <AiConversationContent>
-*     {messages.map(m => <AiMessage key={m.id} from={m.role}>...</AiMessage>)}
-*   </AiConversationContent>
-*   <AiConversationScrollButton scrollRef={scrollRef} />
-* </AiConversation>
-* ```
-*/
-var AiConversation = forwardRef(({ className, children, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: cn("relative flex-1 overflow-y-auto", className),
-		role: "log",
-		"aria-live": "polite",
-		"aria-label": "Conversation",
-		...props,
-		children
-	});
-});
-AiConversation.displayName = "AiConversation";
-/**
-* Inner content wrapper with padding. Place message components inside here.
-*/
-function AiConversationContent({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-0 overscroll-y-none p-4", className),
-		...props,
-		children
-	});
-}
-/**
-* Floating "scroll to bottom" button. Appears when the user has scrolled up
-* more than `threshold` pixels from the bottom.
-*/
-function AiConversationScrollButton({ scrollRef, threshold = 100, className, onClick, ...props }) {
-	const [show, setShow] = useState(false);
-	useEffect(() => {
-		const el = scrollRef?.current;
-		if (!el) return;
-		const check = () => {
-			setShow(el.scrollHeight - el.scrollTop - el.clientHeight > threshold);
-		};
-		check();
-		el.addEventListener("scroll", check, { passive: true });
-		return () => el.removeEventListener("scroll", check);
-	}, [scrollRef, threshold]);
-	const handleClick = useCallback((e) => {
-		scrollRef?.current?.scrollTo({
-			top: scrollRef.current.scrollHeight,
-			behavior: "smooth"
-		});
-		onClick?.(e);
-	}, [scrollRef, onClick]);
-	if (scrollRef && !show) return null;
-	return /* @__PURE__ */ jsx(Button, {
-		"aria-label": "Scroll to bottom",
-		className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-md", className),
-		onClick: handleClick,
-		size: "sm",
-		variant: "secondary",
-		...props,
-		children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" })
-	});
-}
-/**
-* `useConversationVirtualizer` — virtualizes a conversation list with
-* dynamic item heights and automatic stick-to-bottom behavior.
-*
-* Built on `@tanstack/react-virtual`. Items are measured dynamically via
-* `ResizeObserver`, so tool calls expanding, subagents collapsing, and
-* streaming text growing all work correctly.
-*
-* **Stick-to-bottom**: When the user is scrolled to (or near) the bottom,
-* new items and item resizes automatically keep the viewport pinned to the
-* bottom. When the user scrolls up, stick-to-bottom disengages until they
-* scroll back down.
-*
-* @example
-* ```tsx
-* const { virtualItems, totalSize, measureRef, isAtBottom, scrollToBottom } =
-*   useConversationVirtualizer({ scrollRef, items });
-*
-* return (
-*   <AiConversation ref={scrollRef}>
-*     <div style={{ height: totalSize, position: "relative" }}>
-*       {virtualItems.map((vi) => {
-*         const item = items[vi.index];
-*         return (
-*           <div key={item.key} ref={measureRef} data-index={vi.index}
-*             style={{ position: "absolute", top: vi.start, width: "100%" }}>
-*             {item.render()}
-*           </div>
-*         );
-*       })}
-*     </div>
-*     {!isAtBottom && <button onClick={() => scrollToBottom()}>↓</button>}
-*   </AiConversation>
-* );
-* ```
-*/
-function useConversationVirtualizer({ scrollRef, items, estimateSize = 80, overscan = 8, stickThreshold = 40 }) {
-	const [isAtBottom, setIsAtBottom] = useState(true);
-	const isAtBottomRef = useRef(true);
-	const prevCountRef = useRef(items.length);
-	useEffect(() => {
-		const el = scrollRef.current;
-		if (!el) return;
-		const check = () => {
-			const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= stickThreshold;
-			isAtBottomRef.current = atBottom;
-			setIsAtBottom(atBottom);
-		};
-		check();
-		el.addEventListener("scroll", check, { passive: true });
-		return () => el.removeEventListener("scroll", check);
-	}, [scrollRef, stickThreshold]);
-	const prevTotalSizeRef = useRef(0);
-	const virtualizer = useVirtualizer({
-		count: items.length,
-		getScrollElement: () => scrollRef.current,
-		estimateSize: () => estimateSize,
-		overscan,
-		getItemKey: (index) => items[index]?.key ?? index
-	});
-	virtualizer.shouldAdjustScrollPositionOnItemSizeChange = () => isAtBottomRef.current;
-	const virtualItems = virtualizer.getVirtualItems();
-	const totalSize = virtualizer.getTotalSize();
-	useEffect(() => {
-		const count = items.length;
-		if (count > prevCountRef.current && isAtBottomRef.current) requestAnimationFrame(() => {
-			virtualizer.scrollToIndex(count - 1, {
-				align: "end",
-				behavior: "smooth"
-			});
-		});
-		prevCountRef.current = count;
-	}, [items.length, virtualizer]);
-	useEffect(() => {
-		const prev = prevTotalSizeRef.current;
-		prevTotalSizeRef.current = totalSize;
-		if (!isAtBottomRef.current || totalSize <= prev) return;
-		const el = scrollRef.current;
-		if (!el) return;
-		const dist = el.scrollHeight - el.scrollTop - el.clientHeight;
-		if (dist > 1 && dist < 300) el.scrollTop = el.scrollHeight - el.clientHeight;
-	}, [totalSize, scrollRef]);
-	return {
-		virtualizer,
-		virtualItems,
-		totalSize,
-		isAtBottom,
-		scrollToBottom: useCallback((behavior = "smooth") => {
-			if (items.length === 0) return;
-			virtualizer.scrollToIndex(items.length - 1, {
-				align: "end",
-				behavior
-			});
-		}, [virtualizer, items.length]),
-		measureRef: useCallback((node) => {
-			if (node) virtualizer.measureElement(node);
-		}, [virtualizer])
-	};
-}
-//#endregion
-export { SF_AI_CONVERSATION_VARIANTS as a, SF_AI_CONVERSATION_DEFAULT_VARIANTS as i, AiConversationContent as n, useConversationVirtualizer as o, AiConversationScrollButton as r, AiConversation as t };
-
-//# sourceMappingURL=ai-conversation-CArP7C8K.js.map

package/dist/ai-conversation-CArP7C8K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-conversation-CArP7C8K.js","names":[],"sources":["../src/components/ai-conversation/ai-conversation.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownIcon } from \"@phosphor-icons/react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { Virtualizer, VirtualItem } from \"@tanstack/react-virtual\";\nimport type { ComponentProps, ReactNode, RefObject } from \"react\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../button\";\n\n// ─── Variants ────────────────────────────────────────────────────────────────\n\nexport const SF_AI_CONVERSATION_VARIANTS = {} as const;\nexport const SF_AI_CONVERSATION_DEFAULT_VARIANTS = {} as const;\n\n// ─── AiConversation ──────────────────────────────────────────────────────────\n\nexport type AiConversationProps = ComponentProps<\"div\">;\n\n/**\n * Outer scroll container for a conversation. Sticks to the bottom as new\n * messages are added. Pair with `AiConversationContent` and optionally\n * `AiConversationScrollButton`.\n *\n * @example\n * ```tsx\n * <AiConversation ref={scrollRef}>\n *   <AiConversationContent>\n *     {messages.map(m => <AiMessage key={m.id} from={m.role}>...</AiMessage>)}\n *   </AiConversationContent>\n *   <AiConversationScrollButton scrollRef={scrollRef} />\n * </AiConversation>\n * ```\n */\nexport const AiConversation = forwardRef<HTMLDivElement, AiConversationProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\"relative flex-1 overflow-y-auto\", className)}\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-label=\"Conversation\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nAiConversation.displayName = \"AiConversation\";\n\n// ─── AiConversationContent ───────────────────────────────────────────────────\n\nexport type AiConversationContentProps = ComponentProps<\"div\">;\n\n/**\n * Inner content wrapper with padding. Place message components inside here.\n */\nexport function AiConversationContent({\n  className,\n  children,\n  ...props\n}: AiConversationContentProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-0 overscroll-y-none p-4\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ─── AiConversationScrollButton ──────────────────────────────────────────────\n\nexport type AiConversationScrollButtonProps = ComponentProps<typeof Button> & {\n  /**\n   * Ref to the scroll container (the `AiConversation` element).\n   * When omitted, the button is always visible.\n   */\n  scrollRef?: RefObject<HTMLElement | null>;\n  /** Scroll threshold in pixels from bottom to show the button. @default 100 */\n  threshold?: number;\n};\n\n/**\n * Floating \"scroll to bottom\" button. Appears when the user has scrolled up\n * more than `threshold` pixels from the bottom.\n */\nexport function AiConversationScrollButton({\n  scrollRef,\n  threshold = 100,\n  className,\n  onClick,\n  ...props\n}: AiConversationScrollButtonProps) {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    const el = scrollRef?.current;\n    if (!el) return;\n\n    const check = () => {\n      const distFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n      setShow(distFromBottom > threshold);\n    };\n\n    check();\n    el.addEventListener(\"scroll\", check, { passive: true });\n    return () => el.removeEventListener(\"scroll\", check);\n  }, [scrollRef, threshold]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      scrollRef?.current?.scrollTo({\n        top: scrollRef.current.scrollHeight,\n        behavior: \"smooth\",\n      });\n      onClick?.(e);\n    },\n    [scrollRef, onClick]\n  );\n\n  if (scrollRef && !show) return null;\n\n  return (\n    <Button\n      aria-label=\"Scroll to bottom\"\n      className={cn(\n        \"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-md\",\n        className\n      )}\n      onClick={handleClick}\n      size=\"sm\"\n      variant=\"secondary\"\n      {...props}\n    >\n      <ArrowDownIcon className=\"size-4\" />\n    </Button>\n  );\n}\n\n// ─── Virtualized Conversation ────────────────────────────────────────────────\n\n/** A single item in the virtualized conversation list. */\nexport interface ConversationItem {\n  /** Unique key for this item. */\n  key: string;\n  /**\n   * Render the item content. The virtualizer handles measurement and\n   * positioning on the wrapper — just return the content.\n   */\n  render: () => ReactNode;\n}\n\nexport interface UseConversationVirtualizerOptions {\n  /** Ref to the scroll container element. */\n  scrollRef: RefObject<HTMLElement | null>;\n  /** The conversation items to virtualize. */\n  items: ConversationItem[];\n  /**\n   * Estimated height of a single item in pixels.\n   * Used before measurement. Doesn't need to be exact.\n   * @default 80\n   */\n  estimateSize?: number;\n  /**\n   * Number of items to render beyond the visible area.\n   * @default 8\n   */\n  overscan?: number;\n  /**\n   * Pixel distance from bottom to consider \"at bottom\" for stick-to-bottom.\n   * @default 40\n   */\n  stickThreshold?: number;\n}\n\nexport interface UseConversationVirtualizerReturn {\n  /** The TanStack virtualizer instance. */\n  virtualizer: Virtualizer<HTMLElement, Element>;\n  /** The virtual items to render. */\n  virtualItems: VirtualItem[];\n  /** Total measured/estimated height of all items. */\n  totalSize: number;\n  /** Whether the user is currently at the bottom of the conversation. */\n  isAtBottom: boolean;\n  /** Smoothly scroll to the bottom. */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /** Get the measurement ref for a virtual item by index. */\n  measureRef: (node: HTMLElement | null) => void;\n}\n\n/**\n * `useConversationVirtualizer` — virtualizes a conversation list with\n * dynamic item heights and automatic stick-to-bottom behavior.\n *\n * Built on `@tanstack/react-virtual`. Items are measured dynamically via\n * `ResizeObserver`, so tool calls expanding, subagents collapsing, and\n * streaming text growing all work correctly.\n *\n * **Stick-to-bottom**: When the user is scrolled to (or near) the bottom,\n * new items and item resizes automatically keep the viewport pinned to the\n * bottom. When the user scrolls up, stick-to-bottom disengages until they\n * scroll back down.\n *\n * @example\n * ```tsx\n * const { virtualItems, totalSize, measureRef, isAtBottom, scrollToBottom } =\n *   useConversationVirtualizer({ scrollRef, items });\n *\n * return (\n *   <AiConversation ref={scrollRef}>\n *     <div style={{ height: totalSize, position: \"relative\" }}>\n *       {virtualItems.map((vi) => {\n *         const item = items[vi.index];\n *         return (\n *           <div key={item.key} ref={measureRef} data-index={vi.index}\n *             style={{ position: \"absolute\", top: vi.start, width: \"100%\" }}>\n *             {item.render()}\n *           </div>\n *         );\n *       })}\n *     </div>\n *     {!isAtBottom && <button onClick={() => scrollToBottom()}>↓</button>}\n *   </AiConversation>\n * );\n * ```\n */\nexport function useConversationVirtualizer({\n  scrollRef,\n  items,\n  estimateSize = 80,\n  overscan = 8,\n  stickThreshold = 40,\n}: UseConversationVirtualizerOptions): UseConversationVirtualizerReturn {\n  const [isAtBottom, setIsAtBottom] = useState(true);\n  const isAtBottomRef = useRef(true);\n  const prevCountRef = useRef(items.length);\n\n  // Track whether user is at the bottom\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const check = () => {\n      const dist = el.scrollHeight - el.scrollTop - el.clientHeight;\n      const atBottom = dist <= stickThreshold;\n      isAtBottomRef.current = atBottom;\n      setIsAtBottom(atBottom);\n    };\n\n    check();\n    el.addEventListener(\"scroll\", check, { passive: true });\n    return () => el.removeEventListener(\"scroll\", check);\n  }, [scrollRef, stickThreshold]);\n\n  // Track the previous totalSize so we can detect growth from item resizes\n  const prevTotalSizeRef = useRef(0);\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => estimateSize,\n    overscan,\n    getItemKey: (index) => items[index]?.key ?? index,\n  });\n\n  // When items resize (streaming text, collapsible expand) and we're at\n  // bottom, adjust scroll so the bottom stays pinned.\n  virtualizer.shouldAdjustScrollPositionOnItemSizeChange = () =>\n    isAtBottomRef.current;\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n\n  // When new items are added and we're at bottom, scroll to the end\n  useEffect(() => {\n    const count = items.length;\n    if (count > prevCountRef.current && isAtBottomRef.current) {\n      requestAnimationFrame(() => {\n        virtualizer.scrollToIndex(count - 1, {\n          align: \"end\",\n          behavior: \"smooth\",\n        });\n      });\n    }\n    prevCountRef.current = count;\n  }, [items.length, virtualizer]);\n\n  // When totalSize grows (item content expanded, streaming text grew)\n  // and we're stuck to bottom, smoothly follow by scrolling down.\n  // This complements shouldAdjustScrollPositionOnItemSizeChange which\n  // handles the instantaneous adjustment — this handles the smooth follow.\n  useEffect(() => {\n    const prev = prevTotalSizeRef.current;\n    prevTotalSizeRef.current = totalSize;\n\n    if (!isAtBottomRef.current || totalSize <= prev) return;\n\n    const el = scrollRef.current;\n    if (!el) return;\n\n    // Only nudge if we're slightly off — the shouldAdjust callback handles\n    // most cases, but measurement batching can leave a small gap.\n    const dist = el.scrollHeight - el.scrollTop - el.clientHeight;\n    if (dist > 1 && dist < 300) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [totalSize, scrollRef]);\n\n  const scrollToBottom = useCallback(\n    (behavior: ScrollBehavior = \"smooth\") => {\n      if (items.length === 0) return;\n      virtualizer.scrollToIndex(items.length - 1, { align: \"end\", behavior });\n    },\n    [virtualizer, items.length]\n  );\n\n  const measureRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node) virtualizer.measureElement(node);\n    },\n    [virtualizer]\n  );\n\n  return {\n    virtualizer,\n    virtualItems,\n    totalSize,\n    isAtBottom,\n    scrollToBottom,\n    measureRef,\n  };\n}\n"],"mappings":"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"}

package/dist/ai-info-banner-uFxHHwBA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-info-banner-uFxHHwBA.js","names":[],"sources":["../src/components/ai-info-banner/ai-info-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  InfoIcon,\n  WarningCircleIcon,\n  ArrowsClockwiseIcon,\n} from \"@phosphor-icons/react\";\nimport type { ElementType, HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\n// ─── Variants ────────────────────────────────────────────────────────────────\n\nexport const SF_AI_INFO_BANNER_VARIANTS = {\n  level: {\n    info: { classes: \"\", description: \"Informational notice\" },\n    error: { classes: \"\", description: \"Error notice\" },\n    change: {\n      classes: \"\",\n      description: \"State change notice (model/mode switch)\",\n    },\n  },\n} as const;\n\nexport const SF_AI_INFO_BANNER_DEFAULT_VARIANTS = {\n  level: \"info\",\n} as const;\n\nexport type SFAiInfoBannerLevel = keyof typeof SF_AI_INFO_BANNER_VARIANTS.level;\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type AiInfoBannerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Banner level controls icon and color treatment. */\n  level?: SFAiInfoBannerLevel;\n  /** Custom icon override. */\n  icon?: ElementType;\n  /** Content to display. */\n  children: ReactNode;\n};\n\n// ─── Level config ─────────────────────────────────────────────────────────────\n\nconst LEVEL_CONFIG: Record<\n  SFAiInfoBannerLevel,\n  { icon: ElementType; iconClassName: string; borderClassName: string }\n> = {\n  info: {\n    icon: InfoIcon,\n    iconClassName: \"text-sf-info\",\n    borderClassName: \"border-sf-info/20\",\n  },\n  error: {\n    icon: WarningCircleIcon,\n    iconClassName: \"text-sf-danger\",\n    borderClassName: \"border-sf-danger/20\",\n  },\n  change: {\n    icon: ArrowsClockwiseIcon,\n    iconClassName: \"text-sf-subtle\",\n    borderClassName: \"border-sf-line\",\n  },\n};\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Inline conversation banner for system notices. Renders as a compact,\n * horizontally centered divider-like notice rather than a chat bubble.\n *\n * Maps to harness events: `error`, `info`, `mode_changed`, `model_changed`.\n *\n * @example\n * ```tsx\n * <AiInfoBanner level=\"error\">\n *   Connection lost. Retrying in 3s…\n * </AiInfoBanner>\n *\n * <AiInfoBanner level=\"change\">\n *   Switched to claude-opus-4-6\n * </AiInfoBanner>\n *\n * <AiInfoBanner level=\"info\">\n *   Follow-up queued — will send after current response\n * </AiInfoBanner>\n * ```\n */\nexport function AiInfoBanner({\n  level = \"info\",\n  icon,\n  children,\n  className,\n  ...props\n}: AiInfoBannerProps) {\n  const config = LEVEL_CONFIG[level];\n  const IconComponent = icon ?? config.icon;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-2 border-y px-4 py-1.5\",\n        config.borderClassName,\n        className\n      )}\n      role={level === \"error\" ? \"alert\" : \"status\"}\n      {...props}\n    >\n      <IconComponent\n        className={cn(\"size-3.5 shrink-0\", config.iconClassName)}\n      />\n      <span className=\"text-xs text-sf-subtle\">{children}</span>\n    </div>\n  );\n}\n\nAiInfoBanner.displayName = \"AiInfoBanner\";\n"],"mappings":";;;;;AAaA,IAAa,6BAA6B,EACxC,OAAO;CACL,MAAM;EAAE,SAAS;EAAI,aAAa;EAAwB;CAC1D,OAAO;EAAE,SAAS;EAAI,aAAa;EAAgB;CACnD,QAAQ;EACN,SAAS;EACT,aAAa;EACd;CACF,EACF;AAED,IAAa,qCAAqC,EAChD,OAAO,QACR;AAiBD,IAAM,eAGF;CACF,MAAM;EACJ,MAAM;EACN,eAAe;EACf,iBAAiB;EAClB;CACD,OAAO;EACL,MAAM;EACN,eAAe;EACf,iBAAiB;EAClB;CACD,QAAQ;EACN,MAAM;EACN,eAAe;EACf,iBAAiB;EAClB;CACF;;;;;;;;;;;;;;;;;;;;;;AAyBD,SAAgB,aAAa,EAC3B,QAAQ,QACR,MACA,UACA,WACA,GAAG,SACiB;CACpB,MAAM,SAAS,aAAa;CAC5B,MAAM,gBAAgB,QAAQ,OAAO;AAErC,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+DACA,OAAO,iBACP,UACD;EACD,MAAM,UAAU,UAAU,UAAU;EACpC,GAAI;YAPN,CASE,oBAAC,eAAD,EACE,WAAW,GAAG,qBAAqB,OAAO,cAAc,EACxD,CAAA,EACF,oBAAC,QAAD;GAAM,WAAU;GAA0B;GAAgB,CAAA,CACtD;;;AAIV,aAAa,cAAc"}

package/dist/ai-message-BjnFznXy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-message-BjnFznXy.js","names":[],"sources":["../src/components/ai-message/ai-message.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  FileIcon,\n  FileTextIcon,\n  ImageIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\nimport type {\n  ComponentProps,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n} from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../button\";\nimport { Tooltip } from \"../tooltip\";\n\n// ─── Variants ────────────────────────────────────────────────────────────────\n\nexport const SF_AI_MESSAGE_VARIANTS = {\n  from: {\n    user: {\n      classes: \"ml-auto w-full max-w-[70%] justify-end is-user\",\n      description: \"User message — right-aligned with max width\",\n    },\n    assistant: {\n      classes: \"w-full is-assistant\",\n      description: \"Assistant message — full width left-aligned\",\n    },\n    system: {\n      classes: \"w-full is-system\",\n      description: \"System message — full width\",\n    },\n  },\n} as const;\n\nexport const SF_AI_MESSAGE_DEFAULT_VARIANTS = {\n  from: \"assistant\",\n} as const;\n\nexport type SFAiMessageFrom = keyof typeof SF_AI_MESSAGE_VARIANTS.from;\n\n// ─── AiMessage ───────────────────────────────────────────────────────────────\n\nexport type AiMessageProps = HTMLAttributes<HTMLDivElement> & {\n  /** Message sender role — controls layout and group class. */\n  from: SFAiMessageFrom;\n};\n\n/**\n * Root message container. Sets layout, group class, and role context.\n *\n * @example\n * ```tsx\n * <AiMessage from=\"user\">\n *   <AiMessageContent>Hello!</AiMessageContent>\n * </AiMessage>\n * <AiMessage from=\"assistant\">\n *   <AiMessageContent><AiResponse>{text}</AiResponse></AiMessageContent>\n *   <AiMessageToolbar>\n *     <AiActions><AiAction tooltip=\"Copy\">...</AiAction></AiActions>\n *   </AiMessageToolbar>\n * </AiMessage>\n * ```\n */\nexport function AiMessage({ className, from, ...props }: AiMessageProps) {\n  return (\n    <div\n      className={cn(\n        \"group flex flex-col gap-2 p-4\",\n        SF_AI_MESSAGE_VARIANTS.from[from].classes,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n// ─── AiMessageContent ────────────────────────────────────────────────────────\n\nexport type AiMessageContentProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Content bubble. Applies user/assistant bubble styles via group selectors.\n */\nexport function AiMessageContent({\n  children,\n  className,\n  ...props\n}: AiMessageContentProps) {\n  return (\n    <div\n      className={cn(\n        \"flex w-fit max-w-full flex-col gap-2 overflow-hidden text-sm\",\n        // User bubble\n        \"group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-sf-control group-[.is-user]:px-4 group-[.is-user]:py-3\",\n        // Assistant text\n        \"group-[.is-assistant]:text-sf-default\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ─── AiMessageToolbar ────────────────────────────────────────────────────────\n\nexport type AiMessageToolbarProps = ComponentProps<\"div\">;\n\n/**\n * Bottom toolbar row for action buttons.\n */\nexport function AiMessageToolbar({\n  className,\n  children,\n  ...props\n}: AiMessageToolbarProps) {\n  return (\n    <div\n      className={cn(\n        \"flex w-full items-center justify-between gap-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ─── AiMessageActions ────────────────────────────────────────────────────────\n\nexport type AiMessageActionsProps = ComponentProps<\"div\">;\n\n/** Flex row of message action buttons. */\nexport function AiMessageActions({\n  className,\n  children,\n  ...props\n}: AiMessageActionsProps) {\n  return (\n    <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\n// ─── AiMessageAction ─────────────────────────────────────────────────────────\n\nexport type AiMessageActionProps = ComponentProps<typeof Button> & {\n  /** Tooltip text and accessible label. */\n  tooltip?: string;\n  /** Override accessible label separately from tooltip. */\n  label?: string;\n};\n\n/** Single icon action button with optional tooltip. */\nexport function AiMessageAction({\n  tooltip,\n  label,\n  children,\n  className,\n  variant = \"ghost\",\n  size = \"sm\",\n  ...props\n}: AiMessageActionProps) {\n  const button = (\n    <Button\n      className={cn(\"text-sf-subtle hover:text-sf-default\", className)}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      {children}\n      {(label ?? tooltip) && (\n        <span className=\"sr-only\">{label ?? tooltip}</span>\n      )}\n    </Button>\n  );\n\n  if (tooltip) {\n    return <Tooltip content={tooltip}>{button}</Tooltip>;\n  }\n  return button;\n}\n\n// ─── Branch context ───────────────────────────────────────────────────────────\n\ninterface AiMessageBranchContextValue {\n  currentBranch: number;\n  totalBranches: number;\n  goToPrevious: () => void;\n  goToNext: () => void;\n  branches: ReactElement[];\n  setBranches: (branches: ReactElement[]) => void;\n}\n\nconst AiMessageBranchContext =\n  createContext<AiMessageBranchContextValue | null>(null);\n\nfunction useAiMessageBranch() {\n  const ctx = useContext(AiMessageBranchContext);\n  if (!ctx)\n    throw new Error(\n      \"AiMessageBranch sub-components must be used within <AiMessageBranch>\"\n    );\n  return ctx;\n}\n\n// ─── AiMessageBranch ─────────────────────────────────────────────────────────\n\nexport type AiMessageBranchProps = HTMLAttributes<HTMLDivElement> & {\n  defaultBranch?: number;\n  onBranchChange?: (index: number) => void;\n};\n\n/**\n * Multi-branch message container. Wraps multiple alternative responses and\n * provides prev/next navigation.\n */\nexport function AiMessageBranch({\n  defaultBranch = 0,\n  onBranchChange,\n  className,\n  ...props\n}: AiMessageBranchProps) {\n  const [currentBranch, setCurrentBranch] = useState(defaultBranch);\n  const [branches, setBranches] = useState<ReactElement[]>([]);\n\n  const handleChange = useCallback(\n    (next: number) => {\n      setCurrentBranch(next);\n      onBranchChange?.(next);\n    },\n    [onBranchChange]\n  );\n\n  const goToPrevious = useCallback(() => {\n    handleChange(currentBranch > 0 ? currentBranch - 1 : branches.length - 1);\n  }, [currentBranch, branches.length, handleChange]);\n\n  const goToNext = useCallback(() => {\n    handleChange(currentBranch < branches.length - 1 ? currentBranch + 1 : 0);\n  }, [currentBranch, branches.length, handleChange]);\n\n  return (\n    <AiMessageBranchContext.Provider\n      value={{\n        currentBranch,\n        totalBranches: branches.length,\n        goToPrevious,\n        goToNext,\n        branches,\n        setBranches,\n      }}\n    >\n      <div className={cn(\"grid w-full gap-2\", className)} {...props} />\n    </AiMessageBranchContext.Provider>\n  );\n}\n\n// ─── AiMessageBranchContent ──────────────────────────────────────────────────\n\nexport type AiMessageBranchContentProps = HTMLAttributes<HTMLDivElement>;\n\n/** Renders only the active branch child. */\nexport function AiMessageBranchContent({\n  children,\n  ...props\n}: AiMessageBranchContentProps) {\n  const { currentBranch, setBranches, branches } = useAiMessageBranch();\n  const arr = Array.isArray(children) ? children : [children];\n\n  useEffect(() => {\n    if (branches.length !== arr.length) setBranches(arr as ReactElement[]);\n  }, [arr, branches, setBranches]);\n\n  return arr.map((branch, i) => (\n    <div\n      className={cn(\n        \"grid gap-2 overflow-hidden\",\n        i !== currentBranch && \"hidden\"\n      )}\n      key={(branch as ReactElement)?.key ?? i}\n      {...props}\n    >\n      {branch}\n    </div>\n  ));\n}\n\n// ─── AiMessageBranchSelector ─────────────────────────────────────────────────\n\nexport type AiMessageBranchSelectorProps = ComponentProps<\"div\">;\n\n/** Prev/next navigator for branches. Hidden when there's only one branch. */\nexport function AiMessageBranchSelector({\n  className,\n  ...props\n}: AiMessageBranchSelectorProps) {\n  const { totalBranches, currentBranch, goToPrevious, goToNext } =\n    useAiMessageBranch();\n\n  if (totalBranches <= 1) return null;\n\n  return (\n    <div className={cn(\"flex items-center gap-0.5\", className)} {...props}>\n      <Button\n        aria-label=\"Previous branch\"\n        disabled={totalBranches <= 1}\n        onClick={goToPrevious}\n        size=\"sm\"\n        variant=\"ghost\"\n      >\n        <CaretLeftIcon className=\"size-3\" />\n      </Button>\n      <span className=\"tabular-nums text-sf-subtle text-xs\">\n        {currentBranch + 1} / {totalBranches}\n      </span>\n      <Button\n        aria-label=\"Next branch\"\n        disabled={totalBranches <= 1}\n        onClick={goToNext}\n        size=\"sm\"\n        variant=\"ghost\"\n      >\n        <CaretRightIcon className=\"size-3\" />\n      </Button>\n    </div>\n  );\n}\n\n// ─── Attachment helpers ───────────────────────────────────────────────────────\n\nconst IMAGE_EXTS = new Set([\"jpg\", \"jpeg\", \"png\", \"gif\", \"webp\", \"svg\", \"ico\"]);\nconst DOC_EXTS = new Set([\"pdf\", \"doc\", \"docx\", \"txt\", \"md\", \"rtf\"]);\nconst EXT_RE = /\\.[^/.]+$/;\n\nfunction fileIcon(filename: string): ReactNode {\n  const ext = filename.split(\".\").pop()?.toLowerCase() ?? \"\";\n  if (IMAGE_EXTS.has(ext)) return <ImageIcon className=\"size-3.5\" />;\n  if (DOC_EXTS.has(ext)) return <FileTextIcon className=\"size-3.5\" />;\n  return <FileIcon className=\"size-3.5\" />;\n}\n\n// ─── AiMessageAttachments ────────────────────────────────────────────────────\n\nexport type AiMessageAttachmentsProps = ComponentProps<\"div\">;\n\n/** Wrapping flex container for attachment chips. */\nexport function AiMessageAttachments({\n  children,\n  className,\n  ...props\n}: AiMessageAttachmentsProps) {\n  if (!children) return null;\n  return (\n    <div\n      className={cn(\n        \"ml-auto flex w-fit flex-wrap items-start gap-2\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ─── AiMessageAttachment ─────────────────────────────────────────────────────\n\nexport type AiMessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  /** Filename for display and icon selection. */\n  filename: string;\n  /** Object URL or data URL for images. */\n  url?: string;\n  /** MIME type — used to detect images. */\n  mediaType?: string;\n  /** Called when the remove button is clicked. */\n  onRemove?: () => void;\n};\n\n/**\n * Single file attachment chip. Shows image thumbnail or file badge.\n */\nexport const AiMessageAttachment = memo(\n  ({\n    filename,\n    url,\n    mediaType,\n    onRemove,\n    className,\n    ...props\n  }: AiMessageAttachmentProps) => {\n    const isImage = mediaType?.startsWith(\"image/\") && url;\n\n    if (isImage) {\n      return (\n        <div\n          className={cn(\n            \"group relative size-24 overflow-hidden rounded-lg\",\n            \"animate-in fade-in-0 slide-in-from-bottom-2 duration-200\",\n            className\n          )}\n          {...props}\n        >\n          <img\n            alt={filename || \"attachment\"}\n            className=\"size-full object-cover\"\n            src={url}\n          />\n          {onRemove && (\n            <Button\n              aria-label=\"Remove attachment\"\n              className=\"absolute top-2 right-2 size-6 rounded-full bg-sf-overlay/80 p-0 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onRemove();\n              }}\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n            >\n              <XIcon className=\"size-3\" />\n            </Button>\n          )}\n        </div>\n      );\n    }\n\n    const ext = filename.split(\".\").pop()?.toUpperCase() ?? \"FILE\";\n    const name = filename.replace(EXT_RE, \"\");\n\n    return (\n      <div\n        className={cn(\n          \"group relative inline-flex items-center gap-2 rounded-lg bg-sf-tint/50 px-3 py-2 transition-colors hover:bg-sf-tint\",\n          \"animate-in fade-in-0 slide-in-from-bottom-2 duration-200\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex size-8 shrink-0 items-center justify-center rounded-md bg-sf-control\">\n          {fileIcon(filename)}\n        </div>\n        <div className=\"flex flex-col\">\n          <span className=\"max-w-[200px] truncate font-medium text-sf-default text-sm\">\n            {name || \"File\"}\n          </span>\n          <span className=\"w-fit rounded bg-sf-tint px-1.5 py-0.5 font-semibold text-sf-subtle text-[10px] uppercase\">\n            {ext}\n          </span>\n        </div>\n        {onRemove && (\n          <Button\n            aria-label=\"Remove attachment\"\n            className=\"absolute top-1 right-1 size-5 rounded-full bg-sf-overlay/80 p-0 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onRemove();\n            }}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"ghost\"\n          >\n            <XIcon className=\"size-3\" />\n          </Button>\n        )}\n      </div>\n    );\n  }\n);\n\nAiMessageAttachment.displayName = \"AiMessageAttachment\";\n"],"mappings":"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"}

package/dist/ai-part-group-DBtgTgAn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-part-group-DBtgTgAn.js","names":[],"sources":["../src/components/ai-part-group/ai-part-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { CaretDownIcon, SpinnerGapIcon } from \"@phosphor-icons/react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\nimport { Children, isValidElement, useState } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { type AiToolPart, hasToolError, hasToolResult } from \"../ai-tool\";\nimport { TextRoll } from \"../text-roll\";\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\ntype FrozenStep = {\n  kind: \"tool\" | \"reasoning\";\n  name: string;\n  ok: boolean;\n  duration?: number;\n};\n\ntype FrozenSnapshot = {\n  title: string;\n  steps: FrozenStep[];\n  errorCount: number;\n  totalDuration: number;\n};\n\n// Module-level snapshot cache. Survives re-renders within the page session.\n// Keyed by `groupKey` — usually the parent message id.\nconst snapshotCache = new Map<string, FrozenSnapshot>();\n\n/** Test-only escape hatch for clearing the snapshot cache. */\nexport function _clearAiPartGroupCache() {\n  snapshotCache.clear();\n}\n\n/**\n * Reads the frozen snapshot for a group, or `undefined` if it hasn't completed\n * yet. Useful for consumers driving custom layouts.\n */\nexport function getAiPartGroupSnapshot(\n  groupKey: string\n): FrozenSnapshot | undefined {\n  return snapshotCache.get(groupKey);\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport type AiPartGroupProps = Omit<ComponentProps<\"div\">, \"title\"> & {\n  /**\n   * Stable identifier — usually the parent message id. Required so the group\n   * can persist its frozen snapshot across re-mounts (scroll-back into a\n   * virtualized list re-renders without restarting animations).\n   */\n  groupKey: string;\n  /**\n   * Set to `true` once the parent stream has finished. Triggers the group to\n   * snapshot its current children and from then on render only the static\n   * collapsed summary — ephemeral children never re-mount.\n   */\n  complete?: boolean;\n  /**\n   * Max number of live ephemeral rows visible at once during streaming.\n   * Older rows fall off the top. Pinned rows (errors / user-expanded) render\n   * above the live window and do not count toward this cap.\n   * @default 3\n   */\n  max?: number;\n  /**\n   * Title shown in the collapsed summary line. Falls back to the first\n   * reasoning text snippet, then to a step count.\n   */\n  title?: string;\n  /** Child ephemeral rows (`AiToolCall variant=\"ephemeral\"`, `AiReasoning variant=\"ephemeral\"`). */\n  children?: ReactNode;\n};\n\n/**\n * Groups streaming ephemeral activity (tool calls + reasoning) into a single\n * rolling window during streaming, then collapses to a frozen summary line\n * once the parent message completes.\n *\n * Behavior:\n * - **Streaming:** shows the most recent `max` (default 3) ephemeral children.\n *   Pinned rows (errors / user-expanded) sit above the live window.\n * - **Completed:** writes a snapshot keyed by `groupKey`, unmounts ephemeral\n *   children entirely, and renders a static `▸ {title} · N steps` line.\n * - **Re-mount after completion:** always renders the cached snapshot — no\n *   animations, no `useEffect` re-runs, no tool re-execution risk.\n *\n * @example\n * ```tsx\n * <AiPartGroup\n *   groupKey={message.id}\n *   complete={message.status === \"complete\"}\n *   title={message.reasoningSummary}\n *   max={3}\n * >\n *   {message.parts.map((p) =>\n *     p.type === \"reasoning\"\n *       ? <AiReasoning key={p.id} variant=\"ephemeral\" part={p} />\n *       : <AiToolCall  key={p.toolCallId} variant=\"ephemeral\" part={p} />\n *   )}\n * </AiPartGroup>\n * ```\n */\nexport function AiPartGroup({\n  groupKey,\n  complete = false,\n  max = 3,\n  title,\n  children,\n  className,\n  ...props\n}: AiPartGroupProps) {\n  const cached = snapshotCache.get(groupKey);\n\n  // Cache hit: always render the frozen snapshot, never re-mount ephemerals.\n  // This is the scroll-back-into-an-old-message path.\n  if (cached) {\n    return (\n      <TitledSummary\n        snapshot={cached}\n        className={className}\n        defaultOpen={false}\n        {...props}\n      />\n    );\n  }\n\n  // First-time completion: derive a snapshot, persist it, render frozen.\n  if (complete) {\n    const snapshot = deriveSnapshot(children, title);\n    snapshotCache.set(groupKey, snapshot);\n    return (\n      <TitledSummary\n        snapshot={snapshot}\n        className={className}\n        defaultOpen={false}\n        {...props}\n      />\n    );\n  }\n\n  // Streaming: persistent title row + rolling window of the latest `max` children.\n  // oxlint-disable-next-line no-react-children\n  const allChildren = Children.toArray(children).filter(isValidElement);\n  const live = allChildren.slice(Math.max(0, allChildren.length - max));\n  const liveTitle = title?.trim() || deriveLiveTitle(allChildren);\n  const stepCount = allChildren.length;\n\n  return (\n    <LiveGroup\n      className={className}\n      liveRows={live}\n      stepCount={stepCount}\n      title={liveTitle}\n      {...props}\n    />\n  );\n}\n\nAiPartGroup.displayName = \"AiPartGroup\";\n\n// ─── Live group (streaming) ──────────────────────────────────────────────────\n\nfunction LiveGroup({\n  title,\n  liveRows,\n  stepCount,\n  className,\n  ...props\n}: {\n  title: string;\n  liveRows: ReactElement[];\n  stepCount: number;\n} & Omit<ComponentProps<\"div\">, \"title\">) {\n  // During streaming the group is always open — the caret is purely decorative\n  // so the frozen/live states share a visual footprint (no layout jump on settle).\n  const stepLabel = stepCount === 1 ? \"step\" : \"steps\";\n\n  return (\n    <div\n      className={cn(\"flex flex-col\", className)}\n      data-streaming=\"true\"\n      {...props}\n    >\n      <div\n        className={cn(\"flex w-fit items-center gap-1.5 rounded px-1 py-0.5\")}\n      >\n        <SpinnerGapIcon className=\"size-3.5 shrink-0 animate-spin text-sf-subtle\" />\n        <span className=\"min-w-0 truncate text-sm text-sf-default\">\n          <TextRoll\n            duration={0.3}\n            getEnterDelay={(i) => i * 0.03}\n            getExitDelay={(i) => i * 0.03 + 0.12}\n            key={title}\n          >\n            {title}\n          </TextRoll>\n        </span>\n        {stepCount > 0 ? (\n          <span className=\"text-xs tabular-nums text-sf-subtle/60\">\n            {stepCount} {stepLabel}\n          </span>\n        ) : null}\n        <CaretDownIcon className=\"size-3 shrink-0 text-sf-subtle/60\" />\n      </div>\n      {liveRows.length > 0 ? (\n        <div className=\"ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3\">\n          {liveRows}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── Frozen summary (titled) ─────────────────────────────────────────────────\n\nfunction TitledSummary({\n  snapshot,\n  defaultOpen,\n  className,\n  ...props\n}: {\n  snapshot: FrozenSnapshot;\n  defaultOpen: boolean;\n} & Omit<ComponentProps<\"div\">, \"title\">) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const stepLabel = snapshot.steps.length === 1 ? \"step\" : \"steps\";\n\n  return (\n    <BaseCollapsible.Root open={isOpen} onOpenChange={setIsOpen}>\n      <div\n        className={cn(\"flex flex-col\", className)}\n        data-streaming=\"false\"\n        {...props}\n      >\n        <BaseCollapsible.Trigger\n          render={\n            <button\n              type=\"button\"\n              className={cn(\n                \"flex w-fit items-center gap-1.5 rounded px-1 py-0.5 text-left\",\n                \"transition-colors hover:bg-sf-tint\"\n              )}\n            />\n          }\n        >\n          <span\n            aria-hidden\n            className={cn(\n              \"size-1.5 shrink-0 rounded-full bg-current\",\n              snapshot.errorCount > 0 ? \"text-sf-danger\" : \"text-sf-success\"\n            )}\n          />\n          <span className=\"min-w-0 truncate text-sm text-sf-subtle\">\n            {snapshot.title}\n          </span>\n          <span className=\"text-xs tabular-nums text-sf-subtle/60\">\n            {snapshot.steps.length} {stepLabel}\n            {snapshot.errorCount > 0 ? ` · ${snapshot.errorCount} error` : \"\"}\n          </span>\n          <CaretDownIcon\n            className={cn(\n              \"size-3 shrink-0 text-sf-subtle/60 transition-transform duration-200\",\n              !isOpen && \"-rotate-90\"\n            )}\n          />\n        </BaseCollapsible.Trigger>\n\n        <BaseCollapsible.Panel className=\"overflow-hidden\">\n          <ul className=\"mt-1 ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3\">\n            {snapshot.steps.map((step, i) => (\n              <li\n                className=\"flex items-center gap-1.5 text-xs text-sf-subtle\"\n                key={`${step.kind}-${i}-${step.name}`}\n              >\n                <span\n                  aria-hidden\n                  className={cn(\n                    \"size-1.5 shrink-0 rounded-full bg-current\",\n                    step.ok ? \"text-sf-success\" : \"text-sf-danger\"\n                  )}\n                />\n                <span className=\"min-w-0 truncate\">{step.name}</span>\n                {step.duration ? (\n                  <span className=\"tabular-nums text-sf-subtle/60\">\n                    {step.duration}ms\n                  </span>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </BaseCollapsible.Panel>\n      </div>\n    </BaseCollapsible.Root>\n  );\n}\n\nfunction deriveLiveTitle(elements: ReactElement[]): string {\n  for (const el of elements as ChildLike[]) {\n    const part = el.props.part as\n      | { text?: string; summary?: string }\n      | undefined;\n    const text = part?.summary ?? part?.text;\n    if (text) return truncate(text, 60);\n  }\n  return \"Working…\";\n}\n\n// ─── Snapshot derivation ─────────────────────────────────────────────────────\n\ntype ChildLike = ReactElement<{\n  part?: AiToolPart | { text?: string; summary?: string; name?: string };\n  duration?: number;\n}>;\n\nfunction deriveSnapshot(\n  children: ReactNode,\n  explicitTitle: string | undefined\n): FrozenSnapshot {\n  // oxlint-disable-next-line no-react-children\n  const elements = Children.toArray(children).filter(\n    isValidElement\n  ) as ChildLike[];\n\n  const steps: FrozenStep[] = [];\n  let errorCount = 0;\n  let totalDuration = 0;\n  let firstReasoningSnippet: string | undefined;\n\n  for (const el of elements) {\n    const kind = inferKind(el);\n    const part = el.props.part as\n      | (AiToolPart & { text?: string; summary?: string; name?: string })\n      | undefined;\n    const duration = el.props.duration;\n    if (typeof duration === \"number\") totalDuration += duration;\n\n    if (kind === \"tool\") {\n      const toolPart = part as AiToolPart | undefined;\n      const ok = toolPart ? !hasToolError(toolPart) : true;\n      const settled = toolPart ? hasToolResult(toolPart) : true;\n      if (!ok) errorCount += 1;\n      steps.push({\n        kind: \"tool\",\n        name: toolPart?.toolName ?? \"tool\",\n        ok: ok && settled,\n        duration,\n      });\n    } else {\n      const text =\n        (part?.summary as string | undefined) ??\n        (part?.text as string | undefined);\n      if (!firstReasoningSnippet && text) {\n        firstReasoningSnippet = text;\n      }\n      steps.push({\n        kind: \"reasoning\",\n        name: text ? truncate(text, 60) : \"Thinking\",\n        ok: true,\n        duration,\n      });\n    }\n  }\n\n  const title =\n    explicitTitle?.trim() ||\n    (firstReasoningSnippet && truncate(firstReasoningSnippet, 60)) ||\n    `${steps.length} ${steps.length === 1 ? \"step\" : \"steps\"}`;\n\n  return { title, steps, errorCount, totalDuration };\n}\n\nfunction inferKind(el: ChildLike): \"tool\" | \"reasoning\" {\n  // Best-effort: check common indicators. Tool parts have `toolName`/`toolCallId`.\n  // Reasoning parts have `text`.\n  const part = el.props.part as Record<string, unknown> | undefined;\n  if (part && typeof part === \"object\") {\n    if (\"toolName\" in part || \"toolCallId\" in part) return \"tool\";\n    if (\"text\" in part || \"summary\" in part) return \"reasoning\";\n  }\n  // Fallback: inspect displayName.\n  const displayName =\n    (el.type as { displayName?: string; name?: string } | undefined)\n      ?.displayName ??\n    (el.type as { displayName?: string; name?: string } | undefined)?.name ??\n    \"\";\n  if (displayName.includes(\"Tool\")) return \"tool\";\n  return \"reasoning\";\n}\n\nfunction truncate(s: string, n: number): string {\n  if (s.length <= n) return s;\n  return `${s.slice(0, n - 1).trimEnd()}…`;\n}\n\n// ─── groupParts ──────────────────────────────────────────────────────\n\n/**\n * A message part that is either narrative text or an \"activity\" (reasoning or\n * tool call). Consumers pass parts shaped like this — the helper does not read\n * any field other than `type`.\n */\nexport type GroupablePart =\n  | { type: \"text\"; [key: string]: unknown }\n  | { type: \"reasoning\"; [key: string]: unknown }\n  | { type: \"tool-call\" | \"tool-result\" | string; [key: string]: unknown };\n\n/** Emitted by {@link groupParts}. */\nexport type PartChunk<TPart = GroupablePart> =\n  | { kind: \"text\"; parts: TPart[] }\n  | { kind: \"activity\"; parts: TPart[] };\n\n/**\n * Split a message's parts into alternating `text` and `activity` chunks so each\n * contiguous run of reasoning/tool parts can be rendered inside its own\n * {@link AiPartGroup}, with narrative text rendered between them.\n *\n * @example\n * ```tsx\n * {groupParts(message.parts).map((chunk, i) =>\n *   chunk.kind === \"text\" ? (\n *     <AiMessageContent key={i}>{joinText(chunk.parts)}</AiMessageContent>\n *   ) : (\n *     <AiPartGroup\n *       key={i}\n *       groupKey={`${message.id}:activity:${i}`}\n *       complete={!message.isStreaming}\n *     >\n *       {chunk.parts.map(renderActivityPart)}\n *     </AiPartGroup>\n *   )\n * )}\n * ```\n */\nexport function groupParts<TPart extends { type: string }>(\n  parts: readonly TPart[],\n  options: {\n    /** Which `type` values count as \"activity\". Defaults to reasoning + tool parts. */\n    isActivity?: (part: TPart) => boolean;\n  } = {}\n): PartChunk<TPart>[] {\n  const isActivity =\n    options.isActivity ??\n    ((p: TPart) => {\n      const t = p.type;\n      return (\n        t === \"reasoning\" ||\n        t === \"tool-call\" ||\n        t === \"tool-result\" ||\n        t.startsWith(\"tool-\")\n      );\n    });\n\n  const chunks: PartChunk<TPart>[] = [];\n  for (const part of parts) {\n    const kind: PartChunk<TPart>[\"kind\"] = isActivity(part)\n      ? \"activity\"\n      : \"text\";\n    const last = chunks.at(-1);\n    if (last && last.kind === kind) {\n      last.parts.push(part);\n    } else {\n      chunks.push({ kind, parts: [part] });\n    }\n  }\n  return chunks;\n}\n"],"mappings":"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"}