@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-7RFWVNQA.js

@@ -0,0 +1,47 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Provider2 = TooltipPrimitive.Provider;
+var Root2 = TooltipPrimitive.Root;
+var Trigger2 = TooltipPrimitive.Trigger;
+var Content2 = forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    "data-slot": "tooltip-content",
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5",
+      "text-background text-body-sm shadow-md",
+      "data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
+      "data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1",
+      "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+      className
+    ),
+    ...props
+  }
+) }));
+Content2.displayName = "Tooltip.Content";
+var Tooltip = ({
+  label,
+  side = "top",
+  align = "center",
+  delayDuration = 200,
+  children,
+  ...rootProps
+}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root2, { ...rootProps, children: [
+  /* @__PURE__ */ jsx(Trigger2, { asChild: true, children }),
+  /* @__PURE__ */ jsx(Content2, { side, align, children: label })
+] }) });
+var TooltipWithStatics = Tooltip;
+TooltipWithStatics.Provider = Provider2;
+TooltipWithStatics.Root = Root2;
+TooltipWithStatics.Trigger = Trigger2;
+TooltipWithStatics.Content = Content2;
+
+export { TooltipWithStatics };
+//# sourceMappingURL=chunk-7RFWVNQA.js.map
+//# sourceMappingURL=chunk-7RFWVNQA.js.map

package/dist/chunk-7RFWVNQA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tooltip/tooltip.tsx"],"names":["Provider","Root","Trigger","Content"],"mappings":";;;;;AAcA,IAAMA,SAAAA,GAA4B,gBAAA,CAAA,QAAA;AAClC,IAAMC,KAAAA,GAAwB,gBAAA,CAAA,IAAA;AAC9B,IAAMC,QAAAA,GAA2B,gBAAA,CAAA,OAAA;AAEjC,IAAMC,QAAAA,GAAU,UAAA,CAGd,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,WAAA,EAAU,iBAAA;AAAA,IACV,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,qFAAA;AAAA,MACA,wCAAA;AAAA,MACA,+GAAA;AAAA,MACA,gGAAA;AAAA,MACA,+EAAA;AAAA,MACA,+EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACDA,QAAAA,CAAQ,WAAA,GAAc,iBAAA;AActB,IAAM,UAAU,CAAC;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,aAAA,GAAgB,GAAA;AAAA,EAChB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBAEI,GAAA,CAACH,WAAA,EAAS,aAAA,EACR,+BAACC,KAAAA,EAAA,EAAM,GAAG,SAAA,EACR,QAAA,EAAA;AAAA,kBAAA,GAAA,CAACC,QAAAA,EAAA,EAAQ,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,kBAC3B,GAAA,CAACC,QAAAA,EAAA,EAAQ,IAAA,EAAY,OAClB,QAAA,EAAA,KAAA,EACH;AAAA,CAAA,EACF,CAAA,EACF,CAAA;AAGJ,IAAM,kBAAA,GAAqB;AAM3B,kBAAA,CAAmB,QAAA,GAAWH,SAAAA;AAC9B,kBAAA,CAAmB,IAAA,GAAOC,KAAAA;AAC1B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA;AAC7B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA","file":"chunk-7RFWVNQA.js","sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Tooltip — built on Radix Tooltip.\n *\n * Visual: dark surface in light mode (and inverse in dark) with rounded-md,\n * shadow-md, text-body-sm. 8px delay-show default.\n *\n * Wrap your app in <Tooltip.Provider> once (or use the default delayDuration here).\n */\n\nconst Provider = TooltipPrimitive.Provider;\nconst Root = TooltipPrimitive.Root;\nconst Trigger = TooltipPrimitive.Trigger;\n\nconst Content = forwardRef<\n  ElementRef<typeof TooltipPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 6, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      data-slot=\"tooltip-content\"\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5\",\n        \"text-background text-body-sm shadow-md\",\n        \"data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n        \"data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1\",\n        \"data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nContent.displayName = \"Tooltip.Content\";\n\ninterface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  label: ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  children: ReactNode;\n}\n\n/**\n * Shorthand: <Tooltip label=\"…\"><Button>…</Button></Tooltip>\n * Wraps Provider + Root + Trigger asChild + Content for the common case.\n * For advanced usage (controlled state, custom content), use Tooltip.Root etc. directly.\n */\nconst Tooltip = ({\n  label,\n  side = \"top\",\n  align = \"center\",\n  delayDuration = 200,\n  children,\n  ...rootProps\n}: TooltipProps) =>\n  (\n    <Provider delayDuration={delayDuration}>\n      <Root {...rootProps}>\n        <Trigger asChild>{children}</Trigger>\n        <Content side={side} align={align}>\n          {label}\n        </Content>\n      </Root>\n    </Provider>\n  ) as ReturnType<typeof Provider>;\n\nconst TooltipWithStatics = Tooltip as typeof Tooltip & {\n  Provider: typeof Provider;\n  Root: typeof Root;\n  Trigger: typeof Trigger;\n  Content: typeof Content;\n};\nTooltipWithStatics.Provider = Provider;\nTooltipWithStatics.Root = Root;\nTooltipWithStatics.Trigger = Trigger;\nTooltipWithStatics.Content = Content;\n\nexport { TooltipWithStatics as Tooltip };\n"]}

package/dist/chunk-7T4NK6W6.js

@@ -0,0 +1,192 @@
+"use client";
+import { OTHER_OPTION_VALUE, digitKeyToIndex } from './chunk-T2OKGV6M.js';
+import { Input } from './chunk-BYUWQ6OP.js';
+import { Label } from './chunk-TY6NTWN5.js';
+import { Checkbox } from './chunk-JRW53TVG.js';
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { Button } from './chunk-25KBUQEQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef, useId, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MultiSelectPrompt = forwardRef(
+  ({
+    className,
+    question,
+    description,
+    badge,
+    options,
+    value,
+    defaultValue,
+    onValueChange,
+    allowOther = false,
+    otherLabel = "Other",
+    otherPlaceholder = "Type your answer\u2026",
+    otherText,
+    onOtherTextChange,
+    enableKeyboardShortcuts = true,
+    showNumbers,
+    minSelected = 1,
+    confirmLabel = "Confirm",
+    cancelLabel = "Cancel",
+    onConfirm,
+    onCancel,
+    ...props
+  }, ref) => {
+    const baseId = useId();
+    const questionId = `${baseId}-question`;
+    const optionId = (value_) => `${baseId}-opt-${value_}`;
+    const [internalValues, setInternalValues] = useState(defaultValue ?? []);
+    const values = value !== void 0 ? value : internalValues;
+    const [internalOther, setInternalOther] = useState("");
+    const otherValue = otherText !== void 0 ? otherText : internalOther;
+    const numbersVisible = showNumbers ?? enableKeyboardShortcuts;
+    const hasPreview = options.some((option) => option.preview != null);
+    const selectedPreviews = options.filter(
+      (option) => option.preview != null && values.includes(option.value)
+    );
+    const toggle = (next) => {
+      const updated = values.includes(next) ? values.filter((current) => current !== next) : [...values, next];
+      if (value === void 0) setInternalValues(updated);
+      onValueChange?.(updated);
+    };
+    const setOther = (next) => {
+      if (otherText === void 0) setInternalOther(next);
+      onOtherTextChange?.(next);
+    };
+    const handleKeyDown = (event) => {
+      if (!enableKeyboardShortcuts) return;
+      const target = event.target;
+      if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
+      const index = digitKeyToIndex(event.key);
+      if (index === null || index >= options.length) return;
+      const option = options[index];
+      if (!option || option.disabled) return;
+      event.preventDefault();
+      toggle(option.value);
+    };
+    const otherChecked = values.includes(OTHER_OPTION_VALUE);
+    const confirm = () => {
+      if (values.length < minSelected) return;
+      onConfirm?.(otherChecked ? { values, otherText: otherValue } : { values });
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "multi-select-prompt",
+        ref,
+        "aria-labelledby": questionId,
+        onKeyDown: handleKeyDown,
+        className: cn(
+          "grid w-full gap-4 rounded-xl border bg-card p-5 text-card-foreground shadow-md",
+          "transition-shadow duration-base ease-out-soft",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("h3", { id: questionId, className: "font-display text-foreground text-title-md tracking-tight", children: question }),
+            badge != null ? /* @__PURE__ */ jsx(BadgeWithDot, { variant: "primary", size: "sm", className: "shrink-0", children: badge }) : null
+          ] }),
+          description != null ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null,
+          /* @__PURE__ */ jsxs("div", { className: cn("grid gap-5", hasPreview && "md:grid-cols-2"), children: [
+            /* @__PURE__ */ jsxs("fieldset", { className: "m-0 grid min-w-0 gap-2 border-0 p-0", "aria-labelledby": questionId, children: [
+              options.map((option, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: optionId(option.value),
+                    checked: values.includes(option.value),
+                    disabled: option.disabled,
+                    onCheckedChange: () => toggle(option.value),
+                    className: "mt-0.5"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Label,
+                  {
+                    htmlFor: optionId(option.value),
+                    className: "flex flex-1 cursor-pointer flex-col items-start gap-0.5",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-body-md text-foreground", children: option.label }),
+                      option.description != null ? /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: option.description }) : null
+                    ]
+                  }
+                ),
+                numbersVisible && index < 9 ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-0.5 shrink-0 rounded border border-border bg-muted px-1.5 font-mono text-label text-muted-foreground",
+                    children: index + 1
+                  }
+                ) : null
+              ] }, option.value)),
+              allowOther ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-border/40 border-t pt-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      id: optionId(OTHER_OPTION_VALUE),
+                      checked: otherChecked,
+                      onCheckedChange: () => toggle(OTHER_OPTION_VALUE),
+                      className: "mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Label,
+                    {
+                      htmlFor: optionId(OTHER_OPTION_VALUE),
+                      className: "flex-1 cursor-pointer text-body-md",
+                      children: otherLabel
+                    }
+                  )
+                ] }),
+                otherChecked ? /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    "aria-label": typeof otherLabel === "string" ? otherLabel : "Other",
+                    placeholder: otherPlaceholder,
+                    value: otherValue,
+                    onChange: (event) => setOther(event.target.value),
+                    className: "ml-7"
+                  }
+                ) : null
+              ] }) : null
+            ] }),
+            hasPreview ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/60 bg-muted/40 p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: "Preview" }),
+              selectedPreviews.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: selectedPreviews.map((option) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "whitespace-pre-wrap break-words font-mono text-code-sm text-foreground",
+                  children: option.preview
+                },
+                option.value
+              )) }) : /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: "Select an option to preview." })
+            ] }) : null
+          ] }),
+          onConfirm || onCancel ? /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-2", children: [
+            onCancel ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onCancel, children: cancelLabel }) : null,
+            onConfirm ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "primary",
+                disabled: values.length < minSelected,
+                onClick: confirm,
+                children: confirmLabel
+              }
+            ) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+MultiSelectPrompt.displayName = "MultiSelectPrompt";
+
+export { MultiSelectPrompt };
+//# sourceMappingURL=chunk-7T4NK6W6.js.map
+//# sourceMappingURL=chunk-7T4NK6W6.js.map

package/dist/chunk-7T4NK6W6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/multi-select-prompt/multi-select-prompt.tsx"],"names":[],"mappings":"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","file":"chunk-7T4NK6W6.js","sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { OTHER_OPTION_VALUE, type PromptOption, digitKeyToIndex } from \"../../../lib/prompt.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\nimport { Checkbox } from \"../../primitives/checkbox/index.js\";\nimport { Input } from \"../../primitives/input/index.js\";\nimport { Label } from \"../../primitives/label/index.js\";\n\n/**\n * MultiSelectPrompt — multi-select \"ask the user\" card for agent surfaces.\n *\n * The checkbox sibling of `ChoicePrompt`: same question + header chip + option\n * shape + `1`..`9` number-key toggles + injectable free-text \"Other\" +\n * side-by-side preview, but the user may select any number of options.\n *\n * Renders one question at a time — sequencing is the consumer's responsibility.\n * Controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).\n */\n\n/** Payload handed to `onConfirm`. */\nexport interface MultiSelectPromptResult {\n  /** The selected option values (includes the reserved Other value when checked). */\n  values: string[];\n  /** Present only when the Other option is among the selected values. */\n  otherText?: string;\n}\n\nexport interface MultiSelectPromptProps extends Omit<HTMLAttributes<HTMLElement>, \"onSelect\"> {\n  /** The question being asked. */\n  question: ReactNode;\n  /** Optional secondary line under the question. */\n  description?: ReactNode;\n  /** Optional short header chip (rendered as a Badge). */\n  badge?: ReactNode;\n  /** The selectable options. */\n  options: PromptOption[];\n  /** Controlled selected values. */\n  value?: string[];\n  /** Initial selected values when uncontrolled. */\n  defaultValue?: string[];\n  /** Fired with the full value array whenever the selection changes. */\n  onValueChange?: (values: string[]) => void;\n  /** Inject a free-text \"Other\" option as the last row. */\n  allowOther?: boolean;\n  /** Label for the Other row. Defaults to \"Other\". */\n  otherLabel?: ReactNode;\n  /** Placeholder for the Other text field. */\n  otherPlaceholder?: string;\n  /** Controlled Other text. */\n  otherText?: string;\n  /** Fired with the Other text on every keystroke. */\n  onOtherTextChange?: (text: string) => void;\n  /** Enable `1`..`9` number-key toggling. Default true. */\n  enableKeyboardShortcuts?: boolean;\n  /** Show the `1`..`9` hint chips next to options. Defaults to the shortcut flag. */\n  showNumbers?: boolean;\n  /** Minimum selections required before Confirm enables. Default 1. */\n  minSelected?: number;\n  /** Confirm button label. Defaults to \"Confirm\". Omit `onConfirm` to hide it. */\n  confirmLabel?: ReactNode;\n  /** Cancel button label. Defaults to \"Cancel\". Omit `onCancel` to hide it. */\n  cancelLabel?: ReactNode;\n  /** Pressing Confirm. Receives the selection (and Other text when relevant). */\n  onConfirm?: (result: MultiSelectPromptResult) => void;\n  /** Pressing Cancel. */\n  onCancel?: () => void;\n}\n\nconst MultiSelectPrompt = forwardRef<HTMLElement, MultiSelectPromptProps>(\n  (\n    {\n      className,\n      question,\n      description,\n      badge,\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      allowOther = false,\n      otherLabel = \"Other\",\n      otherPlaceholder = \"Type your answer…\",\n      otherText,\n      onOtherTextChange,\n      enableKeyboardShortcuts = true,\n      showNumbers,\n      minSelected = 1,\n      confirmLabel = \"Confirm\",\n      cancelLabel = \"Cancel\",\n      onConfirm,\n      onCancel,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const questionId = `${baseId}-question`;\n    const optionId = (value_: string): string => `${baseId}-opt-${value_}`;\n\n    const [internalValues, setInternalValues] = useState<string[]>(defaultValue ?? []);\n    const values = value !== undefined ? value : internalValues;\n\n    const [internalOther, setInternalOther] = useState(\"\");\n    const otherValue = otherText !== undefined ? otherText : internalOther;\n\n    const numbersVisible = showNumbers ?? enableKeyboardShortcuts;\n    const hasPreview = options.some((option) => option.preview != null);\n    const selectedPreviews = options.filter(\n      (option) => option.preview != null && values.includes(option.value),\n    );\n\n    const toggle = (next: string): void => {\n      const updated = values.includes(next)\n        ? values.filter((current) => current !== next)\n        : [...values, next];\n      if (value === undefined) setInternalValues(updated);\n      onValueChange?.(updated);\n    };\n\n    const setOther = (next: string): void => {\n      if (otherText === undefined) setInternalOther(next);\n      onOtherTextChange?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLElement>): void => {\n      if (!enableKeyboardShortcuts) return;\n      const target = event.target as HTMLElement;\n      if (target.tagName === \"INPUT\" || target.tagName === \"TEXTAREA\") return;\n      const index = digitKeyToIndex(event.key);\n      if (index === null || index >= options.length) return;\n      const option = options[index];\n      if (!option || option.disabled) return;\n      event.preventDefault();\n      toggle(option.value);\n    };\n\n    const otherChecked = values.includes(OTHER_OPTION_VALUE);\n\n    const confirm = (): void => {\n      if (values.length < minSelected) return;\n      onConfirm?.(otherChecked ? { values, otherText: otherValue } : { values });\n    };\n\n    return (\n      <section\n        data-slot=\"multi-select-prompt\"\n        ref={ref}\n        aria-labelledby={questionId}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"grid w-full gap-4 rounded-xl border bg-card p-5 text-card-foreground shadow-md\",\n          \"transition-shadow duration-base ease-out-soft\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <h3 id={questionId} className=\"font-display text-foreground text-title-md tracking-tight\">\n            {question}\n          </h3>\n          {badge != null ? (\n            <Badge variant=\"primary\" size=\"sm\" className=\"shrink-0\">\n              {badge}\n            </Badge>\n          ) : null}\n        </header>\n        {description != null ? (\n          <p className=\"text-body-sm text-muted-foreground\">{description}</p>\n        ) : null}\n\n        <div className={cn(\"grid gap-5\", hasPreview && \"md:grid-cols-2\")}>\n          <fieldset className=\"m-0 grid min-w-0 gap-2 border-0 p-0\" aria-labelledby={questionId}>\n            {options.map((option, index) => (\n              <div key={option.value} className=\"flex items-start gap-3\">\n                <Checkbox\n                  id={optionId(option.value)}\n                  checked={values.includes(option.value)}\n                  disabled={option.disabled}\n                  onCheckedChange={() => toggle(option.value)}\n                  className=\"mt-0.5\"\n                />\n                <Label\n                  htmlFor={optionId(option.value)}\n                  className=\"flex flex-1 cursor-pointer flex-col items-start gap-0.5\"\n                >\n                  <span className=\"text-body-md text-foreground\">{option.label}</span>\n                  {option.description != null ? (\n                    <span className=\"text-body-sm text-muted-foreground\">{option.description}</span>\n                  ) : null}\n                </Label>\n                {numbersVisible && index < 9 ? (\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"mt-0.5 shrink-0 rounded border border-border bg-muted px-1.5 font-mono text-label text-muted-foreground\"\n                  >\n                    {index + 1}\n                  </span>\n                ) : null}\n              </div>\n            ))}\n\n            {allowOther ? (\n              <div className=\"flex flex-col gap-2 border-border/40 border-t pt-2\">\n                <div className=\"flex items-start gap-3\">\n                  <Checkbox\n                    id={optionId(OTHER_OPTION_VALUE)}\n                    checked={otherChecked}\n                    onCheckedChange={() => toggle(OTHER_OPTION_VALUE)}\n                    className=\"mt-0.5\"\n                  />\n                  <Label\n                    htmlFor={optionId(OTHER_OPTION_VALUE)}\n                    className=\"flex-1 cursor-pointer text-body-md\"\n                  >\n                    {otherLabel}\n                  </Label>\n                </div>\n                {otherChecked ? (\n                  <Input\n                    size=\"sm\"\n                    aria-label={typeof otherLabel === \"string\" ? otherLabel : \"Other\"}\n                    placeholder={otherPlaceholder}\n                    value={otherValue}\n                    onChange={(event) => setOther(event.target.value)}\n                    className=\"ml-7\"\n                  />\n                ) : null}\n              </div>\n            ) : null}\n          </fieldset>\n\n          {hasPreview ? (\n            <div className=\"rounded-lg border border-border/60 bg-muted/40 p-3\">\n              <p className=\"mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n                Preview\n              </p>\n              {selectedPreviews.length > 0 ? (\n                <div className=\"grid gap-3\">\n                  {selectedPreviews.map((option) => (\n                    <div\n                      key={option.value}\n                      className=\"whitespace-pre-wrap break-words font-mono text-code-sm text-foreground\"\n                    >\n                      {option.preview}\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <p className=\"text-body-sm text-muted-foreground\">Select an option to preview.</p>\n              )}\n            </div>\n          ) : null}\n        </div>\n\n        {onConfirm || onCancel ? (\n          <footer className=\"flex items-center justify-end gap-2\">\n            {onCancel ? (\n              <Button size=\"sm\" variant=\"secondary\" onClick={onCancel}>\n                {cancelLabel}\n              </Button>\n            ) : null}\n            {onConfirm ? (\n              <Button\n                size=\"sm\"\n                variant=\"primary\"\n                disabled={values.length < minSelected}\n                onClick={confirm}\n              >\n                {confirmLabel}\n              </Button>\n            ) : null}\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\nMultiSelectPrompt.displayName = \"MultiSelectPrompt\";\n\nexport { MultiSelectPrompt };\n"]}

package/dist/chunk-A3OU6ICP.js

@@ -0,0 +1,91 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, FolderOpen, User, Brain } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var SCOPE_META = {
+  global: { label: "Global", icon: User, hint: "Applies to every project for this user." },
+  project: {
+    label: "Project",
+    icon: FolderOpen,
+    hint: "Versioned with the project. Shared by team."
+  },
+  session: { label: "Session", icon: Folder, hint: "This session only. Wiped on exit." }
+};
+var MemoryEditor = forwardRef(
+  ({ className, layers, activeScope, onScopeChange, onContentChange, title = "Memory", ...props }, ref) => {
+    const active = layers.find((l) => l.scope === activeScope);
+    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "memory-editor",
+        ref,
+        className: cn("rounded-xl border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Brain, { className: "size-4 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5", children: ["global", "project", "session"].map((scope) => {
+              const meta = SCOPE_META[scope];
+              const Icon = meta.icon;
+              const isActive = scope === activeScope;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onScopeChange(scope),
+                  "aria-pressed": isActive,
+                  className: cn(
+                    "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1",
+                    "font-sans text-label transition-colors",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    isActive ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+                    meta.label
+                  ]
+                },
+                scope
+              );
+            }) })
+          ] }),
+          active ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx(ActiveIcon, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: active.path }),
+                active.modifiedAt ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-label text-muted-foreground", children: [
+                  "\xB7 ",
+                  active.modifiedAt
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "font-sans text-label text-muted-foreground italic", children: SCOPE_META[active.scope].hint })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: active.content,
+                onChange: (e) => onContentChange(active.scope, e.target.value),
+                rows: 12,
+                className: "w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none",
+                placeholder: `# ${SCOPE_META[active.scope].label} notes
+
+Write Markdown the agent should keep in context.`
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+MemoryEditor.displayName = "MemoryEditor";
+
+export { MemoryEditor };
+//# sourceMappingURL=chunk-A3OU6ICP.js.map
+//# sourceMappingURL=chunk-A3OU6ICP.js.map

package/dist/chunk-A3OU6ICP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/memory-editor/memory-editor.tsx"],"names":[],"mappings":"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","file":"chunk-A3OU6ICP.js","sourcesContent":["import { Brain, Folder, FolderOpen, User } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type MemoryScope = \"global\" | \"project\" | \"session\";\n\nexport interface MemoryLayer {\n  scope: MemoryScope;\n  /** File path on disk for transparency. */\n  path: string;\n  /** Markdown content. */\n  content: string;\n  /** Last modified label, e.g. \"2m ago\". */\n  modifiedAt?: string;\n}\n\ninterface MemoryEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  layers: MemoryLayer[];\n  /** Currently active layer for editing. */\n  activeScope: MemoryScope;\n  onScopeChange: (scope: MemoryScope) => void;\n  onContentChange: (scope: MemoryScope, next: string) => void;\n  title?: ReactNode;\n}\n\nconst SCOPE_META: Record<MemoryScope, { label: string; icon: IconComponent; hint: string }> = {\n  global: { label: \"Global\", icon: User, hint: \"Applies to every project for this user.\" },\n  project: {\n    label: \"Project\",\n    icon: FolderOpen,\n    hint: \"Versioned with the project. Shared by team.\",\n  },\n  session: { label: \"Session\", icon: Folder, hint: \"This session only. Wiped on exit.\" },\n};\n\n/**\n * MemoryEditor — three-layer Markdown memory editor (global / project /\n * session) mirroring Claude Code's CLAUDE.md hierarchy.\n *\n * Each scope keeps its own file. Switching scopes via tab updates which\n * layer is being edited. Path is shown explicitly so users know where the\n * content lives on disk.\n */\nconst MemoryEditor = forwardRef<HTMLDivElement, MemoryEditorProps>(\n  (\n    { className, layers, activeScope, onScopeChange, onContentChange, title = \"Memory\", ...props },\n    ref,\n  ) => {\n    const active = layers.find((l) => l.scope === activeScope);\n    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;\n    return (\n      <section\n        data-slot=\"memory-editor\"\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <Brain className=\"size-4 text-primary\" aria-hidden=\"true\" />\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          </div>\n          <div className=\"inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5\">\n            {([\"global\", \"project\", \"session\"] as const).map((scope) => {\n              const meta = SCOPE_META[scope];\n              const Icon = meta.icon;\n              const isActive = scope === activeScope;\n              return (\n                <button\n                  key={scope}\n                  type=\"button\"\n                  onClick={() => onScopeChange(scope)}\n                  aria-pressed={isActive}\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-md px-2.5 py-1\",\n                    \"font-sans text-label transition-colors\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                    isActive\n                      ? \"bg-card text-foreground shadow-sm\"\n                      : \"text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  <Icon className=\"size-3\" />\n                  {meta.label}\n                </button>\n              );\n            })}\n          </div>\n        </header>\n\n        {active ? (\n          <>\n            <div className=\"flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <ActiveIcon className=\"size-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                <span className=\"truncate font-mono text-code-sm text-foreground\">\n                  {active.path}\n                </span>\n                {active.modifiedAt ? (\n                  <span className=\"shrink-0 font-mono text-label text-muted-foreground\">\n                    · {active.modifiedAt}\n                  </span>\n                ) : null}\n              </div>\n              <span className=\"font-sans text-label text-muted-foreground italic\">\n                {SCOPE_META[active.scope].hint}\n              </span>\n            </div>\n            <textarea\n              value={active.content}\n              onChange={(e) => onContentChange(active.scope, e.target.value)}\n              rows={12}\n              className=\"w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none\"\n              placeholder={`# ${SCOPE_META[active.scope].label} notes\\n\\nWrite Markdown the agent should keep in context.`}\n            />\n          </>\n        ) : null}\n      </section>\n    );\n  },\n);\nMemoryEditor.displayName = \"MemoryEditor\";\n\nexport { MemoryEditor };\n"]}

package/dist/chunk-ABBXLAJW.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var avatarVariants = cva(
+  [
+    "relative inline-flex shrink-0 overflow-hidden rounded-full",
+    "border border-border/40 bg-muted text-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-label",
+        sm: "size-7 text-label",
+        md: "size-9 text-body-sm",
+        lg: "size-12 text-body-md",
+        xl: "size-16 text-title-md"
+      },
+      tone: {
+        muted: "bg-muted text-foreground",
+        primary: "bg-primary text-primary-foreground",
+        accent: "bg-accent text-accent-foreground"
+      }
+    },
+    defaultVariants: { size: "md", tone: "muted" }
+  }
+);
+var AvatarRoot = forwardRef(
+  ({ className, size, tone, ...props }, ref) => /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      ref,
+      className: cn(avatarVariants({ size, tone }), className),
+      ...props
+    }
+  )
+);
+AvatarRoot.displayName = "Avatar";
+var AvatarImage = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    "data-slot": "avatar-image",
+    ref,
+    className: cn("aspect-square size-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = "Avatar.Image";
+var AvatarFallback = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    "data-slot": "avatar-fallback",
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center font-medium leading-none",
+      className
+    ),
+    delayMs: 300,
+    ...props
+  }
+));
+AvatarFallback.displayName = "Avatar.Fallback";
+var Avatar = /* @__PURE__ */ Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+
+export { Avatar, avatarVariants };
+//# sourceMappingURL=chunk-ABBXLAJW.js.map
+//# sourceMappingURL=chunk-ABBXLAJW.js.map

package/dist/chunk-ABBXLAJW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/avatar/avatar.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,4DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,0BAAA;AAAA,QACP,OAAA,EAAS,oCAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,OAAA;AAAQ;AAEjD;AAMA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAM,GAAG,KAAA,IAAS,GAAA,qBACpC,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,GAAA;AAAA,MACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,MAAM,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACtD,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,UAAA,CAAW,WAAA,GAAc,QAAA;AAEzB,IAAM,WAAA,GAAc,WAGlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,WAAA,EAAU,cAAA;AAAA,IACV,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,IAC9D,GAAG;AAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,WAAA,GAAc,cAAA;AAE1B,IAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,WAAA,EAAU,iBAAA;AAAA,IACV,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,yEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,GAAA;AAAA,IACR,GAAG;AAAA;AACN,CACD,CAAA;AACD,cAAA,CAAe,WAAA,GAAc,iBAAA;AAE7B,IAAM,MAAA,mBAAuB,MAAA,CAAO,MAAA,CAAO,UAAA,EAAY;AAAA,EACrD,KAAA,EAAO,WAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAC","file":"chunk-ABBXLAJW.js","sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Avatar — user/team avatar with safe fallback to initials.\n *\n * Composition:\n *   <Avatar size=\"md\">\n *     <Avatar.Image src=\"…\" alt=\"…\" />\n *     <Avatar.Fallback>AA</Avatar.Fallback>\n *   </Avatar>\n *\n * Built on Radix Avatar (handles image load failures → fallback automatically).\n * Sizes scale on the root; fallback inherits the size's text scale.\n */\n\nconst avatarVariants = cva(\n  [\n    \"relative inline-flex shrink-0 overflow-hidden rounded-full\",\n    \"border border-border/40 bg-muted text-foreground\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-label\",\n        sm: \"size-7 text-label\",\n        md: \"size-9 text-body-sm\",\n        lg: \"size-12 text-body-md\",\n        xl: \"size-16 text-title-md\",\n      },\n      tone: {\n        muted: \"bg-muted text-foreground\",\n        primary: \"bg-primary text-primary-foreground\",\n        accent: \"bg-accent text-accent-foreground\",\n      },\n    },\n    defaultVariants: { size: \"md\", tone: \"muted\" },\n  },\n);\n\ninterface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\nconst AvatarRoot = forwardRef<ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, size, tone, ...props }, ref) => (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      ref={ref}\n      className={cn(avatarVariants({ size, tone }), className)}\n      {...props}\n    />\n  ),\n);\nAvatarRoot.displayName = \"Avatar\";\n\nconst AvatarImage = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Image>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    data-slot=\"avatar-image\"\n    ref={ref}\n    className={cn(\"aspect-square size-full object-cover\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = \"Avatar.Image\";\n\nconst AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Fallback>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    data-slot=\"avatar-fallback\"\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center font-medium leading-none\",\n      className,\n    )}\n    delayMs={300}\n    {...props}\n  />\n));\nAvatarFallback.displayName = \"Avatar.Fallback\";\n\nconst Avatar = /*#__PURE__*/ Object.assign(AvatarRoot, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n});\n\nexport { Avatar, avatarVariants };\n"]}

package/dist/chunk-AENNHS3S.js

@@ -0,0 +1,83 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, File, ChevronRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FolderContextCard = forwardRef(
+  ({ className, title, entries, onEntryClick, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "folder-context-card",
+      ref,
+      className: cn("rounded-xl border bg-card p-4", className),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("header", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) }) : null,
+        /* @__PURE__ */ jsx(Tree, { entries, ...onEntryClick ? { onEntryClick } : {}, depth: 0 })
+      ]
+    }
+  )
+);
+FolderContextCard.displayName = "FolderContextCard";
+function Tree({
+  entries,
+  onEntryClick,
+  depth
+}) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("grid", depth === 0 ? "gap-0.5" : "gap-0"), children: entries.map((entry) => {
+    const IconComp = entry.icon ?? (entry.kind === "folder" ? Folder : File);
+    const hasChildren = entry.kind === "folder" && entry.children && entry.children.length > 0;
+    return /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onEntryClick?.(entry.id),
+          className: cn(
+            "flex w-full items-center gap-2 rounded-md px-2 py-1.5",
+            "font-sans text-body-sm text-foreground",
+            "transition-colors hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          style: { paddingLeft: `${0.5 + depth * 0.9}rem` },
+          children: [
+            hasChildren ? /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: cn(
+                  "size-3 shrink-0 text-muted-foreground transition-transform",
+                  entry.open && "rotate-90"
+                ),
+                "aria-hidden": "true"
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "w-3", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(
+              IconComp,
+              {
+                className: cn(
+                  "size-4 shrink-0",
+                  entry.kind === "folder" ? "text-primary" : "text-muted-foreground"
+                ),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: entry.name }),
+            entry.trailing
+          ]
+        }
+      ),
+      hasChildren && entry.open ? /* @__PURE__ */ jsx(
+        Tree,
+        {
+          entries: entry.children,
+          ...onEntryClick ? { onEntryClick } : {},
+          depth: depth + 1
+        }
+      ) : null
+    ] }, entry.id);
+  }) });
+}
+
+export { FolderContextCard };
+//# sourceMappingURL=chunk-AENNHS3S.js.map
+//# sourceMappingURL=chunk-AENNHS3S.js.map

package/dist/chunk-AENNHS3S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/folder-context-card/folder-context-card.tsx"],"names":[],"mappings":"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","file":"chunk-AENNHS3S.js","sourcesContent":["import { ChevronRight, File, Folder } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport interface FolderEntry {\n  id: string;\n  name: string;\n  kind: \"folder\" | \"file\";\n  /**\n   * If true, the entry is expanded (icons + nested children).\n   * Pure visual flag; toggling is the caller's job.\n   */\n  open?: boolean;\n  /**\n   * Optional nested entries when this is a folder.\n   */\n  children?: FolderEntry[];\n  /** Optional adornment after the name (badge, modified indicator). */\n  trailing?: ReactNode;\n  /** Override the icon. */\n  icon?: IconComponent;\n}\n\ninterface FolderContextCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  /**\n   * Root entries shown directly in the card.\n   */\n  entries: FolderEntry[];\n  /**\n   * Fires when an entry row is clicked.\n   */\n  onEntryClick?: (id: string) => void;\n}\n\n/**\n * FolderContextCard — file/folder tree fragment for the right inspector.\n *\n * Visual: 1-level tree with chevron indicating expanded state. Renders nested\n * children recursively, but does not manage open state — caller controls\n * `entry.open` and reacts to `onEntryClick`.\n */\nconst FolderContextCard = forwardRef<HTMLElement, FolderContextCardProps>(\n  ({ className, title, entries, onEntryClick, ...props }, ref) => (\n    <section\n      data-slot=\"folder-context-card\"\n      ref={ref}\n      className={cn(\"rounded-xl border bg-card p-4\", className)}\n      {...props}\n    >\n      {title ? (\n        <header className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n        </header>\n      ) : null}\n      <Tree entries={entries} {...(onEntryClick ? { onEntryClick } : {})} depth={0} />\n    </section>\n  ),\n);\nFolderContextCard.displayName = \"FolderContextCard\";\n\nfunction Tree({\n  entries,\n  onEntryClick,\n  depth,\n}: {\n  entries: FolderEntry[];\n  onEntryClick?: (id: string) => void;\n  depth: number;\n}) {\n  return (\n    <ul className={cn(\"grid\", depth === 0 ? \"gap-0.5\" : \"gap-0\")}>\n      {entries.map((entry) => {\n        const IconComp = entry.icon ?? (entry.kind === \"folder\" ? Folder : File);\n        const hasChildren = entry.kind === \"folder\" && entry.children && entry.children.length > 0;\n        return (\n          <li key={entry.id}>\n            <button\n              type=\"button\"\n              onClick={() => onEntryClick?.(entry.id)}\n              className={cn(\n                \"flex w-full items-center gap-2 rounded-md px-2 py-1.5\",\n                \"font-sans text-body-sm text-foreground\",\n                \"transition-colors hover:bg-muted\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              )}\n              style={{ paddingLeft: `${0.5 + depth * 0.9}rem` }}\n            >\n              {hasChildren ? (\n                <ChevronRight\n                  className={cn(\n                    \"size-3 shrink-0 text-muted-foreground transition-transform\",\n                    entry.open && \"rotate-90\",\n                  )}\n                  aria-hidden=\"true\"\n                />\n              ) : (\n                <span className=\"w-3\" aria-hidden=\"true\" />\n              )}\n              <IconComp\n                className={cn(\n                  \"size-4 shrink-0\",\n                  entry.kind === \"folder\" ? \"text-primary\" : \"text-muted-foreground\",\n                )}\n                aria-hidden=\"true\"\n              />\n              <span className=\"flex-1 truncate text-left\">{entry.name}</span>\n              {entry.trailing}\n            </button>\n            {hasChildren && entry.open ? (\n              <Tree\n                entries={entry.children as FolderEntry[]}\n                {...(onEntryClick ? { onEntryClick } : {})}\n                depth={depth + 1}\n              />\n            ) : null}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport { FolderContextCard };\n"]}