@runtypelabs/persona 4.31.0 → 4.32.1

package/src/ui.ts

@@ -66,6 +66,7 @@ import {
   AgentWidgetContextMentionRef,
   AgentWidgetStoredDraft,
   AgentWidgetOpenConversationOptions,
+  AgentWidgetRevealToolCallOptions,
   AgentWidgetSuggestion,
   AgentWidgetSuggestionSource,
   AgentWidgetWelcomeIcon,
@@ -367,6 +368,8 @@ const VOICE_STATE_RESTORE_WINDOW = 30 * 1000;
 const VOICE_RESUME_NOTICE = "Tap the mic to resume your voice call";
 // Split desktop boundary; must match widget.css artifact media queries (min-width:641px).
 const ARTIFACT_SPLIT_DESKTOP_MIN = 641;
+// Covers the default 160ms V5 disclosure transition.
+const REVEAL_SETTLE_MS = 200;
 
 /** Marks the status region while a composer lock reason owns it. */
 const COMPOSER_REASON_ATTR = "data-persona-composer-reason";
@@ -662,6 +665,12 @@ type Controller = {
    * (launcher mode) or textarea is unavailable.
    */
   focusInput: () => boolean;
+  /**
+   * Bring a tool call into view: opens any collapsed group holding it, expands its details
+   * (unless `expand: false`), scrolls it to the center of the transcript and briefly marks it
+   * with `data-persona-revealed`. Returns false when no rendered tool bubble has that id.
+   */
+  revealToolCall: (toolCallId: string, options?: AgentWidgetRevealToolCallOptions) => boolean;
   /**
    * Programmatically resolve a pending approval.
    * @param approvalId - The approval ID to resolve
@@ -2860,8 +2869,10 @@ export const createAgentExperience = (
 
     // Check if the click/keypress is on an expand header button
     const headerButton = target.closest('button[data-expand-header="true"]') as HTMLElement;
-    if (!headerButton) return;
+    if (headerButton) toggleBubbleHeader(headerButton);
+  };
 
+  const toggleBubbleHeader = (headerButton: HTMLElement) => {
     // Find the parent bubble element
     const bubble = headerButton.closest('.persona-reasoning-bubble, .persona-tool-bubble, .persona-approval-bubble') as HTMLElement;
     if (!bubble) return;
@@ -2874,6 +2885,12 @@ export const createAgentExperience = (
     // DOM grows so the resize observer cannot pull the opened details away.
     markReaderEngaged();
     pauseAutoScroll();
+    const anchor = anchorState;
+    if (anchor) cancelSmoothScroll();
+    const finishDisclosure = anchor && activityUi?.holdScroll(
+      bubble, body, anchor, measureContentHeight, setAnchorSpacerHeight,
+      BOTTOM_THRESHOLD, () => anchorState === anchor
+    );
     const bubbleType = headerButton.getAttribute('data-bubble-type');
     if (bubble.classList.contains("persona-activity-row")) {
       activityLifecycle?.manual(messageId);
@@ -2900,6 +2917,7 @@ export const createAgentExperience = (
       approvalDetailsExpansionState.set(messageId, !expanded);
       approvalUi.updateApprovalDetailsUI(messageId, bubble, config, approvalDetailsExpansionState);
     }
+    finishDisclosure?.();
     // Invalidate cached wrapper so next render rebuilds with current expansion state
     messageCache.delete(messageId);
   };
@@ -2950,6 +2968,24 @@ export const createAgentExperience = (
   // This handles clicks even after idiomorph morphs the DOM and strips inline listeners
   const messageVoteState = new Map<string, "upvote" | "downvote">();
 
+  // Reveal state belongs to the message, not its current DOM node: streaming
+  // renders can morph or replace the bubble before the highlight expires.
+  const revealedToolCalls = new Map<string, number>();
+  let revealCenterTimer: number | undefined;
+  let revealScrollGeneration = 0;
+  const refreshRevealedToolCalls = () => {
+    messagesWrapper.querySelectorAll<HTMLElement>(".persona-tool-bubble[data-tool-call-id]").forEach((bubble) => {
+      bubble.toggleAttribute("data-persona-revealed", revealedToolCalls.has(bubble.dataset.messageId!));
+    });
+  };
+  const clearRevealedToolCalls = () => {
+    window.clearTimeout(revealCenterTimer);
+    revealCenterTimer = undefined;
+    revealedToolCalls.forEach((timer) => window.clearTimeout(timer));
+    revealedToolCalls.clear();
+    refreshRevealedToolCalls();
+  };
+
   // Read-aloud (text-to-speech) button state. The ReadAloudController in the
   // session is the source of truth; these mirror its last-known state so the
   // button visuals can be re-applied after every render/morph (which would
@@ -4050,7 +4086,11 @@ export const createAgentExperience = (
     body.style.cssText = '';
     // A plugin-owned footer is the plugin's DOM: its inline state (the home
     // screen's `display: none` placeholder) is not ours to reset.
-    if (!composerIsPluginOwned) footer.style.cssText = '';
+    if (!composerIsPluginOwned) {
+      footer.style.cssText = '';
+      // The reset also wipes the hidden state that layout.showFooter set.
+      if (config.layout?.showFooter === false) footer.style.display = 'none';
+    }
 
     // Preserve the event-stream takeover across a layout-mode change. The
     // cssText reset above wiped the `display: none` that toggleEventStreamOn
@@ -4402,6 +4442,7 @@ export const createAgentExperience = (
         border-top: none !important;
         padding: 8px 16px 12px 16px !important;
         ${chatFlush ? 'background: transparent !important;' : ''}
+        ${config.layout?.showFooter === false ? 'display: none !important;' : ''}
       `;
     }
 
@@ -5056,6 +5097,7 @@ export const createAgentExperience = (
     initialSpacerHeight: number;
     contentHeightAtAnchor: number;
     spacerHeight: number;
+    pending: number;
   } | null = null;
   let anchorRAF: number | null = null;
   // Seeded send-detection so restored history doesn't read as a fresh send.
@@ -5092,6 +5134,9 @@ export const createAgentExperience = (
   // look at the scroll event.
   let readerEngagedThisTurn = false;
   const markReaderEngaged = () => {
+    // Reader input invalidates only reveal scrolling, including its settle pass.
+    // The animation checks this generation before its next scroll write.
+    revealScrollGeneration++;
     readerEngagedThisTurn = true;
     revealTranscriptScrollbar();
   };
@@ -5708,7 +5753,7 @@ export const createAgentExperience = (
   // arrow pointing at nothing. Trim to what the reader's current position
   // actually needs plus the anti-bounce slack (shrink-only, like the drain).
   const trimAnchorSpacerToRest = () => {
-    if (!anchorState || anchorState.spacerHeight <= 0) return;
+    if (!anchorState || anchorState.spacerHeight <= 0 || anchorState.pending) return;
     const contentHeight = measureContentHeight(anchorState.spacerHeight);
     const required = Math.max(
       0,
@@ -5788,6 +5833,7 @@ export const createAgentExperience = (
       });
 
       anchorState = {
+        pending: 0,
         initialSpacerHeight: spacerHeight,
         contentHeightAtAnchor: contentHeight,
         spacerHeight
@@ -5831,6 +5877,7 @@ export const createAgentExperience = (
       slack: BOTTOM_THRESHOLD
     });
     anchorState = {
+      pending: 0,
       initialSpacerHeight: spacerHeight,
       contentHeightAtAnchor: contentHeight,
       spacerHeight
@@ -5857,7 +5904,7 @@ export const createAgentExperience = (
       scheduleAutoScroll(!isStreaming);
       return;
     }
-    if (anchorState && anchorState.initialSpacerHeight > 0) {
+    if (anchorState && anchorState.initialSpacerHeight > 0 && !anchorState.pending) {
       const currentContentHeight = body.scrollHeight - anchorState.spacerHeight;
       const next = computeShrunkSpacerHeight({
         initialSpacerHeight: anchorState.initialSpacerHeight,
@@ -7185,6 +7232,15 @@ export const createAgentExperience = (
     if (messages.length > 0) warmClientStream();
     renderMessagesWithPluginsImpl(container, messages, transform);
     refreshReadAloudButtons();
+    if (revealedToolCalls.size > 0) {
+      for (const [id, timer] of revealedToolCalls) {
+        if (!messages.some((message) => message.id === id)) {
+          window.clearTimeout(timer);
+          revealedToolCalls.delete(id);
+        }
+      }
+      refreshRevealedToolCalls();
+    }
   };
 
   /**
@@ -9159,7 +9215,7 @@ export const createAgentExperience = (
     currentTurnAnchored = reading.anchored;
     anchoredMessageId = reading.anchoredId;
     readerEngagedThisTurn = reading.readerEngaged;
-    anchorState = reading.anchor ? { ...reading.anchor } : null;
+    anchorState = reading.anchor ? { ...reading.anchor, pending: 0 } : null;
     setAnchorSpacerHeight(reading.anchor?.spacerHeight ?? 0);
     if (reading.following) autoFollow.resume(); else autoFollow.pause();
     newMessagesSincePause = reading.unread;
@@ -11427,6 +11483,8 @@ export const createAgentExperience = (
 
       view.replaceComposer(nextFooter);
       footer = view.composer.footer;
+      // A rebuilt footer starts visible; keep honoring layout.showFooter.
+      if (config.layout?.showFooter === false) footer.style.display = "none";
       // A plugin composer owns its own send affordance, so the built-in
       // send/stop swap has nothing to drive.
       const isDefaultFooter =
@@ -12761,6 +12819,7 @@ export const createAgentExperience = (
       disposeApprovalRenders();
       artifactsPaneUserHidden = false;
       activityLifecycle?.clear();
+      clearRevealedToolCalls();
       toolExpansionState.clear();
       reasoningExpansionState.clear();
       approvalDetailsExpansionState.clear();
@@ -13164,6 +13223,68 @@ export const createAgentExperience = (
       textarea.focus();
       return true;
     },
+    revealToolCall(toolCallId: string, options: AgentWidgetRevealToolCallOptions = {}): boolean {
+      const bubble = Array.from(body.querySelectorAll<HTMLElement>(".persona-tool-bubble[data-tool-call-id]"))
+        .find((el) => el.dataset.toolCallId === toolCallId);
+      if (!bubble) return false;
+      const ownHeader = (owner: HTMLElement) =>
+        Array.from(owner.querySelectorAll<HTMLElement>('button[data-expand-header="true"]'))
+          .find((header) => header.closest(".persona-tool-bubble") === owner);
+      const openHeader = (header: HTMLElement | undefined) => {
+        if (header?.getAttribute("aria-expanded") === "false") toggleBubbleHeader(header);
+      };
+      const groups: HTMLElement[] = [];
+      for (let group = bubble.parentElement?.closest<HTMLElement>(".persona-tool-bubble"); group;
+        group = group.parentElement?.closest<HTMLElement>(".persona-tool-bubble")) groups.unshift(group);
+      groups.forEach((group) => openHeader(ownHeader(group)));
+      const header = ownHeader(bubble);
+      if (options.expand !== false) openHeader(header);
+
+      markReaderEngaged();
+      // A prior jump owns a separate animation whose completion resumes follow.
+      latestScroll.cancel();
+      pauseAutoScroll();
+      const revealGeneration = revealScrollGeneration;
+      const anchor = header ?? bubble;
+      const shouldContinue = () => !destroyed && revealGeneration === revealScrollGeneration && body.contains(anchor);
+      const reduceMotion = typeof window.matchMedia === "function" &&
+        window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      const targetTop = () => {
+        const raw = offsetTopWithinBody(anchor) - (body.clientHeight - anchor.offsetHeight) / 2;
+        return Math.max(0, Math.min(raw, getScrollBottomOffset(body)));
+      };
+      const center = () => {
+        if (!shouldContinue()) return;
+        // Use the same programmatic-scroll tracking as automatic following so
+        // centering near the bottom cannot be mistaken for reader intent.
+        if (reduceMotion) {
+          cancelSmoothScroll();
+          isAutoScrolling = true;
+          body.scrollTop = targetTop();
+          lastScrollTop = body.scrollTop;
+          isAutoScrolling = false;
+        } else animateScrollTo(body, targetTop, REVEAL_SETTLE_MS, shouldContinue);
+      };
+      window.clearTimeout(revealCenterTimer);
+      center();
+      // Disclosure height transitions move the row after the first pass; center again once they settle.
+      revealCenterTimer = window.setTimeout(() => {
+        revealCenterTimer = undefined;
+        center();
+      }, REVEAL_SETTLE_MS);
+
+      const highlightMs = options.highlightMs ?? 2000;
+      if (highlightMs > 0) {
+        const messageId = bubble.dataset.messageId!;
+        window.clearTimeout(revealedToolCalls.get(messageId));
+        revealedToolCalls.set(messageId, window.setTimeout(() => {
+          revealedToolCalls.delete(messageId);
+          refreshRevealedToolCalls();
+        }, highlightMs));
+        bubble.setAttribute("data-persona-revealed", "");
+      }
+      return true;
+    },
     async resolveApproval(
       approvalId: string,
       decision: 'approved' | 'denied',
@@ -13308,6 +13429,7 @@ export const createAgentExperience = (
       }
       activityLifecycle?.destroy();
       loadingLabelLifecycle?.destroy();
+      clearRevealedToolCalls();
       toolExpansionState.clear();
       reasoningExpansionState.clear();
       approvalDetailsExpansionState.clear();

package/src/utils/brand.test.ts

@@ -73,6 +73,56 @@ describe('brand derivation', () => {
     expect(theme.components?.panel?.modes?.floating?.border).toContain('var(--persona-border)');
     expect(theme.components?.panel?.shadow).toBe(theme.palette?.shadows?.xl);
   });
+  describe.each(['light', 'dark'] as const)('%s message presentation', (colorScheme) => {
+    const elevations = [
+      ['flat', 'none'],
+      ['subtle', '0 2px 8px rgba(0, 0, 0, 0.08)'],
+      ['raised', '0 12px 32px rgba(0, 0, 0, 0.18)'],
+    ] as const;
+    it.each(elevations)('keeps V5 prose plain with %s elevation at every density', (elevation, shadow) => {
+      for (const density of ['compact', 'comfortable', 'spacious'] as const) {
+        const config = { colorScheme, future: { v5Defaults: true }, brand: { elevation, density } };
+        const vars = getCssVariables(getActiveTheme(config));
+        expect(vars['--persona-message-assistant-shadow']).toBe('none');
+        expect(vars['--persona-message-assistant-border']).toBe('transparent');
+        expect(vars['--persona-message-assistant-padding']).toBe('0px');
+        // These existing surfaces still follow elevation; this is not a global
+        // rule that every default of `none` must opt out of brand styling.
+        expect(vars['--persona-message-user-shadow']).toBe(shadow);
+        expect(getActiveTheme(config).components.introCard?.shadow).toBe(shadow);
+        const v4 = getCssVariables(getActiveTheme({ ...config, future: { v5Defaults: false } }));
+        expect(v4['--persona-message-assistant-shadow']).toBe(shadow);
+        expect(v4['--persona-message-assistant-border']).not.toBe('transparent');
+      }
+    });
+    it.each(elevations)('lets custom padded bubbles follow %s elevation', (elevation, shadow) => {
+      for (const [density, padding] of [['compact', '8px'], ['comfortable', '12px'], ['spacious', '16px']] as const) {
+        const theme = { components: { message: { assistant: {
+          background: 'semantic.colors.container', padding, borderRadius: '12px',
+          border: 'semantic.colors.border', borderWidth: '1px', shadow: 'palette.shadows.sm',
+        } } } };
+        // Shared overrides and dark-only overrides both remain authoritative.
+        for (const overrides of colorScheme === 'dark' ? [{ theme }, { darkTheme: theme }] : [{ theme }]) {
+          const vars = getCssVariables(getActiveTheme({
+            colorScheme, future: { v5Defaults: true }, brand: { elevation, density }, ...overrides,
+          }));
+          expect(vars['--persona-message-assistant-shadow']).toBe(shadow);
+          expect(vars['--persona-message-assistant-padding']).toBe(padding);
+          expect(vars['--persona-message-assistant-border']).not.toBe('transparent');
+          expect(vars['--persona-message-assistant-border-width']).toBe('1px');
+        }
+      }
+    });
+    it('preserves explicit assistant shadows and borders over brand elevation', () => {
+      const vars = getCssVariables(getActiveTheme({
+        colorScheme, future: { v5Defaults: true }, brand: { elevation: 'raised' },
+        theme: { components: { message: { assistant: { shadow: '0 1px 2px red', border: '#123456' } } } },
+        ...(colorScheme === 'dark' ? { darkTheme: { components: { message: { assistant: { shadow: 'none', border: '#abcdef' } } } } } : {}),
+      }));
+      expect(vars['--persona-message-assistant-shadow']).toBe(colorScheme === 'dark' ? 'none' : '0 1px 2px red');
+      expect(vars['--persona-message-assistant-border']).toBe(colorScheme === 'dark' ? '#abcdef' : '#123456');
+    });
+  });
   it.each([false, true])('keeps neutral-derived surfaces and elevation coherent (%s)', (v5Defaults) => {
     const theme = getActiveTheme({ future: { v5Defaults }, brand: { neutral: '#161b22', radius: 'none', elevation: 'flat' } });
     const vars = getCssVariables(theme);

package/src/utils/brand.ts

@@ -111,8 +111,12 @@ export const deriveBrandTheme = (brand?: BrandConfig, scheme: 'light' | 'dark' =
     const shadow = flat ? 'none' : brand.elevation === 'subtle' ? '0 2px 8px rgba(0, 0, 0, 0.08)' : '0 12px 32px rgba(0, 0, 0, 0.18)';
     const border = flat ? '1px solid var(--persona-border)' : '1px solid color-mix(in srgb, var(--persona-border) 65%, transparent)';
     theme.palette = { ...theme.palette, shadows: { sm: shadow, md: shadow, lg: shadow, xl: shadow, '2xl': shadow } };
-    const shadows = (node: Record<string, unknown>): Record<string, unknown> => {
+    const shadows = (node: Record<string, unknown>, path = ''): Record<string, unknown> => {
       const overlay: Record<string, unknown> = {};
+      // V5 assistant defaults are unpadded prose, not a surface to elevate.
+      // Explicit theme tokens still win; custom bubbles can opt into the brand
+      // shadow scale with `palette.shadows.sm` alongside their padding/background.
+      if (v5Defaults && path === 'message.assistant') return overlay;
       for (const [key, value] of Object.entries(node)) {
         if (key.toLowerCase().endsWith('shadow')) {
           overlay[key] = shadow;
@@ -120,7 +124,7 @@ export const deriveBrandTheme = (brand?: BrandConfig, scheme: 'light' | 'dark' =
           if (borderKey in node) overlay[borderKey] = typeof node[borderKey] === 'string' && (node[borderKey] as string).includes('solid') ? border : flat ? 'semantic.colors.border' : 'color-mix(in srgb, var(--persona-border) 65%, transparent)';
         }
         else if (value && typeof value === 'object') {
-          const child = shadows(value as Record<string, unknown>);
+          const child = shadows(value as Record<string, unknown>, path ? `${path}.${key}` : key);
           if (Object.keys(child).length) overlay[key] = child;
         }
       }

package/src/utils/tokens.ts

@@ -603,7 +603,8 @@ export const DEFAULT_COMPONENTS_V5: ComponentTokens = {
   },
   launcher: CIRCLE_LAUNCHER_TOKENS,
   activity: {
-    rowHeight: "32px", labelSize: "13px", iconSize: "16px", indent: "0px",
+    // CSS owns contextual parent, nested, and coarse-pointer row heights.
+    labelSize: "13px", iconSize: "16px", indent: "0px",
     transcriptGap: "0px", responseGap: "12px",
     groupIndent: "16px", groupGap: "2px", groupPadding: "2px 0",
     bodyPadding: "4px 0", bodyFontWeight: "400", sectionGap: "8px", bodySurface: "transparent",

package/src/utils/tool-activity-summary.test.ts

@@ -6,6 +6,7 @@ const tool = (name: string, extra: Partial<AgentWidgetToolCall> = {}): AgentWidg
 
 describe("semantic tool activity", () => {
   it.each([
+    ["search_docs", "Searched docs"], ["read_file", "Read a file"],
     ["web_search", "Searched the web"], ["web_search_preview", "Searched the web"], ["WebSearch", "Searched the web"],
     ["web_fetch", "Read a web page"], ["WebFetch", "Read a web page"],
     ["file_search", "Searched files"], ["search_files", "Searched files"], ["Glob", "Searched files"],
@@ -22,6 +23,12 @@ describe("semantic tool activity", () => {
     ["sql_db_query", "Queried the database"], ["search_gmail", "Searched email"],
   ])("maps exact alias %s", (name, label) => expect(toolActivityLabel(tool(name))).toBe(label));
 
+  it("summarizes documentation searches and file reads without a custom hook", () => {
+    expect(summarizeToolActivity([tool("search_docs"), tool("read_file")])).toBe("Searched docs, read files");
+    expect(summarizeToolActivity([tool("search_docs", { status: "running" }), tool("read_file", { status: "pending" })])).toBe("Searching docs, reading files");
+    expect(toolActivityLabel(tool("read_file", { status: "running" }))).toBe("Reading a file");
+  });
+
   it.each(["search_events", "search_nodes", "read_graph", "open_nodes", "read", "search", "git_commit", "my_web_search", "web_search_custom"])("keeps ambiguous %s generic", name => {
     expect(toolActivityLabel(tool(name))).toMatch(/^Used /);
   });
@@ -127,6 +134,7 @@ describe("semantic tool activity", () => {
 });
 
  it.each([
+   ["search_docs", "search"], ["read_file", "file-text"],
    ["web_search", "globe"], ["Read", "file-text"], ["edit_file", "pencil"], ["Bash", "terminal"],
    ["sql_db_query", "database"], ["search_events", "wrench"], ["my_web_search", "wrench"],
  ])("maps the completed icon for %s without guessing", (name, icon) => expect(toolActivityIcon(tool(name))).toBe(icon));

package/src/utils/tool-activity-summary.ts

@@ -3,10 +3,11 @@ import type { AgentWidgetConfig, AgentWidgetToolCall } from "../types";
 // Exact documented names only. Ambiguous names such as search_events or
 // search_nodes need provider metadata, which tool messages do not carry.
 const categories = [
+  ["search_docs", "Searching docs", "Searched docs", "search"],
   ["web_search|web_search_preview|WebSearch", "Searching the web", "Searched the web", "globe"],
   ["web_fetch|WebFetch", "Reading web pages", "Read web pages", "globe", "single"],
   ["file_search|search_files|Glob", "Searching files", "Searched files", "search"],
-  ["read_text_file|read_multiple_files|Read", "Reading files", "Read files", "file-text", "single"],
+  ["read_file|read_text_file|read_multiple_files|Read", "Reading files", "Read files", "file-text", "single"],
   ["write_file|edit_file|apply_patch|Write|Edit|NotebookEdit", "Editing files", "Edited files", "pencil", "single"],
   ["list_directory|list_directory_with_sizes|directory_tree", "Browsing files", "Browsed files", "folder"],
   ["Grep", "Searching code", "Searched code", "search"],

package/dist/chunk-B3OrH9Ng.js

@@ -1,2 +0,0 @@
-import{r as e,t}from"./chunk-D5BxWOFB.js";import{t as n}from"./chunk-Bb3MaswO.js";import{a as r,c as i,d as a,f as o,g as s,h as c,i as l,l as u,o as d,p as f,r as p,s as m,t as h,u as g}from"./chunk-mEFmAbxE.js";import{i as _,n as v,r as y,t as b}from"./chunk-BGPPJ_ui.js";import{n as x}from"./chunk-Cve3IfG4.js";const S=`[data-persona-disclosure]`,C=/* @__PURE__ */ new WeakMap;function w(e){let t=e?.expansion;return{animation:t?.animation??(e?.future?.v5Defaults?`height`:`instant`),duration:Number.isFinite(t?.duration)?Math.max(0,t.duration):160,easing:t?.easing??`ease-out`}}const T=e=>{let t=Array.from(e.children);return{header:t.find(e=>e.matches(`button[data-expand-header]`)),content:t.find(e=>e.classList.contains(`persona-border-t`)),preview:t.find(e=>e.hasAttribute(`data-persona-collapsed-preview`))}},E=e=>T(e).header?.getAttribute(`aria-expanded`)===`true`,D=()=>typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches;function O(e){let{header:t,content:n}=T(e),r=e.getRootNode();n?.contains(r.activeElement)&&t?.focus({preventScroll:!0})}function k(e,t){let{content:n,preview:r}=T(e);n&&(t||O(e),n.inert=!t,n.style.display=t?``:`none`,r&&(r.style.display=t||!(r.textContent||r.childNodes.length)?`none`:``))}function A(e){C.get(e)?.finish()}function j(e){for(let t=e.parentElement?.closest(S);t;t=t.parentElement?.closest(S))A(t);e.querySelectorAll(S).forEach(A)}function M(e,t,n,r){let i=w(n),a=i.animation===`height`&&i.duration>0&&!D()&&e.isConnected&&typeof e.animate==`function`,o=a?r??e.getBoundingClientRect().height:0,s=a&&C.has(e)?T(e).content:void 0,c=s?getComputedStyle(s):void 0,l=c?{transform:c.transform,opacity:c.opacity}:void 0;if(j(e),A(e),k(e,t),!a)return;let{header:u,content:d,preview:f}=T(e);if(!u||!d)return;let p=e.getBoundingClientRect().height;if(o===p)return;t||(d.style.display=``,f&&(f.style.display=`none`));let m,h;try{m=e.animate([{height:`${o}px`,boxSizing:`border-box`,overflow:`hidden`},{height:`${p}px`,boxSizing:`border-box`,overflow:`hidden`}],{duration:i.duration,easing:i.easing,fill:`both`});let n=getComputedStyle(d),r={transform:n.transform||`none`,opacity:n.opacity||`1`},a={transform:`${r.transform===`none`?``:r.transform} translateY(-8px)`,opacity:`0`};h=d.animate([l??(t?a:r),t?r:a],{duration:i.duration,easing:i.easing,fill:`both`})}catch{m?.cancel(),k(e,t);return}let g,_=p,v=()=>{C.get(e)?.effect===m&&(C.delete(e),g?.disconnect(),m.onfinish=m.oncancel=null,m.cancel(),h.cancel(),k(e,t))};C.set(e,{effect:m,expanded:t,settings:JSON.stringify(i),finish:v}),m.onfinish=m.oncancel=v,t&&typeof ResizeObserver==`function`&&(g=new ResizeObserver(()=>{if(C.get(e)?.effect!==m||!e.isConnected)return;let t=m.effect,n=t?.getComputedTiming().progress;if(n==null||n<0||n>=1)return;let r=e.getBoundingClientRect().height,i=e.style.getPropertyValue(`height`),a=e.style.getPropertyPriority(`height`);e.style.setProperty(`height`,`auto`,`important`);let o=e.getBoundingClientRect().height;i?e.style.setProperty(`height`,i,a):e.style.removeProperty(`height`),o!==_&&(_=o,t.setKeyframes([{height:`${r}px`,offset:n,boxSizing:`border-box`,overflow:`hidden`},{height:`${o}px`,offset:1,boxSizing:`border-box`,overflow:`hidden`}]))}),g.observe(d),g.observe(u))}function N(e,t){let n=/* @__PURE__ */ new Set,r=/* @__PURE__ */ new Map,i=typeof matchMedia==`function`?matchMedia(`(prefers-reduced-motion: reduce)`):void 0,a=()=>n.forEach(A),o=()=>{i?.matches&&a()};i?.addEventListener?.(`change`,o);let s=()=>{let e=w(t());return e.animation===`height`&&e.duration>0&&!D()};return{prepare(i){if(r.clear(),!s()){a(),n.clear();return}let o=new Map(Array.from(e.querySelectorAll(S),e=>[e.id,e]));for(let e of i.querySelectorAll(S)){let i=o.get(e.id);if(!i)continue;n.add(i);let a=E(e),s=C.get(i);if(a!==E(i))r.set(i.id,i.getBoundingClientRect().height),a||O(i),A(i);else if(s){if(s.settings!==JSON.stringify(w(t()))||D())A(i);else if(!s.expanded){let{content:t,preview:n}=T(e);t&&(t.style.display=``,t.inert=!0),n&&(n.style.display=`none`)}}}},sync(){if(!s())a(),n.clear(),r.clear();else{for(let t of n)e.contains(t)||(A(t),n.delete(t));for(let i of e.querySelectorAll(S)){n.add(i);let e=r.get(i.id);e!==void 0&&M(i,E(i),t(),e);let a=C.get(i);a&&(a.settings!==JSON.stringify(w(t()))||D())&&A(i)}r.clear()}},clear(){e.querySelectorAll(S).forEach(A),a(),n.clear(),r.clear()},destroy(){this.clear(),i?.removeEventListener?.(`change`,o)}}}const P=new Map([[`web_search|web_search_preview|WebSearch`,`Searching the web`,`Searched the web`,`globe`],[`web_fetch|WebFetch`,`Reading web pages`,`Read web pages`,`globe`,`single`],[`file_search|search_files|Glob`,`Searching files`,`Searched files`,`search`],[`read_text_file|read_multiple_files|Read`,`Reading files`,`Read files`,`file-text`,`single`],[`write_file|edit_file|apply_patch|Write|Edit|NotebookEdit`,`Editing files`,`Edited files`,`pencil`,`single`],[`list_directory|list_directory_with_sizes|directory_tree`,`Browsing files`,`Browsed files`,`folder`],[`Grep`,`Searching code`,`Searched code`,`search`],[`shell|local_shell|bash|Bash|PowerShell|bash_code_execution`,`Running commands`,`Ran commands`,`terminal`,`single`],[`code_interpreter|code_execution`,`Running code`,`Ran code`,`code-xml`],[`browser_navigate|browser_click|browser_snapshot|browser_fill_form`,`Using the browser`,`Used the browser`,`globe`],[`computer`,`Using the computer`,`Used the computer`,`monitor`],[`image_generation`,`Generating images`,`Generated images`,`image`],[`git_status|git_diff|git_diff_staged|git_diff_unstaged|git_log|git_show`,`Checking repository changes`,`Checked repository changes`,`file-code`],[`tool_search|ToolSearch`,`Finding tools`,`Looked up tools`,`search`],[`Agent`,`Delegating work`,`Delegated work`,`bot`],[`TodoWrite|TaskCreate|TaskUpdate`,`Updating the plan`,`Updated the plan`,`clipboard`],[`sql_db_query`,`Querying the database`,`Queried the database`,`database`],[`search_gmail`,`Searching email`,`Searched email`,`mail`]].flatMap(([e,...t])=>e.split(`|`).map(e=>[e,t]))),F=e=>{let t=e.replace(/([a-z\d])([A-Z])/g,`$1 $2`).replace(/[_-]+/g,` `).replace(/\s+/g,` `).toLowerCase();return t[0].toUpperCase()+t.slice(1)},I=e=>{let t=e.name?.trim()||`tool`,n=F(t);return P.get(t)??[`Using ${n}`,`Used ${n}`]},ee=e=>I(e)[2]??`wrench`,te=(e,t)=>{let n=t.toolCall?.iconName;return(typeof n==`function`?n(e):n)??ee(e)};function ne(e,t){if(typeof t.toolCall?.iconName==`string`)return t.toolCall.iconName;let n=e.map(e=>te(e,t));return e.every((t,r)=>I(t)[0]===I(e[0])[0]&&n[r]===n[0])?n[0]:`toolbox`}const L=[[`approvalStatus`,`pending`,`Waiting for approval`],[`approvalStatus`,`denied`,`Approval denied`],[`approvalStatus`,`timeout`,`Approval expired`],[`success`,!1,`Failed`],[`interrupted`,!0,`Interrupted`],[`superseded`,!0,`Approved, ran again below`]],R=e=>e.error||L.some(([t,n])=>e[t]===n),z=e=>R(e)?F(e.name?.trim()||`tool`):I(e)[+(e.status===`complete`)],B=e=>{let t=z(e);return I(e)[3]&&!/^(read_multiple_files|apply_patch)$/.test(e.name?.trim()??``)?t.replace(/(web pages|files|commands)$/,e=>`a ${e.slice(0,-1)}`):t};function re(e,t=3){let n=e.length;if(n===0)return``;(!Number.isInteger(t)||t<0)&&(t=3);let r=/* @__PURE__ */ new Map;for(let t of e){let e=I(t)[0],n=r.get(e);(!n||n.status===`complete`&&!R(n))&&r.set(e,t)}let i=t?[...r.values()].slice(0,t).map((e,t)=>{let n=z(e);return t?n[0].toLowerCase()+n.slice(1):n}).join(`, `):n===1?`1 activity`:`${n} activities`,a=r.size-t;a>0&&t&&(i+=`, and ${a} more`);for(let[t,n,r]of L)e.some(e=>e[t]===n||n===!1&&e.error)&&(i+=` · ${r}`);return i}function ie(e){let{executionId:t,phase:n}=e.agentMetadata??{};if(e.role!==`assistant`||typeof t!=`string`||!t)return;let r=e.variant===`tool`||e.variant===`reasoning`||n===`commentary`?`progress`:n===`partial_answer`||n===`final_answer`?`final`:void 0;if(r)return{id:t,kind:r,startedAt:Date.parse(e.createdAt)}}const ae={toolCallDisplay:{variant:`row`,grouped:!0,groupedMode:`collapsible`,autoExpand:!1,iconVisibility:`always`},reasoningDisplay:{appearance:`inset`,variant:`row`,autoExpand:!1,iconVisibility:`always`}},oe=Object.entries(ae).flatMap(([e,t])=>Object.keys(t).map(t=>`features.${e}.${t}`)),se=/* @__PURE__ */ new WeakMap;function ce(e,t){return e.turnActivity??t.turnActivity?.resolveMessage?.(e)??ie(e)}const le=e=>{let t=e.toolCall,n=e.approval?.status??t.approvalStatus;return t.error||t.interrupted||t.success===!1||t.superseded||n&&n!==`approved`},ue=(e,t)=>e.toolCall?.actionTitle?.trim()||t?.toolCall?.resolveActionTitle?.(e.toolCall,e)?.trim()||void 0,de=(e,t)=>ue(e,t)||B(e.toolCall);function fe(e,t,n){let r=e.filter(e=>e.toolCall?.status!==`complete`);return t.features?.toolCallDisplay?.groupSummary===`current-action`&&r.length===1&&!e.some(le)?de(r[0],t):n}function V(e,t){if(!e.turnActivity?.enabled||t.role!==`assistant`||ce(t,e)?.kind!==`progress`)return e;let n=se.get(e);if(n)return n;let{defaultProvenance:r,suppliedPath:i}=l(),a=r(e,oe),o={...e.features};for(let t of[`toolCallDisplay`,`reasoningDisplay`]){let n={...o[t]};for(let[r,o]of Object.entries(ae[t]))!a.includes(`features.${t}.${r}`)&&i(e.preferences,`${t}.${r}`)!==`explicit`&&Object.assign(n,{[r]:o});o[t]=n}o.toolCallDisplay={...o.toolCallDisplay,groupSummary:o.toolCallDisplay?.groupSummary??(o.toolCallDisplay?.groupedMode===`stack`?`aggregate`:`current-action`)};let s={...e,features:o};return se.set(e,s),s}const pe=[`persona-w-full`,`persona-rounded-2xl`,`persona-bg-persona-surface`,`persona-border`,`persona-border-persona-message-border`,`persona-text-persona-primary`,`persona-shadow-sm`,`persona-overflow-hidden`,`persona-px-0`,`persona-py-0`],H=(e,t)=>t==null?!1:typeof t==`string`?(e.textContent=t,!0):(e.appendChild(t),!0),U=(e,n)=>{let r=t(`div`,[`persona-message-bubble`,e,...pe].join(` `));return r.id=`bubble-${n}`,r.setAttribute(`data-message-id`,n),r.setAttribute(`data-persona-disclosure`,``),r},W=e=>{let n=t(`button`,e.expandable?`persona-flex persona-w-full persona-items-center persona-justify-between persona-gap-3 persona-bg-transparent persona-px-4 persona-py-3 persona-text-left persona-cursor-pointer persona-border-none`:`persona-flex persona-w-full persona-items-center persona-justify-between persona-gap-3 persona-bg-transparent persona-px-4 persona-py-3 persona-text-left persona-cursor-default persona-border-none`);return n.type=`button`,e.expandable&&(n.setAttribute(`aria-expanded`,e.expanded?`true`:`false`),n.setAttribute(`data-expand-header`,`true`)),n.setAttribute(`data-bubble-type`,e.bubbleType),n},G=(e,t,n,r)=>{let i=r?.expansion?.chevron?.[t?`expanded`:`collapsed`]??(r?.future?.v5Defaults?t?`down`:`right`:t?`up`:`down`),a=w(r),o=e.querySelector(`svg`);if(!o){if(o=d(`chevron-right`,16,n,1.5),!o)return;e.replaceChildren(o)}o.setAttribute(`stroke`,n),e.classList.add(`persona-disclosure-chevron`),e.style.transform=`rotate(${{right:0,down:90,left:180,up:-90}[i]}deg)`,e.style.transitionDuration=`${a.animation===`height`?a.duration:0}ms`,e.style.transitionTimingFunction=a.easing},K=(e,n,r)=>{if(!r.expandable)return e.append(n),null;let i=t(`div`,`persona-flex persona-items-center`);G(i,r.expanded,r.iconColor,r.config);let a=t(`div`,r.metaGap?`persona-flex persona-items-center persona-gap-2 persona-ml-auto`:`persona-flex persona-items-center persona-ml-auto`);return a.append(i),e.append(n,a),i},q=e=>{let n=t(`div`,`persona-px-4 persona-py-3 persona-text-xs persona-leading-snug persona-text-persona-muted`);if(n.setAttribute(`data-persona-collapsed-preview`,e.previewKind),n.style.display=`none`,n.style.whiteSpace=`pre-wrap`,!e.expanded&&e.isActive&&e.activePreview&&e.previewText){let t=e.renderPreview?.();H(n,t)||(n.textContent=e.previewText),n.style.display=``}return!e.expanded&&e.isActive&&e.activeMinHeight&&(e.bubble.style.minHeight=e.activeMinHeight),n},me=e=>{e.header.setAttribute(`aria-expanded`,e.expanded?`true`:`false`),e.toggleIcon&&G(e.toggleIcon,e.expanded,e.iconColor,e.config),e.content.style.display=e.expanded?``:`none`,e.content.inert=!e.expanded,e.collapsedPreview.style.display=e.expanded?`none`:e.collapsedPreview.textContent||e.collapsedPreview.childNodes.length?``:`none`},he=(e,t,n)=>{let r=n.stateSet.has(e),i=t.querySelector(`button[data-expand-header="true"]`),a=t.querySelector(`.persona-border-t`);if(!i||!a)return;i.setAttribute(`aria-expanded`,r?`true`:`false`);let o=i.querySelector(`.persona-ml-auto`)?.querySelector(`:scope > .persona-flex.persona-items-center`);o&&G(o,r,n.iconColor,n.config),M(t,r,n.config)},ge=(e,n,r,i,a,o)=>{e.textContent=``;for(let s of c(n,r))(s.styles.length?e.appendChild(t(`span`,s.styles.map(e=>`persona-tool-text-${e}`).join(` `))):e).append(s.isDuration?i?o():a:s.text)},_e=(e,t,n,r)=>{let i=n instanceof HTMLElement;return t.textContent=typeof n==`string`&&n.trim()?n:r,e.appendChild(i?n:t),i},J=(e,t,n)=>e.split(/\r?\n/).map(e=>e.trim()).filter(Boolean).slice(t,n).join(`
-`);function Y(e,t,n){e&&n&&(e=V(e,n));let r=t===`tool`,i=r?`toolCallDisplay`:`reasoningDisplay`;return{...e,features:{...e?.features,[i]:{...r?y:b,...e?.future?.v5Defaults===!0?r?_:v:{},...e?.features?.[i],layout:X(e,t)}}}}function X(e,t,n){e&&n&&(e=V(e,n));let r=t===`tool`?`toolCallDisplay`:`reasoningDisplay`;return e?.features?.[r]?.layout??e?.features?.[r]?.variant??(e?.future?.v5Defaults?`row`:`card`)}function Z(e){let t=Math.max(0,Math.floor((e??0)/1e3));return t<1?`a moment`:t<60?`${t}s`:`${Math.floor(t/60)}m ${t%60}s`}function ve(e,t){let n=Number(e.getAttribute(`data-tool-elapsed`));if(!n)return;let r=t-n;e.textContent=e.classList.contains(`persona-activity-duration`)?ye(r,e.dataset.prefix):e.closest(`.persona-activity-row`)?Z(r):f(r)}const ye=(e,t=``)=>Number.isFinite(e)&&e>=1e3?t+Z(e):``;function Q(e,n,r,i,a=!1,o){let s=a||X(r,i)===`row`,c=e.querySelector(`:scope > button`),u=i===`tool`?n.toolCall:n.reasoning,f=u?.status!==`complete`,p=r.features?.toolCallDisplay?.durationDisplay;if(c&&(s||r.future?.v5Defaults)&&i===`tool`&&u&&(p===`all`||p===(a?`group`:`tools`))){let e=t(`span`,`persona-activity-duration`),{startedAt:r,completedAt:i,durationMs:a}=u;f&&r>0&&r<=Date.now()&&e.setAttribute(`data-tool-elapsed`,String(r));let o=n.toolCall?.duration??a??i-r;e.textContent=ye(f&&r!==void 0?r>0?Date.now()-r:void 0:o),c.appendChild(e)}if(!s)return e;if(e.className=`persona-message-bubble persona-${i}-bubble persona-activity-row`,e.dataset.activityKind=i,i===`tool`){let t=l().getExplicitLegacyStyle(r,`toolCall.shadow`);e.style.boxShadow=typeof t==`string`?t.trim()||`none`:`var(--persona-consumer-toolBubble-shadow, none)`}if(!c)return e;c.className=c.classList.contains(`persona-theme-padding`)?`persona-activity-header persona-theme-padding`:`persona-activity-header`;let m=n.approval?.status??n.toolCall?.approvalStatus,h=n.toolCall?.interrupted?`interrupted`:m===`denied`||m===`timeout`?`denied`:m===`pending`?`awaiting-approval`:n.toolCall?.success===!1?`error`:f?u?.status===`pending`?`pending`:`running`:`done`;e.dataset.activityState=h;let g=t(`span`,`persona-activity-icon`);g.dataset.activityIcon=h;let _=i===`reasoning`?r.features?.reasoningDisplay?.iconName:void 0,v=h===`done`?i===`reasoning`?_||`brain`:o??(a?`toolbox`:te(n.toolCall,r)):void 0;v&&v!==`check`&&(g.style.color=`inherit`);let y=d(_||(h===`pending`?`circle`:h===`awaiting-approval`?`clock`:h===`running`?`loader-circle`:h===`done`?v||`check`:`x`),16,`currentColor`,2);!y&&v&&(y=d(`square-text`,16,`currentColor`,2)),y&&g.appendChild(y),c.querySelector(`.persona-reasoning-header-icon`)?.remove();let b=i===`tool`?`toolCallDisplay`:`reasoningDisplay`,x=(a?r.features?.toolCallDisplay?.groupIconVisibility:void 0)??r.features?.[b]?.iconVisibility??(r.future?.v5Defaults?`active`:`always`);(x===`always`||x===`active`&&h!==`done`)&&c.prepend(g),c.querySelector(`:scope > div:not(.persona-ml-auto)`)?.classList.add(`persona-activity-label`),c.querySelector(`.persona-ml-auto`)?.classList.add(`persona-activity-chevron`);let S=e.querySelector(`:scope > .persona-border-t`);return S?.classList.add(`persona-activity-body`),S&&(S.id=`activity-details-${n.id}`,c.setAttribute(`aria-controls`,S.id)),e}function be(e,t,n=()=>({})){let r=t?N(t,n):void 0,i=/* @__PURE__ */ new Map,a=e=>{let t=i.get(e)??{};return i.set(e,t),t},o=e=>{clearTimeout(e.timer),e.timer=void 0};return{observe(t,r,s,c={},l){let u=r===`tool`?t.toolCall:t.reasoning;if(!u)return;let d=Y(n(),r,t).features;c={...r===`tool`?d?.toolCallDisplay:d?.reasoningDisplay,...c},!i.has(t.id)&&l!==void 0&&(s[l?`add`:`delete`](t.id),a(t.id).manual=i.get(l)?.manual);let f=a(t.id);if(!f.manual&&(u.status!==`complete`&&(o(f),f.finished=!1),!f.seen&&u.status!==`complete`&&u.chunks?.some(Boolean)&&(f.seen=!0,c.autoExpand!==!1&&s.add(t.id)),f.seen&&u.status===`complete`&&!f.finished)){if(f.finished=!0,c.autoCollapseDelay===!1)return;f.timer=setTimeout(()=>{f.timer=void 0,s.delete(t.id),e(t.id,r)},c.autoCollapseDelay??1e3)}},manual(e){let t=a(e);t.manual=!0,o(t)},prune(e){for(let[t,n]of i)e.has(t)||(o(n),i.delete(t))},prepare(e){r?.prepare(e)},sync(){r?.sync()},clear(){i.forEach(o),i.clear(),r?.clear()},destroy(){this.clear(),r?.destroy()}}}function xe(e,n,r,i,a=typeof i==`string`,o){let s=U(`persona-tool-bubble`,e.id),c=W({expandable:!0,expanded:r,bubbleType:`tool`}),l=t(`div`,``);typeof i==`string`?l.textContent=i:l.appendChild(i);let u=m(n);K(c,l,{config:n,expandable:!0,expanded:r,iconColor:u.toggleTextColor||u.headerTextColor||`currentColor`,metaGap:!0});let d=t(`div`,`persona-border-t`);return d.style.display=r?``:`none`,d.inert=!r,s.append(c,d),Q(s,e,n,`tool`,!0,o),s.dataset.personaToolGroup=`true`,w(n).animation===`height`&&(s.dataset.personaDisclosureMotion=`height`),a&&(s.dataset.activityState===`running`||s.dataset.activityState===`pending`)&&x(l,n,`tool-group`),{bubble:s,body:d}}const Se=(e,t=!1)=>e.toggleTextColor||e.headerTextColor||(t?`currentColor`:`var(--persona-primary, #171717)`),Ce=(e,t)=>{let r=(e.chunks??[]).join(``).trim();return r?J(r,-t):J(n(e.args),0,t)},we=(e,t,n)=>{let r=n?.features?.toolCallDisplay,i=X(n,`tool`)===`row`,a=r?.collapsedMode??y.collapsedMode,c=t.success===!1?t.error||`Tool failed`:Ce(t,r?.previewMaxLines??y.previewMaxLines),l=i&&a===`tool-call`?B({...t,approvalStatus:e.approval?.status??t.approvalStatus}):t.interrupted?`${t.name?.trim()||`Tool`} · Interrupted`:n?.future?.v5Defaults||i?`${t.status===`complete`?`Used`:`Using`} ${t.name?.trim()||`tool`}`:o(t),u=t.status!==`complete`,d=n?.toolCall??{},f=u&&i&&a===`tool-call`&&!le(e)?de(e,n):l;a===`tool-name`?f=t.name?.trim()||l:a===`tool-preview`&&c&&(f=c),u&&d.activeTextTemplate?f=s(t,d.activeTextTemplate,f):!u&&!t.interrupted&&d.completeTextTemplate&&(f=s(t,d.completeTextTemplate,f)),t.interrupted?f.includes(` · Interrupted`)||(f+=` · Interrupted`):t.success===!1?f+=` · Failed`:t.superseded&&(f+=` · Approved, ran again below`);let p=e.approval?.status??t.approvalStatus;return p===`pending`?f+=` · Waiting for approval`:p===`denied`?f+=` · Approval denied`:p===`timeout`&&(f+=` · Approval expired`),{summary:f,previewText:c,isActive:u}},Te=(e,t,n,r)=>{he(e,t,{stateSet:n,config:r,iconColor:Se(m(r),t.classList.contains(`persona-activity-row`))})},Ee=(r,i,a=/* @__PURE__ */ new Set)=>{i=Y(i,`tool`,r);let o=r.toolCall,s=m(i),c=U(`persona-tool-bubble`,r.id);if(s.backgroundColor&&(c.style.backgroundColor=s.backgroundColor),s.borderColor&&(c.style.borderColor=s.borderColor),s.borderWidth&&(c.style.borderWidth=s.borderWidth),s.borderRadius&&(c.style.borderRadius=s.borderRadius),c.style.boxShadow=s.shadow===void 0?`var(--persona-tool-bubble-shadow)`:s.shadow.trim()===``?`none`:s.shadow,!o)return Q(c,r,i,`tool`);let l=i.features.toolCallDisplay,u=l.expandable??y.expandable,d=u&&a.has(r.id),{summary:f,previewText:_,isActive:v}=we(r,o,i),b=W({expandable:u,expanded:d,bubbleType:`tool`});s.headerBackgroundColor&&(b.style.backgroundColor=s.headerBackgroundColor),p(b,i,`header`);let S=t(`div`,`persona-flex persona-flex-col persona-text-left`),C=t(`span`,`persona-text-xs persona-text-persona-primary`);s.headerTextColor&&(C.style.color=s.headerTextColor);let w=String(o.startedAt??Date.now()),T=()=>{let e=t(`span`,``);return v&&e.setAttribute(`data-tool-elapsed`,w),e.textContent=g(o),e},E=s.renderCollapsedSummary?.({message:r,toolCall:o,defaultSummary:f,actionTitle:ue(r,i),previewText:_,collapsedMode:l.collapsedMode??y.collapsedMode,isActive:v,config:i,elapsed:g(o),createElapsedElement:T}),D=_e(S,C,E,f),O=s.activeTextTemplate,k=o.interrupted?void 0:s.completeTextTemplate,A=v?O:k;D||(A&&ge(C,A,o.name?.trim()||`tool`,v,g(o),T),v&&x(C,i,`tool`));let j=Se(s,X(i,`tool`)===`row`),M=K(b,S,{config:i,expandable:u,expanded:d,iconColor:j,metaGap:!0}),N=q({bubble:c,previewKind:`tool`,expanded:d,isActive:v,previewText:_,activePreview:l.activePreview,activeMinHeight:l.activeMinHeight,renderPreview:()=>s.renderCollapsedPreview?.({message:r,toolCall:o,defaultPreview:_,isActive:v,config:i})});if(!u)return c.append(b,N),Q(c,r,i,`tool`);let P=t(`div`,`persona-border-t persona-border-gray-200 persona-bg-gray-50 persona-space-y-3 persona-px-4 persona-py-3`);P.style.display=d?``:`none`,s.contentBackgroundColor&&(P.style.backgroundColor=s.contentBackgroundColor),s.contentTextColor&&(P.style.color=s.contentTextColor),p(P,i,`content`);let F=i.future?.v5Defaults===!0;if(l.showToolName&&o.name&&P.appendChild(e(`div`,{className:`persona-text-xs persona-text-persona-muted${F?``:` persona-italic`}`,attrs:{"data-persona-tool-name":``},text:o.name,style:{color:F?void 0:s.contentTextColor||s.headerTextColor}})),F)h(P,r,i);else{let r=(r,i)=>{let a=t(`div`,`persona-space-y-1`),o=e(`div`,{className:`persona-text-xs persona-text-persona-muted`,text:r,style:{color:s.labelTextColor}}),c=e(`pre`,{className:`persona-whitespace-pre-wrap persona-rounded-lg persona-border persona-px-3 persona-py-2 persona-text-xs`,style:{fontSize:`0.75rem`,lineHeight:`1rem`,backgroundColor:s.codeBlockBackgroundColor??`var(--persona-container, #f3f4f6)`,borderColor:s.codeBlockBorderColor??`var(--persona-border, #e5e7eb)`,color:s.codeBlockTextColor??`var(--persona-text, #171717)`}},e(`span`,{className:`persona-activity-scroll`,text:n(i),attrs:{role:`region`,"aria-label":r}}));a.append(o,c),P.appendChild(a)};o.args!==void 0&&r(`Arguments`,o.args),o.chunks?.length&&r(`Activity`,o.chunks.join(``)),o.success===!1&&P.appendChild(e(`div`,{className:`persona-text-sm persona-whitespace-pre-wrap`,text:o.error||`Tool failed`,attrs:{"data-persona-tool-error":``}})),o.status===`complete`&&o.result!==void 0&&r(`Result`,o.result)}return me({expanded:d,header:b,toggleIcon:M,content:P,collapsedPreview:N,iconColor:j,config:i}),c.append(b,N,P),Q(c,r,i,`tool`)},De=(e,t,n,r)=>{he(e,t,{stateSet:n,config:r,iconColor:`currentColor`})},Oe=(n,r,i=/* @__PURE__ */ new Set)=>{r=Y(r,`reasoning`,n);let o=n.reasoning,s=U(`persona-reasoning-bubble`,n.id);if(!o)return Q(s,n,r,`reasoning`);let c=r.features.reasoningDisplay,l=c.expandable??b.expandable,f=l&&i.has(n.id),p=o.status!==`complete`,m=J(n.reasoning?.chunks.join(``)??``,0,c.previewMaxLines??b.previewMaxLines),h=W({expandable:l,expanded:f,bubbleType:`reasoning`}),g=t(`div`,`persona-flex persona-flex-col persona-text-left`),_=t(`span`,`persona-text-xs persona-text-persona-primary`),v=X(r,`reasoning`)===`row`;s.dataset.appearance=c.appearance??(r.future?.v5Defaults?`inset`:v?`plain`:`panel`);let y=v&&!p?`Thought for ${Z(o.durationMs??(o.completedAt-o.startedAt||void 0))}`:`Thinking...`,S=r.reasoning??{},C=String(o.startedAt??Date.now()),w=()=>{let e=t(`span`,``);return e.setAttribute(`data-tool-elapsed`,C),e.textContent=u(o),e},T=S.renderCollapsedSummary?.({message:n,reasoning:o,defaultSummary:y,previewText:m,isActive:p,config:r,elapsed:u(o),createElapsedElement:w}),E=_e(g,_,T,y),D=t(`span`,`persona-text-xs persona-text-persona-primary`);D.textContent=a(o),v||g.appendChild(D);let O=S.activeTextTemplate,k=S.completeTextTemplate,A=p?O:k;if(E||(A&&(D.style.display=`none`,ge(_,A,``,p,u(o),w)),_.style.display=!A&&!p&&!v?`none`:``,p&&x(_,r,`reasoning`)),c.iconName&&!E){let e=t(`span`,`persona-reasoning-header-icon`),n=d(c.iconName,16,`currentColor`,2);n&&(e.appendChild(n),h.appendChild(e))}let j=`currentColor`,M=K(h,g,{config:r,expandable:l,expanded:f,iconColor:j,metaGap:!1}),N=q({bubble:s,previewKind:`reasoning`,expanded:f,isActive:p,previewText:m,activePreview:c.activePreview,activeMinHeight:c.activeMinHeight,renderPreview:()=>r.reasoning?.renderCollapsedPreview?.({message:n,reasoning:o,defaultPreview:m,isActive:p,config:r})});if(!l)return s.append(h,N),Q(s,n,r,`reasoning`);let P=t(`div`,`persona-border-t persona-border-gray-200 persona-bg-gray-50 persona-px-4 persona-py-3`),F=c.maxHeight,I=e(`div`,{className:`persona-whitespace-pre-wrap`},e(`div`,{className:`persona-activity-scroll`,text:o.chunks.join(``)||(p?`Waiting for details…`:`No additional context was shared.`),style:{maxHeight:F},attrs:{tabindex:`0`,role:`region`,"aria-label":`Reasoning`}}));return P.appendChild(I),me({expanded:f,header:h,toggleIcon:M,content:P,collapsedPreview:N,iconColor:j,config:r}),s.append(h,N,P),Q(s,n,r,`reasoning`)};function ke(e){let{config:n,messages:r,tempContainer:a,streaming:o,runActivity:s,showToolCalls:c,showReasoning:u,dropCompletedToolCalls:d,dropReasoningRow:f,createMessageRow:p,activityIds:m,activityLifecycle:h,toolExpansionState:g}=e,_=i.render;if(n.turnActivity?.enabled&&_)return _(e,{group:xe,tools:ke,classify:ce,presentation:V,hasExplicitThemeStyle:l().hasExplicitThemeStyle});let v=n.features?.toolCallDisplay;if(v?.grouped){let e=[],i=[],l=v.groupBoundary===`iteration`,_=v.groupedMode===`summary`,y=()=>{i.length&&e.push(i),i=[]};r.forEach(e=>{if(e.variant===`tool`&&e.toolCall&&c){if(d&&e.toolCall.status===`complete`&&!e.toolCall.interrupted)return;let t=i[i.length-1]?.agentMetadata,n=e.agentMetadata;l&&t&&n&&(t.executionId&&n.executionId&&t.executionId!==n.executionId||t.iteration!==void 0&&n.iteration!==void 0&&t.iteration!==n.iteration)&&y(),i.push(e)}else(e.variant!==`reasoning`||u&&(e.reasoning?.status!==`complete`||!f(e.reasoning)))&&y()}),y();let b=/* @__PURE__ */ new Map;for(let e of a.children)e instanceof HTMLElement&&b.set(e.dataset.wrapperId,e);e.forEach((r,i)=>{let a=r.map(e=>b.get(e.id)).filter(e=>!!e);if(a.length<(_?1:2))return;let c=`tool-group-${r[0].id}`,u=p(c,`assistant`);u.dataset.personaToolGroupRow=`true`,(v.groupAppearance||n.future?.v5Defaults)&&(u.dataset.groupAppearance=v.groupAppearance??`inset`);let d=r.map(e=>e.toolCall),f=d.some(e=>e.interrupted),y=i===e.length-1,S=r.some(e=>s?.messageIds.has(e.id)),C={messages:r,toolCalls:d,config:n,streaming:o,isLatestGroup:y,isCurrentRunGroup:S},w=r.map(e=>e.approval?.status??e.toolCall?.approvalStatus),T=[`pending`,`denied`,`timeout`].find(e=>w.includes(e)),E=!d.some(e=>e.success===!1||e.error),D=f||!E||T,O=d.some(e=>e.status!==`complete`),k=O||!l&&o&&y&&S&&!D,A=`${r.length} tool${r.length===1?``:`s`}`,j=v.groupedMode===`collapsible`||X(n,`tool`)===`row`?re(d.map((e,t)=>({...e,approvalStatus:w[t]})),v.groupSummaryMaxItems):f?`${A} · Interrupted`:`Called ${A}`,M=fe(r,n,j),N=n.toolCall?.renderGroupedSummary?.({...C,defaultSummary:M})??M;if(a[0].before(u),v.groupedMode===`collapsible`){let e={...r[0],id:c,approval:void 0,toolCall:{id:c,status:k?`running`:`complete`,chunks:d.flatMap(e=>e.chunks??[]),success:E,interrupted:f,approvalStatus:T}};if(d.every(e=>$(e.startedAt)&&(e.status!==`complete`||$(e.completedAt)&&e.completedAt>=e.startedAt))){let t=Math.min(...d.map(e=>e.startedAt)),n=Math.max(...d.map(e=>e.completedAt??e.startedAt));O?e.toolCall.startedAt=t:e.toolCall.durationMs=n-t}m.add(c),h.observe(e,`tool`,g,v,r.find(e=>g.has(e.id))?.id??``);let t=xe(e,n,g.has(c),N,void 0,!k&&!D?ne(d,n):void 0);t.bubble.classList.add(`persona-tool-group`),t.body.dataset.personaToolGroupStack=`true`,u.appendChild(t.bubble),a.forEach((e,n)=>{Ae(e),e.style.setProperty(`--persona-activity-stagger`,`${n*40}ms`),e.classList.add(`persona-activity-group-child`),t.body.appendChild(e)});return}let P=t(`div`,`persona-tool-group persona-flex persona-w-full persona-flex-col persona-gap-2`);P.dataset.personaToolGroup=`true`;let F=t(`div`,`persona-tool-group-summary persona-text-xs persona-text-persona-muted`);if(F.id=`tool-group-summary-${r[0].id}`,H(F,N),!(N instanceof HTMLElement)&&k&&!D&&x(F,n,`tool-group`),P.appendChild(F),u.appendChild(P),_){for(let e of a)e.remove();return}let I=t(`div`,`persona-tool-group-stack persona-flex persona-flex-col`);I.id=`tool-group-stack-${r[0].id}`,I.dataset.personaToolGroupStack=`true`,P.appendChild(I),a.forEach((e,n)=>{Ae(e);let r=t(`div`,`persona-tool-group-item persona-relative`);r.dataset.personaToolGroupItem=`true`,n<a.length-1&&(r.dataset.personaToolGroupConnector=`true`),r.appendChild(e),I.appendChild(r)})})}return!1}const $=e=>e>0&&e<=Date.now(),Ae=e=>e.style.setProperty(`--persona-message-row-max-width`,`100%`);function je(e){let t=`.persona-activity-scroll`,n=e=>{let t=e.scrollHeight-e.clientHeight,n=e.clientHeight>0&&t>1;e.toggleAttribute(`data-persona-scroll-top`,n&&e.scrollTop>1),e.toggleAttribute(`data-persona-scroll-bottom`,n&&t-e.scrollTop>1),e.tabIndex=n?0:-1},r=typeof ResizeObserver>`u`?void 0:new ResizeObserver(e=>{for(let{target:t}of e)n(t)}),i=()=>{r?.disconnect(),e.querySelectorAll(t).forEach(e=>{r?.observe(e),n(e)})},a=e=>{let r=e.target;r.matches(t)&&n(r)};return e.addEventListener(`scroll`,a,!0),{sync:i,destroy(){r?.disconnect(),e.removeEventListener(`scroll`,a,!0)}}}function Me(e,t,n,r,i,a){let o=je(e),s=be((e,o)=>{i.delete(e);let s=a(e);s&&(o===`tool`?Te(e,s,n,t()):De(e,s,r,t()))},e,t);return{...s,sync(){s.sync(),o.sync()},destroy(){s.destroy(),o.destroy()},observeMessages(e,i){let a=t();for(let t of e){let e=t.variant===`tool`?`tool`:t.variant===`reasoning`?`reasoning`:null;if(!e||X(a,e,t)!==`row`)continue;let o=Y(a,e,t).features,c=e===`tool`?o?.toolCallDisplay:o?.reasoningDisplay;c?.expandable!==!1&&(i.add(t.id),s.observe(t,e,e===`tool`?n:r,c))}}}}export{Me as createActivityLifecycle,Oe as createReasoningBubble,Ee as createToolBubble,ke as groupToolRows,r as initActivityUi,i as turnUi,ve as updateActivityElapsed,De as updateReasoningBubbleUI,Te as updateToolBubbleUI};

package/dist/chunk-CjhA_5Jk.js

@@ -1 +0,0 @@
-const e=`4.31.0`;export{e as t};