@steerable/agent-ui 0.2.3 → 0.2.4

package/dist/cards/ResearchPlanCard.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GitBranchIcon, ListChecksIcon } from './icons.js';
+const KIND_LABELS = {
+    fact: '事实',
+    compare: '对比',
+    conclusion: '结论',
+    risk: '风险',
+};
+const STATUS_LABELS = {
+    pending: '待开始',
+    searching: '检索中',
+    evidenced_strong: '强证据',
+    evidenced_medium: '中证据',
+    evidenced_weak: '弱证据',
+    conflicted: '证据冲突',
+    exhausted: '已穷尽',
+};
+const STATUS_COLOR = {
+    pending: 'bg-[var(--agent-muted,#f3f4f6)] text-[var(--agent-muted-foreground,#6b7280)]',
+    searching: 'bg-[var(--agent-muted,#f3f4f6)] text-[var(--agent-muted-foreground,#6b7280)]',
+    evidenced_strong: 'bg-green-500/15 text-green-700 dark:text-green-400',
+    evidenced_medium: 'bg-blue-500/15 text-blue-700 dark:text-blue-400',
+    evidenced_weak: 'bg-amber-500/15 text-amber-700 dark:text-amber-400',
+    conflicted: 'bg-red-500/15 text-red-700 dark:text-red-400',
+    exhausted: 'bg-zinc-500/15 text-zinc-700 dark:text-zinc-400',
+};
+const DECISION_LABEL = {
+    continue: '继续深挖',
+    expand: '横向扩展',
+    converge: '进入收敛',
+};
+export const ResearchPlanCard = ({ payload, totalRounds = 3, className, }) => {
+    const subQuestions = payload.subQuestions ?? [];
+    const round = Math.max(0, Math.min(totalRounds, payload.round ?? 0));
+    const progressPercent = totalRounds > 0
+        ? Math.max(0, Math.min(100, (round / totalRounds) * 100))
+        : 0;
+    const decisionLabel = payload.decision &&
+        DECISION_LABEL[payload.decision.next];
+    return (_jsx("div", { className: [
+            'steerable-research-plan rounded-lg border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-card-bg,#fff)] text-sm text-[var(--agent-foreground,#111827)]',
+            className,
+        ].filter(Boolean).join(' '), children: _jsxs("div", { className: "space-y-3 p-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(GitBranchIcon, { size: 14, className: "shrink-0 text-blue-500" }), _jsx("span", { className: "truncate text-sm font-medium", children: payload.topic })] }), _jsxs("div", { className: "inline-flex shrink-0 items-center gap-1", children: [_jsxs("span", { className: "rounded-full bg-[var(--agent-muted,#f3f4f6)] px-2 py-0.5 text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: ["\u7B2C ", round, "/", totalRounds, " \u8F6E"] }), payload.final && (_jsx("span", { className: "rounded-full bg-green-500/15 px-2 py-0.5 text-xs text-green-700 dark:text-green-400", children: "\u5DF2\u6536\u655B" }))] })] }), _jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-[var(--agent-muted,#f3f4f6)]", children: _jsx("div", { className: "h-full bg-blue-500 transition-all duration-200", style: { width: `${progressPercent}%` } }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(ListChecksIcon, { size: 14, className: "text-blue-500" }), "\u5B50\u95EE\u9898\u72B6\u6001"] }), _jsx("div", { className: "space-y-2", children: subQuestions.map((q) => {
+                                const kind = (q.kind ?? 'fact');
+                                const status = (q.status ?? 'pending');
+                                return (_jsxs("div", { className: "rounded-md border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-card-bg,#fff)] p-2.5", children: [_jsxs("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "rounded-full bg-[var(--agent-muted,#f3f4f6)] px-1.5 py-0.5 text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: KIND_LABELS[kind] ?? kind }), _jsx("span", { className: `rounded-full px-1.5 py-0.5 text-xs ${STATUS_COLOR[status]}`, children: STATUS_LABELS[status] ?? status }), _jsxs("span", { className: "text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: ["\u8BC1\u636E ", q.evidenceCount ?? 0] })] }), _jsx("div", { className: "text-sm", children: q.question }), q.note && (_jsx("div", { className: "mt-1 whitespace-pre-wrap text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: q.note }))] }, q.id));
+                            }) })] }), payload.decision && (_jsxs("div", { className: "rounded-md border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-muted,#f3f4f6)]/40 px-2.5 py-2", children: [_jsx("div", { className: "text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: "\u4E0B\u4E00\u6B65\u51B3\u7B56" }), _jsx("div", { className: "text-sm font-medium", children: decisionLabel ?? payload.decision.next }), payload.decision.reason && (_jsx("div", { className: "mt-0.5 whitespace-pre-wrap text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: payload.decision.reason }))] }))] }) }));
+};
+export default ResearchPlanCard;
+//# sourceMappingURL=ResearchPlanCard.js.map

package/dist/cards/ResearchPlanCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResearchPlanCard.js","sourceRoot":"","sources":["../../src/cards/ResearchPlanCard.tsx"],"names":[],"mappings":"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"}

package/dist/cards/SearchSourcesCard.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `<SearchSourcesCard />`
+ *
+ * Renders a row of stacked favicons summarising the web sources an agent
+ * consulted, plus an expandable detail panel listing each `(title, domain,
+ * snippet)` triple.
+ *
+ * Appearance variants:
+ *  - `card` (default): bordered card chrome with a divided expanded list.
+ *  - `inline`: no chrome around the trigger; expanded items use a borderless
+ *    `:hover` background. Matches the deeppath "above the input" aesthetic.
+ *
+ * Slots:
+ *  - `renderSummary(count, more)` -- replace the default "{count} 个来源" label.
+ *  - `faviconUrlFor(url)` -- replace the default favicon resolver.
+ */
+import * as React from 'react';
+import type { SearchSourcesPayload } from '@steerable/agent-protocol';
+export type SearchSourcesCardAppearance = 'card' | 'inline';
+export interface SearchSourcesCardProps {
+    payload: SearchSourcesPayload;
+    className?: string;
+    appearance?: SearchSourcesCardAppearance;
+    faviconUrlFor?: (url: string) => string | null;
+    renderSummary?: (uniqueCount: number, overflowCount: number) => React.ReactNode;
+}
+export declare const SearchSourcesCard: React.FC<SearchSourcesCardProps>;
+export default SearchSourcesCard;
+//# sourceMappingURL=SearchSourcesCard.d.ts.map

package/dist/cards/SearchSourcesCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSourcesCard.d.ts","sourceRoot":"","sources":["../../src/cards/SearchSourcesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGtE,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjF;AAqDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgK9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cards/SearchSourcesCard.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<SearchSourcesCard />`
+ *
+ * Renders a row of stacked favicons summarising the web sources an agent
+ * consulted, plus an expandable detail panel listing each `(title, domain,
+ * snippet)` triple.
+ *
+ * Appearance variants:
+ *  - `card` (default): bordered card chrome with a divided expanded list.
+ *  - `inline`: no chrome around the trigger; expanded items use a borderless
+ *    `:hover` background. Matches the deeppath "above the input" aesthetic.
+ *
+ * Slots:
+ *  - `renderSummary(count, more)` -- replace the default "{count} 个来源" label.
+ *  - `faviconUrlFor(url)` -- replace the default favicon resolver.
+ */
+import * as React from 'react';
+import { GlobeIcon, ChevronDownIcon, ExternalLinkIcon } from './icons.js';
+const MAX_STACKED = 5;
+function extractDomain(url) {
+    try {
+        return new URL(url).hostname.replace(/^www\./, '');
+    }
+    catch {
+        return url;
+    }
+}
+function defaultFaviconUrl(url) {
+    try {
+        const host = new URL(url).hostname;
+        return `https://www.google.com/s2/favicons?sz=64&domain=${host}`;
+    }
+    catch {
+        return null;
+    }
+}
+function FaviconCircle({ src, size = 18 }) {
+    const [failed, setFailed] = React.useState(false);
+    const showFallback = !src || failed;
+    if (showFallback) {
+        return (_jsx("span", { className: "inline-flex items-center justify-center rounded-full border-2 border-[var(--agent-background,#fff)] bg-[var(--agent-muted,#f3f4f6)]", style: { width: size, height: size }, children: _jsx(GlobeIcon, { size: Math.round(size * 0.55), className: "text-[var(--agent-muted-foreground,#6b7280)]" }) }));
+    }
+    return (_jsx("img", { src: src, alt: "", width: size, height: size, className: "rounded-full border-2 border-[var(--agent-background,#fff)] bg-[var(--agent-background,#fff)] object-cover", style: { width: size, height: size }, loading: "lazy", onError: () => setFailed(true) }));
+}
+export const SearchSourcesCard = ({ payload, className, appearance = 'card', faviconUrlFor = defaultFaviconUrl, renderSummary, }) => {
+    const [expanded, setExpanded] = React.useState(false);
+    const sources = payload.sources ?? [];
+    const unique = React.useMemo(() => {
+        const seen = new Set();
+        return sources.filter((s) => {
+            if (!s?.url || seen.has(s.url))
+                return false;
+            seen.add(s.url);
+            return true;
+        });
+    }, [sources]);
+    if (unique.length === 0)
+        return null;
+    const stacked = unique.slice(0, MAX_STACKED);
+    const more = unique.length - stacked.length;
+    const isCard = appearance === 'card';
+    const summaryLabel = renderSummary
+        ? renderSummary(unique.length, more)
+        : isCard
+            ? _jsxs(_Fragment, { children: [unique.length, " \u4E2A\u6765\u6E90", more > 0 ? `（+${more}）` : ''] })
+            : _jsxs(_Fragment, { children: ["\u641C\u7D22\u4E86 ", unique.length, " \u4E2A\u7F51\u7AD9"] });
+    return (_jsxs("div", { className: [
+            'steerable-search-sources',
+            isCard
+                ? 'rounded-lg border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-card-bg,#fff)]'
+                : '',
+            className,
+        ].filter(Boolean).join(' '), children: [_jsxs("button", { type: "button", onClick: () => setExpanded((v) => !v), className: isCard
+                    ? 'flex w-full items-center justify-between gap-2 px-3 py-2 text-left'
+                    : 'group flex items-center gap-2 rounded-md py-1 text-sm text-[var(--agent-muted-foreground,#6b7280)] transition-colors duration-150 hover:text-[var(--agent-foreground,#111827)]', children: [_jsx("span", { className: isCard ? 'flex items-center gap-2' : 'flex items-center', children: isCard ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex -space-x-2", children: stacked.map((s, idx) => (_jsx(FaviconCircle, { src: s.favicon ?? faviconUrlFor(s.url) }, `${idx}-${s.url}`))) }), _jsx("span", { className: "text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: summaryLabel })] })) : (_jsx(_Fragment, { children: _jsxs("span", { className: "flex", style: { paddingLeft: 0 }, children: [stacked.map((s, i) => (_jsx("span", { className: "inline-block", style: { marginLeft: i === 0 ? 0 : -6, zIndex: MAX_STACKED - i }, children: _jsx(FaviconCircle, { src: s.favicon ?? faviconUrlFor(s.url) }) }, `${i}-${s.url}`))), more > 0 && (_jsxs("span", { className: "inline-flex items-center justify-center rounded-full border-2 border-[var(--agent-background,#fff)] bg-[var(--agent-muted,#f3f4f6)] text-[10px] font-medium text-[var(--agent-muted-foreground,#6b7280)]", style: { width: 18, height: 18, marginLeft: -6, zIndex: 0 }, children: ["+", more] }))] }) })) }), !isCard && _jsx("span", { className: "ml-2", children: summaryLabel }), _jsx(ChevronDownIcon, { size: isCard ? 14 : 14, className: [
+                            isCard ? 'text-[var(--agent-muted-foreground,#6b7280)]' : 'h-3.5 w-3.5',
+                            'transition-transform duration-200',
+                            expanded ? 'rotate-180' : '',
+                        ].filter(Boolean).join(' ') })] }), expanded && (isCard ? (_jsx("ul", { className: "divide-y divide-[var(--agent-border,#e5e7eb)] border-t border-[var(--agent-border,#e5e7eb)]", children: unique.map((s, idx) => (_jsx("li", { className: "px-3 py-2 text-sm", children: _jsxs("a", { href: s.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-start gap-2 text-[var(--agent-foreground,#111827)] hover:underline", children: [_jsx(FaviconCircle, { src: s.favicon ?? faviconUrlFor(s.url), size: 16 }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: s.title || extractDomain(s.url) }), _jsx("span", { className: "block truncate text-xs text-[var(--agent-muted-foreground,#6b7280)]", children: extractDomain(s.url) }), s.snippet && (_jsx("span", { className: "mt-1 block text-xs text-[var(--agent-muted-foreground,#6b7280)] line-clamp-2", children: s.snippet }))] }), _jsx(ExternalLinkIcon, { size: 12, className: "mt-1 flex-shrink-0 text-[var(--agent-muted-foreground,#6b7280)]" })] }) }, `${idx}-${s.url}`))) })) : (_jsx("div", { className: "mt-1.5 flex flex-col gap-0.5", children: unique.map((s, idx) => (_jsxs("a", { href: s.url, target: "_blank", rel: "noopener noreferrer", className: "group/item flex items-center gap-2.5 rounded-md px-2 py-1.5 transition-colors duration-150 hover:bg-[var(--agent-muted,#f3f4f6)]", children: [_jsx(FaviconCircle, { src: s.favicon ?? faviconUrlFor(s.url), size: 16 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-xs text-[var(--agent-foreground,#111827)]", children: s.title || extractDomain(s.url) }), _jsx("div", { className: "truncate text-[11px] text-[var(--agent-muted-foreground,#6b7280)]", children: extractDomain(s.url) })] }), _jsx(ExternalLinkIcon, { size: 12, className: "shrink-0 text-[var(--agent-muted-foreground,#6b7280)] opacity-0 transition-opacity group-hover/item:opacity-100" })] }, `${idx}-${s.url}`))) })))] }));
+};
+export default SearchSourcesCard;
+//# sourceMappingURL=SearchSourcesCard.js.map

package/dist/cards/SearchSourcesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSourcesCard.js","sourceRoot":"","sources":["../../src/cards/SearchSourcesCard.tsx"],"names":[],"mappings":"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"}

package/dist/cards/SuggestedRepliesCard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * `<SuggestedRepliesCard />`
+ *
+ * Quick-reply chips rendered below the composer. The card is pure presentation:
+ * the parent decides where to mount it and what `onSelect` does (typically:
+ * push the chosen text into the composer and submit).
+ */
+import * as React from 'react';
+import type { SuggestedRepliesPayload } from '@steerable/agent-protocol';
+export interface SuggestedRepliesCardProps {
+    payload: SuggestedRepliesPayload;
+    onSelect: (text: string) => void;
+    className?: string;
+    buttonClassName?: string;
+}
+export declare const SuggestedRepliesCard: React.FC<SuggestedRepliesCardProps>;
+export default SuggestedRepliesCard;
+//# sourceMappingURL=SuggestedRepliesCard.d.ts.map

package/dist/cards/SuggestedRepliesCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedRepliesCard.d.ts","sourceRoot":"","sources":["../../src/cards/SuggestedRepliesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,uBAAuB,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA4BpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/cards/SuggestedRepliesCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SuggestedRepliesCard = ({ payload, onSelect, className, buttonClassName, }) => {
+    const suggestions = payload.suggestions ?? [];
+    if (suggestions.length === 0)
+        return null;
+    return (_jsx("div", { className: ['steerable-suggested-replies flex flex-wrap gap-2 py-2', className].filter(Boolean).join(' '), children: suggestions.map((text, idx) => (_jsx("button", { type: "button", onClick: () => onSelect(text), className: [
+                'rounded-full border px-3 py-1.5 text-sm transition-colors duration-150',
+                'border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-card-bg,#f9fafb)]',
+                'text-[var(--agent-foreground,#111827)] hover:bg-[var(--agent-accent,#e5e7eb)]',
+                buttonClassName,
+            ].filter(Boolean).join(' '), children: text }, `${idx}-${text}`))) }));
+};
+export default SuggestedRepliesCard;
+//# sourceMappingURL=SuggestedRepliesCard.js.map

package/dist/cards/SuggestedRepliesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedRepliesCard.js","sourceRoot":"","sources":["../../src/cards/SuggestedRepliesCard.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;IAC9C,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1C,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,uDAAuD,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAC3G,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9B,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAE;gBACT,wEAAwE;gBACxE,wEAAwE;gBACxE,+EAA+E;gBAC/E,eAAe;aAChB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAE1B,IAAI,IAVA,GAAG,GAAG,IAAI,IAAI,EAAE,CAWd,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/cards/SummaryMessageCard.d.ts

@@ -0,0 +1,40 @@
+/**
+ * `<SummaryMessageCard />`
+ *
+ * Compact summary of N previous messages (e.g. history compaction). Collapsed
+ * by default so it doesn't dominate the chat scrollback.
+ *
+ * Appearance variants:
+ *  - `card` (default): bordered chrome.
+ *  - `inline`: a small pill button + indented body block below. Matches the
+ *    deeppath "above the input" aesthetic.
+ *
+ * Slots:
+ *  - `renderMarkdown(body)` -- supply your own markdown renderer.
+ *  - `renderLabel({ isPending, count })` -- replace the trigger label.
+ *  - `renderToggle({ expanded, canToggle })` -- replace the toggle chevron + text.
+ */
+import * as React from 'react';
+import type { SummaryMessagePayload } from '@steerable/agent-protocol';
+import { type RenderSlotResult } from './types.js';
+export type SummaryMessageCardAppearance = 'card' | 'inline';
+export interface SummaryMessageLabelArgs {
+    isPending: boolean;
+    count: number | null;
+}
+export interface SummaryMessageToggleArgs {
+    expanded: boolean;
+    canToggle: boolean;
+}
+export interface SummaryMessageCardProps {
+    payload: SummaryMessagePayload;
+    renderMarkdown?: (body: string) => RenderSlotResult;
+    renderLabel?: (args: SummaryMessageLabelArgs) => RenderSlotResult;
+    renderToggle?: (args: SummaryMessageToggleArgs) => RenderSlotResult;
+    appearance?: SummaryMessageCardAppearance;
+    className?: string;
+    defaultExpanded?: boolean;
+}
+export declare const SummaryMessageCard: React.FC<SummaryMessageCardProps>;
+export default SummaryMessageCard;
+//# sourceMappingURL=SummaryMessageCard.d.ts.map

package/dist/cards/SummaryMessageCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryMessageCard.d.ts","sourceRoot":"","sources":["../../src/cards/SummaryMessageCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,MAAM,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,gBAAgB,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmGhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cards/SummaryMessageCard.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<SummaryMessageCard />`
+ *
+ * Compact summary of N previous messages (e.g. history compaction). Collapsed
+ * by default so it doesn't dominate the chat scrollback.
+ *
+ * Appearance variants:
+ *  - `card` (default): bordered chrome.
+ *  - `inline`: a small pill button + indented body block below. Matches the
+ *    deeppath "above the input" aesthetic.
+ *
+ * Slots:
+ *  - `renderMarkdown(body)` -- supply your own markdown renderer.
+ *  - `renderLabel({ isPending, count })` -- replace the trigger label.
+ *  - `renderToggle({ expanded, canToggle })` -- replace the toggle chevron + text.
+ */
+import * as React from 'react';
+import { ArchiveIcon, ChevronDownIcon, ChevronRightIcon, LoaderIcon } from './icons.js';
+import { asReactNode } from './types.js';
+export const SummaryMessageCard = ({ payload, renderMarkdown, renderLabel, renderToggle, appearance = 'card', className, defaultExpanded = false, }) => {
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const isPending = payload.status === 'pending';
+    const count = typeof payload.summarizedCount === 'number' && payload.summarizedCount > 0
+        ? payload.summarizedCount
+        : null;
+    const hasBody = Boolean(payload.body && payload.body.trim());
+    const canToggle = !isPending && hasBody;
+    const defaultLabel = isPending
+        ? '总结中…'
+        : `历史摘要${count ? `（${count} 条消息）` : ''}`;
+    const labelNode = renderLabel
+        ? asReactNode(renderLabel({ isPending, count }))
+        : defaultLabel;
+    const defaultToggle = expanded
+        ? _jsx(ChevronDownIcon, { size: 12 })
+        : _jsx(ChevronRightIcon, { size: 12 });
+    const toggleNode = renderToggle
+        ? asReactNode(renderToggle({ expanded, canToggle }))
+        : defaultToggle;
+    const body = expanded && canToggle ? (renderMarkdown ? (asReactNode(renderMarkdown(payload.body))) : (_jsx("pre", { className: "whitespace-pre-wrap break-words font-sans", children: payload.body }))) : null;
+    if (appearance === 'inline') {
+        return (_jsxs("div", { className: ['steerable-summary-message', className].filter(Boolean).join(' '), children: [_jsxs("button", { type: "button", onClick: () => canToggle && setExpanded((v) => !v), disabled: !canToggle, className: [
+                        'group inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-[11px] leading-none text-[var(--agent-muted-foreground,#6b7280)] transition-colors',
+                        canToggle
+                            ? 'cursor-pointer hover:bg-[var(--agent-muted,#f3f4f6)] hover:text-[var(--agent-foreground,#111827)]'
+                            : 'cursor-default',
+                    ].join(' '), children: [isPending ? (_jsx(LoaderIcon, { size: 12, className: "animate-spin" })) : (_jsx(ArchiveIcon, { size: 12 })), _jsx("span", { children: labelNode }), canToggle && (_jsx("span", { className: "inline-flex items-center gap-0.5 opacity-60 group-hover:opacity-100", children: toggleNode }))] }), body && (_jsx("div", { className: "ml-3 mt-1.5 rounded-md border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-muted,#f3f4f6)]/30 px-3 py-2 text-[12px] leading-relaxed text-[var(--agent-muted-foreground,#6b7280)]", children: body }))] }));
+    }
+    return (_jsxs("div", { className: [
+            'steerable-summary-message rounded-lg border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-muted,#f3f4f6)]/40 text-xs',
+            className,
+        ].filter(Boolean).join(' '), children: [_jsxs("button", { type: "button", onClick: () => canToggle && setExpanded((v) => !v), disabled: !canToggle, className: "flex w-full items-center gap-2 px-3 py-2 text-left text-[var(--agent-muted-foreground,#6b7280)]", children: [isPending ? _jsx(LoaderIcon, { size: 12 }) : _jsx(ArchiveIcon, { size: 12 }), _jsx("span", { children: labelNode }), canToggle && _jsx("span", { className: "ml-auto", children: toggleNode })] }), body && (_jsx("div", { className: "border-t border-[var(--agent-border,#e5e7eb)] px-3 py-2 text-[var(--agent-foreground,#111827)]", children: body }))] }));
+};
+export default SummaryMessageCard;
+//# sourceMappingURL=SummaryMessageCard.js.map

package/dist/cards/SummaryMessageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryMessageCard.js","sourceRoot":"","sources":["../../src/cards/SummaryMessageCard.tsx"],"names":[],"mappings":"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"}

package/dist/cards/ThinkingProcessCard.d.ts

@@ -0,0 +1,46 @@
+/**
+ * `<ThinkingProcessCard />`
+ *
+ * Collapsible chain-of-thought panel.
+ *
+ * Behaviour switches:
+ *  - `isStreaming` paints the card with a soft pulsing border to convey
+ *    "thoughts still arriving".
+ *  - `autoExpandWhileStreaming` opens the panel automatically when streaming
+ *    starts; `autoCollapseOnComplete` closes it once streaming finishes.
+ *  - Controlled mode: pass `expanded` + `onExpandedChange` to delegate the
+ *    open/close state (used by host apps that persist expansion in a
+ *    context like deeppath's `MessageListContext`).
+ *
+ * Slots:
+ *  - `renderMarkdown(body)`: replace the default `<pre>` body renderer.
+ *  - `renderLabel({ isStreaming, isExpanded })`: replace the trigger label
+ *    (deeppath uses "正在思考：...", "思考过程", "下一步推理"... variants).
+ *  - `renderStreamingFooter`: extra content rendered below the body while
+ *    streaming (deeppath shows a pulsing "思考中..." line).
+ *  - `bodyClassName` overrides default compact body typography.
+ */
+import * as React from 'react';
+import type { ThinkingProcessPayload } from '@steerable/agent-protocol';
+import { type RenderSlotResult } from './types.js';
+export interface ThinkingProcessLabelArgs {
+    isStreaming: boolean;
+    isExpanded: boolean;
+}
+export interface ThinkingProcessCardProps {
+    payload: ThinkingProcessPayload;
+    renderMarkdown?: (body: string) => RenderSlotResult;
+    renderLabel?: (args: ThinkingProcessLabelArgs) => RenderSlotResult;
+    renderStreamingFooter?: () => RenderSlotResult;
+    className?: string;
+    bodyClassName?: string;
+    isStreaming?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (next: boolean) => void;
+    autoExpandWhileStreaming?: boolean;
+    autoCollapseOnComplete?: boolean;
+    durationMs?: number | null;
+}
+export declare const ThinkingProcessCard: React.FC<ThinkingProcessCardProps>;
+export default ThinkingProcessCard;
+//# sourceMappingURL=ThinkingProcessCard.d.ts.map

package/dist/cards/ThinkingProcessCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingProcessCard.d.ts","sourceRoot":"","sources":["../../src/cards/ThinkingProcessCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,sBAAsB,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,gBAAgB,CAAC;IACnE,qBAAqB,CAAC,EAAE,MAAM,gBAAgB,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAOD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoGlE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/cards/ThinkingProcessCard.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<ThinkingProcessCard />`
+ *
+ * Collapsible chain-of-thought panel.
+ *
+ * Behaviour switches:
+ *  - `isStreaming` paints the card with a soft pulsing border to convey
+ *    "thoughts still arriving".
+ *  - `autoExpandWhileStreaming` opens the panel automatically when streaming
+ *    starts; `autoCollapseOnComplete` closes it once streaming finishes.
+ *  - Controlled mode: pass `expanded` + `onExpandedChange` to delegate the
+ *    open/close state (used by host apps that persist expansion in a
+ *    context like deeppath's `MessageListContext`).
+ *
+ * Slots:
+ *  - `renderMarkdown(body)`: replace the default `<pre>` body renderer.
+ *  - `renderLabel({ isStreaming, isExpanded })`: replace the trigger label
+ *    (deeppath uses "正在思考：...", "思考过程", "下一步推理"... variants).
+ *  - `renderStreamingFooter`: extra content rendered below the body while
+ *    streaming (deeppath shows a pulsing "思考中..." line).
+ *  - `bodyClassName` overrides default compact body typography.
+ */
+import * as React from 'react';
+import { ChevronDownIcon, ChevronRightIcon } from './icons.js';
+import { asReactNode } from './types.js';
+function formatDuration(ms) {
+    if (!ms || ms <= 0)
+        return null;
+    return `${(ms / 1000).toFixed(1)}秒`;
+}
+export const ThinkingProcessCard = ({ payload, renderMarkdown, renderLabel, renderStreamingFooter, className, bodyClassName, isStreaming = false, expanded: expandedProp, onExpandedChange, autoExpandWhileStreaming = false, autoCollapseOnComplete = false, durationMs = null, }) => {
+    const isControlled = expandedProp !== undefined;
+    const [internalExpanded, setInternalExpanded] = React.useState(Boolean(payload.defaultExpanded));
+    const expanded = isControlled ? Boolean(expandedProp) : internalExpanded;
+    const setExpanded = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalExpanded(next);
+        onExpandedChange?.(next);
+    }, [isControlled, onExpandedChange]);
+    const prevStreamingRef = React.useRef(isStreaming);
+    React.useEffect(() => {
+        const wasStreaming = prevStreamingRef.current;
+        if (autoExpandWhileStreaming && isStreaming && !expanded && payload.body?.trim()) {
+            setExpanded(true);
+        }
+        if (autoCollapseOnComplete && wasStreaming && !isStreaming && expanded) {
+            setExpanded(false);
+        }
+        prevStreamingRef.current = isStreaming;
+    }, [
+        isStreaming,
+        expanded,
+        autoExpandWhileStreaming,
+        autoCollapseOnComplete,
+        payload.body,
+        setExpanded,
+    ]);
+    const showBody = expanded || (isStreaming && Boolean(payload.body));
+    const duration = formatDuration(durationMs);
+    const defaultLabel = isStreaming ? '正在思考...' : '思考过程';
+    const labelNode = renderLabel
+        ? asReactNode(renderLabel({ isStreaming, isExpanded: expanded }))
+        : defaultLabel;
+    const defaultBodyClasses = 'whitespace-pre-wrap break-words font-sans text-xs leading-relaxed text-[var(--agent-muted-foreground,#6b7280)]';
+    return (_jsxs("div", { className: ['steerable-thinking-process', className].filter(Boolean).join(' '), children: [_jsxs("button", { type: "button", onClick: () => setExpanded(!expanded), className: [
+                    'flex items-center gap-1 text-xs transition-colors duration-200',
+                    isStreaming
+                        ? 'font-medium text-[var(--agent-foreground,#111827)]'
+                        : 'text-[var(--agent-muted-foreground,#6b7280)] hover:text-[var(--agent-foreground,#111827)]',
+                ].join(' '), children: [expanded ? _jsx(ChevronDownIcon, { size: 14 }) : _jsx(ChevronRightIcon, { size: 14 }), _jsx("span", { children: labelNode }), duration && !isStreaming && (_jsxs("span", { className: "ml-1 text-[var(--agent-muted-foreground,#6b7280)]", children: ["(", duration, ")"] })), isStreaming && !expanded && (_jsx("span", { "aria-hidden": true, className: "ml-1 inline-block h-1.5 w-1.5 animate-pulse rounded-full bg-[var(--agent-muted-foreground,#6b7280)]" }))] }), showBody && (_jsxs("div", { className: [
+                    'mt-1 overflow-hidden rounded-lg border p-3',
+                    isStreaming
+                        ? 'border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-muted,#f3f4f6)]/30 shadow-sm animate-pulse'
+                        : 'border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-muted,#f3f4f6)]/30',
+                ].join(' '), children: [_jsx("div", { className: bodyClassName ?? defaultBodyClasses, children: renderMarkdown ? asReactNode(renderMarkdown(payload.body)) : payload.body }), isStreaming && renderStreamingFooter && (_jsx("div", { className: "mt-2", children: asReactNode(renderStreamingFooter()) }))] }))] }));
+};
+export default ThinkingProcessCard;
+//# sourceMappingURL=ThinkingProcessCard.js.map

package/dist/cards/ThinkingProcessCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingProcessCard.js","sourceRoot":"","sources":["../../src/cards/ThinkingProcessCard.tsx"],"names":[],"mappings":"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"}

package/dist/cards/ToolExecutionCard.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `<ToolExecutionCard />`
+ *
+ * Unified renderer for a single tool / action invocation. Replaces both
+ * deeppath's ActionSegment inline strip and deeppath-agent's
+ * ExecutedActionsCard: one row per call with status / duration / expandable
+ * args + output JSON. The optional `renderArgs` / `renderOutput` slots let an
+ * app substitute a custom JSON viewer or rich payload renderer.
+ */
+import * as React from 'react';
+import type { ToolExecutionPayload } from '@steerable/agent-protocol';
+export interface ToolExecutionCardProps {
+    payload: ToolExecutionPayload;
+    className?: string;
+    defaultExpanded?: boolean;
+    renderArgs?: (args: unknown) => React.ReactNode;
+    renderOutput?: (output: unknown) => React.ReactNode;
+}
+export declare const ToolExecutionCard: React.FC<ToolExecutionCardProps>;
+export default ToolExecutionCard;
+//# sourceMappingURL=ToolExecutionCard.d.ts.map

package/dist/cards/ToolExecutionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolExecutionCard.d.ts","sourceRoot":"","sources":["../../src/cards/ToolExecutionCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AA8BtE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAiCD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsE9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cards/ToolExecutionCard.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<ToolExecutionCard />`
+ *
+ * Unified renderer for a single tool / action invocation. Replaces both
+ * deeppath's ActionSegment inline strip and deeppath-agent's
+ * ExecutedActionsCard: one row per call with status / duration / expandable
+ * args + output JSON. The optional `renderArgs` / `renderOutput` slots let an
+ * app substitute a custom JSON viewer or rich payload renderer.
+ */
+import * as React from 'react';
+import { CheckIcon, LoaderIcon, AlertIcon, ZapIcon, ChevronDownIcon, ChevronRightIcon, PlayIcon, StopIcon, } from './icons.js';
+const STATUS_LABEL = {
+    pending: '待执行',
+    running: '执行中',
+    succeeded: '已完成',
+    failed: '失败',
+    cancelled: '已取消',
+};
+const STATUS_TONE = {
+    pending: 'text-[var(--agent-muted-foreground,#6b7280)]',
+    running: 'text-amber-600',
+    succeeded: 'text-emerald-600',
+    failed: 'text-rose-600',
+    cancelled: 'text-[var(--agent-muted-foreground,#9ca3af)]',
+};
+function StatusIcon({ status }) {
+    const cls = STATUS_TONE[status];
+    switch (status) {
+        case 'running':
+            return _jsx(LoaderIcon, { size: 12, className: cls });
+        case 'succeeded':
+            return _jsx(CheckIcon, { size: 12, className: cls });
+        case 'failed':
+            return _jsx(AlertIcon, { size: 12, className: cls });
+        case 'cancelled':
+            return _jsx(StopIcon, { size: 12, className: cls });
+        default:
+            return _jsx(PlayIcon, { size: 12, className: cls });
+    }
+}
+function defaultRender(value) {
+    if (value === undefined || value === null)
+        return null;
+    let text;
+    try {
+        text = typeof value === 'string' ? value : JSON.stringify(value, null, 2);
+    }
+    catch {
+        text = String(value);
+    }
+    return (_jsx("pre", { className: "whitespace-pre-wrap break-words rounded bg-[var(--agent-muted,#f3f4f6)] px-2 py-1.5 text-[11px] text-[var(--agent-foreground,#111827)]", children: text }));
+}
+export const ToolExecutionCard = ({ payload, className, defaultExpanded = false, renderArgs, renderOutput, }) => {
+    const expandable = payload.expandable !== false;
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const status = (payload.status ?? 'pending');
+    return (_jsxs("div", { className: [
+            'steerable-tool-execution rounded-lg border border-[var(--agent-border,#e5e7eb)] bg-[var(--agent-card-bg,#fff)] text-xs',
+            className,
+        ].filter(Boolean).join(' '), children: [_jsxs("button", { type: "button", onClick: () => expandable && setExpanded((v) => !v), className: "flex w-full items-center gap-2 px-3 py-2 text-left", "aria-expanded": expanded, "aria-disabled": !expandable, children: [expandable &&
+                        (expanded ? _jsx(ChevronDownIcon, { size: 12 }) : _jsx(ChevronRightIcon, { size: 12 })), _jsx(ZapIcon, { size: 12, className: "text-[var(--agent-muted-foreground,#6b7280)]" }), _jsx("span", { className: "font-medium text-[var(--agent-foreground,#111827)]", children: payload.name }), payload.summary && (_jsx("span", { className: "truncate text-[var(--agent-muted-foreground,#6b7280)]", children: payload.summary })), _jsxs("span", { className: "ml-auto inline-flex items-center gap-1", children: [_jsx(StatusIcon, { status: status }), _jsx("span", { className: STATUS_TONE[status], children: STATUS_LABEL[status] }), typeof payload.durationMs === 'number' && (_jsxs("span", { className: "text-[var(--agent-muted-foreground,#9ca3af)]", children: ["\u00B7 ", payload.durationMs, "ms"] }))] })] }), expandable && expanded && (_jsxs("div", { className: "space-y-2 border-t border-[var(--agent-border,#e5e7eb)] px-3 py-2", children: [payload.args !== undefined && (_jsxs("section", { children: [_jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[var(--agent-muted-foreground,#6b7280)]", children: "\u8F93\u5165" }), renderArgs ? renderArgs(payload.args) : defaultRender(payload.args)] })), payload.output !== undefined && (_jsxs("section", { children: [_jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[var(--agent-muted-foreground,#6b7280)]", children: "\u8F93\u51FA" }), renderOutput ? renderOutput(payload.output) : defaultRender(payload.output)] })), payload.error && (_jsxs("section", { children: [_jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-rose-600", children: "\u9519\u8BEF" }), _jsx("pre", { className: "whitespace-pre-wrap break-words rounded bg-rose-50/60 px-2 py-1.5 text-[11px] text-rose-700", children: payload.error })] }))] }))] }));
+};
+export default ToolExecutionCard;
+//# sourceMappingURL=ToolExecutionCard.js.map

package/dist/cards/ToolExecutionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolExecutionCard.js","sourceRoot":"","sources":["../../src/cards/ToolExecutionCard.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,MAAM,YAAY,CAAC;AAIpB,MAAM,YAAY,GAA2B;IAC3C,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,WAAW,GAA2B;IAC1C,OAAO,EAAE,8CAA8C;IACvD,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,eAAe;IACvB,SAAS,EAAE,8CAA8C;CAC1D,CAAC;AAUF,SAAS,UAAU,CAAC,EAAE,MAAM,EAAsB;IAChD,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;QAClD,KAAK,WAAW;YACd,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;QACjD,KAAK,WAAW;YACd,OAAO,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;QAChD;YACE,OAAO,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;IAClD,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACvD,IAAI,IAAY,CAAC;IACjB,IAAI,CAAC;QACH,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;IAAC,MAAM,CAAC;QACP,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAC,wIAAwI,YACpJ,IAAI,GACD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,OAAO,EACP,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,UAAU,EACV,YAAY,GACb,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,KAAK,KAAK,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,CAAC,OAAO,CAAC,MAAM,IAAI,SAAS,CAAW,CAAC;IAEvD,OAAO,CACL,eACE,SAAS,EAAE;YACT,wHAAwH;YACxH,SAAS;SACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAE3B,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnD,SAAS,EAAC,oDAAoD,mBAC/C,QAAQ,mBACR,CAAC,UAAU,aAEzB,UAAU;wBACT,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,EAC7E,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,8CAA8C,GAAG,EAC9E,eAAM,SAAS,EAAC,oDAAoD,YAAE,OAAO,CAAC,IAAI,GAAQ,EACzF,OAAO,CAAC,OAAO,IAAI,CAClB,eAAM,SAAS,EAAC,uDAAuD,YAAE,OAAO,CAAC,OAAO,GAAQ,CACjG,EACD,gBAAM,SAAS,EAAC,wCAAwC,aACtD,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,EAC9B,eAAM,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAG,YAAY,CAAC,MAAM,CAAC,GAAQ,EAClE,OAAO,OAAO,CAAC,UAAU,KAAK,QAAQ,IAAI,CACzC,gBAAM,SAAS,EAAC,8CAA8C,wBAAI,OAAO,CAAC,UAAU,UAAU,CAC/F,IACI,IACA,EACR,UAAU,IAAI,QAAQ,IAAI,CACzB,eAAK,SAAS,EAAC,mEAAmE,aAC/E,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,CAC7B,8BACE,cAAK,SAAS,EAAC,wFAAwF,6BAEjG,EACL,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAC5D,CACX,EACA,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,CAC/B,8BACE,cAAK,SAAS,EAAC,wFAAwF,6BAEjG,EACL,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,IACpE,CACX,EACA,OAAO,CAAC,KAAK,IAAI,CAChB,8BACE,cAAK,SAAS,EAAC,yDAAyD,6BAAS,EACjF,cAAK,SAAS,EAAC,6FAA6F,YACzG,OAAO,CAAC,KAAK,GACV,IACE,CACX,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}