@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

package/dist/style.css

@@ -1169,6 +1169,10 @@
     margin-block: calc(var(--spacing) * -.5);
   }
 
+  .-my-1 {
+    margin-block: calc(var(--spacing) * -1);
+  }
+
   .-my-6 {
     margin-block: calc(var(--spacing) * -6);
   }
@@ -1177,6 +1181,10 @@
     margin-block: var(--scroll-area-scrollbar-inset, 0px);
   }
 
+  .my-0 {
+    margin-block: 0;
+  }
+
   .my-1 {
     margin-block: var(--spacing);
   }
@@ -2077,6 +2085,11 @@
     height: calc(var(--spacing) * 16);
   }
 
+  .size-24 {
+    width: calc(var(--spacing) * 24);
+    height: calc(var(--spacing) * 24);
+  }
+
   .size-28 {
     width: calc(var(--spacing) * 28);
     height: calc(var(--spacing) * 28);
@@ -4574,6 +4587,10 @@
     row-gap: 0;
   }
 
+  .gap-y-0\.5 {
+    row-gap: calc(var(--spacing) * .5);
+  }
+
   .gap-y-1 {
     row-gap: var(--spacing);
   }
@@ -6965,6 +6982,10 @@
     word-break: break-all;
   }
 
+  .text-clip {
+    text-overflow: clip;
+  }
+
   .text-ellipsis {
     text-overflow: ellipsis;
   }
@@ -8300,6 +8321,11 @@
     display: inline-flex;
   }
 
+  :is(.\*\:size-full > *) {
+    width: 100%;
+    height: 100%;
+  }
+
   :is(.\*\:w-full > *) {
     width: 100%;
   }
@@ -8484,6 +8510,10 @@
       opacity: 1;
     }
 
+    .group-hover\/row\:flex:is(:where(.group\/row):hover *) {
+      display: flex;
+    }
+
     .group-hover\/row\:text-foreground:is(:where(.group\/row):hover *) {
       color: var(--foreground);
     }
@@ -8609,6 +8639,10 @@
     width: calc(var(--spacing) * 6);
   }
 
+  .group-has-focus-visible\/row\:flex:is(:where(.group\/row):has(:focus-visible) *) {
+    display: flex;
+  }
+
   .group-has-focus-visible\/row\:text-foreground:is(:where(.group\/row):has(:focus-visible) *) {
     color: var(--foreground);
   }
@@ -9247,6 +9281,11 @@
     content: var(--tw-content);
   }
 
+  .before\:content-\[\'·_\'\]:before {
+    --tw-content: "· ";
+    content: var(--tw-content);
+  }
+
   .before\:\[animation-delay\:var\(--shimmer-delay\)\]:before {
     content: var(--tw-content);
     animation-delay: var(--shimmer-delay);
@@ -12379,10 +12418,22 @@
       grid-column: span 2 / span 2;
     }
 
+    .\@3xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
+
+    .\@3xl\:col-span-6 {
+      grid-column: span 6 / span 6;
+    }
+
     .\@3xl\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
+    .\@3xl\:grid-cols-12 {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+
     .\@3xl\:has-\[\>\:nth-child\(5\)\]\:grid-cols-3:has( > :nth-child(5)) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
@@ -12411,6 +12462,22 @@
   }
 
   @container (min-width: 80rem) {
+    .\@7xl\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+
+    .\@7xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+
+    .\@7xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+
+    .\@7xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
+
     .\@7xl\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
@@ -13232,10 +13299,6 @@
     margin-left: auto;
   }
 
-  .\[\&\>\:first-child\]\:w-auto > :first-child {
-    width: auto;
-  }
-
   .\[\&\>\:first-child\]\:min-w-0 > :first-child {
     min-width: 0;
   }

package/dist/{tabbed-container-x2mfK07d.js → tabbed-container-BKUqfEKy.js}

@@ -4,7 +4,7 @@ import { t as Txt } from "./Txt-BM6TVV_c.js";
 import { i as TabsContext, n as Tabs, r as TabList, t as Tab } from "./tabs-tab-UT1JliwK.js";
 import { t as TabContent } from "./tabs-content-cpV6A9c3.js";
 import { t as DataList } from "./data-list-evmf5xWI.js";
-import { t as Combobox } from "./combobox-CDS2pBqz.js";
+import { t as Combobox } from "./combobox-wFudhN8F.js";
 import { t as ListSearch } from "./list-search-bg7WzULj.js";
 import { Children, isValidElement, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -122,4 +122,4 @@ var TabbedContainer = Object.assign(TabbedContainerRoot, {
 });
 export { TabbedContainer as t };
 
-//# sourceMappingURL=tabbed-container-x2mfK07d.js.map
+//# sourceMappingURL=tabbed-container-BKUqfEKy.js.map

package/dist/{tabbed-container-x2mfK07d.js.map → tabbed-container-BKUqfEKy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container-x2mfK07d.js","names":[],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}
+{"version":3,"file":"tabbed-container-BKUqfEKy.js","names":[],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}

package/dist/{tabbed-container-CBTb0LgE.cjs → tabbed-container-CFEImJOK.cjs}

@@ -4,7 +4,7 @@ const require_Txt = require("./Txt-BnoSqxKE.cjs");
 const require_tabs_tab = require("./tabs-tab-Qp3RJ17z.cjs");
 const require_tabs_content = require("./tabs-content-DgR3Hik1.cjs");
 const require_data_list = require("./data-list-BkimqE_P.cjs");
-const require_combobox = require("./combobox-C-E7_q4j.cjs");
+const require_combobox = require("./combobox-8kNAJFlj.cjs");
 const require_list_search = require("./list-search-BEJmYa9a.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -127,4 +127,4 @@ Object.defineProperty(exports, "TabbedContainer", {
 	}
 });
 
-//# sourceMappingURL=tabbed-container-CBTb0LgE.cjs.map
+//# sourceMappingURL=tabbed-container-CFEImJOK.cjs.map

package/dist/{tabbed-container-CBTb0LgE.cjs.map → tabbed-container-CFEImJOK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container-CBTb0LgE.cjs","names":["TabContent","cn","DataList","useContext","TabsContext","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}
+{"version":3,"file":"tabbed-container-CFEImJOK.cjs","names":["TabContent","cn","DataList","useContext","TabsContext","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}

package/dist/{tool-approval-6E73C0r6.cjs → tool-approval-BfjoSNOC.cjs}

@@ -1,8 +1,8 @@
 const require_Button = require("./Button-YQRflC47.cjs");
 const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_tool_call = require("./tool-call-Dq9xF3WD.cjs");
-const require_tool_presentation = require("./tool-presentation-D2uUj1AB.cjs");
-const require_activity = require("./activity-QyLJcBKc.cjs");
+const require_tool_call = require("./tool-call-CvilN9ti.cjs");
+const require_tool_presentation = require("./tool-presentation-BLErsb7c.cjs");
+const require_activity = require("./activity-DAK8tj7r.cjs");
 const require_Badge = require("./Badge-DZ6r6bcw.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -112,4 +112,4 @@ Object.defineProperty(exports, "ToolApprovalStatus", {
 	}
 });
 
-//# sourceMappingURL=tool-approval-6E73C0r6.cjs.map
+//# sourceMappingURL=tool-approval-BfjoSNOC.cjs.map

package/dist/{tool-approval-6E73C0r6.cjs.map → tool-approval-BfjoSNOC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-approval-6E73C0r6.cjs","names":["ShieldCheck","Check","X","Badge","Button","presentTool","Activity","ActivityTrigger","ActivityHeader","ActivityIcon","Txt","ActivityContent","ToolCallArguments"],"sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,iBAAiB;CACrB,SAAS;EAAE,OAAO;EAAqB,SAAS;EAAW,MAAMA,aAAAA;CAAY;CAC7E,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAMC,aAAAA;CAAM;CAC/D,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAMC,aAAAA;CAAE;AAC7D;AAMA,SAAgB,mBAAmB,EAAE,UAAmC;CACtE,MAAM,EAAE,OAAO,SAAS,MAAM,eAAe,eAAe,UAAU;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,MAAK;EAAS,WAAU;EAC5B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;GAAgB;GAAS,UAAS;GAAS,MAAK;GAAK,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,EAAY,eAAA,KAAa,CAAA;GACjF,UAAA;EACI,CAAA;CACH,CAAA;AAEV;AAUA,SAAgB,oBAAoB,EAClC,WACA,WACA,WAAW,OACX,UACA,YAAY,SACe;CAC3B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,OAAD,EAAO,eAAA,KAAa,CAAA;GAC1B,cAAY,WAAW,WAAW,aAAa,KAAA;GACpC;GACD;GACV,SAAS;GACV,UAAA;EAEO,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAACG,eAAAA,QAAD;GACE,MAAK;GACL,MAAK;GACL,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,GAAD,EAAG,eAAA,KAAa,CAAA;GACtB,cAAY,WAAW,WAAW,aAAa,KAAA;GACrC;GACV,SAAS;GACV,UAAA;EAEO,CAAA,CACL;;AAET;AASA,SAAgB,aAAa,EAAE,UAAU,MAAM,QAAQ,UAAU,GAAG,WAA8B;CAChG,MAAM,EAAE,MAAM,aAAaG,0BAAAA,YAAY,UAAU,IAAI;CAErD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,UAAD;EAAU,MAAA;EAAK,UAAU;EAAO,WAAU;EAAO,cAAY,qBAAqB;EAAlF,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,gBAAD;GAAgB,WAAU;GAA1B,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAU,eAAA,KAAa,CAAA,EACX,CAAA;IACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,MAAK;KAAO,WAAU;KACjE,UAAA;IACE,CAAA;IACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAA4B,OAAS,CAAA;GACvB;EACD,CAAA,EAAA,CAAA,GACjB,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,iBAAD,EAAA,UAAA,CACG,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,mBAAD;GAA6B;GAAgB;GAAM,iBAAA;EAAiB,CAAA,GAChF,CAAC,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;GAA+B;GAAU,GAAI;EAAU,CAAA,CACpD,EAAA,CAAA,CACT;;AAEd"}
+{"version":3,"file":"tool-approval-BfjoSNOC.cjs","names":["ShieldCheck","Check","X","Badge","Button","presentTool","Activity","ActivityTrigger","ActivityHeader","ActivityIcon","Txt","ActivityContent","ToolCallArguments"],"sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,iBAAiB;CACrB,SAAS;EAAE,OAAO;EAAqB,SAAS;EAAW,MAAMA,aAAAA;CAAY;CAC7E,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAMC,aAAAA;CAAM;CAC/D,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAMC,aAAAA;CAAE;AAC7D;AAMA,SAAgB,mBAAmB,EAAE,UAAmC;CACtE,MAAM,EAAE,OAAO,SAAS,MAAM,eAAe,eAAe,UAAU;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,MAAK;EAAS,WAAU;EAC5B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;GAAgB;GAAS,UAAS;GAAS,MAAK;GAAK,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,EAAY,eAAA,KAAa,CAAA;GACjF,UAAA;EACI,CAAA;CACH,CAAA;AAEV;AAUA,SAAgB,oBAAoB,EAClC,WACA,WACA,WAAW,OACX,UACA,YAAY,SACe;CAC3B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,OAAD,EAAO,eAAA,KAAa,CAAA;GAC1B,cAAY,WAAW,WAAW,aAAa,KAAA;GACpC;GACD;GACV,SAAS;GACV,UAAA;EAEO,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAACG,eAAAA,QAAD;GACE,MAAK;GACL,MAAK;GACL,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,GAAD,EAAG,eAAA,KAAa,CAAA;GACtB,cAAY,WAAW,WAAW,aAAa,KAAA;GACrC;GACV,SAAS;GACV,UAAA;EAEO,CAAA,CACL;;AAET;AASA,SAAgB,aAAa,EAAE,UAAU,MAAM,QAAQ,UAAU,GAAG,WAA8B;CAChG,MAAM,EAAE,MAAM,aAAaG,0BAAAA,YAAY,UAAU,IAAI;CAErD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,UAAD;EAAU,MAAA;EAAK,UAAU;EAAO,WAAU;EAAO,cAAY,qBAAqB;EAAlF,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,gBAAD;GAAgB,WAAU;GAA1B,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAU,eAAA,KAAa,CAAA,EACX,CAAA;IACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,MAAK;KAAO,WAAU;KACjE,UAAA;IACE,CAAA;IACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAA4B,OAAS,CAAA;GACvB;EACD,CAAA,EAAA,CAAA,GACjB,iBAAA,GAAA,kBAAA,KAAA,CAACC,iBAAAA,iBAAD,EAAA,UAAA,CACG,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,mBAAD;GAA6B;GAAgB;GAAM,iBAAA;EAAiB,CAAA,GAChF,CAAC,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;GAA+B;GAAU,GAAI;EAAU,CAAA,CACpD,EAAA,CAAA,CACT;;AAEd"}

package/dist/{tool-approval-BXlro6fV.js → tool-approval-FeuyUUcL.js}

@@ -1,8 +1,8 @@
 import { t as Button } from "./Button-Bw1e3ONi.js";
 import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { a as ToolCallArguments } from "./tool-call-CItJ8KLA.js";
-import { r as presentTool } from "./tool-presentation-DKfIKLQy.js";
-import { b as ActivityTrigger, c as ActivityContent, d as ActivityHeader, p as ActivityIcon$1, s as Activity } from "./activity-ihrl0JtH.js";
+import { a as ToolCallArguments } from "./tool-call-BxYXs9w0.js";
+import { r as presentTool } from "./tool-presentation-BSZYIWx2.js";
+import { b as ActivityTrigger, c as ActivityContent, d as ActivityHeader, p as ActivityIcon$1, s as Activity } from "./activity-CM34JyW-.js";
 import { t as Badge } from "./Badge-aVu5iGAF.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ShieldCheck, X } from "lucide-react";
@@ -95,4 +95,4 @@ function ToolApproval({ toolName, args, status, children, ...actions }) {
 }
 export { ToolApprovalActions as n, ToolApprovalStatus as r, ToolApproval as t };
 
-//# sourceMappingURL=tool-approval-BXlro6fV.js.map
+//# sourceMappingURL=tool-approval-FeuyUUcL.js.map

package/dist/{tool-approval-BXlro6fV.js.map → tool-approval-FeuyUUcL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-approval-BXlro6fV.js","names":["ActivityIcon"],"sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,iBAAiB;CACrB,SAAS;EAAE,OAAO;EAAqB,SAAS;EAAW,MAAM;CAAY;CAC7E,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAM;CAAM;CAC/D,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAM;CAAE;AAC7D;AAMA,SAAgB,mBAAmB,EAAE,UAAmC;CACtE,MAAM,EAAE,OAAO,SAAS,MAAM,eAAe,eAAe,UAAU;CACtE,OACE,oBAAC,QAAD;EAAM,MAAK;EAAS,WAAU;EAC5B,UAAA,oBAAC,OAAD;GAAgB;GAAS,UAAS;GAAS,MAAK;GAAK,MAAM,oBAAC,YAAD,EAAY,eAAA,KAAa,CAAA;GACjF,UAAA;EACI,CAAA;CACH,CAAA;AAEV;AAUA,SAAgB,oBAAoB,EAClC,WACA,WACA,WAAW,OACX,UACA,YAAY,SACe;CAC3B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,MAAM,oBAAC,OAAD,EAAO,eAAA,KAAa,CAAA;GAC1B,cAAY,WAAW,WAAW,aAAa,KAAA;GACpC;GACD;GACV,SAAS;GACV,UAAA;EAEO,CAAA,GACR,oBAAC,QAAD;GACE,MAAK;GACL,MAAK;GACL,MAAM,oBAAC,GAAD,EAAG,eAAA,KAAa,CAAA;GACtB,cAAY,WAAW,WAAW,aAAa,KAAA;GACrC;GACV,SAAS;GACV,UAAA;EAEO,CAAA,CACL;;AAET;AASA,SAAgB,aAAa,EAAE,UAAU,MAAM,QAAQ,UAAU,GAAG,WAA8B;CAChG,MAAM,EAAE,MAAM,aAAa,YAAY,UAAU,IAAI;CAErD,OACE,qBAAC,UAAD;EAAU,MAAA;EAAK,UAAU;EAAO,WAAU;EAAO,cAAY,qBAAqB;EAAlF,UAAA,CACE,oBAAC,iBAAD,EAAA,UACE,qBAAC,gBAAD;GAAgB,WAAU;GAA1B,UAAA;IACE,oBAACA,gBAAD,EAAA,UACE,oBAAC,UAAD,EAAU,eAAA,KAAa,CAAA,EACX,CAAA;IACd,oBAAC,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,MAAK;KAAO,WAAU;KACjE,UAAA;IACE,CAAA;IACL,oBAAC,oBAAD,EAA4B,OAAS,CAAA;GACvB;EACD,CAAA,EAAA,CAAA,GACjB,qBAAC,iBAAD,EAAA,UAAA,CACG,YAAY,oBAAC,mBAAD;GAA6B;GAAgB;GAAM,iBAAA;EAAiB,CAAA,GAChF,CAAC,UAAU,oBAAC,qBAAD;GAA+B;GAAU,GAAI;EAAU,CAAA,CACpD,EAAA,CAAA,CACT;;AAEd"}
+{"version":3,"file":"tool-approval-FeuyUUcL.js","names":["ActivityIcon"],"sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,iBAAiB;CACrB,SAAS;EAAE,OAAO;EAAqB,SAAS;EAAW,MAAM;CAAY;CAC7E,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAM;CAAM;CAC/D,UAAU;EAAE,OAAO;EAAY,SAAS;EAAW,MAAM;CAAE;AAC7D;AAMA,SAAgB,mBAAmB,EAAE,UAAmC;CACtE,MAAM,EAAE,OAAO,SAAS,MAAM,eAAe,eAAe,UAAU;CACtE,OACE,oBAAC,QAAD;EAAM,MAAK;EAAS,WAAU;EAC5B,UAAA,oBAAC,OAAD;GAAgB;GAAS,UAAS;GAAS,MAAK;GAAK,MAAM,oBAAC,YAAD,EAAY,eAAA,KAAa,CAAA;GACjF,UAAA;EACI,CAAA;CACH,CAAA;AAEV;AAUA,SAAgB,oBAAoB,EAClC,WACA,WACA,WAAW,OACX,UACA,YAAY,SACe;CAC3B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,MAAM,oBAAC,OAAD,EAAO,eAAA,KAAa,CAAA;GAC1B,cAAY,WAAW,WAAW,aAAa,KAAA;GACpC;GACD;GACV,SAAS;GACV,UAAA;EAEO,CAAA,GACR,oBAAC,QAAD;GACE,MAAK;GACL,MAAK;GACL,MAAM,oBAAC,GAAD,EAAG,eAAA,KAAa,CAAA;GACtB,cAAY,WAAW,WAAW,aAAa,KAAA;GACrC;GACV,SAAS;GACV,UAAA;EAEO,CAAA,CACL;;AAET;AASA,SAAgB,aAAa,EAAE,UAAU,MAAM,QAAQ,UAAU,GAAG,WAA8B;CAChG,MAAM,EAAE,MAAM,aAAa,YAAY,UAAU,IAAI;CAErD,OACE,qBAAC,UAAD;EAAU,MAAA;EAAK,UAAU;EAAO,WAAU;EAAO,cAAY,qBAAqB;EAAlF,UAAA,CACE,oBAAC,iBAAD,EAAA,UACE,qBAAC,gBAAD;GAAgB,WAAU;GAA1B,UAAA;IACE,oBAACA,gBAAD,EAAA,UACE,oBAAC,UAAD,EAAU,eAAA,KAAa,CAAA,EACX,CAAA;IACd,oBAAC,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,MAAK;KAAO,WAAU;KACjE,UAAA;IACE,CAAA;IACL,oBAAC,oBAAD,EAA4B,OAAS,CAAA;GACvB;EACD,CAAA,EAAA,CAAA,GACjB,qBAAC,iBAAD,EAAA,UAAA,CACG,YAAY,oBAAC,mBAAD;GAA6B;GAAgB;GAAM,iBAAA;EAAiB,CAAA,GAChF,CAAC,UAAU,oBAAC,qBAAD;GAA+B;GAAU,GAAI;EAAU,CAAA,CACpD,EAAA,CAAA,CACT;;AAEd"}

package/dist/{tool-call-CItJ8KLA.js → tool-call-BxYXs9w0.js}

@@ -7,8 +7,8 @@ import { t as CopyButton } from "./copy-button-CF-X4iDj.js";
 import { n as languageForPath } from "./highlight-DF-vd68d.js";
 import { n as useHighlight } from "./code-B7cFirk4.js";
 import { CodeBlock } from "./components/CodeBlock.es.js";
-import { a as toolEdit, o as visibleToolArgumentsText, r as presentTool } from "./tool-presentation-DKfIKLQy.js";
-import { _ as ActivitySpacer, b as ActivityTrigger, c as ActivityContent, d as ActivityHeader, g as ActivityLeading, h as ActivityLabel, l as ActivityDetail, p as ActivityIcon$1, s as Activity, u as ActivityDisclosure, v as ActivitySummary, y as ActivityTrailing } from "./activity-ihrl0JtH.js";
+import { a as toolEdit, o as visibleToolArgumentsText, r as presentTool } from "./tool-presentation-BSZYIWx2.js";
+import { _ as ActivitySpacer, b as ActivityTrigger, c as ActivityContent, d as ActivityHeader, g as ActivityLeading, h as ActivityLabel, l as ActivityDetail, p as ActivityIcon$1, s as Activity, u as ActivityDisclosure, v as ActivitySummary, y as ActivityTrailing } from "./activity-CM34JyW-.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FoldVertical, X } from "lucide-react";
 // src/ds/components/ai/tool-call/ansi.ts
@@ -234,15 +234,17 @@ function GroupProgress({ steps }) {
 	})] });
 }
 function GroupKinds({ steps }) {
-	const kinds = [...new Map(steps.map((step) => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]))].slice(0, MAX_KIND_GLYPHS);
+	const presented = steps.map((step) => presentTool(step.toolName, step.args));
+	const labels = new Set(presented.map(({ label }) => label));
+	const glyphs = [...new Map(presented.map(({ pose, icon }) => [pose, icon]))].slice(0, MAX_KIND_GLYPHS);
 	return /* @__PURE__ */ jsx(ActivitySummary, {
 		role: "img",
-		"aria-label": kinds.map(([label]) => label).join(", "),
+		"aria-label": [...labels].join(", "),
 		className: "shrink-0 gap-1.5",
-		children: kinds.map(([label, Kind]) => /* @__PURE__ */ jsx(Kind, {
+		children: glyphs.map(([pose, Kind]) => /* @__PURE__ */ jsx(Kind, {
 			size: 12,
 			className: "text-placeholder"
-		}, label))
+		}, pose))
 	});
 }
 // src/ds/components/ai/tool-call/tool-call-output.tsx
@@ -385,4 +387,4 @@ function ToolCallTime({ at }) {
 }
 export { ToolCallArguments as a, ToolCallMono as c, stripAnsi as d, stripSerializedAnsi as f, ToolCallGroup as i, TOOL_GROUP_MIN as l, toolPhrases as n, ToolCallEdit as o, ToolCallOutput as r, ToolCallCommand as s, ToolCallTime as t, groupConsecutive as u };
 
-//# sourceMappingURL=tool-call-CItJ8KLA.js.map
+//# sourceMappingURL=tool-call-BxYXs9w0.js.map

package/dist/{tool-call-CItJ8KLA.js.map → tool-call-BxYXs9w0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-call-CItJ8KLA.js","names":["_Fragment","ActivityIcon","_Fragment"],"sources":["../src/ds/components/ai/tool-call/ansi.ts","../src/ds/components/ai/tool-call/group-consecutive.ts","../src/ds/components/ai/tool-call/tool-call-mono.tsx","../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx","../src/ds/components/ai/tool-call/tool-call-group.tsx","../src/ds/components/ai/tool-call/tool-call-output.tsx","../src/ds/components/ai/tool-call/tool-phrases.ts","../src/ds/components/ai/tool-call/tool-call-time.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","export interface ConsecutiveGroups<T> {\n  /** Each run, keyed by its first member. */\n  byFirstKey: Map<string, T[]>;\n  /** The members after the first, which draw nothing of their own. */\n  memberKeys: Set<string>;\n}\n\nexport interface ConsecutiveRules<T, U extends T> {\n  key: (item: U) => string;\n  /** Whether an item extends the run; anything else ends it. */\n  joins: (item: T) => item is U;\n  /** Runs shorter than this stay individual rows. */\n  min?: number;\n}\n\n/** Consecutive tool calls this long fold into one group row. */\nexport const TOOL_GROUP_MIN = 3;\n\n/** Cuts a list into runs of joining items, keeping only the runs long enough to fold. */\nexport function groupConsecutive<T, U extends T>(\n  items: readonly T[],\n  { key, joins, min = TOOL_GROUP_MIN }: ConsecutiveRules<T, U>,\n): ConsecutiveGroups<U> {\n  const byFirstKey = new Map<string, U[]>();\n  const memberKeys = new Set<string>();\n  let run: U[] = [];\n\n  const flush = () => {\n    if (run.length >= min) {\n      for (const [index, item] of run.entries()) {\n        if (index === 0) byFirstKey.set(key(item), run);\n        else memberKeys.add(key(item));\n      }\n    }\n    run = [];\n  };\n\n  for (const item of items) {\n    if (joins(item)) run.push(item);\n    else flush();\n  }\n  flush();\n\n  return { byFirstKey, memberKeys };\n}\n","import type { ComponentProps } from 'react';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { cn } from '@/lib/utils';\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n","import type { ToolEdit } from './tool-presentation';\nimport { useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string, showFullContent: boolean): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  if (showFullContent) return { lines, hidden: 0 };\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className={token.className}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit, showFullContent = false }: { edit: ToolEdit; showFullContent?: boolean }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={showFullContent ? edit.content : truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText, showFullContent);\n  const added = boundedLines(edit.newText, showFullContent);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className={cn(\n        'max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption',\n        showFullContent && 'max-h-60 overflow-y-auto',\n      )}\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n  showFullContent?: boolean;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, showFullContent, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} showFullContent={showFullContent} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { presentTool } from './tool-presentation';\nimport {\n  Activity,\n  ActivityContent,\n  ActivityDetail,\n  ActivityDisclosure,\n  ActivityHeader,\n  ActivityIcon,\n  ActivityLabel,\n  ActivityLeading,\n  ActivitySpacer,\n  ActivitySummary,\n  ActivityTrailing,\n  ActivityTrigger,\n} from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ActivityStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const live = running && presentTool(running.toolName, running.args);\n\n  return (\n    <Activity status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ActivityTrigger>\n        <ActivityHeader>\n          <ActivityLeading>{leading}</ActivityLeading>\n          <ActivityIcon>\n            <FoldVertical size={14} aria-hidden className=\"text-placeholder\" />\n          </ActivityIcon>\n          <ActivityLabel>{steps.length} steps</ActivityLabel>\n          {live && live.description ? (\n            <ActivityLabel className=\"max-w-none min-w-0 shrink\">{live.description}</ActivityLabel>\n          ) : (\n            live && live.detail && <ActivityDetail>{live.detail}</ActivityDetail>\n          )}\n          <GroupKinds steps={steps} />\n          <ActivitySpacer rule />\n          <ActivityTrailing>\n            <GroupProgress steps={steps} />\n          </ActivityTrailing>\n          <ActivityDisclosure />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ActivityContent>\n    </Activity>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const iconByLabel = new Map(\n    steps.map(step => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]),\n  );\n  const kinds = [...iconByLabel].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ActivitySummary role=\"img\" aria-label={kinds.map(([label]) => label).join(', ')} className=\"shrink-0 gap-1.5\">\n      {kinds.map(([label, Kind]) => (\n        <Kind key={label} size={12} className=\"text-placeholder\" />\n      ))}\n    </ActivitySummary>\n  );\n}\n","import { ToolCallMono } from './tool-call-mono';\n\nexport interface ToolCallOutputProps {\n  text: string;\n  error?: boolean;\n  maxLength?: number;\n  'data-testid'?: string;\n}\n\nexport function ToolCallOutput({ text, error, maxLength, 'data-testid': testId }: ToolCallOutputProps) {\n  const preview = maxLength !== undefined && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;\n\n  return (\n    <ToolCallMono\n      copyText={text}\n      data-testid={testId}\n      className={error ? 'text-destructive-foreground' : 'text-muted-foreground'}\n    >\n      {preview}\n    </ToolCallMono>\n  );\n}\n","/** How a line words one kind of tool: while it runs, done alone, and once or many times in a summary. */\nexport interface ToolPhrases {\n  live: string;\n  done: string;\n  one: string;\n  many: string;\n}\n\nconst KIND_PHRASES = {\n  Read: { live: 'Reading', done: 'Read', one: 'read a file', many: 'read files' },\n  Write: { live: 'Writing', done: 'Wrote', one: 'wrote a file', many: 'wrote files' },\n  Edit: { live: 'Editing', done: 'Edited', one: 'edited a file', many: 'edited files' },\n  Run: { live: 'Running', done: 'Ran', one: 'ran a command', many: 'ran commands' },\n  'Process output': {\n    live: 'Reading output',\n    done: 'Read output',\n    one: 'read process output',\n    many: 'read process output',\n  },\n  'Stop process': {\n    live: 'Stopping process',\n    done: 'Stopped process',\n    one: 'stopped a process',\n    many: 'stopped processes',\n  },\n  'Find files': { live: 'Finding files', done: 'Found files', one: 'found files', many: 'found files' },\n  'List files': { live: 'Listing files', done: 'Listed files', one: 'listed files', many: 'listed files' },\n  Search: { live: 'Searching', done: 'Searched', one: 'searched code', many: 'searched code' },\n  'Search the web': {\n    live: 'Searching the web',\n    done: 'Searched the web',\n    one: 'searched the web',\n    many: 'searched the web',\n  },\n  'Inspect code': { live: 'Inspecting', done: 'Inspected', one: 'inspected code', many: 'inspected code' },\n  'File info': { live: 'Checking', done: 'Checked', one: 'checked a file', many: 'checked files' },\n  Delete: { live: 'Deleting', done: 'Deleted', one: 'deleted a file', many: 'deleted files' },\n  'New folder': { live: 'Creating folder', done: 'Created folder', one: 'created a folder', many: 'created folders' },\n  Skill: { live: 'Using skill', done: 'Used skill', one: 'used a skill', many: 'used skills' },\n  'Search skills': {\n    live: 'Searching skills',\n    done: 'Searched skills',\n    one: 'searched skills',\n    many: 'searched skills',\n  },\n  'Skill file': {\n    live: 'Reading skill file',\n    done: 'Read skill file',\n    one: 'read a skill file',\n    many: 'read skill files',\n  },\n} satisfies Record<string, ToolPhrases>;\n\n/** The kinds `presentTool` labels a call with; each one has its phrases. */\nexport type ToolKind = keyof typeof KIND_PHRASES;\n\nfunction isToolKind(label: string): label is ToolKind {\n  return Object.hasOwn(KIND_PHRASES, label);\n}\n\nexport function toolPhrases(label: string): ToolPhrases {\n  if (isToolKind(label)) return KIND_PHRASES[label];\n  return { live: `Using ${label}`, done: `Used ${label}`, one: `used ${label}`, many: `used ${label}` };\n}\n","import { formatDate, toDate } from '@/utils/date-format';\n\nexport function ToolCallTime({ at }: { at?: number }) {\n  const time = toDate(at);\n  if (!time) return null;\n\n  return (\n    <time\n      className=\"shrink-0 text-meta text-muted-foreground tabular-nums\"\n      dateTime={time.toISOString()}\n      title={formatDate(time, 'date-time-seconds')}\n    >\n      {formatDate(time, 'time-seconds')}\n    </time>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"tool-call-BxYXs9w0.js","names":["_Fragment","ActivityIcon","_Fragment"],"sources":["../src/ds/components/ai/tool-call/ansi.ts","../src/ds/components/ai/tool-call/group-consecutive.ts","../src/ds/components/ai/tool-call/tool-call-mono.tsx","../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx","../src/ds/components/ai/tool-call/tool-call-group.tsx","../src/ds/components/ai/tool-call/tool-call-output.tsx","../src/ds/components/ai/tool-call/tool-phrases.ts","../src/ds/components/ai/tool-call/tool-call-time.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","export interface ConsecutiveGroups<T> {\n  /** Each run, keyed by its first member. */\n  byFirstKey: Map<string, T[]>;\n  /** The members after the first, which draw nothing of their own. */\n  memberKeys: Set<string>;\n}\n\nexport interface ConsecutiveRules<T, U extends T> {\n  key: (item: U) => string;\n  /** Whether an item extends the run; anything else ends it. */\n  joins: (item: T) => item is U;\n  /** Runs shorter than this stay individual rows. */\n  min?: number;\n}\n\n/** Consecutive tool calls this long fold into one group row. */\nexport const TOOL_GROUP_MIN = 3;\n\n/** Cuts a list into runs of joining items, keeping only the runs long enough to fold. */\nexport function groupConsecutive<T, U extends T>(\n  items: readonly T[],\n  { key, joins, min = TOOL_GROUP_MIN }: ConsecutiveRules<T, U>,\n): ConsecutiveGroups<U> {\n  const byFirstKey = new Map<string, U[]>();\n  const memberKeys = new Set<string>();\n  let run: U[] = [];\n\n  const flush = () => {\n    if (run.length >= min) {\n      for (const [index, item] of run.entries()) {\n        if (index === 0) byFirstKey.set(key(item), run);\n        else memberKeys.add(key(item));\n      }\n    }\n    run = [];\n  };\n\n  for (const item of items) {\n    if (joins(item)) run.push(item);\n    else flush();\n  }\n  flush();\n\n  return { byFirstKey, memberKeys };\n}\n","import type { ComponentProps } from 'react';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { cn } from '@/lib/utils';\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n","import type { ToolEdit } from './tool-presentation';\nimport { useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string, showFullContent: boolean): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  if (showFullContent) return { lines, hidden: 0 };\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className={token.className}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit, showFullContent = false }: { edit: ToolEdit; showFullContent?: boolean }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={showFullContent ? edit.content : truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText, showFullContent);\n  const added = boundedLines(edit.newText, showFullContent);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className={cn(\n        'max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption',\n        showFullContent && 'max-h-60 overflow-y-auto',\n      )}\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n  showFullContent?: boolean;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, showFullContent, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} showFullContent={showFullContent} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { presentTool } from './tool-presentation';\nimport {\n  Activity,\n  ActivityContent,\n  ActivityDetail,\n  ActivityDisclosure,\n  ActivityHeader,\n  ActivityIcon,\n  ActivityLabel,\n  ActivityLeading,\n  ActivitySpacer,\n  ActivitySummary,\n  ActivityTrailing,\n  ActivityTrigger,\n} from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ActivityStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const live = running && presentTool(running.toolName, running.args);\n\n  return (\n    <Activity status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ActivityTrigger>\n        <ActivityHeader>\n          <ActivityLeading>{leading}</ActivityLeading>\n          <ActivityIcon>\n            <FoldVertical size={14} aria-hidden className=\"text-placeholder\" />\n          </ActivityIcon>\n          <ActivityLabel>{steps.length} steps</ActivityLabel>\n          {live && live.description ? (\n            <ActivityLabel className=\"max-w-none min-w-0 shrink\">{live.description}</ActivityLabel>\n          ) : (\n            live && live.detail && <ActivityDetail>{live.detail}</ActivityDetail>\n          )}\n          <GroupKinds steps={steps} />\n          <ActivitySpacer rule />\n          <ActivityTrailing>\n            <GroupProgress steps={steps} />\n          </ActivityTrailing>\n          <ActivityDisclosure />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ActivityContent>\n    </Activity>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const presented = steps.map(step => presentTool(step.toolName, step.args));\n  const labels = new Set(presented.map(({ label }) => label));\n  const glyphs = [...new Map(presented.map(({ pose, icon }) => [pose, icon]))].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ActivitySummary role=\"img\" aria-label={[...labels].join(', ')} className=\"shrink-0 gap-1.5\">\n      {glyphs.map(([pose, Kind]) => (\n        <Kind key={pose} size={12} className=\"text-placeholder\" />\n      ))}\n    </ActivitySummary>\n  );\n}\n","import { ToolCallMono } from './tool-call-mono';\n\nexport interface ToolCallOutputProps {\n  text: string;\n  error?: boolean;\n  maxLength?: number;\n  'data-testid'?: string;\n}\n\nexport function ToolCallOutput({ text, error, maxLength, 'data-testid': testId }: ToolCallOutputProps) {\n  const preview = maxLength !== undefined && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;\n\n  return (\n    <ToolCallMono\n      copyText={text}\n      data-testid={testId}\n      className={error ? 'text-destructive-foreground' : 'text-muted-foreground'}\n    >\n      {preview}\n    </ToolCallMono>\n  );\n}\n","/** How a line words one kind of tool: while it runs, done alone, and once or many times in a summary. */\nexport interface ToolPhrases {\n  live: string;\n  done: string;\n  one: string;\n  many: string;\n}\n\nconst KIND_PHRASES = {\n  Read: { live: 'Reading', done: 'Read', one: 'read a file', many: 'read files' },\n  Write: { live: 'Writing', done: 'Wrote', one: 'wrote a file', many: 'wrote files' },\n  Edit: { live: 'Editing', done: 'Edited', one: 'edited a file', many: 'edited files' },\n  Run: { live: 'Running', done: 'Ran', one: 'ran a command', many: 'ran commands' },\n  'Process output': {\n    live: 'Reading output',\n    done: 'Read output',\n    one: 'read process output',\n    many: 'read process output',\n  },\n  'Stop process': {\n    live: 'Stopping process',\n    done: 'Stopped process',\n    one: 'stopped a process',\n    many: 'stopped processes',\n  },\n  'Find files': { live: 'Finding files', done: 'Found files', one: 'found files', many: 'found files' },\n  'List files': { live: 'Listing files', done: 'Listed files', one: 'listed files', many: 'listed files' },\n  Search: { live: 'Searching', done: 'Searched', one: 'searched code', many: 'searched code' },\n  'Search the web': {\n    live: 'Searching the web',\n    done: 'Searched the web',\n    one: 'searched the web',\n    many: 'searched the web',\n  },\n  'Inspect code': { live: 'Inspecting', done: 'Inspected', one: 'inspected code', many: 'inspected code' },\n  'File info': { live: 'Checking', done: 'Checked', one: 'checked a file', many: 'checked files' },\n  Delete: { live: 'Deleting', done: 'Deleted', one: 'deleted a file', many: 'deleted files' },\n  'New folder': { live: 'Creating folder', done: 'Created folder', one: 'created a folder', many: 'created folders' },\n  Skill: { live: 'Using skill', done: 'Used skill', one: 'used a skill', many: 'used skills' },\n  'Search skills': {\n    live: 'Searching skills',\n    done: 'Searched skills',\n    one: 'searched skills',\n    many: 'searched skills',\n  },\n  'Skill file': {\n    live: 'Reading skill file',\n    done: 'Read skill file',\n    one: 'read a skill file',\n    many: 'read skill files',\n  },\n} satisfies Record<string, ToolPhrases>;\n\n/** The kinds `presentTool` labels a call with; each one has its phrases. */\nexport type ToolKind = keyof typeof KIND_PHRASES;\n\nfunction isToolKind(label: string): label is ToolKind {\n  return Object.hasOwn(KIND_PHRASES, label);\n}\n\nexport function toolPhrases(label: string): ToolPhrases {\n  if (isToolKind(label)) return KIND_PHRASES[label];\n  return { live: `Using ${label}`, done: `Used ${label}`, one: `used ${label}`, many: `used ${label}` };\n}\n","import { formatDate, toDate } from '@/utils/date-format';\n\nexport function ToolCallTime({ at }: { at?: number }) {\n  const time = toDate(at);\n  if (!time) return null;\n\n  return (\n    <time\n      className=\"shrink-0 text-meta text-muted-foreground tabular-nums\"\n      dateTime={time.toISOString()}\n      title={formatDate(time, 'date-time-seconds')}\n    >\n      {formatDate(time, 'time-seconds')}\n    </time>\n  );\n}\n"],"mappings":"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"}

package/dist/{tool-call-Dq9xF3WD.cjs → tool-call-CvilN9ti.cjs}

@@ -7,8 +7,8 @@ const require_copy_button = require("./copy-button-BYEFKNpo.cjs");
 const require_highlight = require("./highlight-D0VoR2qO.cjs");
 const require_code = require("./code-CqgfD-cP.cjs");
 const require_components_CodeBlock = require("./components/CodeBlock.cjs.js");
-const require_tool_presentation = require("./tool-presentation-D2uUj1AB.cjs");
-const require_activity = require("./activity-QyLJcBKc.cjs");
+const require_tool_presentation = require("./tool-presentation-BLErsb7c.cjs");
+const require_activity = require("./activity-DAK8tj7r.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/ds/components/ai/tool-call/ansi.ts
@@ -234,15 +234,17 @@ function GroupProgress({ steps }) {
 	})] });
 }
 function GroupKinds({ steps }) {
-	const kinds = [...new Map(steps.map((step) => require_tool_presentation.presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]))].slice(0, MAX_KIND_GLYPHS);
+	const presented = steps.map((step) => require_tool_presentation.presentTool(step.toolName, step.args));
+	const labels = new Set(presented.map(({ label }) => label));
+	const glyphs = [...new Map(presented.map(({ pose, icon }) => [pose, icon]))].slice(0, MAX_KIND_GLYPHS);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivitySummary, {
 		role: "img",
-		"aria-label": kinds.map(([label]) => label).join(", "),
+		"aria-label": [...labels].join(", "),
 		className: "shrink-0 gap-1.5",
-		children: kinds.map(([label, Kind]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kind, {
+		children: glyphs.map(([pose, Kind]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kind, {
 			size: 12,
 			className: "text-placeholder"
-		}, label))
+		}, pose))
 	});
 }
 // src/ds/components/ai/tool-call/tool-call-output.tsx
@@ -456,4 +458,4 @@ Object.defineProperty(exports, "toolPhrases", {
 	}
 });
 
-//# sourceMappingURL=tool-call-Dq9xF3WD.cjs.map
+//# sourceMappingURL=tool-call-CvilN9ti.cjs.map