@mastra/playground-ui 53.0.0-alpha.8 → 53.0.0

package/dist/src/domains/traces/hooks/index.d.ts

@@ -14,4 +14,4 @@ export { useServiceNames } from './use-service-names';
 export { useTraceSpanNavigation } from './use-trace-span-navigation';
 export { useTraceListNavigation } from './use-trace-list-navigation';
 export { useTraceUrlState, type UseTraceUrlStateResult, type UseTraceUrlStateOptions, type SetURLSearchParamsLike, } from './use-trace-url-state';
-export { useTraceFilterPersistence, type UseTraceFilterPersistenceResult, type TraceFilterPersistenceOptions, } from './use-trace-filter-persistence';
+export { useTraceFilterPersistence, type TraceFilterPersistenceOptions } from './use-trace-filter-persistence';

package/dist/src/domains/traces/hooks/use-trace-filter-persistence.d.ts

@@ -2,30 +2,17 @@ import { SetURLSearchParamsLike } from './use-trace-url-state';
 export interface TraceFilterPersistenceOptions {
     /** Override the localStorage key. Default: traces filters storage. */
     storageKey?: string;
-    /** Toast text overrides; pass `false` to suppress the toast entirely. */
-    messages?: {
-        saved?: string | false;
-        cleared?: string | false;
-    };
     /** Skip the once-on-mount hydration from localStorage. Default: false (hydration runs). */
     skipHydration?: boolean;
 }
-export interface UseTraceFilterPersistenceResult {
-    /** True when localStorage has a previously saved filter set. */
-    hasSavedFilters: boolean;
-    /** Persist the current URL filter params to localStorage. */
-    handleSave: () => void;
-    /** Forget the saved filter set. */
-    handleRemoveSaved: () => void;
-}
 /**
  * Owns the localStorage save/restore lifecycle for trace filters:
- * - tracks `hasSavedFilters`
- * - exposes `handleSave` / `handleRemoveSaved` (with toast feedback)
  * - hydrates the URL from saved filters once on mount, but only if the URL is filter-clean
  *   (so a shared link / direct nav with explicit filters wins over the saved set)
+ * - returns a `setSearchParams` wrapper that persists the resulting params as part of the
+ *   update itself; only relative date presets are kept (see `saveTraceFiltersToStorage`).
+ *   Route every filter mutation through the returned setter (e.g. hand it to `useTraceUrlState`).
  *
- * Pass `storageKey` to scope persistence (e.g. per-project). Pass `messages.{saved,cleared} = false`
- * to suppress the toast.
+ * Pass `storageKey` to scope persistence (e.g. per-entity).
  */
-export declare function useTraceFilterPersistence(searchParams: URLSearchParams, setSearchParams: SetURLSearchParamsLike, options?: TraceFilterPersistenceOptions): UseTraceFilterPersistenceResult;
+export declare function useTraceFilterPersistence(searchParams: URLSearchParams, setSearchParams: SetURLSearchParamsLike, options?: TraceFilterPersistenceOptions): SetURLSearchParamsLike;

package/dist/src/domains/traces/hooks/use-trace-spans.d.ts

@@ -207,7 +207,9 @@ export declare const traceSpansQueryOptions: (client: MastraClient, traceId: str
  * these spans -- `input`, `output` and `attributes` included -- so the
  * projection would only hide content the reader is looking at.
  */
-export declare function useTraceSpans(traceId: string | null | undefined): UseQueryResult<{
+export declare function useTraceSpans(traceId: string | null | undefined, { passive }?: {
+    passive?: boolean;
+}): UseQueryResult<{
     traceId: string;
     spans: SearchableSpan[];
 } | null>;

package/dist/src/domains/traces/trace-filters.d.ts

@@ -79,9 +79,10 @@ export declare const TRACE_PROPERTY_FILTER_PARAM_BY_FIELD: {
 export declare const TRACE_PROPERTY_FILTER_FIELD_IDS: Array<keyof typeof TRACE_PROPERTY_FILTER_PARAM_BY_FIELD>;
 export declare const TRACE_STATUS_VALUES: Set<TraceStatusFilter>;
 export declare const DEFAULT_TRACE_FILTERS_STORAGE_KEY = "mastra:traces:saved-filters";
-/** Serialize the filter-related URL params (date + rootEntityType + status +
- *  generic filterX set) to localStorage so the user can restore them on next
- *  visit. Throws no errors — storage being unavailable is fine. */
+/** Serialize the filter-related URL params (relative date preset + rootEntityType +
+ *  status + generic filterX set) to localStorage so the user can restore them on next
+ *  visit. A `custom` absolute range is never saved: it would be stale by the next visit.
+ *  An empty set clears the key. Throws no errors — storage being unavailable is fine. */
 export declare function saveTraceFiltersToStorage(params: URLSearchParams, storageKey?: string): void;
 /** Forget any previously saved filter set. Called from the "Remove filters"
  *  action so the next plain sidebar nav lands on an empty page. */

package/dist/src/domains/traces/utils/span-utils.d.ts

@@ -1,6 +1,8 @@
 import { SpanRecord } from '@mastra/core/storage';
 export declare function formatSpanDuration(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
 export declare function formatSpanDurationExact(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
+/** `X.XXX s`, matching the timeline timing column. */
+export declare function formatSpanDurationSeconds(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
 export declare function formatSpanTimestamp(value: Date | string | null | undefined): string | undefined;
 export declare function formatSpanTimestampExact(value: Date | string | null | undefined): string | undefined;
 export declare function formatSpanPanelTimestamp(value: Date | string | null | undefined): string | undefined;

package/dist/src/ds/components/ChatShell/chat-shell.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, ComponentPropsWithoutRef } from 'react';
 import { MessageScrollerButtonProps, MessageScrollerContentProps, MessageScrollerProviderProps, MessageScrollerViewportProps } from '../MessageScroller';
 export type ChatShellProps = ComponentPropsWithoutRef<'div'> & {
     scroller?: Omit<MessageScrollerProviderProps, 'children'>;
@@ -29,7 +29,24 @@ export declare function ChatShellViewport({ className, children, ...props }: Mes
 /** Scrolling content. The air above the composer belongs to the dock's fade band. */
 export declare function ChatShellContent({ className, ...props }: MessageScrollerContentProps): import("react").JSX.Element;
 /** The shared reading column. Every chat region must go through it. */
-export declare function ChatShellColumn({ className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export declare function ChatShellColumn({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export interface ChatShellTurnProps extends ComponentPropsWithoutRef<'div'> {
+    /** Opened by a user message: the turn reserves room and releases it through a slow drift. */
+    opensTurn?: boolean;
+    /** Holds the reply's share of the screen open under the live turn while the run answers. */
+    holdsRoom?: boolean;
+    /** Restored mid-run: the room is already due, so it opens with no transition. */
+    restored?: boolean;
+}
+/**
+ * One user turn and the reply under it. The room is the answer's share of the
+ * screen: the scroller parks the sent message exactly one room above the end of
+ * the box, so wherever the composer ends the message rests with this much space
+ * under it, and the scroller has nothing to follow until the answer outgrows it.
+ * A full screen parked the message against the very top; 70 leaves it breathing.
+ * Opening must outrun the scroller's trip; closing is the conversation settling.
+ */
+export declare function ChatShellTurn({ opensTurn, holdsRoom, restored, className, ...props }: ChatShellTurnProps): import("react").JSX.Element;
 /**
  * Composer region, sticky but left in flow: its own height reserves the room the
  * transcript scrolls behind, so nothing measures it and a composer growing under

package/dist/src/ds/components/ChatShell/index.d.ts

@@ -1,5 +1,5 @@
-import { ChatShellBar, ChatShellColumn, ChatShellContent, ChatShellDock, ChatShellRoot, ChatShellScrollButton, ChatShellStage, ChatShellViewport } from './chat-shell';
-export type { ChatShellProps } from './chat-shell';
+import { ChatShellBar, ChatShellColumn, ChatShellContent, ChatShellDock, ChatShellRoot, ChatShellScrollButton, ChatShellStage, ChatShellTurn, ChatShellViewport } from './chat-shell';
+export type { ChatShellProps, ChatShellTurnProps } from './chat-shell';
 export declare const ChatShell: typeof ChatShellRoot & {
     Bar: typeof ChatShellBar;
     Column: typeof ChatShellColumn;
@@ -7,5 +7,6 @@ export declare const ChatShell: typeof ChatShellRoot & {
     Dock: typeof ChatShellDock;
     ScrollButton: typeof ChatShellScrollButton;
     Stage: typeof ChatShellStage;
+    Turn: typeof ChatShellTurn;
     Viewport: typeof ChatShellViewport;
 };

package/dist/src/ds/components/Code/index.d.ts

@@ -1 +1,2 @@
 export * from './code';
+export * from './use-highlight';

package/dist/src/ds/components/Code/use-highlight.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { ThemedToken } from 'shiki/core';
+export interface Highlighted {
+    code: string;
+    lang: string;
+    tokens: ThemedToken[][];
+}
+/** Tokens land a pass behind the code, so the value may still describe the previous code. */
+export declare function useHighlight(code: string, lang: string | undefined): Highlighted | null;
+export declare function tokenStyle(token: ThemedToken): CSSProperties | undefined;

package/dist/src/ds/components/CodeDiff/code-diff.stories.d.ts

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof CodeDiff>;
 export default meta;
 type Story = StoryObj<typeof CodeDiff>;
 export declare const Default: Story;
+/** Removed key (toolMocks), added key (requestContext), changed values. */
+export declare const AddedRemovedChanged: Story;
 export declare const Identical: Story;
 export declare const CompletelyDifferent: Story;
 export declare const LargeDocument: Story;

package/dist/src/ds/components/CodeEditor/highlight.d.ts

@@ -1,2 +1,3 @@
 import { ThemedToken } from 'shiki/core';
 export declare function highlight(code: string, language: string): Promise<ThemedToken[][] | null>;
+export declare function languageForPath(path: string | undefined): string | undefined;

package/dist/src/ds/components/CodeEditor/index.d.ts

@@ -1,6 +1,6 @@
 export * from './code-editor';
 export { codeLanguages } from './code-languages';
-export { highlight } from './highlight';
+export { highlight, languageForPath } from './highlight';
 export { variableHighlight, VARIABLE_PATTERN } from './variable-highlight-extension';
 export { createVariableAutocomplete } from './variable-autocomplete-extension';
 export { flattenSchemaToVariables, type VariableCompletion } from './schema-to-variables';

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -11,7 +11,7 @@ export type ComboboxOption = {
 };
 type ComboboxSharedProps = {
     options: ComboboxOption[];
-    placeholder?: string;
+    placeholder?: React.ReactNode;
     searchPlaceholder?: string;
     emptyText?: string;
     className?: string;
@@ -23,6 +23,8 @@ type ComboboxSharedProps = {
     container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;
     error?: string;
     allowCustomValue?: boolean;
+    /** Called with the search input text as it changes (and with `''` after a single-mode selection resets it). */
+    onInputValueChange?: (value: string) => void;
 };
 export type ComboboxSingleProps = ComboboxSharedProps & {
     multiple?: false;

package/dist/src/ds/components/DataCodeSection/data-code-section.d.ts

@@ -1,3 +1,9 @@
+export interface DataCodeSectionDiff {
+    /** The other document to compare against. */
+    against: string;
+    /** `a` = this document is the "before" (changes in red), `b` = "after" (changes in green). */
+    side: 'a' | 'b';
+}
 export interface DataCodeSectionProps {
     title: React.ReactNode;
     dialogTitle?: React.ReactNode;
@@ -5,5 +11,7 @@ export interface DataCodeSectionProps {
     codeStr?: string;
     simplified?: boolean;
     className?: string;
+    /** Highlight lines that differ from another document. */
+    diff?: DataCodeSectionDiff;
 }
-export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, }: DataCodeSectionProps): import("react").JSX.Element | null;
+export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, diff, }: DataCodeSectionProps): import("react").JSX.Element | null;

package/dist/src/ds/components/DataCodeSection/index.d.ts

@@ -1 +1 @@
-export { DataCodeSection, type DataCodeSectionProps } from './data-code-section';
+export { DataCodeSection, type DataCodeSectionProps, type DataCodeSectionDiff } from './data-code-section';

package/dist/src/ds/components/Dialog/dialog-action.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Button, TextButtonSize } from '../Button';
+export type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {
+    size?: TextButtonSize;
+    onConfirm: () => void;
+    confirmation?: 'click' | 'hold';
+    holdSeconds?: number;
+};
+export declare const DialogAction: import('react').ForwardRefExoticComponent<Omit<DialogActionProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/ds/components/Dialog/dialog-context.d.ts

@@ -0,0 +1,16 @@
+export type DialogVariant = 'default' | 'new';
+export type DialogIntent = 'default' | 'destructive';
+export type DialogContextValue = {
+    variant: DialogVariant;
+    intent: DialogIntent;
+    pending: boolean;
+};
+export declare const DialogContext: import('react').Context<DialogContextValue>;
+export declare function useDialogContext(): DialogContextValue;
+export declare const dialogActionSizeClasses: {
+    readonly xs: "min-h-form-xs leading-ui-xs";
+    readonly sm: "min-h-form-sm leading-ui-sm";
+    readonly md: "min-h-form-md leading-ui-md";
+    readonly lg: "min-h-form-default leading-ui-md";
+};
+export declare const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";

package/dist/src/ds/components/Dialog/dialog-new-variant.stories.d.ts

@@ -0,0 +1,64 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TextButtonSize } from '../Button';
+declare function ConfirmationExample({ holdSeconds, buttonSize, intent, confirmation, title, description, actionLabel, cancelLabel, failFirst, longBody, }: {
+    holdSeconds?: number;
+    buttonSize?: TextButtonSize;
+    intent?: 'default' | 'destructive';
+    confirmation?: 'click' | 'hold';
+    title?: string;
+    description?: string;
+    actionLabel?: string;
+    cancelLabel?: string;
+    failFirst?: boolean;
+    longBody?: boolean;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof ConfirmationExample;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        holdSeconds: {
+            control: {
+                type: "number";
+                min: number;
+                step: number;
+            };
+        };
+        buttonSize: {
+            control: "inline-radio";
+            options: string[];
+        };
+        intent: {
+            control: "inline-radio";
+            options: string[];
+        };
+        confirmation: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        holdSeconds: number;
+        buttonSize: "md";
+        intent: "default";
+        confirmation: "click";
+        failFirst: false;
+        longBody: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Destructive: Story;
+export declare const PressAndHold: Story;
+export declare const LongTitleAndLabels: Story;
+export declare const ScrollingBody: Story;
+export declare const ErrorAndRetry: Story;
+export declare const WithForm: Story;

package/dist/src/ds/components/Dialog/dialog.d.ts

@@ -1,6 +1,14 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { DialogAction } from './dialog-action';
+import { DialogIntent, DialogVariant } from './dialog-context';
+import { TextButtonSize } from '../Button';
 import * as React from 'react';
-declare const Dialog: typeof DialogPrimitive.Root;
+export type DialogProps = DialogPrimitive.Root.Props & {
+    variant?: DialogVariant;
+    intent?: DialogIntent;
+    pending?: boolean;
+};
+declare function Dialog({ variant, intent, pending, onOpenChange, ...props }: DialogProps): React.JSX.Element;
 type DialogTriggerProps = DialogPrimitive.Trigger.Props & {
     /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */
     asChild?: boolean;
@@ -30,10 +38,7 @@ declare const DialogFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const DialogBody: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
+declare const DialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 type DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {
     className?: string;
 };
@@ -42,4 +47,8 @@ type DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className
     className?: string;
 };
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogBody, DialogTitle, DialogDescription, };
+type DialogCancelProps = DialogPrimitive.Close.Props & {
+    size?: TextButtonSize;
+};
+declare const DialogCancel: React.ForwardRefExoticComponent<Omit<DialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogBody, DialogTitle, DialogDescription, DialogCancel, DialogAction, };

package/dist/src/ds/components/Dialog/index.d.ts

@@ -1 +1,3 @@
 export * from './dialog';
+export type { DialogActionProps } from './dialog-action';
+export type { DialogIntent, DialogVariant } from './dialog-context';

package/dist/src/ds/components/HorizontalBars/horizontal-bars.stories.d.ts

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<typeof HorizontalBars>;
 export declare const Default: Story;
 export declare const Stacked: Story;
+/** Bright fills (yellow, orange, red) render at full opacity in dark mode; the label must stay readable on them. */
+export declare const BrightSegments: Story;

package/dist/src/ds/components/IntegrationDialog/__fixtures__/integrations-catalog.d.ts

@@ -0,0 +1,2 @@
+import { IntegrationDialogItem } from '../integration-dialog';
+export declare const integrationsCatalog: IntegrationDialogItem[];

package/dist/src/ds/components/IntegrationDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { IntegrationDialog } from './integration-dialog';
+export type { IntegrationDialogItem, IntegrationDialogProps } from './integration-dialog';

package/dist/src/ds/components/IntegrationDialog/integration-dialog.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { DialogProps } from '../Dialog';
+export type IntegrationDialogItem = {
+    id: string;
+    name: string;
+    logo?: ReactNode;
+    badge?: string;
+    meta?: string;
+    disabled?: boolean;
+};
+export type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    items: IntegrationDialogItem[];
+    onSelect: (item: IntegrationDialogItem) => void;
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    emptyMessage?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+};
+declare function IntegrationDialog({ title, description, items, onSelect, searchPlaceholder, searchLabel, emptyMessage, children, className, ...props }: IntegrationDialogProps): import("react").JSX.Element;
+declare namespace IntegrationDialog {
+    var Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTrigger.Props<unknown> & {
+        asChild?: boolean;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+}
+export { IntegrationDialog };

package/dist/src/ds/components/IntegrationDialog/integration-dialog.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+import { IntegrationDialogItem } from './integration-dialog';
+declare function Example({ items }: {
+    items?: IntegrationDialogItem[];
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof Example;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FewItems: Story;
+export declare const NoLogos: Story;
+export declare const DisabledItem: Story;
+export declare const Empty: Story;

package/dist/src/ds/components/ThreadRail/index.d.ts

@@ -1,2 +1,3 @@
 export * from './thread-rail';
 export * from './thread-rail-turns';
+export * from './turn-groups';

package/dist/src/ds/components/ThreadRail/turn-groups.d.ts

@@ -0,0 +1,19 @@
+/** A user's turn and everything the run produced under it. */
+export interface TurnGroup<T> {
+    key: string;
+    entries: T[];
+    /** Opened by a user message, so it reserves room and anchors the scroll. */
+    opensTurn: boolean;
+}
+export interface TurnRules<T> {
+    key: (entry: T) => string;
+    opensTurn: (entry: T) => boolean;
+    /** A marker that belongs above the turn it introduces but arrives after the previous one, so it moves down. */
+    introduces?: (entry: T) => boolean;
+}
+/**
+ * Cuts a timeline where the reader's attention moves: a user message starts a turn,
+ * and everything the run answers with belongs to it. Entries before the first opener
+ * form a turn of their own that opens nothing.
+ */
+export declare function groupTurns<T>(entries: T[], { key, opensTurn, introduces }: TurnRules<T>): TurnGroup<T>[];

package/dist/src/ds/components/ai/tool-call/ansi.d.ts

@@ -0,0 +1,2 @@
+export declare function stripAnsi(text: string): string;
+export declare function stripSerializedAnsi(text: string): string;

package/dist/src/ds/components/ai/tool-call/group-consecutive.d.ts

@@ -0,0 +1,17 @@
+export interface ConsecutiveGroups<T> {
+    /** Each run, keyed by its first member. */
+    byFirstKey: Map<string, T[]>;
+    /** The members after the first, which draw nothing of their own. */
+    memberKeys: Set<string>;
+}
+export interface ConsecutiveRules<T, U extends T> {
+    key: (item: U) => string;
+    /** Whether an item extends the run; anything else ends it. */
+    joins: (item: T) => item is U;
+    /** Runs shorter than this stay individual rows. */
+    min?: number;
+}
+/** Consecutive tool calls this long fold into one group row. */
+export declare const TOOL_GROUP_MIN = 3;
+/** Cuts a list into runs of joining items, keeping only the runs long enough to fold. */
+export declare function groupConsecutive<T, U extends T>(items: readonly T[], { key, joins, min }: ConsecutiveRules<T, U>): ConsecutiveGroups<U>;

package/dist/src/ds/components/ai/tool-call/index.d.ts

@@ -1,2 +1,6 @@
+export * from './ansi';
+export * from './group-consecutive';
 export * from './tool-call';
+export * from './tool-call-edit';
+export * from './tool-call-group';
 export * from './tool-presentation';

package/dist/src/ds/components/ai/tool-call/tool-call-edit.d.ts

@@ -0,0 +1,4 @@
+import { ToolEdit } from './tool-presentation';
+export declare function ToolCallEdit({ edit }: {
+    edit: ToolEdit;
+}): import("react").JSX.Element;

package/dist/src/ds/components/ai/tool-call/tool-call-group.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ToolCallStatus } from './tool-call';
+export interface ToolCallGroupStep {
+    toolName: string;
+    args: unknown;
+    status: ToolCallStatus;
+}
+export interface ToolCallGroupProps {
+    steps: ToolCallGroupStep[];
+    /** Rendered ahead of the icon, e.g. the time the first step began. */
+    leading?: ReactNode;
+    children: ReactNode;
+}
+export declare function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/tool-call/tool-call.d.ts

@@ -38,4 +38,8 @@ export interface ToolCallMonoProps extends ComponentProps<'pre'> {
 }
 /** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */
 export declare const ToolCallMono: ({ copyText, className, children, ...props }: ToolCallMonoProps) => import("react").JSX.Element;
+/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */
+export declare const ToolCallCommand: ({ command }: {
+    command: string;
+}) => import("react").JSX.Element;
 export type { ToolCallStatus };

package/dist/src/ds/components/ai/tool-call/tool-presentation.d.ts

@@ -10,3 +10,13 @@ export interface ToolPresentation {
 /** Tool arguments and results as the mono body shows them: strings verbatim, the rest pretty JSON. */
 export declare function stringifyToolValue(value: unknown): string;
 export declare function presentTool(toolName: string, args: unknown): ToolPresentation;
+export type ToolEdit = {
+    path?: string;
+} & ({
+    oldText: string;
+    newText: string;
+} | {
+    content: string;
+});
+export declare function toolEdit(toolName: string, args: unknown): ToolEdit | undefined;
+export declare function isTaskTool(toolName: string): boolean;