@gram-ai/elements 1.38.0 → 1.38.2

package/dist/components/ActiveChatTitle.d.ts

@@ -0,0 +1,22 @@
+export interface ActiveChatTitleProps {
+    className?: string;
+    /**
+     * Title text size. `sm` suits the compact dock header; `base` matches the
+     * larger full-screen conversation header. Defaults to `sm`.
+     */
+    size?: "sm" | "base";
+}
+/**
+ * Inline-editable title for the active conversation, intended for a chat
+ * header. Reads the active thread's title from the assistant-ui runtime and
+ * saves edits through `threadListItem().rename`, which optimistically updates
+ * the runtime and calls the Gram thread-list adapter (→ chat.generateTitle).
+ *
+ * Renaming requires a persisted thread (a remote id). A brand-new conversation
+ * only has a local id until its first message, so the title renders as a
+ * read-only "New Chat" until then. Clearing the title (saving empty) resets it
+ * to automatic, session-context naming.
+ *
+ * Must be rendered inside an Elements runtime provider.
+ */
+export declare function ActiveChatTitle({ className, size, }: ActiveChatTitleProps): React.JSX.Element;

package/dist/components/ActiveChatTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/activeChatTitle.helpers.d.ts

@@ -0,0 +1,12 @@
+export declare const MAX_TITLE_LENGTH = 200;
+export declare const FALLBACK_TITLE = "New Chat";
+/**
+ * Decides what a title edit should persist. Trims the draft; reports `changed`
+ * false when it matches the current (already-trimmed) title so an untouched
+ * edit — including the empty "New Chat" fallback — saves nothing. An empty
+ * trimmed value is a deliberate reset to automatic naming.
+ */
+export declare function resolveTitleEdit(draft: string, currentTitle: string): {
+    changed: boolean;
+    value: string;
+};

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-Cz9y5YHw.cjs"),r=require("./index-CGBkMd0d.cjs");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=r.sleep;exports.useChatId=r.useChatId;exports.useElements=r.useElements;exports.useGramElements=r.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