@neuronection/assistant-ui 0.8.1 → 0.10.0

package/dist/chunk-OPTH3VUY.js.map

@@ -1 +0,0 @@
-{"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-TN35RR2R.js

@@ -1,92 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}

package/dist/chunk-UWHUCQC6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/connection-test-row/ConnectionTestRow.tsx"],"names":["ConnectionTestRow"],"mappings":";;;;;;AAyBO,IAAM,iBAAA,GAA0B,KAAA,CAAA,UAAA,CAGrC,SAASA,kBAAAA,CACT;AAAA,EACE,MAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,YAAA;AAAA,EACR,SAAA,GAAY,MAAA;AAAA,EACZ,OAAA,GAAU,WAAA;AAAA,EACV,SAAA,GAAY,QAAA;AAAA,EACZ,YAAA,GAAe,IAAA;AAAA,EACf,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,QACJ,MAAA,KAAW,IAAA,GACP,EAAE,IAAA,EAAM,OAAA,EAAS,sBAAM,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC,CAAA,EAAI,MAAM,0BAAA,EAA2B,GACpG,WAAW,MAAA,GACT;AAAA,IACE,IAAA,EAAM,SAAA;AAAA,IACN,sBAAM,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACtD,IAAA,EAAM;AAAA,GACR,GACA,IAAA;AAER,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAQ,qBAAA;AAAA,MACR,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,EAAA;AAAA,QACT,sIAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACxD,WAAW,SAAA,mBACV,IAAA,CAAC,UAAK,SAAA,EAAU,qDAAA,EAAsD,MAAK,QAAA,EACzE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAK,IAAA,EAAK,CAAA;AAAA,YAClB,SAAA;AAAA,YAAU;AAAA,WAAA,EACb,CAAA,GACE,wBACF,IAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,qCAAA,EAAuC,KAAA,CAAM,IAAI,CAAA,EAClE,QAAA,EAAA;AAAA,YAAA,KAAA,CAAM,IAAA;AAAA,YACN,KAAA,CAAM,IAAA;AAAA,YACN,WAAW,IAAA,IAAQ,SAAA,IAAa,uBAC/B,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,QAAA,EAAA;AAAA,cAAA,OAAA;AAAA,cACnD,SAAA;AAAA,cACF;AAAA,aAAA,EACH,CAAA,GACE;AAAA,WAAA,EACN,CAAA,GACE,IAAA;AAAA,UACH,MAAA,KAAW,UAAU,YAAA,mBACpB,GAAA,CAAC,UAAK,SAAA,EAAU,0CAAA,EACb,wBACH,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,QACC,MAAA,mBACC,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,MAAA;AAAA,YACT,QAAA,EAAU,YAAY,MAAA,KAAW,SAAA;AAAA,YACjC,SAAA,EAAU,kVAAA;AAAA,YAET,QAAA,EAAA;AAAA,cAAA,MAAA,KAAW,yBAAS,GAAA,CAAC,CAAA,EAAA,EAAE,WAAU,oBAAA,EAAqB,aAAA,EAAW,MAAC,CAAA,GAAK,IAAA;AAAA,cACvE;AAAA;AAAA;AAAA,SACH,GACE;AAAA;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-UWHUCQC6.js","sourcesContent":["import * as React from 'react'\nimport { Check, TriangleAlert, X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Spinner } from '../spinner/Spinner'\n\nexport type ConnectionTestStatus = 'idle' | 'testing' | 'ok' | 'fail'\n\nexport interface ConnectionTestRowProps {\n  status: ConnectionTestStatus\n  latencyMs?: number | null\n  label?: string\n  testLabel?: string\n  okLabel?: string\n  failLabel?: string\n  latencyLabel?: string\n  errorMessage?: string | null\n  onTest?: () => void\n  disabled?: boolean\n  className?: string\n}\n\n/**\n * Presentational connection-test row (idle/testing/ok/fail + latency).\n * The actual ping is app-side: flip `status` from the test handler.\n */\nexport const ConnectionTestRow = React.forwardRef<\n  HTMLDivElement,\n  ConnectionTestRowProps\n>(function ConnectionTestRow(\n  {\n    status,\n    latencyMs,\n    label = 'Connection',\n    testLabel = 'Test',\n    okLabel = 'Connected',\n    failLabel = 'Failed',\n    latencyLabel = 'ms',\n    errorMessage,\n    onTest,\n    disabled = false,\n    className,\n  },\n  ref,\n) {\n  const state =\n    status === 'ok'\n      ? { text: okLabel, icon: <Check className=\"size-3.5\" aria-hidden />, tone: 'text-[var(--as-success)]' }\n      : status === 'fail'\n        ? {\n            text: failLabel,\n            icon: <TriangleAlert className=\"size-3.5\" aria-hidden />,\n            tone: 'text-[var(--as-danger)]',\n          }\n        : null\n\n  return (\n    <div\n      ref={ref}\n      data-as=\"connection-test-row\"\n      data-status={status}\n      className={cn(\n        'flex items-center justify-between gap-3 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-3 py-2',\n        className,\n      )}\n    >\n      <div className=\"flex min-w-0 items-center gap-2 text-sm\">\n        <span className=\"font-medium text-[var(--as-fg)]\">{label}</span>\n        {status === 'testing' ? (\n          <span className=\"flex items-center gap-1.5 text-[var(--as-muted-fg)]\" role=\"status\">\n            <Spinner size=\"sm\" />\n            {testLabel}…\n          </span>\n        ) : state ? (\n          <span className={cn('flex items-center gap-1 font-medium', state.tone)}>\n            {state.icon}\n            {state.text}\n            {status === 'ok' && latencyMs != null ? (\n              <span className=\"font-normal text-[var(--as-muted-fg)]\">\n                · {latencyMs}\n                {latencyLabel}\n              </span>\n            ) : null}\n          </span>\n        ) : null}\n        {status === 'fail' && errorMessage ? (\n          <span className=\"truncate text-xs text-[var(--as-danger)]\">\n            {errorMessage}\n          </span>\n        ) : null}\n      </div>\n      {onTest ? (\n        <button\n          type=\"button\"\n          onClick={onTest}\n          disabled={disabled || status === 'testing'}\n          className=\"shrink-0 cursor-pointer rounded-[var(--as-radius-sm)] border border-[var(--as-border)] px-2.5 py-1 text-xs font-medium text-[var(--as-fg)] transition-colors hover:bg-[var(--as-secondary)] 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          {status === 'fail' ? <X className=\"mr-1 inline size-3\" aria-hidden /> : null}\n          {testLabel}\n        </button>\n      ) : null}\n    </div>\n  )\n})\n"]}