@mastra/playground-ui 60.0.0-alpha.0 → 60.0.0-alpha.10

package/dist/side-dialog-D2O3Y7GB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-dialog-D2O3Y7GB.js","sources":["../src/ds/components/SideDialog/side-dialog-code-section.tsx","../src/ds/components/SideDialog/side-dialog-content.tsx","../src/ds/components/SideDialog/side-dialog-header.tsx","../src/ds/components/SideDialog/side-dialog-heading.tsx","../src/ds/components/SideDialog/side-dialog-nav.tsx","../src/ds/components/SideDialog/side-dialog-root.tsx","../src/ds/components/SideDialog/side-dialog-top.tsx","../src/ds/components/SideDialog/side-dialog.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport React, { useState, useMemo } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Section } from '@/ds/components/Section';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\n\n/** Dark theme — matches original side-dialog draculaInit settings exactly. */\nfunction buildSideDialogDarkTheme(): Extension {\n  return draculaInit({\n    settings: {\n      fontFamily: 'var(--font-mono)',\n      fontSize: 'var(--text-body-sm)',\n      lineHighlight: 'transparent',\n      gutterBackground: 'transparent',\n      gutterForeground: 'var(--muted-foreground)',\n      background: 'transparent',\n    },\n    styles: [{ tag: [t.className, t.propertyName] }],\n  });\n}\n\n/** Light theme for side-dialog code sections. */\nfunction buildSideDialogLightTheme(): Extension {\n  const editorTheme = EditorView.theme({\n    '&': {\n      backgroundColor: 'transparent',\n      color: 'var(--foreground)',\n      fontSize: 'var(--text-body-sm)',\n    },\n    '&.cm-editor .cm-scroller': {\n      fontFamily: 'var(--font-mono)',\n    },\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      color: 'var(--placeholder)',\n      borderRight: 'none',\n    },\n    '.cm-content': {\n      color: 'var(--foreground)',\n      caretColor: 'var(--foreground)',\n    },\n    '.cm-activeLine': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-activeLineGutter': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: 'var(--foreground)',\n    },\n  });\n\n  const highlightStyle = HighlightStyle.define([\n    { tag: [t.comment, t.bracket], color: 'var(--placeholder)' },\n    { tag: [t.string, t.meta, t.regexp], color: 'var(--syntax-string)' },\n    { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--syntax-literal)' },\n    { tag: [t.keyword, t.operator, t.tagName], color: 'var(--syntax-keyword)' },\n    { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--syntax-name)' },\n    {\n      tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n      color: 'var(--syntax-link)',\n    },\n    { tag: [t.variableName, t.number], color: 'var(--syntax-name)' },\n    { tag: [t.name, t.quote], color: 'var(--syntax-string)' },\n  ]);\n\n  return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n  const isDark = useTheme().resolvedTheme === 'dark';\n  return useMemo(() => (isDark ? buildSideDialogDarkTheme() : buildSideDialogLightTheme()), [isDark]);\n};\n\nexport type SideDialogCodeSectionProps = {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n};\n\nexport function SideDialogCodeSection({ codeStr = '', title, icon, simplified = false }: SideDialogCodeSectionProps) {\n  const theme = useCodemirrorTheme();\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n\n  return (\n    <Section>\n      <Section.Header>\n        <Section.Heading>\n          {icon}\n          {title}\n        </Section.Heading>\n        <ButtonsGroup size=\"sm\">\n          <CopyButton content={codeStr || 'No content'} />\n          {hasMultilineText && (\n            <Button\n              aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n              onClick={() => setShowAsMultilineText(!showAsMultilineText)}\n            >\n              {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n            </Button>\n          )}\n        </ButtonsGroup>\n      </Section.Header>\n      {codeStr && (\n        <div\n          className={`${raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`}\n        >\n          {simplified ? (\n            <div className=\"px-2 font-mono break-all text-muted-foreground\">\n              <pre className=\"text-wrap\">{codeStr}</pre>\n            </div>\n          ) : (\n            <ReactCodeMirror extensions={[json(), EditorView.lineWrapping]} theme={theme} value={finalCodeStr} />\n          )}\n        </div>\n      )}\n    </Section>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import { DrawerInteractive } from '@/ds/components/Drawer';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogContentProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogContent({ children, className }: SideDialogContentProps) {\n  return (\n    <DrawerInteractive\n      render={\n        <div className={cn('grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5', className)}>{children}</div>\n      }\n    />\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeaderProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogHeader({ children, className }: SideDialogHeaderProps) {\n  return <div className={cn('flex items-center justify-between pb-3', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeadingProps = {\n  children?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2';\n};\n\nexport function SideDialogHeading({ children, className, as = 'h1' }: SideDialogHeadingProps) {\n  const HeadingTag = as;\n\n  return (\n    <HeadingTag\n      className={cn(\n        'flex items-start gap-2',\n        as === 'h1' ? 'text-heading text-foreground' : 'text-subheading text-foreground',\n        '[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70',\n        className,\n      )}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogNavProps = {\n  onNext?: (() => void) | null;\n  onPrevious?: (() => void) | null;\n  className?: string;\n};\n\nexport function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps) {\n  const handleOnNext = () => {\n    onNext?.();\n  };\n\n  const handleOnPrevious = () => {\n    onPrevious?.();\n  };\n\n  return (\n    <div className={cn('flex items-center gap-3', '[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground', className)}>\n      {(onNext || onPrevious) && (\n        <div className={cn('flex items-baseline gap-3')}>\n          <Button onClick={handleOnPrevious} disabled={!onPrevious} icon={<ArrowUpIcon />}>\n            Previous\n          </Button>\n          <Button onClick={handleOnNext} disabled={!onNext} icon={<ArrowDownIcon />}>\n            Next\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { ChevronsRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  Drawer,\n  DrawerBackdrop,\n  DrawerClose,\n  DrawerDescription,\n  DrawerInteractive,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerViewport,\n} from '@/ds/components/Drawer';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogRootProps = {\n  variant?: 'default' | 'confirmation';\n  dialogTitle: string;\n  dialogDescription: string;\n  isOpen: boolean;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n  level?: 1 | 2 | 3;\n};\n\nexport function SideDialogRoot({\n  dialogTitle,\n  dialogDescription,\n  isOpen,\n  onClose,\n  children,\n  variant = 'default',\n  level = 1,\n  className,\n}: SideDialogRootProps) {\n  const isConfirmation = variant === 'confirmation';\n\n  // Mount point for nested popups (Select, Popover, …). It sits *inside* Base\n  // UI's modal `FloatingFocusManager` region (so a `document.body` portal can't\n  // leave them unclickable) AND is a `DrawerInteractive` (`data-drawer-content`)\n  // node, which Base UI's Drawer excludes from swipe-to-dismiss. Without that\n  // exclusion, a `pointerdown` on a dropdown option starts a drawer swipe and\n  // captures the pointer, so the option never receives `pointerup` and the\n  // click never commits. See `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <Drawer\n      side=\"right\"\n      open={isOpen}\n      onOpenChange={open => {\n        if (!open) onClose?.();\n      }}\n    >\n      <DrawerPortal>\n        {!isConfirmation && <DrawerBackdrop className=\"backdrop-blur-sm\" />}\n        <DrawerViewport className={isConfirmation ? 'pointer-events-none' : undefined}>\n          <DrawerPopup\n            className={cn(\n              'max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background',\n              {\n                'w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]': level === 1,\n                'w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]': level === 2,\n                'w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]': level === 3,\n                'pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm': isConfirmation,\n              },\n              className,\n            )}\n          >\n            <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n            <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n\n            {!isConfirmation && (\n              <DrawerClose\n                render={\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground',\n                      transitions.all,\n                      'hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    aria-label=\"Close\"\n                  >\n                    <ChevronsRightIcon />\n                  </button>\n                }\n              />\n            )}\n\n            {/* Swipe-exempt, out-of-flow mount point for nested popups. */}\n            <DrawerInteractive render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n            <PortalContainerProvider container={portalHost}>\n              <div\n                className={cn('grid h-full', {\n                  'grid-rows-[auto_1fr]': !isConfirmation,\n                })}\n              >\n                {children}\n              </div>\n            </PortalContainerProvider>\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogTopProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogTop({ children, className }: SideDialogTopProps) {\n  return (\n    <div\n      className={cn(\n        `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,\n        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[\"\"]',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { SideDialogCodeSection } from './side-dialog-code-section';\nimport { SideDialogContent } from './side-dialog-content';\nimport { SideDialogHeader } from './side-dialog-header';\nimport { SideDialogHeading } from './side-dialog-heading';\nimport { SideDialogNav } from './side-dialog-nav';\nimport { SideDialogRoot } from './side-dialog-root';\nimport { SideDialogTop } from './side-dialog-top';\n\nexport { type SideDialogRootProps } from './side-dialog-root';\n\nexport const SideDialog = Object.assign(SideDialogRoot, {\n  Top: SideDialogTop,\n  Header: SideDialogHeader,\n  Heading: SideDialogHeading,\n  Content: SideDialogContent,\n  CodeSection: SideDialogCodeSection,\n  Nav: SideDialogNav,\n});\n"],"names":["t","ReactCodeMirror"],"mappings":"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"}

package/dist/sidebar.css

@@ -0,0 +1,7 @@
+/* Holds opacity while the sidebar collapses, so leftover hover doesn't flash the toggle. */
+@keyframes sidebar-hold {
+  from,
+  to {
+    opacity: var(--sidebar-hold-opacity);
+  }
+}

package/dist/signal-activity-1REUU8T_.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Info, Layers } from 'lucide-react';
+import { g as ActivityItem } from './activity-Duth8KP_.js';
+import { m as messagePreviewShowsAll, a as messagePreview } from './message-preview-BnmthmiK.js';
+import { B as Badge } from './Badge-Q_pCeeGW.js';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+
+const signalKinds = {
+  state: {
+    icon: /* @__PURE__ */ jsx(Layers, { className: "text-badge-purple-indicator", "aria-hidden": true }),
+    body: { variant: "caption" }
+  },
+  reactive: {
+    icon: /* @__PURE__ */ jsx(Info, { "aria-hidden": true }),
+    body: { variant: "caption" }
+  },
+  reminder: {
+    icon: /* @__PURE__ */ jsx(Info, { className: "text-info-indicator", "aria-hidden": true }),
+    body: { variant: "meta", font: "mono" }
+  }
+};
+function SignalActivity({ kind, label, message, detail, mode, defaultOpen }) {
+  const { icon, body } = signalKinds[kind];
+  const lineHoldsMessage = detail === void 0 && messagePreviewShowsAll(message);
+  return /* @__PURE__ */ jsx(
+    ActivityItem,
+    {
+      icon,
+      label,
+      detail: detail ?? messagePreview(message),
+      badges: mode ? /* @__PURE__ */ jsx(Badge, { size: "xs", children: mode }) : void 0,
+      defaultOpen,
+      "data-signal-kind": kind,
+      "aria-label": `Signal: ${label}`,
+      children: message && !lineHoldsMessage && /* @__PURE__ */ jsxs(Fragment, { children: [
+        detail && /* @__PURE__ */ jsx(Txt, { variant: "meta", font: "mono", tone: "muted", className: "break-all", children: detail }),
+        /* @__PURE__ */ jsx(Txt, { ...body, className: "break-words whitespace-pre-wrap", children: message })
+      ] })
+    }
+  );
+}
+
+export { SignalActivity as S };
+//# sourceMappingURL=signal-activity-1REUU8T_.js.map

package/dist/signal-activity-1REUU8T_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-activity-1REUU8T_.js","sources":["../src/ds/components/ai/activity/presets/signal-activity.tsx"],"sourcesContent":["import { Info, Layers } from 'lucide-react';\nimport { ActivityItem } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { Badge } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface SignalActivityProps {\n  kind: 'state' | 'reactive' | 'reminder';\n  label: string;\n  message: string;\n  detail?: string;\n  mode?: string;\n  defaultOpen?: boolean;\n}\n\nconst signalKinds = {\n  state: {\n    icon: <Layers className=\"text-badge-purple-indicator\" aria-hidden />,\n    body: { variant: 'caption' },\n  },\n  reactive: {\n    icon: <Info aria-hidden />,\n    body: { variant: 'caption' },\n  },\n  reminder: {\n    icon: <Info className=\"text-info-indicator\" aria-hidden />,\n    body: { variant: 'meta', font: 'mono' },\n  },\n} as const;\n\nexport function SignalActivity({ kind, label, message, detail, mode, defaultOpen }: SignalActivityProps) {\n  const { icon, body } = signalKinds[kind];\n  const lineHoldsMessage = detail === undefined && messagePreviewShowsAll(message);\n\n  return (\n    <ActivityItem\n      icon={icon}\n      label={label}\n      detail={detail ?? messagePreview(message)}\n      badges={mode ? <Badge size=\"xs\">{mode}</Badge> : undefined}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${label}`}\n    >\n      {message && !lineHoldsMessage && (\n        <>\n          {detail && (\n            <Txt variant=\"meta\" font=\"mono\" tone=\"muted\" className=\"break-all\">\n              {detail}\n            </Txt>\n          )}\n          <Txt {...body} className=\"break-words whitespace-pre-wrap\">\n            {message}\n          </Txt>\n        </>\n      )}\n    </ActivityItem>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAeA,MAAM,WAAA,GAAc;AAAA,EAClB,KAAA,EAAO;AAAA,IACL,sBAAM,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,eAAW,IAAA,EAAC,CAAA;AAAA,IAClE,IAAA,EAAM,EAAE,OAAA,EAAS,SAAA;AAAU,GAC7B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,kBAAM,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,IACxB,IAAA,EAAM,EAAE,OAAA,EAAS,SAAA;AAAU,GAC7B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,sBAAM,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAsB,eAAW,IAAA,EAAC,CAAA;AAAA,IACxD,IAAA,EAAM,EAAE,OAAA,EAAS,MAAA,EAAQ,MAAM,MAAA;AAAO;AAE1C,CAAA;AAEO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,MAAA,EAAQ,IAAA,EAAM,aAAY,EAAwB;AACvG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,YAAY,IAAI,CAAA;AACvC,EAAA,MAAM,gBAAA,GAAmB,MAAA,KAAW,MAAA,IAAa,sBAAA,CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,MAAA,IAAU,cAAA,CAAe,OAAO,CAAA;AAAA,MACxC,QAAQ,IAAA,mBAAO,GAAA,CAAC,SAAM,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,GAAW,MAAA;AAAA,MACjD,WAAA;AAAA,MACA,kBAAA,EAAkB,IAAA;AAAA,MAClB,YAAA,EAAY,WAAW,KAAK,CAAA,CAAA;AAAA,MAE3B,QAAA,EAAA,OAAA,IAAW,CAAC,gBAAA,oBACX,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,MAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EACpD,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,4BAED,GAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAA,EAAU,mCACtB,QAAA,EAAA,OAAA,EACH;AAAA,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/signal-activity-4OJb4kp6.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const activity = require('./activity-8egTNbaI.cjs');
+const messagePreview = require('./message-preview-4Fmotm9o.cjs');
+const Badge = require('./Badge-H8K5WrXg.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+
+const signalKinds = {
+  state: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "text-badge-purple-indicator", "aria-hidden": true }),
+    body: { variant: "caption" }
+  },
+  reactive: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { "aria-hidden": true }),
+    body: { variant: "caption" }
+  },
+  reminder: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "text-info-indicator", "aria-hidden": true }),
+    body: { variant: "meta", font: "mono" }
+  }
+};
+function SignalActivity({ kind, label, message, detail, mode, defaultOpen }) {
+  const { icon, body } = signalKinds[kind];
+  const lineHoldsMessage = detail === void 0 && messagePreview.messagePreviewShowsAll(message);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    activity.ActivityItem,
+    {
+      icon,
+      label,
+      detail: detail ?? messagePreview.messagePreview(message),
+      badges: mode ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", children: mode }) : void 0,
+      defaultOpen,
+      "data-signal-kind": kind,
+      "aria-label": `Signal: ${label}`,
+      children: message && !lineHoldsMessage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        detail && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", font: "mono", tone: "muted", className: "break-all", children: detail }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { ...body, className: "break-words whitespace-pre-wrap", children: message })
+      ] })
+    }
+  );
+}
+
+exports.SignalActivity = SignalActivity;
+//# sourceMappingURL=signal-activity-4OJb4kp6.cjs.map

package/dist/signal-activity-4OJb4kp6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-activity-4OJb4kp6.cjs","sources":["../src/ds/components/ai/activity/presets/signal-activity.tsx"],"sourcesContent":["import { Info, Layers } from 'lucide-react';\nimport { ActivityItem } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { Badge } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface SignalActivityProps {\n  kind: 'state' | 'reactive' | 'reminder';\n  label: string;\n  message: string;\n  detail?: string;\n  mode?: string;\n  defaultOpen?: boolean;\n}\n\nconst signalKinds = {\n  state: {\n    icon: <Layers className=\"text-badge-purple-indicator\" aria-hidden />,\n    body: { variant: 'caption' },\n  },\n  reactive: {\n    icon: <Info aria-hidden />,\n    body: { variant: 'caption' },\n  },\n  reminder: {\n    icon: <Info className=\"text-info-indicator\" aria-hidden />,\n    body: { variant: 'meta', font: 'mono' },\n  },\n} as const;\n\nexport function SignalActivity({ kind, label, message, detail, mode, defaultOpen }: SignalActivityProps) {\n  const { icon, body } = signalKinds[kind];\n  const lineHoldsMessage = detail === undefined && messagePreviewShowsAll(message);\n\n  return (\n    <ActivityItem\n      icon={icon}\n      label={label}\n      detail={detail ?? messagePreview(message)}\n      badges={mode ? <Badge size=\"xs\">{mode}</Badge> : undefined}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${label}`}\n    >\n      {message && !lineHoldsMessage && (\n        <>\n          {detail && (\n            <Txt variant=\"meta\" font=\"mono\" tone=\"muted\" className=\"break-all\">\n              {detail}\n            </Txt>\n          )}\n          <Txt {...body} className=\"break-words whitespace-pre-wrap\">\n            {message}\n          </Txt>\n        </>\n      )}\n    </ActivityItem>\n  );\n}\n"],"names":["jsx","Layers","Info","messagePreviewShowsAll","ActivityItem","messagePreview","Badge","jsxs","Fragment","Txt"],"mappings":";;;;;;;;;AAeA,MAAM,WAAA,GAAc;AAAA,EAClB,KAAA,EAAO;AAAA,IACL,sBAAMA,cAAA,CAACC,kBAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,eAAW,IAAA,EAAC,CAAA;AAAA,IAClE,IAAA,EAAM,EAAE,OAAA,EAAS,SAAA;AAAU,GAC7B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,kBAAMD,cAAA,CAACE,gBAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,IACxB,IAAA,EAAM,EAAE,OAAA,EAAS,SAAA;AAAU,GAC7B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,sBAAMF,cAAA,CAACE,gBAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAsB,eAAW,IAAA,EAAC,CAAA;AAAA,IACxD,IAAA,EAAM,EAAE,OAAA,EAAS,MAAA,EAAQ,MAAM,MAAA;AAAO;AAE1C,CAAA;AAEO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,MAAA,EAAQ,IAAA,EAAM,aAAY,EAAwB;AACvG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,YAAY,IAAI,CAAA;AACvC,EAAA,MAAM,gBAAA,GAAmB,MAAA,KAAW,MAAA,IAAaC,qCAAA,CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACEH,cAAA;AAAA,IAACI,qBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,MAAA,IAAUC,6BAAA,CAAe,OAAO,CAAA;AAAA,MACxC,QAAQ,IAAA,mBAAOL,cAAA,CAACM,eAAM,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,GAAW,MAAA;AAAA,MACjD,WAAA;AAAA,MACA,kBAAA,EAAkB,IAAA;AAAA,MAClB,YAAA,EAAY,WAAW,KAAK,CAAA,CAAA;AAAA,MAE3B,QAAA,EAAA,OAAA,IAAW,CAAC,gBAAA,oBACXC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,MAAA,oBACCR,cAAA,CAACS,OAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EACpD,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,uCAEDA,OAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAA,EAAU,mCACtB,QAAA,EAAA,OAAA,EACH;AAAA,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/slider-D9dd_fVN.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function toArray(value) {
+  if (typeof value === "number") {
+    return [value];
+  }
+  return [...value];
+}
+const Slider = ({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  onValueChange,
+  onValueCommitted,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  getAriaLabel,
+  ...props
+}) => {
+  const currentValue = value ?? defaultValue ?? min;
+  const values = typeof currentValue === "number" ? [currentValue] : currentValue;
+  return /* @__PURE__ */ jsx(
+    Slider$1.Root,
+    {
+      className: cn("w-full", className),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      onValueChange: onValueChange ? (next, details) => onValueChange(toArray(next), details) : void 0,
+      onValueCommitted: onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        Slider$1.Control,
+        {
+          className: cn(
+            "group relative flex w-full cursor-pointer touch-none items-center select-none",
+            "data-[orientation=horizontal]:py-3",
+            "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3",
+            "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Slider$1.Track,
+              {
+                className: cn(
+                  "relative grow overflow-hidden rounded-full bg-fill-strong select-none",
+                  "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full",
+                  "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Slider$1.Indicator,
+                  {
+                    className: cn(
+                      "bg-foreground select-none",
+                      "data-[orientation=horizontal]:h-full",
+                      "data-[orientation=vertical]:w-full"
+                    )
+                  }
+                )
+              }
+            ),
+            values.map((_, index) => /* @__PURE__ */ jsx(
+              Slider$1.Thumb,
+              {
+                index,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                getAriaLabel,
+                className: cn(
+                  "relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none",
+                  'after:absolute after:-inset-2 after:content-[""]',
+                  "transition-shadow duration-normal",
+                  "hover:ring-1 hover:ring-border-hover",
+                  "has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-border-focus has-[:focus-visible]:outline-solid",
+                  "data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5",
+                  "data-[disabled]:pointer-events-none"
+                )
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { Slider as S };
+//# sourceMappingURL=slider-D9dd_fVN.js.map

package/dist/slider-D9dd_fVN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-D9dd_fVN.js","sources":["../src/ds/components/Slider/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '@/lib/utils';\n\nexport type SliderProps = Omit<SliderPrimitive.Root.Props, 'onValueChange' | 'onValueCommitted'> &\n  Pick<SliderPrimitive.Thumb.Props, 'getAriaLabel'> & {\n    onValueChange?: (value: number[], eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;\n    onValueCommitted?: (value: number[], eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;\n  };\n\nfunction toArray(value: number | readonly number[]): number[] {\n  if (typeof value === 'number') {\n    return [value];\n  }\n  return [...value];\n}\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  onValueChange,\n  onValueCommitted,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  getAriaLabel,\n  ...props\n}: SliderProps) => {\n  const currentValue = value ?? defaultValue ?? min;\n  const values = typeof currentValue === 'number' ? [currentValue] : currentValue;\n\n  return (\n    <SliderPrimitive.Root\n      className={cn('w-full', className)}\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      onValueChange={onValueChange ? (next, details) => onValueChange(toArray(next), details) : undefined}\n      onValueCommitted={onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : undefined}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          'group relative flex w-full cursor-pointer touch-none items-center select-none',\n          'data-[orientation=horizontal]:py-3',\n          'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3',\n          'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        )}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-fill-strong select-none',\n            'data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full',\n            'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5',\n          )}\n        >\n          <SliderPrimitive.Indicator\n            className={cn(\n              'bg-foreground select-none',\n              'data-[orientation=horizontal]:h-full',\n              'data-[orientation=vertical]:w-full',\n            )}\n          />\n        </SliderPrimitive.Track>\n        {values.map((_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            index={index}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            getAriaLabel={getAriaLabel}\n            className={cn(\n              'relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none',\n              'after:absolute after:-inset-2 after:content-[\"\"]',\n              'transition-shadow duration-normal',\n              'hover:ring-1 hover:ring-border-hover',\n              'has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-border-focus has-[:focus-visible]:outline-solid',\n              'data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5',\n              'data-[disabled]:pointer-events-none',\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"names":["SliderPrimitive"],"mappings":";;;;AAUA,SAAS,QAAQ,KAAA,EAA6C;AAC5D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,EACf;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB,cAAA;AAAA,EACnB,YAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,GAAA;AAC9C,EAAA,MAAM,SAAS,OAAO,YAAA,KAAiB,QAAA,GAAW,CAAC,YAAY,CAAA,GAAI,YAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe,MAAA;AAAA,MACf,aAAA,EAAe,aAAA,GAAgB,CAAC,IAAA,EAAM,OAAA,KAAY,cAAc,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAC1F,gBAAA,EAAkB,gBAAA,GAAmB,CAAC,IAAA,EAAM,OAAA,KAAY,iBAAiB,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAClG,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAACA,QAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,+EAAA;AAAA,YACA,oCAAA;AAAA,YACA,6IAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAACA,QAAA,CAAgB,SAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,2BAAA;AAAA,sBACA,sCAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA,aACF;AAAA,YACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACd,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBAEC,KAAA;AAAA,gBACA,YAAA,EAAY,SAAA;AAAA,gBACZ,iBAAA,EAAiB,cAAA;AAAA,gBACjB,YAAA;AAAA,gBACA,SAAA,EAAW,EAAA;AAAA,kBACT,qHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,sCAAA;AAAA,kBACA,mJAAA;AAAA,kBACA,mEAAA;AAAA,kBACA;AAAA;AACF,eAAA;AAAA,cAbK;AAAA,aAeR;AAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/slider-T_BIZUV0.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const slider = require('@base-ui/react/slider');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function toArray(value) {
+  if (typeof value === "number") {
+    return [value];
+  }
+  return [...value];
+}
+const Slider = ({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  onValueChange,
+  onValueCommitted,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  getAriaLabel,
+  ...props
+}) => {
+  const currentValue = value ?? defaultValue ?? min;
+  const values = typeof currentValue === "number" ? [currentValue] : currentValue;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    slider.Slider.Root,
+    {
+      className: utils_cn.cn("w-full", className),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      onValueChange: onValueChange ? (next, details) => onValueChange(toArray(next), details) : void 0,
+      onValueCommitted: onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        slider.Slider.Control,
+        {
+          className: utils_cn.cn(
+            "group relative flex w-full cursor-pointer touch-none items-center select-none",
+            "data-[orientation=horizontal]:py-3",
+            "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3",
+            "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              slider.Slider.Track,
+              {
+                className: utils_cn.cn(
+                  "relative grow overflow-hidden rounded-full bg-fill-strong select-none",
+                  "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full",
+                  "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  slider.Slider.Indicator,
+                  {
+                    className: utils_cn.cn(
+                      "bg-foreground select-none",
+                      "data-[orientation=horizontal]:h-full",
+                      "data-[orientation=vertical]:w-full"
+                    )
+                  }
+                )
+              }
+            ),
+            values.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              slider.Slider.Thumb,
+              {
+                index,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                getAriaLabel,
+                className: utils_cn.cn(
+                  "relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none",
+                  'after:absolute after:-inset-2 after:content-[""]',
+                  "transition-shadow duration-normal",
+                  "hover:ring-1 hover:ring-border-hover",
+                  "has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-border-focus has-[:focus-visible]:outline-solid",
+                  "data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5",
+                  "data-[disabled]:pointer-events-none"
+                )
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+};
+
+exports.Slider = Slider;
+//# sourceMappingURL=slider-T_BIZUV0.cjs.map

package/dist/slider-T_BIZUV0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-T_BIZUV0.cjs","sources":["../src/ds/components/Slider/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '@/lib/utils';\n\nexport type SliderProps = Omit<SliderPrimitive.Root.Props, 'onValueChange' | 'onValueCommitted'> &\n  Pick<SliderPrimitive.Thumb.Props, 'getAriaLabel'> & {\n    onValueChange?: (value: number[], eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;\n    onValueCommitted?: (value: number[], eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;\n  };\n\nfunction toArray(value: number | readonly number[]): number[] {\n  if (typeof value === 'number') {\n    return [value];\n  }\n  return [...value];\n}\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  onValueChange,\n  onValueCommitted,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  getAriaLabel,\n  ...props\n}: SliderProps) => {\n  const currentValue = value ?? defaultValue ?? min;\n  const values = typeof currentValue === 'number' ? [currentValue] : currentValue;\n\n  return (\n    <SliderPrimitive.Root\n      className={cn('w-full', className)}\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      onValueChange={onValueChange ? (next, details) => onValueChange(toArray(next), details) : undefined}\n      onValueCommitted={onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : undefined}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          'group relative flex w-full cursor-pointer touch-none items-center select-none',\n          'data-[orientation=horizontal]:py-3',\n          'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3',\n          'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        )}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-fill-strong select-none',\n            'data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full',\n            'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5',\n          )}\n        >\n          <SliderPrimitive.Indicator\n            className={cn(\n              'bg-foreground select-none',\n              'data-[orientation=horizontal]:h-full',\n              'data-[orientation=vertical]:w-full',\n            )}\n          />\n        </SliderPrimitive.Track>\n        {values.map((_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            index={index}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            getAriaLabel={getAriaLabel}\n            className={cn(\n              'relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none',\n              'after:absolute after:-inset-2 after:content-[\"\"]',\n              'transition-shadow duration-normal',\n              'hover:ring-1 hover:ring-border-hover',\n              'has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-border-focus has-[:focus-visible]:outline-solid',\n              'data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5',\n              'data-[disabled]:pointer-events-none',\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"names":["jsx","SliderPrimitive","cn","jsxs"],"mappings":";;;;;;AAUA,SAAS,QAAQ,KAAA,EAA6C;AAC5D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,EACf;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB,cAAA;AAAA,EACnB,YAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,GAAA;AAC9C,EAAA,MAAM,SAAS,OAAO,YAAA,KAAiB,QAAA,GAAW,CAAC,YAAY,CAAA,GAAI,YAAA;AAEnE,EAAA,uBACEA,cAAA;AAAA,IAACC,aAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe,MAAA;AAAA,MACf,aAAA,EAAe,aAAA,GAAgB,CAAC,IAAA,EAAM,OAAA,KAAY,cAAc,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAC1F,gBAAA,EAAkB,gBAAA,GAAmB,CAAC,IAAA,EAAM,OAAA,KAAY,iBAAiB,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAClG,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA;AAAA,QAACF,aAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAWC,WAAA;AAAA,YACT,+EAAA;AAAA,YACA,oCAAA;AAAA,YACA,6IAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAF,cAAA;AAAA,cAACC,aAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAWC,WAAA;AAAA,kBACT,uEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAAF,cAAA;AAAA,kBAACC,aAAA,CAAgB,SAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAWC,WAAA;AAAA,sBACT,2BAAA;AAAA,sBACA,sCAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA,aACF;AAAA,YACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACdF,cAAA;AAAA,cAACC,aAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBAEC,KAAA;AAAA,gBACA,YAAA,EAAY,SAAA;AAAA,gBACZ,iBAAA,EAAiB,cAAA;AAAA,gBACjB,YAAA;AAAA,gBACA,SAAA,EAAWC,WAAA;AAAA,kBACT,qHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,sCAAA;AAAA,kBACA,mJAAA;AAAA,kBACA,mEAAA;AAAA,kBACA;AAAA;AACF,eAAA;AAAA,cAbK;AAAA,aAeR;AAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/span-payload-primitives-CEflnpwW.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRightIcon } from 'lucide-react';
+import { SpanPayloadJson } from './domains/traces/components/span-payload/span-payload-json.es.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-BNUn4644.js';
+import { M as MarkdownRenderer } from './markdown-renderer-Bl0V7FCo.js';
+import { BadgeWrapper } from './domains/chat/components/badge-wrapper.es.js';
+import { e as ActivityHeadline } from './activity-Duth8KP_.js';
+import { p as presentTool } from './tool-presentation-BXAo24Ir.js';
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function SpanPayloadTool({ value, showLabel = true }) {
+  if (!isRecord(value)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+  if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) {
+    return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  }
+  const input = "args" in call ? call.args : call.input;
+  const output = "result" in call ? call.result : call.output;
+  const error = call.isError === true || call.state === "output-error";
+  const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);
+  const hasBody = input !== void 0 || output !== void 0 || errorText !== void 0;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-payload-tool", className: "flex flex-col gap-2", children: [
+    showLabel && /* @__PURE__ */ jsx(SpanPayloadLabel, { children: value.type === "tool-result" ? "Tool result" : "Tool call" }),
+    /* @__PURE__ */ jsx(
+      BadgeWrapper,
+      {
+        status: error ? "error" : "idle",
+        header: /* @__PURE__ */ jsx(ActivityHeadline, { icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }), label, detail, description }),
+        children: hasBody && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          input !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Arguments", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Result", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: output }) }),
+          errorText !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Error", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: errorText }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+function SpanPayloadLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "text-meta tracking-widest text-placeholder uppercase", children });
+}
+function SpanPayloadField({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-payload-field", className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(SpanPayloadLabel, { children: label }),
+    children
+  ] });
+}
+function SpanPayloadMarkdown({ children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "span-payload-markdown", className: "text-body text-foreground", children: /* @__PURE__ */ jsx(MarkdownRenderer, { children }) });
+}
+function SpanPayloadCollapsible({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3", children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+      label
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-1.5", children })
+  ] });
+}
+function SpanPayloadToolCalls({ toolCalls }) {
+  return /* @__PURE__ */ jsx("ul", { "data-slot": "span-payload-tool-calls", className: "flex flex-col gap-2", children: toolCalls.map((call, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SpanPayloadTool, { value: call, showLabel: false }) }, index)) });
+}
+
+export { SpanPayloadField as S, SpanPayloadMarkdown as a, SpanPayloadToolCalls as b, SpanPayloadCollapsible as c, SpanPayloadLabel as d, SpanPayloadTool as e };
+//# sourceMappingURL=span-payload-primitives-CEflnpwW.js.map

package/dist/span-payload-primitives-CEflnpwW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-CEflnpwW.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/span-payload-primitives-CbXrqcs-.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./domains/traces/components/span-payload/span-payload-json.cjs.js');
+const collapsible = require('./collapsible-jfzzU7Gp.cjs');
+const markdownRenderer = require('./markdown-renderer-CSwjfPaf.cjs');
+const domains_chat_components_badgeWrapper = require('./domains/chat/components/badge-wrapper.cjs.js');
+const activity = require('./activity-8egTNbaI.cjs');
+const toolPresentation = require('./tool-presentation-WLS6d1ws.cjs');
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function SpanPayloadTool({ value, showLabel = true }) {
+  if (!isRecord(value)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+  if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  }
+  const input = "args" in call ? call.args : call.input;
+  const output = "result" in call ? call.result : call.output;
+  const error = call.isError === true || call.state === "output-error";
+  const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+  const { icon: ToolIcon, label, detail, description } = toolPresentation.presentTool(call.toolName, input);
+  const hasBody = input !== void 0 || output !== void 0 || errorText !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-tool", className: "flex flex-col gap-2", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: value.type === "tool-result" ? "Tool result" : "Tool call" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      domains_chat_components_badgeWrapper.BadgeWrapper,
+      {
+        status: error ? "error" : "idle",
+        header: /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityHeadline, { icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }), label, detail, description }),
+        children: hasBody && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Arguments", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Result", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: output }) }),
+          errorText !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Error", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: errorText }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+function SpanPayloadLabel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-meta tracking-widest text-placeholder uppercase", children });
+}
+function SpanPayloadField({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-field", className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: label }),
+    children
+  ] });
+}
+function SpanPayloadMarkdown({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-payload-markdown", className: "text-body text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { children }) });
+}
+function SpanPayloadCollapsible({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "pt-1.5", children })
+  ] });
+}
+function SpanPayloadToolCalls({ toolCalls }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-slot": "span-payload-tool-calls", className: "flex flex-col gap-2", children: toolCalls.map((call, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadTool, { value: call, showLabel: false }) }, index)) });
+}
+
+exports.SpanPayloadCollapsible = SpanPayloadCollapsible;
+exports.SpanPayloadField = SpanPayloadField;
+exports.SpanPayloadLabel = SpanPayloadLabel;
+exports.SpanPayloadMarkdown = SpanPayloadMarkdown;
+exports.SpanPayloadTool = SpanPayloadTool;
+exports.SpanPayloadToolCalls = SpanPayloadToolCalls;
+//# sourceMappingURL=span-payload-primitives-CbXrqcs-.cjs.map

package/dist/span-payload-primitives-CbXrqcs-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-CbXrqcs-.cjs","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","presentTool","jsxs","BadgeWrapper","ActivityHeadline","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":";;;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAE9D,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,GAAY,MAAK,EAA4C;AACpG,EAAA,IAAI,CAAC,QAAA,CAAS,KAAK,GAAG,uBAAOA,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAC5D,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,iBAAA,GAAoB,MAAM,cAAA,GAAiB,KAAA;AACvE,EAAA,IAAI,CAAC,QAAA,CAAS,IAAI,CAAA,IAAK,OAAO,KAAK,QAAA,KAAa,QAAA,IAAY,CAAC,IAAA,CAAK,QAAA,EAAU;AAC1E,IAAA,uBAAOD,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,IAAU,IAAA,GAAO,IAAA,CAAK,OAAO,IAAA,CAAK,KAAA;AAChD,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,IAAA,GAAO,IAAA,CAAK,SAAS,IAAA,CAAK,MAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,KAAY,IAAA,IAAQ,KAAK,KAAA,KAAU,cAAA;AACtD,EAAA,MAAM,YAAY,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,GAAW,KAAK,SAAA,GAAY,MAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,aAAY,GAAIC,4BAAA,CAAY,IAAA,CAAK,QAAA,EAAU,KAAK,CAAA;AACvF,EAAA,MAAM,OAAA,GAAU,KAAA,KAAU,MAAA,IAAa,MAAA,KAAW,UAAa,SAAA,KAAc,MAAA;AAC7E,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,WAAU,qBAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,SAAA,mCAAc,gBAAA,EAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,IAAA,KAAS,aAAA,GAAgB,gBAAgB,WAAA,EAAY,CAAA;AAAA,oBAC5FH,cAAA;AAAA,MAACI,iDAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,OAAA,GAAU,MAAA;AAAA,QAC1B,MAAA,kBACEJ,cAAA,CAACK,yBAAA,EAAA,EAAiB,IAAA,kBAAML,cAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA,EAAI,KAAA,EAAc,MAAA,EAAgB,WAAA,EAA0B,CAAA;AAAA,QAG3G,QAAA,EAAA,OAAA,oBACCG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,mCACR,gBAAA,EAAA,EAAiB,KAAA,EAAM,aACtB,QAAA,kBAAAH,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,EAAO,CAAA,EACjC,CAAA;AAAA,UAED,MAAA,KAAW,MAAA,oBACVD,cAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,UACtB,QAAA,kBAAAA,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAO,MAAA,EAAQ,CAAA,EAClC,CAAA;AAAA,UAED,SAAA,KAAc,MAAA,oBACbD,cAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SACtB,QAAA,kBAAAA,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAO,SAAA,EAAW,CAAA,EACrC;AAAA,SAAA,EAEJ;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;AC7CO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAS,EAA4B;AACtE,EAAA,uBAAOD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EAAwD,QAAA,EAAS,CAAA;AACzF;AAEO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAS,EAA8C;AAC/F,EAAA,uBACEG,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,WAAU,uBAAA,EAC5C,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAAC,oBAAkB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACxB;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAAyB;AACtE,EAAA,uBACEA,cAAA,CAAC,SAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,2BAAA,EAC/C,QAAA,kBAAAA,cAAA,CAACM,iCAAA,EAAA,EAAkB,QAAA,EAAS,CAAA,EAC9B,CAAA;AAEJ;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACEH,eAAA,CAACI,2BAAY,WAAA,EACX,QAAA,EAAA;AAAA,oBAAAJ,eAAA,CAACK,8BAAA,EAAA,EAAmB,WAAU,6FAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAR,cAAA,CAACS,4BAAA,EAAA,EAAiB,CAAA;AAAA,MACjB;AAAA,KAAA,EACH,CAAA;AAAA,oBACAT,cAAA,CAACU,8BAAA,EAAA,EAAmB,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACnD,CAAA;AAEJ;AAGO,SAAS,oBAAA,CAAqB,EAAE,SAAA,EAAU,EAA6B;AAC5E,EAAA,uBACEV,cAAA,CAAC,QAAG,WAAA,EAAU,yBAAA,EAA0B,WAAU,qBAAA,EAC/C,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,oCACnB,IAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,mBAAgB,KAAA,EAAO,IAAA,EAAM,WAAW,KAAA,EAAO,CAAA,EAAA,EADzC,KAET,CACD,CAAA,EACH,CAAA;AAEJ;;;;;;;;;"}

package/dist/src/components/fluid-hover-highlight.d.ts

@@ -1,6 +1,6 @@
 import { UseFluidHoverReturn } from '../hooks/use-fluid-hover';
 export type FluidHoverHighlightProps = {
-    hover: Pick<UseFluidHoverReturn, 'activeIndex' | 'itemRects' | 'isMeasured' | 'sessionRef'>;
+    hover: Pick<UseFluidHoverReturn, 'activeIndex' | 'itemRects' | 'isMeasured'>;
     className?: string;
 };
 export declare function FluidHoverHighlight({ hover, className }: FluidHoverHighlightProps): import("react").JSX.Element | null;

package/dist/src/domains/agents/context/activated-skills-context.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface ActivatedSkillsContextValue {
+    /** Set of currently activated skill names */
+    activatedSkills: ReadonlySet<string>;
+    /** Add a skill to the activated set */
+    activateSkill: (skillName: string) => void;
+    /** Remove a skill from the activated set */
+    deactivateSkill: (skillName: string) => void;
+    /** Check if a skill is activated */
+    isSkillActivated: (skillName: string) => boolean;
+    /** Clear all activated skills */
+    clearActivatedSkills: () => void;
+}
+export interface ActivatedSkillsProviderProps {
+    children: ReactNode;
+}
+export declare function ActivatedSkillsProvider({ children }: ActivatedSkillsProviderProps): import("react").JSX.Element;
+export declare function useActivatedSkills(): ActivatedSkillsContextValue;