@gram-ai/elements 1.38.1 → 1.38.2

package/dist/components/ui/tool-ui.d.ts

@@ -51,6 +51,12 @@ interface SectionHighlight {
     /** Mark colour: "risk" (red, default) for findings, "search" (yellow) for a
      * text-search hit. */
     tone?: "risk" | "search";
+    /** Search tone only: index of the active query occurrence within THIS section
+     * (the unified thread navigator's current target). The host owns occurrence
+     * stepping, so this is controlled: the occurrence at this index renders bright
+     * and scrolls into view; null/undefined means this section holds no active
+     * occurrence, so all its hits render pale. */
+    activeOccurrence?: number | null;
 }
 interface ToolUIProps {
     /** Display name of the tool */
@@ -76,9 +82,10 @@ interface ToolUIProps {
     /** When set, highlight occurrences of this query (case-insensitive) in the
      * tool name — e.g. a thread search for "customer" lights up `get_customer`. */
     nameQuery?: string;
-    /** Whether this tool holds the active thread-search match: bright highlights
-     * (name + sections) when true, pale when false. */
-    searchActive?: boolean;
+    /** Index of the active query occurrence within the tool name (the unified
+     * navigator's current target), or null when the active occurrence isn't in the
+     * name. Per-section args/output active occurrences ride their `*Highlight`. */
+    nameActiveOccurrence?: number | null;
     /** Additional class names */
     className?: string;
     /** MCP tool annotations */
@@ -103,9 +110,6 @@ interface ToolUISectionProps {
     language?: BundledLanguage;
     /** Flagged substrings — renders a navigable highlighted view + header icon. */
     highlight?: SectionHighlight;
-    /** Search tone only: whether this tool holds the active thread match (bright
-     * vs pale marks). */
-    searchActive?: boolean;
 }
 declare function StatusIndicator({ status, }: {
     status: ToolStatus;
@@ -121,11 +125,11 @@ declare function SyntaxHighlightedCode({ text, language, className, }: {
 declare namespace SyntaxHighlightedCode {
     var displayName: string;
 }
-declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, highlight, searchActive, }: ToolUISectionProps): React.JSX.Element;
+declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, highlight, }: ToolUISectionProps): React.JSX.Element;
 declare namespace ToolUISection {
     var displayName: string;
 }
-declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, requestHighlight, resultHighlight, nameQuery, searchActive, className, annotations, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): React.JSX.Element;
+declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, requestHighlight, resultHighlight, nameQuery, nameActiveOccurrence, className, annotations, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): React.JSX.Element;
 declare namespace ToolUI {
     var displayName: string;
 }

package/dist/elements.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-EHNsQZHU.cjs"),t=require("./index-CGBkMd0d.cjs");exports.ActiveChatTitle=e.ActiveChatTitle;exports.CREDITS_EXHAUSTED_MESSAGE=e.CREDITS_EXHAUSTED_MESSAGE;exports.Calendar=e.Calendar;exports.Chat=e.Chat;exports.ChatHistory=e.ChatHistory;exports.ElementsProvider=e.ElementsProvider;exports.GramElementsProvider=e.ElementsProvider;exports.MODELS=e.MODELS;exports.Markdown=e.Markdown;exports.MessageContent=e.MessageContent;exports.PRESETS=e.PRESETS;exports.Replay=e.Replay;exports.ShareButton=e.ShareButton;exports.SyntaxHighlightedCode=e.SyntaxHighlightedCode;exports.TimeRangePicker=e.TimeRangePicker;exports.ToolFallback=e.ToolFallback;exports.ToolUI=e.ToolUI;exports.ToolUISection=e.ToolUISection;exports.convertGramMessagesToExported=e.convertGramMessagesToExported;exports.convertGramMessagesToUIMessages=e.convertGramMessagesToUIMessages;exports.defineFrontendTool=e.defineFrontendTool;exports.describeStreamError=e.describeStreamError;exports.getPresetRange=e.getPresetRange;exports.trackError=e.trackError;exports.useRecordCassette=e.useRecordCassette;exports.useThreadId=e.useThreadId;exports.sleep=t.sleep;exports.useChatId=t.useChatId;exports.useElements=t.useElements;exports.useGramElements=t.useElements;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DTZOelvp.cjs"),t=require("./index-CGBkMd0d.cjs");exports.ActiveChatTitle=e.ActiveChatTitle;exports.CREDITS_EXHAUSTED_MESSAGE=e.CREDITS_EXHAUSTED_MESSAGE;exports.Calendar=e.Calendar;exports.Chat=e.Chat;exports.ChatHistory=e.ChatHistory;exports.ElementsProvider=e.ElementsProvider;exports.GramElementsProvider=e.ElementsProvider;exports.MODELS=e.MODELS;exports.Markdown=e.Markdown;exports.MessageContent=e.MessageContent;exports.PRESETS=e.PRESETS;exports.Replay=e.Replay;exports.ShareButton=e.ShareButton;exports.SyntaxHighlightedCode=e.SyntaxHighlightedCode;exports.TimeRangePicker=e.TimeRangePicker;exports.ToolFallback=e.ToolFallback;exports.ToolUI=e.ToolUI;exports.ToolUISection=e.ToolUISection;exports.convertGramMessagesToExported=e.convertGramMessagesToExported;exports.convertGramMessagesToUIMessages=e.convertGramMessagesToUIMessages;exports.defineFrontendTool=e.defineFrontendTool;exports.describeStreamError=e.describeStreamError;exports.getPresetRange=e.getPresetRange;exports.trackError=e.trackError;exports.useRecordCassette=e.useRecordCassette;exports.useThreadId=e.useThreadId;exports.sleep=t.sleep;exports.useChatId=t.useChatId;exports.useElements=t.useElements;exports.useGramElements=t.useElements;
 //# sourceMappingURL=elements.cjs.map