@neuronection/assistant-ui 0.6.0 → 0.7.1

package/dist/index.js

@@ -1,44 +1,182 @@
+export { Stepper, Wizard } from './chunk-YMCMUAIF.js';
+export { Table } from './chunk-5LRRVD27.js';
+export { TaskAssignmentPicker } from './chunk-TN35RR2R.js';
+export { SettingsShell } from './chunk-AHLNXCP2.js';
 export { ThemeScope } from './chunk-TGU3PKNM.js';
 export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-34NO2UOB.js';
 export { UndoNotice } from './chunk-OUHUVACM.js';
 export { ViewToggle } from './chunk-MXOBOS4Y.js';
-export { Stepper, Wizard } from './chunk-75QQR2VT.js';
-export { RangeBar } from './chunk-5AVBKEDQ.js';
+export { Portal } from './chunk-7YLR4AGA.js';
+export { ProviderForm } from './chunk-RJSN4TVT.js';
+export { RangeBar } from './chunk-PFAH25VU.js';
 export { ScaleSlider, scaleColorForValue } from './chunk-UIUALJNR.js';
 export { SearchInput } from './chunk-H5U4KNXF.js';
 export { SelectionBar } from './chunk-HSUCCANX.js';
-export { Table } from './chunk-5LRRVD27.js';
 export { Input } from './chunk-M4V7XHL7.js';
 export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.js';
-export { PanelModal } from './chunk-BWPNEQ3T.js';
-export { Portal } from './chunk-7YLR4AGA.js';
+export { ModelPicker } from './chunk-OPTH3VUY.js';
+export { PanelModal } from './chunk-G6557MEN.js';
 export { ContextMenu } from './chunk-WA7Q4TTA.js';
 export { ActionMenu, Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-JWAX2AOO.js';
-export { DatePicker } from './chunk-UU2V5FGF.js';
+export { DatePicker } from './chunk-6VCJX4CP.js';
 export { EmptyState } from './chunk-KDJLYKR6.js';
 export { ErrorBanner } from './chunk-BJOY3XL7.js';
 export { ExpandableSearch } from './chunk-4SW3ESVI.js';
+export { FileQueue } from './chunk-IQKP2BWE.js';
+export { FileCard, formatBytes } from './chunk-J4OELYDR.js';
 export { FieldLabel } from './chunk-I5J6SDLK.js';
 export { InfoButton } from './chunk-OT6EQFMP.js';
 export { PopoverButton } from './chunk-BE3XFZWU.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
+export { ConnectionTestRow } from './chunk-UWHUCQC6.js';
 export { CheckIndicator } from './chunk-XE4TFW63.js';
 export { ChipInput } from './chunk-TPLQL62V.js';
 export { ChipList } from './chunk-BN3YHYYL.js';
-export { Combobox, ComboboxMulti } from './chunk-W5WDGME5.js';
-export { ConfirmationModal } from './chunk-TKKHWO6C.js';
+export { Combobox, ComboboxMulti } from './chunk-3RDFWXX6.js';
+export { ConfirmationModal } from './chunk-2YQSA5AE.js';
 export { CopyButton } from './chunk-CZ2BL2ZL.js';
 export { rawTokens, semanticTokens } from './chunk-GDGKARRB.js';
 export { AiActionsDropdown } from './chunk-I37SYHM7.js';
 export { AiButton } from './chunk-L56KGPGS.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-SIIY2EGI.js';
-export { AiMagicFill } from './chunk-L4NM55XW.js';
-export { FormModal } from './chunk-2EPZAT3X.js';
-export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-SXVOJ7WE.js';
+export { AiMagicFill } from './chunk-EODV6JK7.js';
+export { FormModal } from './chunk-62GIJMWT.js';
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-Y7BKBG57.js';
 export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
 export { Breadcrumbs } from './chunk-TFS2NUET.js';
 export { Button, buttonVariants } from './chunk-GTXGTQ6F.js';
 export { Spinner } from './chunk-INTST5VG.js';
+import { cn } from './chunk-BLJWR4ZV.js';
 export { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { Loader2, FolderUp, Upload } from 'lucide-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var UploadDropzone = React.forwardRef(
+  function UploadDropzone2({
+    onFiles,
+    uploading = false,
+    variant = "block",
+    label = "Drop files here or click to browse",
+    hint,
+    browseLabel = "Choose files",
+    folderLabel = "Choose folder",
+    accept,
+    multiple = true,
+    allowFolders = false,
+    disabled = false,
+    className
+  }, ref) {
+    const [dragging, setDragging] = React.useState(false);
+    const fileInput = React.useRef(null);
+    const folderInput = React.useRef(null);
+    const active = !disabled && !uploading;
+    const emit = (list) => {
+      if (!active || !list || list.length === 0) return;
+      onFiles(Array.from(list));
+    };
+    const input = allowFolders ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInput,
+          type: "file",
+          accept,
+          multiple,
+          className: "hidden",
+          "aria-hidden": true,
+          tabIndex: -1,
+          onChange: (event) => {
+            emit(event.target.files);
+            event.target.value = "";
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: folderInput,
+          type: "file",
+          multiple: true,
+          className: "hidden",
+          webkitdirectory: "",
+          "aria-hidden": true,
+          tabIndex: -1,
+          onChange: (event) => {
+            emit(event.target.files);
+            event.target.value = "";
+          }
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInput,
+        type: "file",
+        accept,
+        multiple,
+        className: "hidden",
+        "aria-hidden": true,
+        tabIndex: -1,
+        onChange: (event) => {
+          emit(event.target.files);
+          event.target.value = "";
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      input,
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          "data-as": "upload-dropzone",
+          "data-variant": variant,
+          "data-dragging": dragging || void 0,
+          role: "button",
+          tabIndex: active ? 0 : -1,
+          "aria-label": label,
+          "aria-disabled": disabled || uploading || void 0,
+          onClick: () => active && fileInput.current?.click(),
+          onKeyDown: (event) => {
+            if (active && (event.key === "Enter" || event.key === " ")) {
+              event.preventDefault();
+              fileInput.current?.click();
+            }
+          },
+          onDragOver: (event) => {
+            event.preventDefault();
+            if (active) setDragging(true);
+          },
+          onDragLeave: () => setDragging(false),
+          onDrop: (event) => {
+            event.preventDefault();
+            setDragging(false);
+            emit(event.dataTransfer.files);
+          },
+          className: cn(
+            "flex cursor-pointer items-center justify-center gap-3 border border-dashed border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-muted-fg)] transition-colors",
+            "hover:border-[var(--as-primary)] hover:text-[var(--as-fg)]",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+            variant === "block" ? "rounded-[var(--as-radius-lg)] p-8" : "rounded-[var(--as-radius)] px-4 py-3",
+            dragging && "border-[var(--as-primary)] bg-[color-mix(in_srgb,var(--as-primary)_8%,transparent)] text-[var(--as-fg)]",
+            uploading && "cursor-progress opacity-70",
+            disabled && "pointer-events-none opacity-50",
+            className
+          ),
+          children: [
+            uploading ? /* @__PURE__ */ jsx(Loader2, { className: "size-5 shrink-0 animate-spin", "aria-hidden": true }) : allowFolders ? /* @__PURE__ */ jsx(FolderUp, { className: "size-5 shrink-0", "aria-hidden": true }) : /* @__PURE__ */ jsx(Upload, { className: "size-5 shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", role: uploading ? "status" : void 0, children: uploading ? `${browseLabel}\u2026` : dragging ? folderLabel : label }),
+              hint ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: hint }) : null
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+
+export { UploadDropzone };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../src/components/upload-dropzone/UploadDropzone.tsx"],"names":["UploadDropzone"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from 'react'\nimport { FolderUp, Loader2, Upload } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface UploadDropzoneProps {\n  onFiles: (files: File[]) => void\n  uploading?: boolean\n  variant?: 'block' | 'row'\n  label?: string\n  hint?: string\n  browseLabel?: string\n  folderLabel?: string\n  accept?: string\n  multiple?: boolean\n  allowFolders?: boolean\n  disabled?: boolean\n  className?: string\n}\n\n/**\n * Presentational dropzone: drag events and file-picker results go out via\n * `onFiles` — uploading, storage and progress stay app-side. Pass\n * `uploading` to render a busy state and suppress input.\n */\nexport const UploadDropzone = React.forwardRef<HTMLDivElement, UploadDropzoneProps>(\n  function UploadDropzone(\n    {\n      onFiles,\n      uploading = false,\n      variant = 'block',\n      label = 'Drop files here or click to browse',\n      hint,\n      browseLabel = 'Choose files',\n      folderLabel = 'Choose folder',\n      accept,\n      multiple = true,\n      allowFolders = false,\n      disabled = false,\n      className,\n    },\n    ref,\n  ) {\n    const [dragging, setDragging] = React.useState(false)\n    const fileInput = React.useRef<HTMLInputElement>(null)\n    const folderInput = React.useRef<HTMLInputElement>(null)\n\n    const active = !disabled && !uploading\n\n    const emit = (list: FileList | null) => {\n      if (!active || !list || list.length === 0) return\n      onFiles(Array.from(list))\n    }\n\n    const input = allowFolders ? (\n      <>\n        <input\n          ref={fileInput}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          className=\"hidden\"\n          aria-hidden\n          tabIndex={-1}\n          onChange={(event) => {\n            emit(event.target.files)\n            event.target.value = ''\n          }}\n        />\n        <input\n          ref={folderInput}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          // @ts-expect-error non-standard but universally supported directory picker\n          webkitdirectory=\"\"\n          aria-hidden\n          tabIndex={-1}\n          onChange={(event) => {\n            emit(event.target.files)\n            event.target.value = ''\n          }}\n        />\n      </>\n    ) : (\n      <input\n        ref={fileInput}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        className=\"hidden\"\n        aria-hidden\n        tabIndex={-1}\n        onChange={(event) => {\n          emit(event.target.files)\n          event.target.value = ''\n        }}\n      />\n    )\n\n    return (\n      <>\n        {input}\n        <div\n          ref={ref}\n          data-as=\"upload-dropzone\"\n          data-variant={variant}\n          data-dragging={dragging || undefined}\n          role=\"button\"\n          tabIndex={active ? 0 : -1}\n          aria-label={label}\n          aria-disabled={disabled || uploading || undefined}\n          onClick={() => active && fileInput.current?.click()}\n          onKeyDown={(event) => {\n            if (active && (event.key === 'Enter' || event.key === ' ')) {\n              event.preventDefault()\n              fileInput.current?.click()\n            }\n          }}\n          onDragOver={(event) => {\n            event.preventDefault()\n            if (active) setDragging(true)\n          }}\n          onDragLeave={() => setDragging(false)}\n          onDrop={(event) => {\n            event.preventDefault()\n            setDragging(false)\n            emit(event.dataTransfer.files)\n          }}\n          className={cn(\n            'flex cursor-pointer items-center justify-center gap-3 border border-dashed border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-muted-fg)] transition-colors',\n            'hover:border-[var(--as-primary)] hover:text-[var(--as-fg)]',\n            'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]',\n            variant === 'block' ? 'rounded-[var(--as-radius-lg)] p-8' : 'rounded-[var(--as-radius)] px-4 py-3',\n            dragging && 'border-[var(--as-primary)] bg-[color-mix(in_srgb,var(--as-primary)_8%,transparent)] text-[var(--as-fg)]',\n            uploading && 'cursor-progress opacity-70',\n            disabled && 'pointer-events-none opacity-50',\n            className,\n          )}\n        >\n          {uploading ? (\n            <Loader2 className=\"size-5 shrink-0 animate-spin\" aria-hidden />\n          ) : allowFolders ? (\n            <FolderUp className=\"size-5 shrink-0\" aria-hidden />\n          ) : (\n            <Upload className=\"size-5 shrink-0\" aria-hidden />\n          )}\n          <span className=\"flex min-w-0 flex-col\">\n            <span className=\"truncate text-sm font-medium\" role={uploading ? 'status' : undefined}>\n              {uploading ? `${browseLabel}…` : dragging ? folderLabel : label}\n            </span>\n            {hint ? <span className=\"truncate text-xs\">{hint}</span> : null}\n          </span>\n        </div>\n      </>\n    )\n  },\n)\n"]}

package/dist/modal.js

@@ -1,4 +1,4 @@
-export { PanelModal } from './chunk-BWPNEQ3T.js';
-export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-SXVOJ7WE.js';
+export { PanelModal } from './chunk-G6557MEN.js';
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-Y7BKBG57.js';
 //# sourceMappingURL=modal.js.map
 //# sourceMappingURL=modal.js.map

package/dist/model-picker.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface ModelPickerModel {
+    id: string;
+    name: string;
+    /** Short capability chip, e.g. `vision` or `tools`. */
+    capability?: string;
+}
+interface ModelPickerProvider {
+    id: string;
+    name: string;
+    models: ModelPickerModel[];
+}
+interface ModelPickerProps {
+    providers: ModelPickerProvider[];
+    value?: string;
+    onChange: (modelId: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    emptyLabel?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    clearLabel?: string;
+    label?: string;
+    error?: string;
+    id?: string;
+    className?: string;
+    panelClassName?: string;
+}
+/**
+ * Grouped, searchable provider → model picker. Presentational: the model
+ * list comes in via props, selection goes out via `onChange`.
+ */
+declare const ModelPicker: React.ForwardRefExoticComponent<ModelPickerProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { ModelPicker, type ModelPickerModel, type ModelPickerProps, type ModelPickerProvider };

package/dist/model-picker.js

@@ -0,0 +1,3 @@
+export { ModelPicker } from './chunk-OPTH3VUY.js';
+//# sourceMappingURL=model-picker.js.map
+//# sourceMappingURL=model-picker.js.map

package/dist/model-picker.js.map

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

package/dist/provider-form.js

@@ -1,89 +1,3 @@
-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 };
+export { ProviderForm } from './chunk-RJSN4TVT.js';
 //# sourceMappingURL=provider-form.js.map
 //# sourceMappingURL=provider-form.js.map

package/dist/provider-form.js.map

@@ -1 +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":"provider-form.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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"provider-form.js"}

package/dist/range-bar.js

@@ -1,3 +1,3 @@
-export { RangeBar } from './chunk-5AVBKEDQ.js';
+export { RangeBar } from './chunk-PFAH25VU.js';
 //# sourceMappingURL=range-bar.js.map
 //# sourceMappingURL=range-bar.js.map

package/dist/settings-shell.js

@@ -1,74 +1,3 @@
-import { cn } from './chunk-BLJWR4ZV.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var SettingsShell = React.forwardRef(
-  function SettingsShell2({ nav, active, onNavigate, header, children, className, navClassName }, ref) {
-    const HeaderIcon = header?.icon;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        "data-as": "settings-shell",
-        className: cn("grid grid-cols-1 gap-8 lg:grid-cols-4", className),
-        children: [
-          /* @__PURE__ */ jsx("nav", { className: "lg:col-span-1", "aria-label": "Settings sections", children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "space-y-1 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 lg:sticky lg:top-24",
-                navClassName
-              ),
-              children: [
-                header ? /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2.5 border-b border-[var(--as-border)] px-3 py-2", children: [
-                  HeaderIcon ? /* @__PURE__ */ jsx(
-                    HeaderIcon,
-                    {
-                      className: "size-5 shrink-0 text-[var(--as-primary)]",
-                      "aria-hidden": true
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-bold text-[var(--as-fg)]", children: header.title })
-                ] }) : null,
-                nav.map(({ id, label, description, icon: Icon }) => {
-                  const isActive = id === active;
-                  return /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-current": isActive ? "page" : void 0,
-                      onClick: () => onNavigate(id),
-                      className: cn(
-                        "flex w-full cursor-pointer items-start rounded-[var(--as-radius)] px-3 py-2.5 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
-                        isActive ? "bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] font-bold text-[var(--as-primary)]" : "font-medium text-[var(--as-fg)] hover:bg-[var(--as-muted)]"
-                      ),
-                      children: [
-                        Icon ? /* @__PURE__ */ jsx(
-                          Icon,
-                          {
-                            className: "mr-3 mt-0.5 size-4 shrink-0",
-                            "aria-hidden": true
-                          }
-                        ) : null,
-                        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
-                          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
-                          description ? /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-[var(--as-muted-fg)]", children: description }) : null
-                        ] })
-                      ]
-                    },
-                    id
-                  );
-                })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "min-w-0 lg:col-span-3", children })
-        ]
-      }
-    );
-  }
-);
-
-export { SettingsShell };
+export { SettingsShell } from './chunk-AHLNXCP2.js';
 //# sourceMappingURL=settings-shell.js.map
 //# sourceMappingURL=settings-shell.js.map

package/dist/settings-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/settings-shell/SettingsShell.tsx"],"names":["SettingsShell"],"mappings":";;;;AAqBO,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA;AAAA,EACjC,SAASA,cAAAA,CACP,EAAE,GAAA,EAAK,MAAA,EAAQ,UAAA,EAAY,MAAA,EAAQ,QAAA,EAAU,SAAA,EAAW,YAAA,EAAa,EACrE,GAAA,EACA;AACA,IAAA,MAAM,aAAa,MAAA,EAAQ,IAAA;AAC3B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,gBAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,uCAAA,EAAyC,SAAS,CAAA;AAAA,QAEhE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EAAgB,YAAA,EAAW,mBAAA,EACxC,QAAA,kBAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,gIAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6EAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,UAAA,mBACC,GAAA;AAAA,oBAAC,UAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,0CAAA;AAAA,sBACV,aAAA,EAAW;AAAA;AAAA,mBACb,GACE,IAAA;AAAA,kCACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,iBAAO,KAAA,EACV;AAAA,iBAAA,EACF,CAAA,GACE,IAAA;AAAA,gBACH,GAAA,CAAI,IAAI,CAAC,EAAE,IAAI,KAAA,EAAO,WAAA,EAAa,IAAA,EAAM,IAAA,EAAK,KAAM;AACnD,kBAAA,MAAM,WAAW,EAAA,KAAO,MAAA;AACxB,kBAAA,uBACE,IAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBAEC,IAAA,EAAK,QAAA;AAAA,sBACL,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,sBAClC,OAAA,EAAS,MAAM,UAAA,CAAW,EAAE,CAAA;AAAA,sBAC5B,SAAA,EAAW,EAAA;AAAA,wBACT,uNAAA;AAAA,wBACA,WACI,8FAAA,GACA;AAAA,uBACN;AAAA,sBAEC,QAAA,EAAA;AAAA,wBAAA,IAAA,mBACC,GAAA;AAAA,0BAAC,IAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAU,6BAAA;AAAA,4BACV,aAAA,EAAW;AAAA;AAAA,yBACb,GACE,IAAA;AAAA,wCACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA;AAAA,0CAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACjC,8BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EACb,uBACH,CAAA,GACE;AAAA,yBAAA,EACN;AAAA;AAAA,qBAAA;AAAA,oBAxBK;AAAA,mBAyBP;AAAA,gBAEJ,CAAC;AAAA;AAAA;AAAA,WACH,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAS;AAAA;AAAA;AAAA,KACnD;AAAA,EAEJ;AACF","file":"settings-shell.js","sourcesContent":["import * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface SettingsNavItem {\n  id: string\n  label: string\n  description?: string\n  icon?: LucideIcon\n}\n\nexport interface SettingsShellProps {\n  nav: SettingsNavItem[]\n  active: string\n  onNavigate: (id: string) => void\n  header?: { icon?: LucideIcon; title: string }\n  children: React.ReactNode\n  className?: string\n  navClassName?: string\n}\n\nexport const SettingsShell = React.forwardRef<HTMLDivElement, SettingsShellProps>(\n  function SettingsShell(\n    { nav, active, onNavigate, header, children, className, navClassName },\n    ref,\n  ) {\n    const HeaderIcon = header?.icon\n    return (\n      <div\n        ref={ref}\n        data-as=\"settings-shell\"\n        className={cn('grid grid-cols-1 gap-8 lg:grid-cols-4', className)}\n      >\n        <nav className=\"lg:col-span-1\" aria-label=\"Settings sections\">\n          <div\n            className={cn(\n              'space-y-1 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 lg:sticky lg:top-24',\n              navClassName,\n            )}\n          >\n            {header ? (\n              <div className=\"mb-2 flex items-center gap-2.5 border-b border-[var(--as-border)] px-3 py-2\">\n                {HeaderIcon ? (\n                  <HeaderIcon\n                    className=\"size-5 shrink-0 text-[var(--as-primary)]\"\n                    aria-hidden\n                  />\n                ) : null}\n                <span className=\"truncate text-sm font-bold text-[var(--as-fg)]\">\n                  {header.title}\n                </span>\n              </div>\n            ) : null}\n            {nav.map(({ id, label, description, icon: Icon }) => {\n              const isActive = id === active\n              return (\n                <button\n                  key={id}\n                  type=\"button\"\n                  aria-current={isActive ? 'page' : undefined}\n                  onClick={() => onNavigate(id)}\n                  className={cn(\n                    'flex w-full cursor-pointer items-start rounded-[var(--as-radius)] px-3 py-2.5 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                    isActive\n                      ? 'bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] font-bold text-[var(--as-primary)]'\n                      : 'font-medium text-[var(--as-fg)] hover:bg-[var(--as-muted)]',\n                  )}\n                >\n                  {Icon ? (\n                    <Icon\n                      className=\"mr-3 mt-0.5 size-4 shrink-0\"\n                      aria-hidden\n                    />\n                  ) : null}\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate\">{label}</span>\n                    {description ? (\n                      <span className=\"text-[11px] font-normal text-[var(--as-muted-fg)]\">\n                        {description}\n                      </span>\n                    ) : null}\n                  </span>\n                </button>\n              )\n            })}\n          </div>\n        </nav>\n        <div className=\"min-w-0 lg:col-span-3\">{children}</div>\n      </div>\n    )\n  },\n)\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"settings-shell.js"}