@reforma/components 0.0.0-stage → 0.1.0

package/dist/chat/Tool/shell/ToolPathListHoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPathListHoverCard.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/shell/ToolPathListHoverCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAiD,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUxG,MAAM,MAAM,0BAA0B,GAAG;IACrC,2EAA2E;IAC3E,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC,CAAC;AA8CrD,wFAAwF;AACxF,wBAAgB,mBAAmB,CAAC,EAChC,OAAO,EACP,KAAK,GACR,EAAE;IACC,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B,+BASA;AAED,0FAA0F;AAC1F,wBAAgB,qBAAqB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,SAAiB,EACjB,SAAS,EACT,SAAS,EACT,UAAU,GACb,EAAE,0BAA0B,+BAgC5B"}

package/dist/chat/Tool/shell/ToolPathListHoverCard.js

@@ -0,0 +1,111 @@
+import { cn as c } from "@reforma/lib";
+import { use as g } from "react";
+import { OverlayTriggerStateContext as v } from "react-aria-components";
+import { For as u } from "../../../For/For.js";
+import { HoverCard as x, HoverCardTrigger as P, HoverCardContent as b } from "../../../HoverCard/HoverCard.js";
+import { ListBox as C, ListBoxItem as T } from "../../../List/ListBox.js";
+import { PopoverTrigger as y, Popover as F } from "../../../Popover/Popover.js";
+import { Scrollable as N } from "../../../Scrollable/Scrollable.js";
+import { Show as s } from "../../../Show/Show.js";
+import { Text as d } from "../../../Text/Text.js";
+import { useChat as L } from "../../ChatContext.js";
+import { ChipContent as H } from "../../Chip/ChipContent.js";
+import { chipItemFromPath as S } from "../../Chip/helpers/chipPath.js";
+import o from "./ToolPathListHoverCard.module.css.js";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+function p({
+  paths: l
+}) {
+  const {
+    onOpenPath: t
+  } = L(), a = g(v);
+  return /* @__PURE__ */ r(N, {
+    className: o.scrollable,
+    edgeFade: !0,
+    children: /* @__PURE__ */ r(C, {
+      "aria-label": "Files",
+      children: /* @__PURE__ */ r(u, {
+        each: [...l],
+        children: (e, m) => {
+          const n = `${e}-${m}`, i = S(e);
+          return /* @__PURE__ */ r(T, {
+            id: n,
+            textValue: e,
+            isDisabled: !i,
+            onAction: i && t ? () => {
+              t(i), a?.close();
+            } : void 0,
+            children: /* @__PURE__ */ r(s, {
+              when: i,
+              fallback: /* @__PURE__ */ r(d, {
+                truncate: !0,
+                children: e
+              }),
+              children: (f) => /* @__PURE__ */ r(H, {
+                item: f,
+                label: e
+              })
+            })
+          }, n);
+        }
+      })
+    })
+  });
+}
+function K({
+  trigger: l,
+  paths: t
+}) {
+  return /* @__PURE__ */ h(y, {
+    children: [l, /* @__PURE__ */ r(F, {
+      placement: "bottom start",
+      spacing: "xs",
+      className: o.hoverPanel,
+      children: /* @__PURE__ */ r(p, {
+        paths: t
+      })
+    })]
+  });
+}
+function M({
+  trigger: l,
+  paths: t,
+  emptyMessage: a,
+  fullWidth: e = !1,
+  className: m,
+  openDelay: n,
+  closeDelay: i
+}) {
+  return /* @__PURE__ */ h(x, {
+    openDelay: n,
+    closeDelay: i,
+    children: [/* @__PURE__ */ r("div", {
+      className: c(o.root, e && o.rootFill, !e && o.rootInline, m),
+      children: /* @__PURE__ */ r(P, {
+        className: c(o.trigger, e && o.triggerFill),
+        children: l
+      })
+    }), /* @__PURE__ */ r(b, {
+      placement: "bottom left",
+      spacing: "xs",
+      className: o.hoverPanel,
+      children: /* @__PURE__ */ r(s, {
+        when: t.length > 0,
+        fallback: /* @__PURE__ */ r(d, {
+          color: "secondary",
+          variant: "sm",
+          className: o.emptyState,
+          children: a
+        }),
+        children: /* @__PURE__ */ r(p, {
+          paths: t
+        })
+      })
+    })]
+  });
+}
+export {
+  M as ToolPathListHoverCard,
+  K as ToolPathListPopover
+};
+//# sourceMappingURL=ToolPathListHoverCard.js.map

package/dist/chat/Tool/shell/ToolPathListHoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPathListHoverCard.js","sources":["../../../../src/chat/Tool/shell/ToolPathListHoverCard.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@reforma/lib';\nimport { use, type ReactElement, type ReactNode } from 'react';\nimport { OverlayTriggerStateContext } from 'react-aria-components';\n\nimport { For } from '../../../For';\nimport { HoverCard, HoverCardContent, HoverCardTrigger, type HoverCardProps } from '../../../HoverCard';\nimport { ListBox, ListBoxItem } from '../../../List';\nimport { Popover, PopoverTrigger } from '../../../Popover';\nimport { Scrollable } from '../../../Scrollable';\nimport { Show } from '../../../Show';\nimport { Text } from '../../../Text';\nimport { useChat } from '../../ChatContext';\nimport { ChipContent, chipItemFromPath } from '../../Chip';\nimport styles from './ToolPathListHoverCard.module.css';\n\nexport type ToolPathListHoverCardProps = {\n    /** Hover target — summary chip or badge only, not the whole header row. */\n    trigger: ReactNode;\n    paths: readonly string[];\n    /** Shown in the panel when the tool finished with no paths. */\n    emptyMessage: string;\n    /** Stretch the trigger to the tool summary row width. */\n    fullWidth?: boolean;\n    className?: string;\n} & Pick<HoverCardProps, 'openDelay' | 'closeDelay'>;\n\nfunction ToolPathList({ paths }: { paths: readonly string[] }) {\n    const { onOpenPath } = useChat();\n    const overlay = use(OverlayTriggerStateContext);\n\n    return (\n        <Scrollable className={ styles.scrollable } edgeFade>\n            <ListBox aria-label=\"Files\">\n                <For each={ [...paths] }>\n                    { (path, index) => {\n                        const key = `${ path }-${ index }`;\n                        const item = chipItemFromPath(path);\n\n                        return (\n                            <ListBoxItem\n                                id={ key }\n                                key={ key }\n                                textValue={ path }\n                                isDisabled={ !item }\n                                onAction={ (item && onOpenPath)\n                                    ? () => {\n                                        onOpenPath(item);\n                                        overlay?.close();\n                                    }\n                                    : undefined }\n                            >\n                                <Show\n                                    when={ item }\n                                    fallback={ (\n                                        <Text truncate>{path}</Text>\n                                    ) }\n                                >\n                                    { chip => (\n                                        <ChipContent item={ chip } label={ path } />\n                                    ) }\n                                </Show>\n                            </ListBoxItem>\n                        );\n                    } }\n                </For>\n            </ListBox>\n        </Scrollable>\n    );\n}\n\n/** Click `trigger` to open the file list. The trigger must be one pressable element. */\nexport function ToolPathListPopover({\n    trigger,\n    paths,\n}: {\n    trigger: ReactElement;\n    paths: readonly string[];\n}) {\n    return (\n        <PopoverTrigger>\n            {trigger}\n            <Popover placement=\"bottom start\" spacing=\"xs\" className={ styles.hoverPanel }>\n                <ToolPathList paths={ paths } />\n            </Popover>\n        </PopoverTrigger>\n    );\n}\n\n/** Hover on `trigger`; panel lists paths or the empty message when there are no paths. */\nexport function ToolPathListHoverCard({\n    trigger,\n    paths,\n    emptyMessage,\n    fullWidth = false,\n    className,\n    openDelay,\n    closeDelay,\n}: ToolPathListHoverCardProps) {\n    return (\n        <HoverCard openDelay={ openDelay } closeDelay={ closeDelay }>\n            <div\n                className={ cn(\n                    styles.root,\n                    fullWidth && styles.rootFill,\n                    !fullWidth && styles.rootInline,\n                    className\n                ) }\n            >\n                <HoverCardTrigger\n                    className={ cn(styles.trigger, fullWidth && styles.triggerFill) }\n                >\n                    {trigger}\n                </HoverCardTrigger>\n            </div>\n\n            <HoverCardContent placement=\"bottom left\" spacing=\"xs\" className={ styles.hoverPanel }>\n                <Show\n                    when={ paths.length > 0 }\n                    fallback={ (\n                        <Text color=\"secondary\" variant=\"sm\" className={ styles.emptyState }>\n                            {emptyMessage}\n                        </Text>\n                    ) }\n                >\n                    <ToolPathList paths={ paths } />\n                </Show>\n            </HoverCardContent>\n        </HoverCard>\n    );\n}\n"],"names":["ToolPathList","paths","onOpenPath","useChat","overlay","use","OverlayTriggerStateContext","Scrollable","styles","ListBox","For","path","index","key","item","chipItemFromPath","ListBoxItem","Show","Text","chip","_jsx","ChipContent","ToolPathListPopover","trigger","PopoverTrigger","Popover","ToolPathListHoverCard","emptyMessage","fullWidth","className","openDelay","closeDelay","HoverCard","cn","HoverCardTrigger","HoverCardContent"],"mappings":";;;;;;;;;;;;;;;AAgBA,SAASA,EAAa;AAAA,EACpB,OAAAC;AACF,GAAG;AACD,QAAM;AAAA,IACJ,YAAAC;AAAA,EAAA,IACEC,EAAA,GACEC,IAAUC,EAAIC,CAA0B;AAC9C,2BAAyBC,GAAY;AAAA,IACnC,WAAWC,EAAO;AAAA,IAClB,UAAU;AAAA,IACV,4BAA4BC,GAAS;AAAA,MACnC,cAAc;AAAA,MACd,4BAA4BC,GAAK;AAAA,QAC/B,MAAM,CAAC,GAAGT,CAAK;AAAA,QACf,UAAU,CAACU,GAAMC,MAAU;AACzB,gBAAMC,IAAM,GAAGF,CAAI,IAAIC,CAAK,IACtBE,IAAOC,EAAiBJ,CAAI;AAClC,mCAAyBK,GAAa;AAAA,YACpC,IAAIH;AAAA,YACJ,WAAWF;AAAA,YACX,YAAY,CAACG;AAAA,YACb,UAAUA,KAAQZ,IAAa,MAAM;AACnC,cAAAA,EAAWY,CAAI,GACfV,GAAS,MAAA;AAAA,YACX,IAAI;AAAA,YACJ,4BAA4Ba,GAAM;AAAA,cAChC,MAAMH;AAAA,cACN,4BAA4BI,GAAM;AAAA,gBAChC,UAAU;AAAA,gBACV,UAAUP;AAAA,cAAA,CACX;AAAA,cACD,UAAU,CAAAQ,MAAqBC,gBAAAA,EAAKC,GAAa;AAAA,gBAC/C,MAAMF;AAAA,gBACN,OAAOR;AAAA,cAAA,CACR;AAAA,YAAA,CACF;AAAA,UAAA,GACAE,CAAG;AAAA,QACR;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AACH;AAGO,SAASS,EAAoB;AAAA,EAClC,SAAAC;AAAA,EACA,OAAAtB;AACF,GAAG;AACD,2BAA0BuB,GAAgB;AAAA,IACxC,UAAU,CAACD,GAAsBH,gBAAAA,EAAKK,GAAS;AAAA,MAC7C,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAWjB,EAAO;AAAA,MAClB,4BAA4BR,GAAc;AAAA,QACxC,OAAAC;AAAA,MAAA,CACD;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AAGO,SAASyB,EAAsB;AAAA,EACpC,SAAAH;AAAA,EACA,OAAAtB;AAAA,EACA,cAAA0B;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAG;AACD,2BAA0BC,GAAW;AAAA,IACnC,WAAAF;AAAA,IACA,YAAAC;AAAA,IACA,UAAU,CAAcX,gBAAAA,EAAK,OAAO;AAAA,MAClC,WAAWa,EAAGzB,EAAO,MAAMoB,KAAapB,EAAO,UAAU,CAACoB,KAAapB,EAAO,YAAYqB,CAAS;AAAA,MACnG,4BAA4BK,GAAkB;AAAA,QAC5C,WAAWD,EAAGzB,EAAO,SAASoB,KAAapB,EAAO,WAAW;AAAA,QAC7D,UAAUe;AAAA,MAAA,CACX;AAAA,IAAA,CACF,GAAgBH,gBAAAA,EAAKe,GAAkB;AAAA,MACtC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW3B,EAAO;AAAA,MAClB,4BAA4BS,GAAM;AAAA,QAChC,MAAMhB,EAAM,SAAS;AAAA,QACrB,4BAA4BiB,GAAM;AAAA,UAChC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,WAAWV,EAAO;AAAA,UAClB,UAAUmB;AAAA,QAAA,CACX;AAAA,QACD,4BAA4B3B,GAAc;AAAA,UACxC,OAAAC;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;"}

package/dist/chat/Tool/shell/ToolPathListHoverCard.module.css

@@ -0,0 +1 @@
+.ToolPathListHoverCard_root_7Z29fc{display:flex;flex-direction:column;color:var(--color-secondary-muted-text);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.ToolPathListHoverCard_rootFill_ZMqz6T{width:100%;min-width:0}.ToolPathListHoverCard_rootInline_UiuuPU{align-self:center;width:auto;min-width:0;max-width:100%}.ToolPathListHoverCard_trigger_Safj7K{display:inline-flex;flex-wrap:nowrap;align-items:center;cursor:default;margin:0;padding:0;min-width:0;max-width:100%;color:inherit;text-align:left}.ToolPathListHoverCard_triggerFill_hQI0Ca{justify-content:flex-start;width:100%;min-width:0;-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs);row-gap:var(--spacing-xs)}.ToolPathListHoverCard_hoverPanel_yUOoIP{min-width:min(100%,12rem);max-width:min(calc(100vw - var(--spacing-16)),22rem);overflow-wrap:anywhere}.ToolPathListHoverCard_scrollable_R4tuFn{max-height:150px}.ToolPathListHoverCard_emptyState_cJwCIz{display:block}

package/dist/chat/Tool/shell/ToolPathListHoverCard.module.css.js

@@ -0,0 +1,22 @@
+const o = "ToolPathListHoverCard_root_7Z29fc", t = "ToolPathListHoverCard_rootFill_ZMqz6T", r = "ToolPathListHoverCard_rootInline_UiuuPU", l = "ToolPathListHoverCard_trigger_Safj7K", e = "ToolPathListHoverCard_triggerFill_hQI0Ca", a = "ToolPathListHoverCard_hoverPanel_yUOoIP", i = "ToolPathListHoverCard_scrollable_R4tuFn", s = "ToolPathListHoverCard_emptyState_cJwCIz", n = {
+  root: o,
+  rootFill: t,
+  rootInline: r,
+  trigger: l,
+  triggerFill: e,
+  hoverPanel: a,
+  scrollable: i,
+  emptyState: s
+};
+export {
+  n as default,
+  s as emptyState,
+  a as hoverPanel,
+  o as root,
+  t as rootFill,
+  r as rootInline,
+  i as scrollable,
+  l as trigger,
+  e as triggerFill
+};
+//# sourceMappingURL=ToolPathListHoverCard.module.css.js.map

package/dist/chat/Tool/shell/ToolPathListHoverCard.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPathListHoverCard.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/chat/Tool/shell/ToolShell.d.ts

@@ -0,0 +1,53 @@
+import { HTMLAttributes, type ReactNode, type Ref } from 'react';
+/** Compact tool row chrome: summary row + optional body. Set `collapsible` on the root to enable disclosure. */
+export type ToolShellProps = HTMLAttributes<HTMLDivElement> & {
+    /** When true, root is a collapsible and the header is the trigger. Body still mounts via {@link ToolShellContent}. */
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled?: boolean;
+};
+export declare function ToolShell({ collapsible, defaultOpen, open, onOpenChange, isDisabled, className, children, ...props }: ToolShellProps): import("react").JSX.Element;
+export interface ToolShellHeaderProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'title' | 'type'> {
+    state: string;
+    /** Idle label (secondary text). Shimmers with {@link titleInProgress} while the tool runs. */
+    title?: string;
+    /** In-progress label; defaults to `title` when omitted. */
+    titleInProgress?: string;
+    /** Override interrupted copy when the run ended mid-tool (defaults to {@link TOOL_INTERRUPTED_MESSAGE}). */
+    titleInterrupted?: string;
+    /** When false, the title stays static while the tool runs (default true). */
+    shimmer?: boolean;
+    /** Optional leading icon before the title (e.g. Agent). */
+    icon?: ReactNode;
+    /** Sits between the icon and the title. */
+    beforeTitle?: ReactNode;
+    /** Ellipsize a long title in the row. */
+    truncateTitle?: boolean;
+    /** Error or denial detail; shown in a tooltip on the struck title. */
+    statusDetail?: string | undefined;
+    /**
+     * Strike the idle title. Defaults to the same signal as the muted status icon
+     * (SDK error/denial, or a `statusDetail` logical failure).
+     */
+    failed?: boolean;
+    /** Tool is waiting on the user (e.g. AskUserQuestion) — do not treat idle non-terminal as stalled. */
+    awaitingUser?: boolean;
+    /**
+     * Whole row is pressable and shows the hover chevron. `onPress` runs a custom
+     * action (subagent). Without it, a parent `PopoverTrigger` supplies the press
+     * (file list). Ignored when the shell is collapsible.
+     */
+    onPress?: () => void;
+    /** Show the chevron and accept press from context when `onPress` is omitted. */
+    disclosure?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare function ToolShellHeader(props: ToolShellHeaderProps): import("react").JSX.Element;
+export type ToolShellContentProps = HTMLAttributes<HTMLDivElement>;
+export declare function ToolShellContent({ className, children, ...props }: ToolShellContentProps): import("react").JSX.Element;
+export type ToolShellFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare function ToolShellFooter({ className, children, ...props }: ToolShellFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=ToolShell.d.ts.map

package/dist/chat/Tool/shell/ToolShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolShell.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/shell/ToolShell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,cAAc,EAId,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AA2Cf,gHAAgH;AAChH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,sHAAsH;IACtH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,WAAmB,EACnB,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAgChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnG,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4GAA4G;IAC5G,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sGAAsG;IACtG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAkPD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAS1D;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAoBnE,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAgBxF;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAMtF"}

package/dist/chat/Tool/shell/ToolShell.js

@@ -0,0 +1,292 @@
+import { Text as H } from "@reforma/components/Text";
+import { ChevronDown as O } from "@reforma/icons/8";
+import { cn as a, mergeRefs as j } from "@reforma/lib";
+import { useMemo as U, use as I, createContext as k, useRef as $ } from "react";
+import { mergeProps as q } from "react-aria";
+import { OverlayTriggerStateContext as z, Pressable as B } from "react-aria-components";
+import { Collapsible as J, CollapsibleMotionContent as K, useCollapsible as Q, CollapsibleTrigger as V } from "../../../Collapsible/Collapsible.js";
+import { Shimmer as W } from "../../../Shimmer/Shimmer.js";
+import { Show as X } from "../../../Show/Show.js";
+import { TOOL_INTERRUPTED_MESSAGE as P } from "../helpers.js";
+import { useToolProgress as Y } from "./toolProgress.js";
+import l from "./ToolShell.module.css.js";
+import { isFailedToolStatus as A, ToolShellStatusIcon as L, FailedToolTitleTooltip as Z } from "./ToolShellStatusIcon.js";
+import { jsx as e, jsxs as _, Fragment as ee } from "react/jsx-runtime";
+const w = /* @__PURE__ */ k(null), G = "data-tool-shell-header";
+function te(t, r) {
+  if (!(t instanceof Element))
+    return !1;
+  const o = t.closest('a[href], input, textarea, select, [role="link"]') ?? t.closest('button, [role="button"]');
+  return !o || !r.contains(o) ? !1 : !o.hasAttribute(G);
+}
+function ve({
+  collapsible: t = !1,
+  defaultOpen: r = !1,
+  open: o,
+  onOpenChange: n,
+  isDisabled: m,
+  className: c,
+  children: d,
+  ...s
+}) {
+  const u = U(() => ({
+    collapsible: t
+  }), [t]);
+  return t ? /* @__PURE__ */ e(w, {
+    value: u,
+    children: /* @__PURE__ */ e(J, {
+      className: a(l.root, c),
+      "data-slot": "tool",
+      defaultOpen: r,
+      open: o,
+      onOpenChange: n,
+      isDisabled: m,
+      ...s,
+      children: d
+    })
+  }) : /* @__PURE__ */ e(w, {
+    value: u,
+    children: /* @__PURE__ */ e("div", {
+      className: a(l.root, c),
+      "data-slot": "tool",
+      ...s,
+      children: d
+    })
+  });
+}
+function M({
+  title: t,
+  titleInProgress: r,
+  titleInterrupted: o,
+  live: n,
+  stalled: m,
+  shimmer: c,
+  failed: d,
+  truncate: s,
+  statusDetail: u
+}) {
+  const h = a(l.headerLabel, s && l.headerLabelTruncate, "whitespace-nowrap");
+  if (m)
+    return /* @__PURE__ */ e(H, {
+      color: "danger",
+      className: h,
+      children: o ?? P
+    });
+  const i = t ?? r;
+  if (!i)
+    return null;
+  const p = r ?? i;
+  return n && c ? /* @__PURE__ */ e(W, {
+    as: "span",
+    className: h,
+    duration: 1,
+    children: p
+  }) : d && !n ? /* @__PURE__ */ e(Z, {
+    statusDetail: u,
+    children: /* @__PURE__ */ e(H, {
+      decoration: "line-through",
+      color: "secondary",
+      className: h,
+      "aria-label": `${i} failed`,
+      children: i
+    })
+  }) : /* @__PURE__ */ e(H, {
+    className: h,
+    children: n ? p : i
+  });
+}
+function oe({
+  state: t,
+  title: r,
+  titleInProgress: o,
+  titleInterrupted: n,
+  icon: m,
+  beforeTitle: c,
+  children: d,
+  statusDetail: s,
+  failed: u,
+  truncateTitle: h,
+  className: i,
+  progress: p,
+  shimmer: E,
+  onPress: T,
+  disclosure: N,
+  ref: y
+}) {
+  const S = I(z), v = S?.isOpen === !0, b = T != null || N === !0, {
+    live: f,
+    stalled: g
+  } = p, x = g ? s?.trim() || P : s, R = g ? "output-error" : t, F = u ?? A(R, x), C = /* @__PURE__ */ _(ee, {
+    children: [/* @__PURE__ */ e(L, {
+      icon: m,
+      state: R,
+      statusDetail: x,
+      className: l.headerIcon
+    }), c, /* @__PURE__ */ e(M, {
+      title: r,
+      titleInProgress: o,
+      titleInterrupted: n,
+      live: f,
+      stalled: g,
+      shimmer: E !== !1,
+      failed: F,
+      truncate: h,
+      statusDetail: x
+    }), d, /* @__PURE__ */ e(X, {
+      when: b,
+      children: /* @__PURE__ */ e(O, {
+        className: a("chevron", "next", l.toolChevron),
+        "aria-expanded": S ? v : void 0,
+        "aria-hidden": !0
+      })
+    })]
+  });
+  return b ? /* @__PURE__ */ e(B, {
+    ref: y,
+    ...T ? {
+      onPress: T
+    } : {},
+    children: /* @__PURE__ */ e("div", {
+      role: "button",
+      className: a(l.headerRow, l.headerTrigger, i),
+      "aria-busy": f,
+      "aria-expanded": S ? v : void 0,
+      children: C
+    })
+  }) : /* @__PURE__ */ e("div", {
+    className: a(l.headerRow, l.headerNonInteractive, i),
+    "aria-busy": f,
+    children: C
+  });
+}
+function re({
+  state: t,
+  title: r,
+  titleInProgress: o,
+  titleInterrupted: n,
+  icon: m,
+  beforeTitle: c,
+  children: d,
+  statusDetail: s,
+  failed: u,
+  truncateTitle: h,
+  className: i,
+  progress: p,
+  shimmer: E
+}) {
+  const {
+    state: T,
+    triggerProps: N,
+    triggerRef: y
+  } = Q(), S = $(null), {
+    live: v,
+    stalled: b
+  } = p, f = b ? s?.trim() || P : s, g = b ? "output-error" : t, x = u ?? A(g, f), R = N.onPress, F = q(N, {
+    [G]: "",
+    className: a(l.headerRow, l.headerTrigger, i),
+    ref: j(y, S),
+    "aria-busy": v,
+    "aria-expanded": T.isExpanded,
+    onPress: (C) => {
+      const D = S.current;
+      D && te(C.target, D) || R?.(C);
+    }
+  });
+  return /* @__PURE__ */ e(V, {
+    asChild: !0,
+    children: /* @__PURE__ */ _("div", {
+      ...F,
+      children: [/* @__PURE__ */ e(L, {
+        icon: m,
+        state: g,
+        statusDetail: f,
+        className: l.headerIcon
+      }), c, /* @__PURE__ */ e(M, {
+        title: r,
+        titleInProgress: o,
+        titleInterrupted: n,
+        live: v,
+        stalled: b,
+        shimmer: E !== !1,
+        failed: x,
+        truncate: h,
+        statusDetail: f
+      }), d, /* @__PURE__ */ e(O, {
+        className: a("chevron", "next", l.toolChevron),
+        "aria-expanded": T.isExpanded,
+        "aria-hidden": !0
+      })]
+    })
+  });
+}
+function xe(t) {
+  const r = I(w), o = Y(t.state, t.awaitingUser);
+  return r?.collapsible ? /* @__PURE__ */ e(re, {
+    ...t,
+    progress: o
+  }) : /* @__PURE__ */ e(oe, {
+    ...t,
+    progress: o
+  });
+}
+function le({
+  className: t,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e("div", {
+    className: a(l.content, t),
+    "data-slot": "tool-content",
+    ...o,
+    children: r
+  });
+}
+function ae({
+  className: t,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e(K, {
+    className: l.collapse,
+    children: /* @__PURE__ */ e("div", {
+      className: a(l.content, t),
+      "data-slot": "tool-content",
+      ...o,
+      children: r
+    })
+  });
+}
+function Ce({
+  className: t,
+  children: r,
+  ...o
+}) {
+  return I(w)?.collapsible ? /* @__PURE__ */ e(ae, {
+    className: t,
+    ...o,
+    children: r
+  }) : /* @__PURE__ */ e(le, {
+    className: t,
+    ...o,
+    children: r
+  });
+}
+function Ne({
+  className: t,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e("div", {
+    className: a(l.footer, t),
+    "data-slot": "tool-footer",
+    ...o,
+    children: r
+  });
+}
+export {
+  ve as ToolShell,
+  Ce as ToolShellContent,
+  Ne as ToolShellFooter,
+  xe as ToolShellHeader
+};
+//# sourceMappingURL=ToolShell.js.map

package/dist/chat/Tool/shell/ToolShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolShell.js","sources":["../../../../src/chat/Tool/shell/ToolShell.tsx"],"sourcesContent":["import { Text } from '@reforma/components/Text';\nimport { ChevronDown } from '@reforma/icons/8';\nimport { cn, mergeRefs } from '@reforma/lib';\nimport {\n    createContext,\n    HTMLAttributes,\n    use,\n    useMemo,\n    useRef,\n    type ReactNode,\n    type Ref,\n} from 'react';\nimport { mergeProps } from 'react-aria';\nimport { OverlayTriggerStateContext } from 'react-aria-components';\n\nimport {\n    Collapsible,\n    CollapsibleMotionContent,\n    CollapsibleTrigger,\n    useCollapsible,\n} from '../../../Collapsible';\nimport { Pressable } from '../../../Pressable';\nimport { Shimmer } from '../../../Shimmer';\nimport { Show } from '../../../Show';\nimport { TOOL_INTERRUPTED_MESSAGE } from '../helpers';\nimport { useToolProgress, type ToolProgressState } from './toolProgress';\nimport styles from './ToolShell.module.css';\nimport { FailedToolTitleTooltip, isFailedToolStatus, ToolShellStatusIcon } from './ToolShellStatusIcon';\n\ntype ToolShellContextValue = {\n    collapsible: boolean;\n};\n\nconst ToolShellContext = createContext<ToolShellContextValue | null>(null);\n\nconst HEADER_TRIGGER_ATTR = 'data-tool-shell-header';\n\n/** Clicks on nested controls (e.g. file chips) must not toggle the collapsible header. */\nfunction isNestedHeaderInteractive(target: EventTarget | null, header: HTMLElement): boolean {\n    if (!(target instanceof Element)) {\n        return false;\n    }\n\n    const interactive = target.closest(\n        'a[href], input, textarea, select, [role=\"link\"]'\n    ) ?? target.closest('button, [role=\"button\"]');\n\n    if (!interactive || !header.contains(interactive)) {\n        return false;\n    }\n\n    return !interactive.hasAttribute(HEADER_TRIGGER_ATTR);\n}\n\n/** Compact tool row chrome: summary row + optional body. Set `collapsible` on the root to enable disclosure. */\nexport type ToolShellProps = HTMLAttributes<HTMLDivElement> & {\n    /** When true, root is a collapsible and the header is the trigger. Body still mounts via {@link ToolShellContent}. */\n    collapsible?: boolean;\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    isDisabled?: boolean;\n};\n\nexport function ToolShell({\n    collapsible = false,\n    defaultOpen = false,\n    open,\n    onOpenChange,\n    isDisabled,\n    className,\n    children,\n    ...props\n}: ToolShellProps) {\n    const context = useMemo(() => ({ collapsible }), [collapsible]);\n\n    if (collapsible) {\n        return (\n            <ToolShellContext value={ context }>\n                <Collapsible\n                    className={ cn(styles.root, className) }\n                    data-slot=\"tool\"\n                    defaultOpen={ defaultOpen }\n                    open={ open }\n                    onOpenChange={ onOpenChange }\n                    isDisabled={ isDisabled }\n                    { ...props }\n                >\n                    {children}\n                </Collapsible>\n            </ToolShellContext>\n        );\n    }\n\n    return (\n        <ToolShellContext value={ context }>\n            <div\n                className={ cn(styles.root, className) }\n                data-slot=\"tool\"\n                { ...props }\n            >\n                {children}\n            </div>\n        </ToolShellContext>\n    );\n}\n\nexport interface ToolShellHeaderProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'title' | 'type'> {\n    state: string;\n    /** Idle label (secondary text). Shimmers with {@link titleInProgress} while the tool runs. */\n    title?: string;\n    /** In-progress label; defaults to `title` when omitted. */\n    titleInProgress?: string;\n    /** Override interrupted copy when the run ended mid-tool (defaults to {@link TOOL_INTERRUPTED_MESSAGE}). */\n    titleInterrupted?: string;\n    /** When false, the title stays static while the tool runs (default true). */\n    shimmer?: boolean;\n    /** Optional leading icon before the title (e.g. Agent). */\n    icon?: ReactNode;\n    /** Sits between the icon and the title. */\n    beforeTitle?: ReactNode;\n    /** Ellipsize a long title in the row. */\n    truncateTitle?: boolean;\n    /** Error or denial detail; shown in a tooltip on the struck title. */\n    statusDetail?: string | undefined;\n    /**\n     * Strike the idle title. Defaults to the same signal as the muted status icon\n     * (SDK error/denial, or a `statusDetail` logical failure).\n     */\n    failed?: boolean;\n    /** Tool is waiting on the user (e.g. AskUserQuestion) — do not treat idle non-terminal as stalled. */\n    awaitingUser?: boolean;\n    /**\n     * Whole row is pressable and shows the hover chevron. `onPress` runs a custom\n     * action (subagent). Without it, a parent `PopoverTrigger` supplies the press\n     * (file list). Ignored when the shell is collapsible.\n     */\n    onPress?: () => void;\n    /** Show the chevron and accept press from context when `onPress` is omitted. */\n    disclosure?: boolean;\n    ref?: Ref<HTMLDivElement>;\n    children?: ReactNode;\n}\n\ntype ToolShellHeaderTitleProps = {\n    title?: string;\n    titleInProgress?: string;\n    titleInterrupted?: string;\n    live: boolean;\n    stalled: boolean;\n    shimmer: boolean;\n    failed: boolean;\n    truncate?: boolean;\n    statusDetail?: string;\n};\n\nfunction ToolShellHeaderTitle({\n    title,\n    titleInProgress,\n    titleInterrupted,\n    live,\n    stalled,\n    shimmer,\n    failed,\n    truncate,\n    statusDetail,\n}: ToolShellHeaderTitleProps) {\n    const labelClassName = cn(\n        styles.headerLabel,\n        truncate && styles.headerLabelTruncate,\n        'whitespace-nowrap'\n    );\n\n    if (stalled) {\n        return (\n            <Text color=\"danger\" className={ labelClassName }>\n                {titleInterrupted ?? TOOL_INTERRUPTED_MESSAGE}\n            </Text>\n        );\n    }\n\n    const label = title ?? titleInProgress;\n\n    if (!label) {\n        return null;\n    }\n\n    const progressLabel = titleInProgress ?? label;\n\n    if (live && shimmer) {\n        return (\n            <Shimmer as=\"span\" className={ labelClassName } duration={ 1 }>\n                {progressLabel}\n            </Shimmer>\n        );\n    }\n\n    if (failed && !live) {\n        return (\n            <FailedToolTitleTooltip statusDetail={ statusDetail }>\n                <Text\n                    decoration=\"line-through\"\n                    color=\"secondary\"\n                    className={ labelClassName }\n                    aria-label={ `${ label } failed` }\n                >\n                    {label}\n                </Text>\n            </FailedToolTitleTooltip>\n        );\n    }\n\n    return (\n        <Text className={ labelClassName }>\n            {live ? progressLabel : label}\n        </Text>\n    );\n}\n\ntype ToolShellHeaderViewProps = ToolShellHeaderProps & {\n    progress: ToolProgressState;\n};\n\nfunction ToolShellHeaderStatic({\n    state,\n    title,\n    titleInProgress,\n    titleInterrupted,\n    icon,\n    beforeTitle,\n    children,\n    statusDetail,\n    failed,\n    truncateTitle,\n    className,\n    progress,\n    shimmer,\n    onPress,\n    disclosure,\n    ref,\n}: ToolShellHeaderViewProps) {\n    const overlay = use(OverlayTriggerStateContext);\n    const expanded = overlay?.isOpen === true;\n    const pressable = onPress != null || disclosure === true;\n    const { live, stalled } = progress;\n    const detail = stalled\n        ? (statusDetail?.trim() || TOOL_INTERRUPTED_MESSAGE)\n        : statusDetail;\n    const statusState = stalled ? 'output-error' : state;\n    const titleFailed = failed ?? isFailedToolStatus(statusState, detail);\n    const row = (\n        <>\n            <ToolShellStatusIcon\n                icon={ icon }\n                state={ statusState }\n                statusDetail={ detail }\n                className={ styles.headerIcon }\n            />\n            {beforeTitle}\n\n            <ToolShellHeaderTitle\n                title={ title }\n                titleInProgress={ titleInProgress }\n                titleInterrupted={ titleInterrupted }\n                live={ live }\n                stalled={ stalled }\n                shimmer={ shimmer !== false }\n                failed={ titleFailed }\n                truncate={ truncateTitle }\n                statusDetail={ detail }\n            />\n            {children}\n            <Show when={ pressable }>\n                <ChevronDown\n                    className={ cn('chevron', 'next', styles.toolChevron) }\n                    aria-expanded={ overlay ? expanded : undefined }\n                    aria-hidden\n                />\n            </Show>\n        </>\n    );\n\n    if (pressable) {\n        return (\n            <Pressable ref={ ref } { ...(onPress ? { onPress } : {}) }>\n                <div\n                    role=\"button\"\n                    className={ cn(styles.headerRow, styles.headerTrigger, className) }\n                    aria-busy={ live }\n                    aria-expanded={ overlay ? expanded : undefined }\n                >\n                    {row}\n                </div>\n            </Pressable>\n        );\n    }\n\n    return (\n        <div\n            className={ cn(styles.headerRow, styles.headerNonInteractive, className) }\n            aria-busy={ live }\n        >\n            {row}\n        </div>\n    );\n}\n\nfunction ToolShellHeaderCollapsible({\n    state,\n    title,\n    titleInProgress,\n    titleInterrupted,\n    icon,\n    beforeTitle,\n    children,\n    statusDetail,\n    failed,\n    truncateTitle,\n    className,\n    progress,\n    shimmer,\n}: ToolShellHeaderViewProps) {\n    const { state: collapsibleState, triggerProps, triggerRef } = useCollapsible();\n    const headerRef = useRef<HTMLDivElement>(null);\n    const { live, stalled } = progress;\n    const detail = stalled\n        ? (statusDetail?.trim() || TOOL_INTERRUPTED_MESSAGE)\n        : statusDetail;\n    const statusState = stalled ? 'output-error' : state;\n    const titleFailed = failed ?? isFailedToolStatus(statusState, detail);\n\n    const triggerOnPress = (triggerProps as { onPress?: (event: { target: EventTarget }) => void }).onPress;\n\n    const hostProps = mergeProps(triggerProps, {\n        [HEADER_TRIGGER_ATTR]: '',\n        className: cn(styles.headerRow, styles.headerTrigger, className),\n        ref: mergeRefs(triggerRef, headerRef),\n        'aria-busy': live,\n        'aria-expanded': collapsibleState.isExpanded,\n        onPress: (event: { target: EventTarget }) => {\n            const header = headerRef.current;\n\n            if (header && isNestedHeaderInteractive(event.target, header)) {\n                return;\n            }\n\n            triggerOnPress?.(event);\n        },\n    });\n\n    return (\n        <CollapsibleTrigger asChild>\n            <div { ...(hostProps as HTMLAttributes<HTMLDivElement>) }>\n                <ToolShellStatusIcon\n                    icon={ icon }\n                    state={ statusState }\n                    statusDetail={ detail }\n                    className={ styles.headerIcon }\n                />\n                {beforeTitle}\n\n                <ToolShellHeaderTitle\n                    title={ title }\n                    titleInProgress={ titleInProgress }\n                    titleInterrupted={ titleInterrupted }\n                    live={ live }\n                    stalled={ stalled }\n                    shimmer={ shimmer !== false }\n                    failed={ titleFailed }\n                    truncate={ truncateTitle }\n                    statusDetail={ detail }\n                />\n                {children}\n\n                <ChevronDown\n                    className={ cn('chevron', 'next', styles.toolChevron) }\n                    aria-expanded={ collapsibleState.isExpanded }\n                    aria-hidden\n                />\n            </div>\n        </CollapsibleTrigger>\n    );\n}\n\nexport function ToolShellHeader(props: ToolShellHeaderProps) {\n    const shell = use(ToolShellContext);\n    const progress = useToolProgress(props.state, props.awaitingUser);\n\n    if (shell?.collapsible) {\n        return <ToolShellHeaderCollapsible { ...props } progress={ progress } />;\n    }\n\n    return <ToolShellHeaderStatic { ...props } progress={ progress } />;\n}\n\nexport type ToolShellContentProps = HTMLAttributes<HTMLDivElement>;\n\nfunction ToolShellContentStatic({ className, children, ...props }: ToolShellContentProps) {\n    return (\n        <div className={ cn(styles.content, className) } data-slot=\"tool-content\" { ...props }>\n            {children}\n        </div>\n    );\n}\n\nfunction ToolShellContentCollapsible({ className, children, ...props }: ToolShellContentProps) {\n    return (\n        <CollapsibleMotionContent className={ styles.collapse }>\n            <div className={ cn(styles.content, className) } data-slot=\"tool-content\" { ...props }>\n                {children}\n            </div>\n        </CollapsibleMotionContent>\n    );\n}\n\nexport function ToolShellContent({ className, children, ...props }: ToolShellContentProps) {\n    const shell = use(ToolShellContext);\n\n    if (shell?.collapsible) {\n        return (\n            <ToolShellContentCollapsible className={ className } { ...props }>\n                {children}\n            </ToolShellContentCollapsible>\n        );\n    }\n\n    return (\n        <ToolShellContentStatic className={ className } { ...props }>\n            {children}\n        </ToolShellContentStatic>\n    );\n}\n\nexport type ToolShellFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ToolShellFooter({ className, children, ...props }: ToolShellFooterProps) {\n    return (\n        <div className={ cn(styles.footer, className) } data-slot=\"tool-footer\" { ...props }>\n            {children}\n        </div>\n    );\n}\n"],"names":["ToolShellContext","HEADER_TRIGGER_ATTR","isNestedHeaderInteractive","target","header","interactive","ToolShell","collapsible","defaultOpen","open","onOpenChange","isDisabled","className","children","props","context","useMemo","Collapsible","cn","styles","ToolShellHeaderTitle","title","titleInProgress","titleInterrupted","live","stalled","shimmer","failed","truncate","statusDetail","labelClassName","Text","TOOL_INTERRUPTED_MESSAGE","label","progressLabel","Shimmer","FailedToolTitleTooltip","ToolShellHeaderStatic","state","icon","beforeTitle","truncateTitle","progress","onPress","disclosure","ref","overlay","use","OverlayTriggerStateContext","expanded","pressable","detail","statusState","titleFailed","isFailedToolStatus","row","_Fragment","_jsx","ToolShellStatusIcon","Show","ChevronDown","Pressable","ToolShellHeaderCollapsible","collapsibleState","triggerProps","triggerRef","useCollapsible","headerRef","useRef","triggerOnPress","hostProps","mergeProps","mergeRefs","event","CollapsibleTrigger","ToolShellHeader","shell","useToolProgress","ToolShellContentStatic","ToolShellContentCollapsible","CollapsibleMotionContent","ToolShellContent","ToolShellFooter"],"mappings":"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"}

package/dist/chat/Tool/shell/ToolShell.module.css

@@ -0,0 +1 @@
+.ToolShell_root_3VGFhn{display:flex;position:relative;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:100%;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.ToolShell_headerRow_8zorUZ{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--spacing-sm);border:none;background:transparent;padding:0;width:100%;min-width:0;line-height:var(--spacing-20);text-align:start}.ToolShell_headerRow_8zorUZ:before{position:absolute;top:26px;bottom:0;left:var(--spacing-sm);z-index:1;background:var(--color-secondary-border);width:1px;pointer-events:none;content:""}.ToolShell_root_3VGFhn:has(+.ToolShell_root_3VGFhn) .ToolShell_headerRow_8zorUZ:before{bottom:-10px}.ToolShell_headerNonInteractive_fHWRxc{cursor:default}.ToolShell_headerTrigger_xc3sVe{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;border-radius:calc(var(--radius-sm) * var(--squircle-radius-factor));user-select:none;corner-shape:superellipse(var(--squircle-value));transition:color .15s ease}.ToolShell_headerTrigger_xc3sVe:hover,.ToolShell_headerTrigger_xc3sVe[data-hovered=true],.ToolShell_headerTrigger_xc3sVe:focus-visible{color:var(--color-secondary-content)}.ToolShell_headerTrigger_xc3sVe .ToolShell_toolChevron_1RftU7{flex-shrink:0;opacity:0;transition:opacity .15s ease,transform var(--transition-duration-fast) var(--ease-in-out);color:currentColor}.ToolShell_headerTrigger_xc3sVe:hover .ToolShell_toolChevron_1RftU7,.ToolShell_headerTrigger_xc3sVe:focus-visible .ToolShell_toolChevron_1RftU7,.ToolShell_headerTrigger_xc3sVe .ToolShell_toolChevron_1RftU7[aria-expanded=true]{opacity:1;color:currentColor}.ToolShell_headerIcon_tqmIPJ{display:inline-flex;flex-shrink:0;align-items:center;align-self:flex-start;height:var(--spacing-20)}.ToolShell_headerLabel_ARZGXD{flex-shrink:0;align-self:flex-start}.ToolShell_headerLabelTruncate_unYTBx{display:block;flex-shrink:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ToolShell_collapse_7irzJV{margin-top:calc(-1 * var(--spacing-sm))}.ToolShell_content_bYg4r6{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-left:var(--spacing-sm);padding-left:var(--spacing-14);min-width:0;max-width:100%}.ToolShell_collapse_7irzJV>.ToolShell_content_bYg4r6{padding-top:var(--spacing-sm)}.ToolShell_footer_qj5tE7{padding-left:calc(var(--spacing-14) + var(--spacing-sm));min-width:0;max-width:100%}

package/dist/chat/Tool/shell/ToolShell.module.css.js

@@ -0,0 +1,28 @@
+const e = "ToolShell_root_3VGFhn", o = "ToolShell_headerRow_8zorUZ", l = "ToolShell_headerNonInteractive_fHWRxc", r = "ToolShell_headerTrigger_xc3sVe", t = "ToolShell_toolChevron_1RftU7", a = "ToolShell_headerIcon_tqmIPJ", n = "ToolShell_headerLabel_ARZGXD", h = "ToolShell_headerLabelTruncate_unYTBx", c = "ToolShell_collapse_7irzJV", _ = "ToolShell_content_bYg4r6", d = "ToolShell_footer_qj5tE7", s = {
+  root: e,
+  headerRow: o,
+  headerNonInteractive: l,
+  headerTrigger: r,
+  toolChevron: t,
+  headerIcon: a,
+  headerLabel: n,
+  headerLabelTruncate: h,
+  collapse: c,
+  content: _,
+  footer: d
+};
+export {
+  c as collapse,
+  _ as content,
+  s as default,
+  d as footer,
+  a as headerIcon,
+  n as headerLabel,
+  h as headerLabelTruncate,
+  l as headerNonInteractive,
+  o as headerRow,
+  r as headerTrigger,
+  e as root,
+  t as toolChevron
+};
+//# sourceMappingURL=ToolShell.module.css.js.map

package/dist/chat/Tool/shell/ToolShell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolShell.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/chat/Tool/shell/ToolShellCard.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, type ReactNode } from 'react';
+/** Boxed tool card chrome. Set `collapsible` on the root to enable disclosure. */
+export type ToolShellCardProps = HTMLAttributes<HTMLDivElement> & {
+    /** When true, root is a collapsible and the header is the trigger. */
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled?: boolean;
+};
+export declare function ToolShellCard({ collapsible, defaultOpen, open, onOpenChange, isDisabled, className, children, ...props }: ToolShellCardProps): import("react").JSX.Element;
+export interface ToolShellCardHeaderProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'title' | 'type'> {
+    state: string;
+    title?: ReactNode;
+    /** Optional leading icon before the title (e.g. proxied MCP tools). */
+    icon?: ReactNode;
+    /** Error or denial detail; shown in a tooltip on the struck title. */
+    statusDetail?: string | undefined;
+    /** Tool is waiting on the user — do not treat idle non-terminal as stalled. */
+    awaitingUser?: boolean;
+}
+export declare function ToolShellCardHeader(props: ToolShellCardHeaderProps): import("react").JSX.Element;
+export type ToolShellCardContentProps = HTMLAttributes<HTMLDivElement>;
+export declare function ToolShellCardContent({ className, children, ...props }: ToolShellCardContentProps): import("react").JSX.Element;
+export type ToolShellCardFooterProps = HTMLAttributes<HTMLDivElement>;
+/** Footer strip for tool errors and approval flows. */
+export declare function ToolShellCardFooter({ className, children, ...props }: ToolShellCardFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=ToolShellCard.d.ts.map

package/dist/chat/Tool/shell/ToolShellCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolShellCard.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/shell/ToolShellCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,cAAc,EAAgB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBpF,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC1B,WAAkB,EAClB,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,kBAAkB,+BAgCpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvG,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiJD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BASlE;AAED,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAoBvE,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAgBhG;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,uDAAuD;AACvD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+BAM9F"}