@gram-ai/elements 1.37.1 → 1.38.0

package/dist/components/Markdown.d.ts

@@ -0,0 +1,7 @@
+export interface MarkdownProps {
+    /** Raw markdown text. */
+    children: string;
+    /** Optional className applied to the `.aui-md` root wrapper. */
+    className?: string;
+}
+export declare const Markdown: import('react').NamedExoticComponent<MarkdownProps>;

package/dist/components/MessageContent.d.ts

@@ -5,6 +5,10 @@ export interface MessageContentProps {
     content: string;
     /** Optional className applied to the root container. */
     className?: string;
+    /** Render plain-text segments as markdown (matching `<MarkdownText />`)
+     * instead of preformatted text. Fenced `chart`/`ui` blocks still render as
+     * widgets either way. */
+    markdown?: boolean;
 }
 /**
  * Standalone renderer for stored chat message content. Recognises the same

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

@@ -27,6 +27,31 @@ interface ToolAnnotations {
     /** If true, tool interacts with external entities */
     openWorldHint?: boolean;
 }
+/** Marks a tool section (arguments/output) as containing flagged substrings,
+ * so the section header shows a warning and the expanded body lets you jump
+ * between matches. */
+/** One flagged finding within a tool section. */
+interface SectionMatch {
+    /** Literal substring to highlight and step to. */
+    value: string;
+    /** Short rule label shown when this match is active (e.g. "pii.phone_number"). */
+    label?: string;
+    /** Optional action for this finding, surfaced as a button while it is the
+     * active match (e.g. open the create-exclusion flow). */
+    onExclude?: () => void;
+}
+interface SectionHighlight {
+    /** Findings to highlight and step through with the next/prev controls. */
+    matches: SectionMatch[];
+    /** Dot out the matched characters until the viewer reveals them (secrets). */
+    masked?: boolean;
+    /** Optional host-supplied badge rendered in the section header (e.g. a risk
+     * pill). Replaces the default warning icon when present. */
+    headerBadge?: React.ReactNode;
+    /** Mark colour: "risk" (red, default) for findings, "search" (yellow) for a
+     * text-search hit. */
+    tone?: "risk" | "search";
+}
 interface ToolUIProps {
     /** Display name of the tool */
     name: string;
@@ -44,6 +69,16 @@ interface ToolUIProps {
     };
     /** Whether the tool card starts expanded */
     defaultExpanded?: boolean;
+    /** Flag matches inside the arguments (risk review). */
+    requestHighlight?: SectionHighlight;
+    /** Flag matches inside the output (risk review). */
+    resultHighlight?: SectionHighlight;
+    /** 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;
     /** Additional class names */
     className?: string;
     /** MCP tool annotations */
@@ -66,6 +101,11 @@ interface ToolUISectionProps {
     highlightSyntax?: boolean;
     /** Language hint for syntax highlighting */
     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;
@@ -78,8 +118,17 @@ declare function SyntaxHighlightedCode({ text, language, className, }: {
     language?: BundledLanguage;
     className?: string;
 }): React.JSX.Element;
-declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, }: ToolUISectionProps): React.JSX.Element;
-declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, className, annotations, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): React.JSX.Element;
+declare namespace SyntaxHighlightedCode {
+    var displayName: string;
+}
+declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, highlight, searchActive, }: 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 namespace ToolUI {
+    var displayName: string;
+}
 interface ToolUIGroupProps {
     /** Title for the group header */
     title: string;
@@ -98,4 +147,4 @@ interface ToolUIGroupProps {
 }
 declare function ToolUIGroup({ title, icon, status, defaultExpanded, headerless, children, className, }: ToolUIGroupProps): React.JSX.Element;
 export { ToolUI, ToolUISection, ToolUIGroup, SyntaxHighlightedCode, StatusIndicator, CopyButton, };
-export type { ToolUIProps, ToolUISectionProps, ToolUIGroupProps, ToolStatus, ContentItem, };
+export type { ToolUIProps, ToolUISectionProps, ToolUIGroupProps, ToolStatus, ContentItem, SectionHighlight, SectionMatch, };

package/dist/elements.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bl5cH0sz.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.MessageContent=e.MessageContent;exports.PRESETS=e.PRESETS;exports.Replay=e.Replay;exports.ShareButton=e.ShareButton;exports.TimeRangePicker=e.TimeRangePicker;exports.ToolFallback=e.ToolFallback;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-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;
 //# sourceMappingURL=elements.cjs.map