@neuronection/assistant-ui 0.6.0 → 0.7.1

package/dist/{chunk-BWPNEQ3T.js.map → chunk-G6557MEN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/modal/PanelModal.tsx"],"names":["PanelModal"],"mappings":";;;;;;;AAMA,IAAM,kBAAA,GAAqB,IAAI,EAAA,EAAI;AAAA,EACjC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAyBM,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA,CAG9B,SAASA,WAAAA,CACT;AAAA,EACE,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,aAAA;AAAA,EACA,UAAA,GAAa,OAAA;AAAA,EACb,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,2BACmB,eAAA,CAAA,IAAA,EAAhB,EAAqB,MAAY,YAAA,EAChC,QAAA,kBAAA,IAAA,CAAiB,wBAAhB,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACC,SAAA,EAAQ,eAAA;AAAA,QACR,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBACA,IAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,aAAA;AAAA,QACR,kBAAA,EAAkB,MAAA;AAAA,QAClB,SAAA,EAAW,EAAA;AAAA,UACT,gLAAA;AAAA,UACA,0LAAA;AAAA,UACA,kBAAA,CAAmB,EAAE,IAAA,EAAM,CAAA;AAAA,UAC3B;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,UAAA,mBACC,GAAA;AAAA,YAAiB,eAAA,CAAA,KAAA;AAAA,YAAhB;AAAA,cACC,YAAA,EAAY,UAAA;AAAA,cACZ,SAAA,EAAU,wSAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA,WAC3C,mBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uGAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,cACA,wBACC,GAAA,CAAiB,eAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,4CAAA,EAC9B,iBACH,CAAA,GACE;AAAA,aAAA,EACN,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,cAAA,aAAA;AAAA,8BACD,GAAA;AAAA,gBAAiB,eAAA,CAAA,KAAA;AAAA,gBAAhB;AAAA,kBACC,YAAA,EAAY,UAAA;AAAA,kBACZ,SAAA,EAAU,8OAAA;AAAA,kBAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA;AAC3C,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,cAAc,OAAA,EAAS,aAAA,IAAiB,YAAY,CAAA,EACtF,QAAA,EACH,CAAA;AAAA,UACC,yBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACZ,kBACH,CAAA,GACE;AAAA;AAAA;AAAA;AACN,GAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAC","file":"chunk-BWPNEQ3T.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst panelModalVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'sm:max-w-md',\n      md: 'sm:max-w-2xl',\n      lg: 'sm:max-w-4xl',\n      xl: 'sm:max-w-6xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport interface PanelModalProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    'title'\n  >,\n    VariantProps<typeof panelModalVariants> {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: React.ReactNode\n  headerIcon?: React.ReactNode\n  headerActions?: React.ReactNode\n  footer?: React.ReactNode\n  hideHeader?: boolean\n  bodyClassName?: string\n  closeLabel?: string\n}\n\n/**\n * Dialog panel with a header (icon, title, actions, close), scrollable body\n * and optional sticky footer — full-screen on mobile, centered card on\n * desktop. For plain dialogs prefer the `Modal` parts; for forms prefer\n * `FormModal`.\n */\nexport const PanelModal = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  PanelModalProps\n>(function PanelModal(\n  {\n    open,\n    onOpenChange,\n    title,\n    headerIcon,\n    headerActions,\n    footer,\n    hideHeader = false,\n    bodyClassName,\n    closeLabel = 'Close',\n    size,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-as=\"modal-overlay\"\n          className=\"as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]\"\n        />\n        <DialogPrimitive.Content\n          ref={ref}\n          data-as=\"panel-modal\"\n          aria-describedby={undefined}\n          className={cn(\n            'as-anim-pop fixed inset-0 z-[var(--as-z-modal)] flex flex-col overflow-y-auto bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n            'sm:inset-auto sm:left-1/2 sm:top-1/2 sm:h-auto sm:max-h-[90vh] sm:w-auto sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-[var(--as-radius-lg)] sm:border sm:border-[var(--as-border)]',\n            panelModalVariants({ size }),\n            className,\n          )}\n          {...props}\n        >\n          {hideHeader ? (\n            <DialogPrimitive.Close\n              aria-label={closeLabel}\n              className=\"absolute right-3 top-3 z-10 rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <X aria-hidden=\"true\" className=\"size-4\" />\n            </DialogPrimitive.Close>\n          ) : (\n            <div className=\"flex shrink-0 items-center justify-between gap-3 border-b border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {headerIcon}\n                {title ? (\n                  <DialogPrimitive.Title className=\"truncate font-semibold text-[var(--as-fg)]\">\n                    {title}\n                  </DialogPrimitive.Title>\n                ) : null}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-1\">\n                {headerActions}\n                <DialogPrimitive.Close\n                  aria-label={closeLabel}\n                  className=\"rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n                >\n                  <X aria-hidden=\"true\" className=\"size-5\" />\n                </DialogPrimitive.Close>\n              </div>\n            </div>\n          )}\n          <div className={cn('min-h-0 flex-1', hideHeader && 'pt-10', bodyClassName ?? 'p-5 sm:p-6')}>\n            {children}\n          </div>\n          {footer ? (\n            <div className=\"shrink-0 border-t border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              {footer}\n            </div>\n          ) : null}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n})\n"]}
+{"version":3,"sources":["../src/components/modal/PanelModal.tsx"],"names":["PanelModal"],"mappings":"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","file":"chunk-G6557MEN.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst panelModalVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'sm:max-w-md',\n      md: 'sm:max-w-2xl',\n      lg: 'sm:max-w-4xl',\n      xl: 'sm:max-w-6xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport interface PanelModalProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    'title'\n  >,\n    VariantProps<typeof panelModalVariants> {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: React.ReactNode\n  headerIcon?: React.ReactNode\n  headerActions?: React.ReactNode\n  footer?: React.ReactNode\n  hideHeader?: boolean\n  bodyClassName?: string\n  closeLabel?: string\n}\n\n/**\n * Dialog panel with a header (icon, title, actions, close), scrollable body\n * and optional sticky footer — full-screen on mobile, centered card on\n * desktop. For plain dialogs prefer the `Modal` parts; for forms prefer\n * `FormModal`.\n */\nexport const PanelModal = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  PanelModalProps\n>(function PanelModal(\n  {\n    open,\n    onOpenChange,\n    title,\n    headerIcon,\n    headerActions,\n    footer,\n    hideHeader = false,\n    bodyClassName,\n    closeLabel = 'Close',\n    size,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-as=\"modal-overlay\"\n          className=\"as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]\"\n        />\n        <DialogPrimitive.Content\n          ref={ref}\n          data-as=\"panel-modal\"\n          aria-describedby={undefined}\n          className={cn(\n            'as-anim-pop fixed inset-0 z-[var(--as-z-modal)] flex flex-col overflow-y-auto bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n            'sm:inset-0 sm:mx-auto sm:my-auto sm:h-fit sm:max-h-[90vh] sm:w-fit sm:rounded-[var(--as-radius-lg)] sm:border sm:border-[var(--as-border)]',\n            panelModalVariants({ size }),\n            className,\n          )}\n          {...props}\n        >\n          {hideHeader ? (\n            <DialogPrimitive.Close\n              aria-label={closeLabel}\n              className=\"absolute right-3 top-3 z-10 rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <X aria-hidden=\"true\" className=\"size-4\" />\n            </DialogPrimitive.Close>\n          ) : (\n            <div className=\"flex shrink-0 items-center justify-between gap-3 border-b border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {headerIcon}\n                {title ? (\n                  <DialogPrimitive.Title className=\"truncate font-semibold text-[var(--as-fg)]\">\n                    {title}\n                  </DialogPrimitive.Title>\n                ) : null}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-1\">\n                {headerActions}\n                <DialogPrimitive.Close\n                  aria-label={closeLabel}\n                  className=\"rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n                >\n                  <X aria-hidden=\"true\" className=\"size-5\" />\n                </DialogPrimitive.Close>\n              </div>\n            </div>\n          )}\n          <div className={cn('min-h-0 flex-1', hideHeader && 'pt-10', bodyClassName ?? 'p-5 sm:p-6')}>\n            {children}\n          </div>\n          {footer ? (\n            <div className=\"shrink-0 border-t border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              {footer}\n            </div>\n          ) : null}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n})\n"]}

package/dist/chunk-IQKP2BWE.js

@@ -0,0 +1,78 @@
+import { formatBytes, FileCard } from './chunk-J4OELYDR.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FileQueue = React.forwardRef(
+  function FileQueue2({
+    files,
+    onRemove,
+    onToggleInclude,
+    onOpen,
+    onReorder,
+    reorderable = Boolean(onReorder),
+    emptyText,
+    summary,
+    removeLabel = "Remove file",
+    includeLabel = "Include in processing",
+    className
+  }, ref) {
+    const dragId = React.useRef(null);
+    const [dropTarget, setDropTarget] = React.useState(null);
+    if (files.length === 0 && emptyText) {
+      return /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-[var(--as-muted-fg)]", className), children: emptyText });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, "data-as": "file-queue", className: cn("flex w-full flex-col gap-2", className), children: [
+      files.length > 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--as-muted-fg)]", children: summary ?? `${files.length} ${files.length === 1 ? "file" : "files"}${files.some((f) => f.sizeBytes != null) ? ` \xB7 ${formatBytes(files.reduce((total, f) => total + (f.sizeBytes ?? 0), 0))}` : ""}` }) : null,
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: files.map((file) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          onDragOver: reorderable ? (event) => {
+            event.preventDefault();
+            if (dragId.current && dragId.current !== file.id) setDropTarget(file.id);
+          } : void 0,
+          onDrop: reorderable ? (event) => {
+            event.preventDefault();
+            if (dragId.current && dragId.current !== file.id) {
+              onReorder?.(dragId.current, file.id);
+            }
+            dragId.current = null;
+            setDropTarget(null);
+          } : void 0,
+          className: cn(
+            dropTarget === file.id && "ring-2 ring-[var(--as-focus-ring)] ring-offset-2"
+          ),
+          children: /* @__PURE__ */ jsx(
+            FileCard,
+            {
+              name: file.name,
+              sizeBytes: file.sizeBytes,
+              status: file.status,
+              error: file.error,
+              thumbnailUrl: file.thumbnailUrl,
+              included: file.included,
+              onToggleInclude: onToggleInclude ? () => onToggleInclude(file.id) : void 0,
+              onRemove: onRemove ? () => onRemove(file.id) : void 0,
+              onOpen: onOpen ? () => onOpen(file.id) : void 0,
+              draggable: reorderable,
+              onDragStart: () => {
+                dragId.current = file.id;
+              },
+              onDragEnd: () => {
+                dragId.current = null;
+                setDropTarget(null);
+              },
+              removeLabel,
+              includeLabel
+            }
+          )
+        },
+        file.id
+      )) })
+    ] });
+  }
+);
+
+export { FileQueue };
+//# sourceMappingURL=chunk-IQKP2BWE.js.map
+//# sourceMappingURL=chunk-IQKP2BWE.js.map

package/dist/chunk-IQKP2BWE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/file-queue/FileQueue.tsx"],"names":["FileQueue"],"mappings":"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","file":"chunk-IQKP2BWE.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\nimport {\n  FileCard,\n  formatBytes,\n  type FileCardStatus,\n} from '../file-card/FileCard'\n\nexport interface FileQueueItem {\n  id: string\n  name: string\n  sizeBytes?: number\n  status?: FileCardStatus\n  error?: string | null\n  thumbnailUrl?: string | null\n  included?: boolean\n}\n\nexport interface FileQueueProps {\n  files: FileQueueItem[]\n  onRemove?: (id: string) => void\n  onToggleInclude?: (id: string) => void\n  onOpen?: (id: string) => void\n  onReorder?: (fromId: string, toId: string) => void\n  reorderable?: boolean\n  emptyText?: string\n  summary?: React.ReactNode\n  removeLabel?: string\n  includeLabel?: string\n  className?: string\n}\n\n/**\n * FileCard grid with aggregate summary and optional drag-to-reorder\n * (reports intent via `onReorder(fromId, toId)` — the app owns ordering).\n */\nexport const FileQueue = React.forwardRef<HTMLDivElement, FileQueueProps>(\n  function FileQueue(\n    {\n      files,\n      onRemove,\n      onToggleInclude,\n      onOpen,\n      onReorder,\n      reorderable = Boolean(onReorder),\n      emptyText,\n      summary,\n      removeLabel = 'Remove file',\n      includeLabel = 'Include in processing',\n      className,\n    },\n    ref,\n  ) {\n    const dragId = React.useRef<string | null>(null)\n    const [dropTarget, setDropTarget] = React.useState<string | null>(null)\n\n    if (files.length === 0 && emptyText) {\n      return (\n        <p ref={ref} className={cn('text-sm text-[var(--as-muted-fg)]', className)}>\n          {emptyText}\n        </p>\n      )\n    }\n\n    return (\n      <div ref={ref} data-as=\"file-queue\" className={cn('flex w-full flex-col gap-2', className)}>\n        {files.length > 0 ? (\n          <p className=\"text-xs text-[var(--as-muted-fg)]\">\n            {summary ??\n              `${files.length} ${files.length === 1 ? 'file' : 'files'}${\n                files.some((f) => f.sizeBytes != null)\n                  ? ` · ${formatBytes(files.reduce((total, f) => total + (f.sizeBytes ?? 0), 0))}`\n                  : ''\n              }`}\n          </p>\n        ) : null}\n        <div className=\"flex flex-wrap gap-2\">\n          {files.map((file) => (\n            <div\n              key={file.id}\n              onDragOver={reorderable ? (event) => {\n                event.preventDefault()\n                if (dragId.current && dragId.current !== file.id) setDropTarget(file.id)\n              } : undefined}\n              onDrop={reorderable ? (event) => {\n                event.preventDefault()\n                if (dragId.current && dragId.current !== file.id) {\n                  onReorder?.(dragId.current, file.id)\n                }\n                dragId.current = null\n                setDropTarget(null)\n              } : undefined}\n              className={cn(\n                dropTarget === file.id && 'ring-2 ring-[var(--as-focus-ring)] ring-offset-2',\n              )}\n            >\n              <FileCard\n                name={file.name}\n                sizeBytes={file.sizeBytes}\n                status={file.status}\n                error={file.error}\n                thumbnailUrl={file.thumbnailUrl}\n                included={file.included}\n                onToggleInclude={onToggleInclude ? () => onToggleInclude(file.id) : undefined}\n                onRemove={onRemove ? () => onRemove(file.id) : undefined}\n                onOpen={onOpen ? () => onOpen(file.id) : undefined}\n                draggable={reorderable}\n                onDragStart={() => {\n                  dragId.current = file.id\n                }}\n                onDragEnd={() => {\n                  dragId.current = null\n                  setDropTarget(null)\n                }}\n                removeLabel={removeLabel}\n                includeLabel={includeLabel}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-J4OELYDR.js

@@ -0,0 +1,125 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { GripVertical, X, FileText, Loader2, TriangleAlert, Check } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var FileCard = React.forwardRef(
+  function FileCard2({
+    name,
+    sizeBytes,
+    status = "queued",
+    error,
+    thumbnailUrl,
+    included = true,
+    onToggleInclude,
+    onRemove,
+    onOpen,
+    draggable = false,
+    onDragStart,
+    onDragEnd,
+    removeLabel = "Remove file",
+    includeLabel = "Include in processing",
+    className
+  }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "file-card",
+        "data-status": status,
+        draggable,
+        onDragStart: (event) => {
+          if (!draggable) return;
+          event.dataTransfer.effectAllowed = "move";
+          onDragStart?.();
+        },
+        onDragEnd: draggable ? onDragEnd : void 0,
+        onClick: onOpen,
+        className: cn(
+          "group relative flex w-40 flex-col overflow-hidden rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] shadow-[var(--as-shadow-1)] transition-shadow hover:shadow-[var(--as-shadow-2)]",
+          onOpen && "cursor-pointer",
+          !included && "opacity-60",
+          className
+        ),
+        children: [
+          draggable ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "absolute left-1 top-1 z-10 cursor-grab rounded p-0.5 text-[var(--as-muted-fg)] opacity-0 transition-opacity group-hover:opacity-100",
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "size-3.5" })
+            }
+          ) : null,
+          onRemove ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `${removeLabel} \u2014 ${name}`,
+              onClick: (event) => {
+                event.stopPropagation();
+                onRemove();
+              },
+              className: "absolute right-1 top-1 z-10 cursor-pointer rounded-full bg-[var(--as-surface-raised)] p-1 text-[var(--as-muted-fg)] opacity-0 shadow-[var(--as-shadow-1)] transition-opacity hover:text-[var(--as-danger)] focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--as-focus-ring)] group-hover:opacity-100",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": true })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("div", { className: "flex h-20 w-full items-center justify-center overflow-hidden bg-[var(--as-muted)]", children: thumbnailUrl ? /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx(
+            FileText,
+            {
+              className: cn(
+                "size-7",
+                status === "failed" ? "text-[var(--as-danger)]" : "text-[var(--as-muted-fg)]"
+              ),
+              "aria-hidden": true
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1 p-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-[var(--as-fg)]", title: name, children: name }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-[var(--as-muted-fg)]", children: [
+              status === "processing" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin", "aria-hidden": true }),
+                /* @__PURE__ */ jsx("span", { role: "status", children: "Processing\u2026" })
+              ] }) : status === "failed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(TriangleAlert, { className: "size-3 text-[var(--as-danger)]", "aria-hidden": true }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-[var(--as-danger)]", children: error ?? "Failed" })
+              ] }) : status === "done" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Check, { className: "size-3 text-[var(--as-success)]", "aria-hidden": true }),
+                /* @__PURE__ */ jsx("span", { children: "Done" })
+              ] }) : null,
+              sizeBytes != null ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0", children: formatBytes(sizeBytes) }) : null
+            ] })
+          ] }),
+          onToggleInclude ? /* @__PURE__ */ jsxs(
+            "label",
+            {
+              onClick: (event) => event.stopPropagation(),
+              className: "flex cursor-pointer items-center gap-1.5 border-t border-[var(--as-border)] px-2 py-1.5 text-[10px] font-medium text-[var(--as-muted-fg)]",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: included,
+                    onChange: () => onToggleInclude(),
+                    "aria-label": `${includeLabel} \u2014 ${name}`,
+                    className: "accent-[var(--as-primary)]"
+                  }
+                ),
+                includeLabel
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+
+export { FileCard, formatBytes };
+//# sourceMappingURL=chunk-J4OELYDR.js.map
+//# sourceMappingURL=chunk-J4OELYDR.js.map

package/dist/chunk-J4OELYDR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/file-card/FileCard.tsx"],"names":["FileCard"],"mappings":"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","file":"chunk-J4OELYDR.js","sourcesContent":["import * as React from 'react'\nimport { Check, FileText, GripVertical, Loader2, TriangleAlert, X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport type FileCardStatus = 'queued' | 'processing' | 'done' | 'failed'\n\nexport function formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n}\n\nexport interface FileCardProps {\n  name: string\n  sizeBytes?: number\n  status?: FileCardStatus\n  error?: string | null\n  /** Small preview URL (app owns object-URL lifecycle). */\n  thumbnailUrl?: string | null\n  included?: boolean\n  onToggleInclude?: () => void\n  onRemove?: () => void\n  onOpen?: () => void\n  draggable?: boolean\n  onDragStart?: () => void\n  onDragEnd?: () => void\n  removeLabel?: string\n  includeLabel?: string\n  className?: string\n}\n\nexport const FileCard = React.forwardRef<HTMLDivElement, FileCardProps>(\n  function FileCard(\n    {\n      name,\n      sizeBytes,\n      status = 'queued',\n      error,\n      thumbnailUrl,\n      included = true,\n      onToggleInclude,\n      onRemove,\n      onOpen,\n      draggable = false,\n      onDragStart,\n      onDragEnd,\n      removeLabel = 'Remove file',\n      includeLabel = 'Include in processing',\n      className,\n    },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        data-as=\"file-card\"\n        data-status={status}\n        draggable={draggable}\n        onDragStart={(event) => {\n          if (!draggable) return\n          event.dataTransfer.effectAllowed = 'move'\n          onDragStart?.()\n        }}\n        onDragEnd={draggable ? onDragEnd : undefined}\n        onClick={onOpen}\n        className={cn(\n          'group relative flex w-40 flex-col overflow-hidden rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] shadow-[var(--as-shadow-1)] transition-shadow hover:shadow-[var(--as-shadow-2)]',\n          onOpen && 'cursor-pointer',\n          !included && 'opacity-60',\n          className,\n        )}\n      >\n        {draggable ? (\n          <span\n            aria-hidden\n            className=\"absolute left-1 top-1 z-10 cursor-grab rounded p-0.5 text-[var(--as-muted-fg)] opacity-0 transition-opacity group-hover:opacity-100\"\n          >\n            <GripVertical className=\"size-3.5\" />\n          </span>\n        ) : null}\n        {onRemove ? (\n          <button\n            type=\"button\"\n            aria-label={`${removeLabel} — ${name}`}\n            onClick={(event) => {\n              event.stopPropagation()\n              onRemove()\n            }}\n            className=\"absolute right-1 top-1 z-10 cursor-pointer rounded-full bg-[var(--as-surface-raised)] p-1 text-[var(--as-muted-fg)] opacity-0 shadow-[var(--as-shadow-1)] transition-opacity hover:text-[var(--as-danger)] focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--as-focus-ring)] group-hover:opacity-100\"\n          >\n            <X className=\"size-3\" aria-hidden />\n          </button>\n        ) : null}\n        <div className=\"flex h-20 w-full items-center justify-center overflow-hidden bg-[var(--as-muted)]\">\n          {thumbnailUrl ? (\n            <img src={thumbnailUrl} alt=\"\" className=\"size-full object-cover\" />\n          ) : (\n            <FileText\n              className={cn(\n                'size-7',\n                status === 'failed' ? 'text-[var(--as-danger)]' : 'text-[var(--as-muted-fg)]',\n              )}\n              aria-hidden\n            />\n          )}\n        </div>\n        <div className=\"flex min-w-0 flex-col gap-1 p-2\">\n          <p className=\"truncate text-xs font-semibold text-[var(--as-fg)]\" title={name}>\n            {name}\n          </p>\n          <div className=\"flex items-center gap-1.5 text-[10px] text-[var(--as-muted-fg)]\">\n            {status === 'processing' ? (\n              <>\n                <Loader2 className=\"size-3 animate-spin\" aria-hidden />\n                <span role=\"status\">Processing…</span>\n              </>\n            ) : status === 'failed' ? (\n              <>\n                <TriangleAlert className=\"size-3 text-[var(--as-danger)]\" aria-hidden />\n                <span className=\"truncate text-[var(--as-danger)]\">{error ?? 'Failed'}</span>\n              </>\n            ) : status === 'done' ? (\n              <>\n                <Check className=\"size-3 text-[var(--as-success)]\" aria-hidden />\n                <span>Done</span>\n              </>\n            ) : null}\n            {sizeBytes != null ? (\n              <span className=\"ml-auto shrink-0\">{formatBytes(sizeBytes)}</span>\n            ) : null}\n          </div>\n        </div>\n        {onToggleInclude ? (\n          <label\n            onClick={(event) => event.stopPropagation()}\n            className=\"flex cursor-pointer items-center gap-1.5 border-t border-[var(--as-border)] px-2 py-1.5 text-[10px] font-medium text-[var(--as-muted-fg)]\"\n          >\n            <input\n              type=\"checkbox\"\n              checked={included}\n              onChange={() => onToggleInclude()}\n              aria-label={`${includeLabel} — ${name}`}\n              className=\"accent-[var(--as-primary)]\"\n            />\n            {includeLabel}\n          </label>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-OPTH3VUY.js

@@ -0,0 +1,63 @@
+import { Combobox } from './chunk-3RDFWXX6.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ModelPicker = React.forwardRef(
+  function ModelPicker2({
+    providers,
+    value,
+    onChange,
+    placeholder = "Select a model\u2026",
+    searchPlaceholder = "Search models\u2026",
+    searchLabel,
+    emptyLabel,
+    loading = false,
+    disabled = false,
+    clearable = false,
+    clearLabel,
+    label,
+    error,
+    id,
+    className,
+    panelClassName
+  }, ref) {
+    const options = React.useMemo(
+      () => providers.flatMap(
+        (provider) => provider.models.map((model) => ({
+          value: model.id,
+          label: model.name,
+          group: provider.name,
+          badge: model.capability
+        }))
+      ),
+      [providers]
+    );
+    return /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        ref,
+        options,
+        value,
+        onChange,
+        placeholder,
+        searchPlaceholder,
+        searchLabel,
+        emptyLabel,
+        loading,
+        disabled,
+        clearable,
+        clearLabel,
+        label,
+        error,
+        id,
+        className: cn("w-full", className),
+        panelClassName
+      }
+    );
+  }
+);
+
+export { ModelPicker };
+//# sourceMappingURL=chunk-OPTH3VUY.js.map
+//# sourceMappingURL=chunk-OPTH3VUY.js.map

package/dist/chunk-OPTH3VUY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-picker/ModelPicker.tsx"],"names":["ModelPicker"],"mappings":";;;;;AA2CO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,SAASA,YAAAA,CACP;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,sBAAA;AAAA,IACd,iBAAA,GAAoB,qBAAA;AAAA,IACpB,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,SAAA,GAAY,KAAA;AAAA,IACZ,UAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,EAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,OAAA,GAAkC,KAAA,CAAA,OAAA;AAAA,MACtC,MACE,SAAA,CAAU,OAAA;AAAA,QAAQ,CAAC,QAAA,KACjB,QAAA,CAAS,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAW;AAAA,UAC9B,OAAO,KAAA,CAAM,EAAA;AAAA,UACb,OAAO,KAAA,CAAM,IAAA;AAAA,UACb,OAAO,QAAA,CAAS,IAAA;AAAA,UAChB,OAAO,KAAA,CAAM;AAAA,SACf,CAAE;AAAA,OACJ;AAAA,MACF,CAAC,SAAS;AAAA,KACZ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,iBAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,EAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,QACjC;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-OPTH3VUY.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\nimport {\n  Combobox,\n  type ComboboxOption,\n} from '../combobox'\n\nexport interface ModelPickerModel {\n  id: string\n  name: string\n  /** Short capability chip, e.g. `vision` or `tools`. */\n  capability?: string\n}\n\nexport interface ModelPickerProvider {\n  id: string\n  name: string\n  models: ModelPickerModel[]\n}\n\nexport interface ModelPickerProps {\n  providers: ModelPickerProvider[]\n  value?: string\n  onChange: (modelId: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  searchLabel?: string\n  emptyLabel?: string\n  loading?: boolean\n  disabled?: boolean\n  clearable?: boolean\n  clearLabel?: string\n  label?: string\n  error?: string\n  id?: string\n  className?: string\n  panelClassName?: string\n}\n\n/**\n * Grouped, searchable provider → model picker. Presentational: the model\n * list comes in via props, selection goes out via `onChange`.\n */\nexport const ModelPicker = React.forwardRef<HTMLButtonElement, ModelPickerProps>(\n  function ModelPicker(\n    {\n      providers,\n      value,\n      onChange,\n      placeholder = 'Select a model…',\n      searchPlaceholder = 'Search models…',\n      searchLabel,\n      emptyLabel,\n      loading = false,\n      disabled = false,\n      clearable = false,\n      clearLabel,\n      label,\n      error,\n      id,\n      className,\n      panelClassName,\n    },\n    ref,\n  ) {\n    const options: ComboboxOption[] = React.useMemo(\n      () =>\n        providers.flatMap((provider) =>\n          provider.models.map((model) => ({\n            value: model.id,\n            label: model.name,\n            group: provider.name,\n            badge: model.capability,\n          })),\n        ),\n      [providers],\n    )\n\n    return (\n      <Combobox\n        ref={ref}\n        options={options}\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        searchPlaceholder={searchPlaceholder}\n        searchLabel={searchLabel}\n        emptyLabel={emptyLabel}\n        loading={loading}\n        disabled={disabled}\n        clearable={clearable}\n        clearLabel={clearLabel}\n        label={label}\n        error={error}\n        id={id}\n        className={cn('w-full', className)}\n        panelClassName={panelClassName}\n      />\n    )\n  },\n)\n"]}

package/dist/{chunk-5AVBKEDQ.js → chunk-PFAH25VU.js}

@@ -47,7 +47,7 @@ var RangeBar = React.forwardRef(
             valuePct !== null ? /* @__PURE__ */ jsx(
               "div",
               {
-                className: "absolute top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]",
+                className: "absolute top-1/2 size-2.5 [translate:-50%_-50%] rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]",
                 style: { left: `${valuePct}%` },
                 title: `${valueLabel}: ${fmt(value)}${unit ? ` ${unit}` : ""}`
               }
@@ -70,5 +70,5 @@ var RangeBar = React.forwardRef(
 );
 
 export { RangeBar };
-//# sourceMappingURL=chunk-5AVBKEDQ.js.map
-//# sourceMappingURL=chunk-5AVBKEDQ.js.map
+//# sourceMappingURL=chunk-PFAH25VU.js.map
+//# sourceMappingURL=chunk-PFAH25VU.js.map

package/dist/{chunk-5AVBKEDQ.js.map → chunk-PFAH25VU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/range-bar/RangeBar.tsx"],"names":["RangeBar"],"mappings":"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","file":"chunk-5AVBKEDQ.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface RangeBarProps extends React.ComponentProps<'div'> {\n  low: number\n  high: number\n  min?: number\n  max?: number\n  value?: number | null\n  unit?: string\n  label?: string\n  valueLabel?: string\n}\n\nfunction pct(value: number, domainMin: number, domainMax: number): number {\n  if (domainMax === domainMin) return 0\n  return ((value - domainMin) / (domainMax - domainMin)) * 100\n}\n\nfunction fmt(value: number): string {\n  return Number.isInteger(value)\n    ? value.toLocaleString()\n    : value.toFixed(1).replace(/\\.0$/, '')\n}\n\nexport const RangeBar = React.forwardRef<HTMLDivElement, RangeBarProps>(\n  function RangeBar(\n    { low, high, min, max, value, unit, label, valueLabel = 'You', className, ...props },\n    ref,\n  ) {\n    if (!Number.isFinite(low) || !Number.isFinite(high) || high <= low) {\n      return null\n    }\n\n    const span = high - low\n    let domainMin = min ?? low - span\n    let domainMax = max ?? high + span\n    if (domainMin < 0 && low >= 0) {\n      const shift = -domainMin\n      domainMin = 0\n      domainMax += shift\n    }\n    if (domainMax <= domainMin) domainMax = domainMin + span\n\n    const left = Math.max(0, Math.min(100, pct(low, domainMin, domainMax)))\n    const right = Math.max(0, Math.min(100, pct(high, domainMin, domainMax)))\n    const valuePct =\n      value !== null && value !== undefined && Number.isFinite(value)\n        ? Math.max(0, Math.min(100, pct(value, domainMin, domainMax)))\n        : null\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"range-bar\"\n        className={cn('w-full', className)}\n        {...props}\n      >\n        {label ? (\n          <p className=\"mb-1 text-xs text-[var(--as-muted-fg)]\">{label}</p>\n        ) : null}\n        <div className=\"relative h-3.5 w-full rounded-full bg-[var(--as-muted)]\">\n          <div\n            className=\"absolute h-full rounded-full bg-[color-mix(in_srgb,var(--as-primary)_30%,transparent)]\"\n            style={{ left: `${left}%`, width: `${Math.max(0, right - left)}%` }}\n            title={`${label ? `${label}: ` : ''}${fmt(low)} – ${fmt(high)}${unit ? ` ${unit}` : ''}`}\n          />\n          {valuePct !== null ? (\n            <div\n              className=\"absolute top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]\"\n              style={{ left: `${valuePct}%` }}\n              title={`${valueLabel}: ${fmt(value as number)}${unit ? ` ${unit}` : ''}`}\n            />\n          ) : null}\n        </div>\n        <div className=\"mt-0.5 flex justify-between text-[10px] text-[var(--as-muted-fg)]\">\n          <span>{fmt(domainMin)}</span>\n          <span className=\"font-medium\">\n            {fmt(low)} – {fmt(high)}\n            {unit ? ` ${unit}` : ''}\n          </span>\n          <span>{fmt(domainMax)}</span>\n        </div>\n      </div>\n    )\n  },\n)\n"]}
+{"version":3,"sources":["../src/components/range-bar/RangeBar.tsx"],"names":["RangeBar"],"mappings":"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","file":"chunk-PFAH25VU.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface RangeBarProps extends React.ComponentProps<'div'> {\n  low: number\n  high: number\n  min?: number\n  max?: number\n  value?: number | null\n  unit?: string\n  label?: string\n  valueLabel?: string\n}\n\nfunction pct(value: number, domainMin: number, domainMax: number): number {\n  if (domainMax === domainMin) return 0\n  return ((value - domainMin) / (domainMax - domainMin)) * 100\n}\n\nfunction fmt(value: number): string {\n  return Number.isInteger(value)\n    ? value.toLocaleString()\n    : value.toFixed(1).replace(/\\.0$/, '')\n}\n\nexport const RangeBar = React.forwardRef<HTMLDivElement, RangeBarProps>(\n  function RangeBar(\n    { low, high, min, max, value, unit, label, valueLabel = 'You', className, ...props },\n    ref,\n  ) {\n    if (!Number.isFinite(low) || !Number.isFinite(high) || high <= low) {\n      return null\n    }\n\n    const span = high - low\n    let domainMin = min ?? low - span\n    let domainMax = max ?? high + span\n    if (domainMin < 0 && low >= 0) {\n      const shift = -domainMin\n      domainMin = 0\n      domainMax += shift\n    }\n    if (domainMax <= domainMin) domainMax = domainMin + span\n\n    const left = Math.max(0, Math.min(100, pct(low, domainMin, domainMax)))\n    const right = Math.max(0, Math.min(100, pct(high, domainMin, domainMax)))\n    const valuePct =\n      value !== null && value !== undefined && Number.isFinite(value)\n        ? Math.max(0, Math.min(100, pct(value, domainMin, domainMax)))\n        : null\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"range-bar\"\n        className={cn('w-full', className)}\n        {...props}\n      >\n        {label ? (\n          <p className=\"mb-1 text-xs text-[var(--as-muted-fg)]\">{label}</p>\n        ) : null}\n        <div className=\"relative h-3.5 w-full rounded-full bg-[var(--as-muted)]\">\n          <div\n            className=\"absolute h-full rounded-full bg-[color-mix(in_srgb,var(--as-primary)_30%,transparent)]\"\n            style={{ left: `${left}%`, width: `${Math.max(0, right - left)}%` }}\n            title={`${label ? `${label}: ` : ''}${fmt(low)} – ${fmt(high)}${unit ? ` ${unit}` : ''}`}\n          />\n          {valuePct !== null ? (\n            <div\n              className=\"absolute top-1/2 size-2.5 [translate:-50%_-50%] rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]\"\n              style={{ left: `${valuePct}%` }}\n              title={`${valueLabel}: ${fmt(value as number)}${unit ? ` ${unit}` : ''}`}\n            />\n          ) : null}\n        </div>\n        <div className=\"mt-0.5 flex justify-between text-[10px] text-[var(--as-muted-fg)]\">\n          <span>{fmt(domainMin)}</span>\n          <span className=\"font-medium\">\n            {fmt(low)} – {fmt(high)}\n            {unit ? ` ${unit}` : ''}\n          </span>\n          <span>{fmt(domainMax)}</span>\n        </div>\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-RJSN4TVT.js

@@ -0,0 +1,89 @@
+import { Input } from './chunk-M4V7XHL7.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { KeyRound } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var ProviderForm = React.forwardRef(
+  function ProviderForm2({
+    name,
+    onNameChange,
+    baseUrl,
+    onBaseUrlChange,
+    apiKey,
+    onApiKeyChange,
+    namePlaceholder = "Provider name",
+    baseUrlPlaceholder = "https://api.example.com/v1",
+    nameLabel = "Name",
+    baseUrlLabel = "API base URL",
+    apiKeyLabel = "API key",
+    apiKeyHelp,
+    hasStoredKey = false,
+    storedKeyLabel = "Stored \u2014 leave empty to keep",
+    keyPlaceholder = "sk-\u2026",
+    error,
+    children,
+    className,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "provider-form",
+        className: cn("flex w-full flex-col gap-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: nameLabel,
+              value: name,
+              onChange: (event) => onNameChange(event.target.value),
+              placeholder: namePlaceholder
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: baseUrlLabel,
+              value: baseUrl,
+              onChange: (event) => onBaseUrlChange(event.target.value),
+              placeholder: baseUrlPlaceholder,
+              className: "font-mono"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: hasStoredKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                apiKeyLabel,
+                " ",
+                /* @__PURE__ */ jsxs("span", { className: "font-normal text-[var(--as-muted-fg)]", children: [
+                  "(",
+                  storedKeyLabel,
+                  ")"
+                ] })
+              ] }) : apiKeyLabel,
+              type: "password",
+              value: apiKey,
+              onChange: (event) => onApiKeyChange(event.target.value),
+              placeholder: hasStoredKey ? "\u2022\u2022\u2022" : keyPlaceholder,
+              autoComplete: "new-password",
+              hint: apiKeyHelp ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(KeyRound, { className: "size-3", "aria-hidden": true }),
+                apiKeyHelp
+              ] }) : void 0
+            }
+          ),
+          children,
+          error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm font-medium text-[var(--as-danger)]", children: error }) : null
+        ]
+      }
+    );
+  }
+);
+
+export { ProviderForm };
+//# sourceMappingURL=chunk-RJSN4TVT.js.map
+//# sourceMappingURL=chunk-RJSN4TVT.js.map

package/dist/chunk-RJSN4TVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/provider-form/ProviderForm.tsx"],"names":["ProviderForm"],"mappings":";;;;;;AAgCO,IAAM,YAAA,GAAqB,KAAA,CAAA,UAAA;AAAA,EAChC,SAASA,aAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA,GAAkB,eAAA;AAAA,IAClB,kBAAA,GAAqB,4BAAA;AAAA,IACrB,SAAA,GAAY,MAAA;AAAA,IACZ,YAAA,GAAe,cAAA;AAAA,IACf,WAAA,GAAc,SAAA;AAAA,IACd,UAAA;AAAA,IACA,YAAA,GAAe,KAAA;AAAA,IACf,cAAA,GAAiB,mCAAA;AAAA,IACjB,cAAA,GAAiB,WAAA;AAAA,IACjB,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,eAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,QACpD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,SAAA;AAAA,cACP,KAAA,EAAO,IAAA;AAAA,cACP,UAAU,CAAC,KAAA,KAAU,YAAA,CAAa,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,cACpD,WAAA,EAAa;AAAA;AAAA,WACf;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,YAAA;AAAA,cACP,KAAA,EAAO,OAAA;AAAA,cACP,UAAU,CAAC,KAAA,KAAU,eAAA,CAAgB,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,cACvD,WAAA,EAAa,kBAAA;AAAA,cACb,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EACE,+BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,gBAAA,WAAA;AAAA,gBAAa,GAAA;AAAA,gCACd,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EAAwC,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,kBACpD,cAAA;AAAA,kBAAe;AAAA,iBAAA,EACnB;AAAA,eAAA,EACF,CAAA,GAEA,WAAA;AAAA,cAGJ,IAAA,EAAK,UAAA;AAAA,cACL,KAAA,EAAO,MAAA;AAAA,cACP,UAAU,CAAC,KAAA,KAAU,cAAA,CAAe,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,cACtD,WAAA,EAAa,eAAe,oBAAA,GAAQ,cAAA;AAAA,cACpC,YAAA,EAAa,cAAA;AAAA,cACb,IAAA,EACE,UAAA,mBACE,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EACd,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,QAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,gBACxC;AAAA,eAAA,EACH,CAAA,GACE;AAAA;AAAA,WAER;AAAA,UACC,QAAA;AAAA,UACA,KAAA,uBACE,GAAA,EAAA,EAAE,IAAA,EAAK,SAAQ,SAAA,EAAU,6CAAA,EACvB,iBACH,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF","file":"chunk-RJSN4TVT.js","sourcesContent":["import * as React from 'react'\nimport { KeyRound } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Input } from '../input/Input'\n\nexport interface ProviderFormProps extends React.ComponentProps<'div'> {\n  name: string\n  onNameChange: (value: string) => void\n  baseUrl: string\n  onBaseUrlChange: (value: string) => void\n  apiKey: string\n  onApiKeyChange: (value: string) => void\n  namePlaceholder?: string\n  baseUrlPlaceholder?: string\n  nameLabel?: string\n  baseUrlLabel?: string\n  apiKeyLabel?: string\n  /** Hint under the key field; apps mention keyring storage here. */\n  apiKeyHelp?: string\n  /** The provider already stores a key (write-only field shows no value). */\n  hasStoredKey?: boolean\n  storedKeyLabel?: string\n  keyPlaceholder?: string\n  error?: string\n  children?: React.ReactNode\n}\n\n/**\n * Standard provider credential fields: name, base URL and a **write-only**\n * masked API key (`onChange` only — the library never renders a stored key;\n * keyring/storage is the app's business, ADR-006).\n */\nexport const ProviderForm = React.forwardRef<HTMLDivElement, ProviderFormProps>(\n  function ProviderForm(\n    {\n      name,\n      onNameChange,\n      baseUrl,\n      onBaseUrlChange,\n      apiKey,\n      onApiKeyChange,\n      namePlaceholder = 'Provider name',\n      baseUrlPlaceholder = 'https://api.example.com/v1',\n      nameLabel = 'Name',\n      baseUrlLabel = 'API base URL',\n      apiKeyLabel = 'API key',\n      apiKeyHelp,\n      hasStoredKey = false,\n      storedKeyLabel = 'Stored — leave empty to keep',\n      keyPlaceholder = 'sk-…',\n      error,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        data-as=\"provider-form\"\n        className={cn('flex w-full flex-col gap-4', className)}\n        {...props}\n      >\n        <Input\n          label={nameLabel}\n          value={name}\n          onChange={(event) => onNameChange(event.target.value)}\n          placeholder={namePlaceholder}\n        />\n        <Input\n          label={baseUrlLabel}\n          value={baseUrl}\n          onChange={(event) => onBaseUrlChange(event.target.value)}\n          placeholder={baseUrlPlaceholder}\n          className=\"font-mono\"\n        />\n        <Input\n          label={\n            hasStoredKey ? (\n              <>\n                {apiKeyLabel}{' '}\n                <span className=\"font-normal text-[var(--as-muted-fg)]\">\n                  ({storedKeyLabel})\n                </span>\n              </>\n            ) : (\n              apiKeyLabel\n            )\n          }\n          type=\"password\"\n          value={apiKey}\n          onChange={(event) => onApiKeyChange(event.target.value)}\n          placeholder={hasStoredKey ? '•••' : keyPlaceholder}\n          autoComplete=\"new-password\"\n          hint={\n            apiKeyHelp ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <KeyRound className=\"size-3\" aria-hidden />\n                {apiKeyHelp}\n              </span>\n            ) : undefined\n          }\n        />\n        {children}\n        {error ? (\n          <p role=\"alert\" className=\"text-sm font-medium text-[var(--as-danger)]\">\n            {error}\n          </p>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-RLFND34I.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-RLFND34I.js.map
+//# sourceMappingURL=chunk-RLFND34I.js.map

package/dist/chunk-RLFND34I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-RLFND34I.js"}

package/dist/chunk-TN35RR2R.js

@@ -0,0 +1,92 @@
+import { ModelPicker } from './chunk-OPTH3VUY.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var TaskAssignmentPicker = React.forwardRef(function TaskAssignmentPicker2({
+  tasks,
+  providers,
+  value,
+  onAssign,
+  unassignedLabel = "Not assigned",
+  clearLabel = "Clear assignment",
+  modelLabel = "Model",
+  disabled = false,
+  className
+}, ref) {
+  const modelName = React.useCallback(
+    (modelId) => {
+      if (!modelId) return null;
+      for (const provider of providers) {
+        const model = provider.models.find((m) => m.id === modelId);
+        if (model) return { name: model.name, provider: provider.name };
+      }
+      return null;
+    },
+    [providers]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-as": "task-assignment-picker",
+      className: cn("flex w-full flex-col gap-3", className),
+      children: tasks.map((task) => {
+        const assigned = modelName(value[task.id]);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-2 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 sm:flex-row sm:items-center sm:justify-between",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-[var(--as-fg)]", children: task.label }),
+                task.description ? /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-[var(--as-muted-fg)]", children: task.description }) : null,
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-[var(--as-muted-fg)]", children: assigned ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  modelLabel,
+                  ":",
+                  " ",
+                  /* @__PURE__ */ jsxs("span", { className: "font-medium text-[var(--as-fg)]", children: [
+                    assigned.provider,
+                    " / ",
+                    assigned.name
+                  ] })
+                ] }) : unassignedLabel })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(
+                  ModelPicker,
+                  {
+                    providers,
+                    value: value[task.id] ?? "",
+                    onChange: (modelId) => onAssign(task.id, modelId),
+                    disabled,
+                    clearable: Boolean(value[task.id]),
+                    clearLabel,
+                    className: "w-56"
+                  }
+                ),
+                value[task.id] ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `${clearLabel} \u2014 ${task.label}`,
+                    disabled,
+                    onClick: () => onAssign(task.id, null),
+                    className: "cursor-pointer rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-muted)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50",
+                    children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": true })
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          task.id
+        );
+      })
+    }
+  );
+});
+
+export { TaskAssignmentPicker };
+//# sourceMappingURL=chunk-TN35RR2R.js.map
+//# sourceMappingURL=chunk-TN35RR2R.js.map

package/dist/chunk-TN35RR2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/task-assignment-picker/TaskAssignmentPicker.tsx"],"names":["TaskAssignmentPicker"],"mappings":"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","file":"chunk-TN35RR2R.js","sourcesContent":["import * as React from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport {\n  ModelPicker,\n  type ModelPickerProvider,\n} from '../model-picker/ModelPicker'\n\nexport interface TaskAssignmentTask {\n  id: string\n  label: string\n  description?: string\n}\n\nexport interface TaskAssignmentPickerProps {\n  tasks: TaskAssignmentTask[]\n  providers: ModelPickerProvider[]\n  /** Current mapping: taskId → modelId (null/undefined = unassigned). */\n  value: Record<string, string | null>\n  onAssign: (taskId: string, modelId: string | null) => void\n  unassignedLabel?: string\n  clearLabel?: string\n  modelLabel?: string\n  disabled?: boolean\n  className?: string\n}\n\n/**\n * Task → model mapping list. Presentational: tasks, the model catalog and\n * the current mapping come in via props; changes go out via `onAssign`.\n */\nexport const TaskAssignmentPicker = React.forwardRef<\n  HTMLDivElement,\n  TaskAssignmentPickerProps\n>(function TaskAssignmentPicker(\n  {\n    tasks,\n    providers,\n    value,\n    onAssign,\n    unassignedLabel = 'Not assigned',\n    clearLabel = 'Clear assignment',\n    modelLabel = 'Model',\n    disabled = false,\n    className,\n  },\n  ref,\n) {\n  const modelName = React.useCallback(\n    (modelId: string | null | undefined) => {\n      if (!modelId) return null\n      for (const provider of providers) {\n        const model = provider.models.find((m) => m.id === modelId)\n        if (model) return { name: model.name, provider: provider.name }\n      }\n      return null\n    },\n    [providers],\n  )\n\n  return (\n    <div\n      ref={ref}\n      data-as=\"task-assignment-picker\"\n      className={cn('flex w-full flex-col gap-3', className)}\n    >\n      {tasks.map((task) => {\n        const assigned = modelName(value[task.id])\n        return (\n          <div\n            key={task.id}\n            className=\"flex flex-col gap-2 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 sm:flex-row sm:items-center sm:justify-between\"\n          >\n            <div className=\"min-w-0\">\n              <p className=\"truncate text-sm font-semibold text-[var(--as-fg)]\">\n                {task.label}\n              </p>\n              {task.description ? (\n                <p className=\"truncate text-xs text-[var(--as-muted-fg)]\">\n                  {task.description}\n                </p>\n              ) : null}\n              <p className=\"mt-0.5 text-xs text-[var(--as-muted-fg)]\">\n                {assigned ? (\n                  <>\n                    {modelLabel}:{' '}\n                    <span className=\"font-medium text-[var(--as-fg)]\">\n                      {assigned.provider} / {assigned.name}\n                    </span>\n                  </>\n                ) : (\n                  unassignedLabel\n                )}\n              </p>\n            </div>\n            <div className=\"flex shrink-0 items-center gap-1.5\">\n              <ModelPicker\n                providers={providers}\n                value={value[task.id] ?? ''}\n                onChange={(modelId) => onAssign(task.id, modelId)}\n                disabled={disabled}\n                clearable={Boolean(value[task.id])}\n                clearLabel={clearLabel}\n                className=\"w-56\"\n              />\n              {value[task.id] ? (\n                <button\n                  type=\"button\"\n                  aria-label={`${clearLabel} — ${task.label}`}\n                  disabled={disabled}\n                  onClick={() => onAssign(task.id, null)}\n                  className=\"cursor-pointer rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-muted)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50\"\n                >\n                  <X className=\"size-4\" aria-hidden />\n                </button>\n              ) : null}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n})\n"]}