@jini-ai/chat 0.3.11 → 0.5.0

package/dist/store/sqlite/schema.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @module store/sqlite/schema
+ *
+ * Canonical unchanged DDL for ai_chats and ai_chat_messages. Hosts own their database,
+ * migration ledger and connection configuration. A host with migrations retains its frozen
+ * migration statements; a fresh fixture or host without a migrator may call the explicit helper.
+ * Store construction never invokes it, chooses a file, or sets connection-wide pragmas.
+ */
+import type { SqliteClient } from '@jini-ai/db/sqlite';
+/**
+ * The canonical chat-history schema.
+ *
+ * Notes on the parts that are easy to get wrong:
+ *
+ * - **`scope_id`** is the host's partition key (workspace/tenant/project). It is `NOT NULL` from
+ *   the first migration on purpose: adding it later is trivial, but *backfilling* it is not —
+ *   pre-existing rows carry no evidence of which partition they belonged to, so a late addition
+ *   forces a choice between deleting history and guessing.
+ * - **`owner_kind` + the CHECK pair** make "a guest row with a `user_id`" unrepresentable rather
+ *   than merely discouraged.
+ * - **`owner_id`** holds a user id for `user`, and a *hash* of the session key for `guest`. The
+ *   raw token never reaches this table.
+ * - **`title_source`** exists so an agent-generated title cannot clobber a manual rename. That
+ *   rule is enforced in the store, but it needs a column to be enforceable at all.
+ * - **`position`** orders messages, not `created_at`: two inserts inside the same millisecond
+ *   are ordinary under concurrent writers, and a tie there corrupts replay order permanently.
+ *   `UNIQUE (conversation_id, position)` turns a position-assignment bug into a loud constraint
+ *   violation instead of a silently scrambled transcript.
+ * - **`expires_at NULL`** means "never expires". The retention sweep filters on
+ *   `expires_at IS NOT NULL`, so authenticated history is out of its reach by construction, not
+ *   by a predicate that could drift.
+ */
+export declare const CHAT_HISTORY_DDL = "\nCREATE TABLE IF NOT EXISTS ai_chats (\n  id            TEXT PRIMARY KEY,\n  scope_id      TEXT NOT NULL,\n  owner_kind    TEXT NOT NULL CHECK (owner_kind IN ('user','guest')),\n  owner_id      TEXT NOT NULL,\n  title         TEXT,\n  title_source  TEXT NOT NULL DEFAULT 'fallback'\n                CHECK (title_source IN ('fallback','generated','manual')),\n  created_at    INTEGER NOT NULL,\n  updated_at    INTEGER NOT NULL,\n  expires_at    INTEGER\n);\n\nCREATE INDEX IF NOT EXISTS idx_ai_chats_owner\n  ON ai_chats(scope_id, owner_kind, owner_id, updated_at DESC);\n\nCREATE INDEX IF NOT EXISTS idx_ai_chats_expiry\n  ON ai_chats(expires_at) WHERE expires_at IS NOT NULL;\n\nCREATE TABLE IF NOT EXISTS ai_chat_messages (\n  id              TEXT PRIMARY KEY,\n  conversation_id TEXT NOT NULL REFERENCES ai_chats(id) ON DELETE CASCADE,\n  role            TEXT NOT NULL CHECK (role IN ('user','assistant')),\n  content         TEXT NOT NULL,\n  agent_id        TEXT,\n  agent_name      TEXT,\n  events_json     TEXT,\n  attachments_json TEXT,\n  run_id          TEXT,\n  run_status      TEXT,\n  position        INTEGER NOT NULL,\n  created_at      INTEGER NOT NULL,\n  started_at      INTEGER,\n  ended_at        INTEGER,\n  UNIQUE (conversation_id, position)\n);\n\nCREATE INDEX IF NOT EXISTS idx_ai_chat_messages_order\n  ON ai_chat_messages(conversation_id, position);\n";
+/**
+ * Creates the chat-history tables in the given database if they are absent.
+ *
+ * Idempotent, matching `ensureToolCatalogTables`'s convention. For a host whose database is
+ * managed by its own migration system, prefer copying {@link CHAT_HISTORY_DDL} into a numbered
+ * migration instead — see this module's header for why two migrators over one file is a hazard.
+ *
+ * The caller is responsible for `PRAGMA foreign_keys = ON`; without it the `ON DELETE CASCADE`
+ * above is silently inert and deleting a conversation orphans its messages. This function does
+ * not set it, because pragmas are connection-wide and a library has no business reconfiguring a
+ * handle it was merely lent.
+ */
+export declare function ensureChatHistoryTables({ db }: {
+    db: Pick<SqliteClient, 'exec'>;
+}): void;
+//# sourceMappingURL=schema.d.ts.map

package/dist/store/sqlite/schema.js

@@ -0,0 +1,80 @@
+/**
+ * The canonical chat-history schema.
+ *
+ * Notes on the parts that are easy to get wrong:
+ *
+ * - **`scope_id`** is the host's partition key (workspace/tenant/project). It is `NOT NULL` from
+ *   the first migration on purpose: adding it later is trivial, but *backfilling* it is not —
+ *   pre-existing rows carry no evidence of which partition they belonged to, so a late addition
+ *   forces a choice between deleting history and guessing.
+ * - **`owner_kind` + the CHECK pair** make "a guest row with a `user_id`" unrepresentable rather
+ *   than merely discouraged.
+ * - **`owner_id`** holds a user id for `user`, and a *hash* of the session key for `guest`. The
+ *   raw token never reaches this table.
+ * - **`title_source`** exists so an agent-generated title cannot clobber a manual rename. That
+ *   rule is enforced in the store, but it needs a column to be enforceable at all.
+ * - **`position`** orders messages, not `created_at`: two inserts inside the same millisecond
+ *   are ordinary under concurrent writers, and a tie there corrupts replay order permanently.
+ *   `UNIQUE (conversation_id, position)` turns a position-assignment bug into a loud constraint
+ *   violation instead of a silently scrambled transcript.
+ * - **`expires_at NULL`** means "never expires". The retention sweep filters on
+ *   `expires_at IS NOT NULL`, so authenticated history is out of its reach by construction, not
+ *   by a predicate that could drift.
+ */
+export const CHAT_HISTORY_DDL = `
+CREATE TABLE IF NOT EXISTS ai_chats (
+  id            TEXT PRIMARY KEY,
+  scope_id      TEXT NOT NULL,
+  owner_kind    TEXT NOT NULL CHECK (owner_kind IN ('user','guest')),
+  owner_id      TEXT NOT NULL,
+  title         TEXT,
+  title_source  TEXT NOT NULL DEFAULT 'fallback'
+                CHECK (title_source IN ('fallback','generated','manual')),
+  created_at    INTEGER NOT NULL,
+  updated_at    INTEGER NOT NULL,
+  expires_at    INTEGER
+);
+
+CREATE INDEX IF NOT EXISTS idx_ai_chats_owner
+  ON ai_chats(scope_id, owner_kind, owner_id, updated_at DESC);
+
+CREATE INDEX IF NOT EXISTS idx_ai_chats_expiry
+  ON ai_chats(expires_at) WHERE expires_at IS NOT NULL;
+
+CREATE TABLE IF NOT EXISTS ai_chat_messages (
+  id              TEXT PRIMARY KEY,
+  conversation_id TEXT NOT NULL REFERENCES ai_chats(id) ON DELETE CASCADE,
+  role            TEXT NOT NULL CHECK (role IN ('user','assistant')),
+  content         TEXT NOT NULL,
+  agent_id        TEXT,
+  agent_name      TEXT,
+  events_json     TEXT,
+  attachments_json TEXT,
+  run_id          TEXT,
+  run_status      TEXT,
+  position        INTEGER NOT NULL,
+  created_at      INTEGER NOT NULL,
+  started_at      INTEGER,
+  ended_at        INTEGER,
+  UNIQUE (conversation_id, position)
+);
+
+CREATE INDEX IF NOT EXISTS idx_ai_chat_messages_order
+  ON ai_chat_messages(conversation_id, position);
+`;
+/**
+ * Creates the chat-history tables in the given database if they are absent.
+ *
+ * Idempotent, matching `ensureToolCatalogTables`'s convention. For a host whose database is
+ * managed by its own migration system, prefer copying {@link CHAT_HISTORY_DDL} into a numbered
+ * migration instead — see this module's header for why two migrators over one file is a hazard.
+ *
+ * The caller is responsible for `PRAGMA foreign_keys = ON`; without it the `ON DELETE CASCADE`
+ * above is silently inert and deleting a conversation orphans its messages. This function does
+ * not set it, because pragmas are connection-wide and a library has no business reconfiguring a
+ * handle it was merely lent.
+ */
+export function ensureChatHistoryTables({ db }) {
+    db.exec(CHAT_HISTORY_DDL);
+}
+//# sourceMappingURL=schema.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/chat",
-  "version": "0.3.11",
+  "version": "0.5.0",
   "description": "Jini's chat/artifact frontend, consolidated into one package with two subpaths: framework-free chat vocabulary and pure parsers in `/core`, headless hooks + presentational components + slots in `/react`. Import only the layer you need.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,11 +17,29 @@
       "./core": "universal",
       "./react": "browser",
       "./react/chat-pane": "browser",
-      "./react/styles/reference.css": "browser"
-    }
+      "./react/styles/reference.css": "browser",
+      "./store": "universal",
+      "./store/sqlite": "node",
+      "./store/pglite": "node",
+      "./store/postgres": "node",
+      "./store/legacy": "universal",
+      "./store/legacy/sqlite": "node",
+      "./core/run-events": "universal",
+      "./core/ag-ui": "universal",
+      "./server/run-finalizer": "universal",
+      "./react/embed": "browser",
+      "./transports/fetch-sse": "universal",
+      "./browser/session-store": "browser",
+      "./browser/page-actions": "browser"
+    },
+    "neutralEntries": [
+      "src/store/contracts"
+    ]
   },
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/**/*.css"
+  ],
   "main": "./dist/core/index.js",
   "types": "./dist/core/index.d.ts",
   "exports": {
@@ -45,15 +63,81 @@
       "import": "./dist/react/chat-pane.js",
       "default": "./dist/react/chat-pane.js"
     },
-    "./react/styles/reference.css": "./dist/react/styles/reference.css"
+    "./react/styles/reference.css": "./dist/react/styles/reference.css",
+    "./store": {
+      "types": "./dist/store/index.d.ts",
+      "import": "./dist/store/index.js"
+    },
+    "./store/sqlite": {
+      "types": "./dist/store/sqlite/index.d.ts",
+      "import": "./dist/store/sqlite/index.js"
+    },
+    "./store/pglite": {
+      "types": "./dist/store/pglite/index.d.ts",
+      "import": "./dist/store/pglite/index.js"
+    },
+    "./store/postgres": {
+      "types": "./dist/store/postgres/index.d.ts",
+      "import": "./dist/store/postgres/index.js"
+    },
+    "./store/legacy": {
+      "types": "./dist/store/legacy/index.d.ts",
+      "import": "./dist/store/legacy/index.js",
+      "default": "./dist/store/legacy/index.js"
+    },
+    "./store/legacy/sqlite": {
+      "types": "./dist/store/legacy/sqlite/index.d.ts",
+      "import": "./dist/store/legacy/sqlite/index.js",
+      "default": "./dist/store/legacy/sqlite/index.js"
+    },
+    "./core/run-events": {
+      "types": "./dist/core/run-events/entry.d.ts",
+      "import": "./dist/core/run-events/entry.js",
+      "default": "./dist/core/run-events/entry.js"
+    },
+    "./core/ag-ui": {
+      "types": "./dist/core/ag-ui/entry.d.ts",
+      "import": "./dist/core/ag-ui/entry.js",
+      "default": "./dist/core/ag-ui/entry.js"
+    },
+    "./server/run-finalizer": {
+      "types": "./dist/server/run-finalizer/entry.d.ts",
+      "import": "./dist/server/run-finalizer/entry.js",
+      "default": "./dist/server/run-finalizer/entry.js"
+    },
+    "./react/embed": {
+      "types": "./dist/embed-widget/react/embed.d.ts",
+      "import": "./dist/embed-widget/react/embed.js",
+      "default": "./dist/embed-widget/react/embed.js"
+    },
+    "./transports/fetch-sse": {
+      "types": "./dist/embed-widget/transports/fetch-sse.d.ts",
+      "import": "./dist/embed-widget/transports/fetch-sse.js",
+      "default": "./dist/embed-widget/transports/fetch-sse.js"
+    },
+    "./browser/session-store": {
+      "types": "./dist/embed-widget/browser/session-store.d.ts",
+      "import": "./dist/embed-widget/browser/session-store.js",
+      "default": "./dist/embed-widget/browser/session-store.js"
+    },
+    "./browser/page-actions": {
+      "types": "./dist/embed-widget/browser/page-actions.d.ts",
+      "import": "./dist/embed-widget/browser/page-actions.js",
+      "default": "./dist/embed-widget/browser/page-actions.js"
+    }
   },
   "files": [
     "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
     "!dist/**/*.test.js",
     "!dist/**/*.test.d.ts",
     "!dist/**/*.test.js.map",
     "!dist/**/*.test.d.ts.map",
     "!dist/**/__tests__/**",
+    "!dist/react/poc-mcp-ui-official/**",
+    "!dist/react/features/model-picker/**",
     "!dist/**/*.map"
   ],
   "publishConfig": {
@@ -61,16 +145,27 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@mcp-ui/client": "7.1.1",
-    "@mcp-ui/server": "6.1.0",
-    "@jini-ai/agentic": "0.3.7",
-    "@jini-ai/platform": "0.3.0",
-    "@jini-ai/protocol": "0.3.1",
-    "@jini-ai/ui": "0.3.14"
+    "@jini-ai/protocol": "0.4.0",
+    "@jini-ai/agentic": "0.4.0",
+    "@jini-ai/ui": "0.4.0",
+    "@jini-ai/core": "0.4.0"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0",
-    "react-dom": "^18.3.0 || ^19.0.0"
+    "react-dom": "^18.3.0 || ^19.0.0",
+    "@jini-ai/db": "^0.2.0",
+    "kysely": "^0.29.6",
+    "better-sqlite3": "^13.0.0",
+    "@electric-sql/pglite": "0.5.8",
+    "pg": "^8.23.0",
+    "@ag-ui/core": "0.0.58",
+    "@mcp-ui/client": "7.1.1",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-slot": "^1.3.3",
+    "recharts": "^3.10.1"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -78,23 +173,125 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "@jini-ai/db": {
+      "optional": true
+    },
+    "kysely": {
+      "optional": true
+    },
+    "better-sqlite3": {
+      "optional": true
+    },
+    "@electric-sql/pglite": {
+      "optional": true
+    },
+    "pg": {
+      "optional": true
+    },
+    "@ag-ui/core": {
+      "optional": true
+    },
+    "@mcp-ui/client": {
+      "optional": true
+    },
+    "@radix-ui/react-checkbox": {
+      "optional": true
+    },
+    "@radix-ui/react-label": {
+      "optional": true
+    },
+    "@radix-ui/react-radio-group": {
+      "optional": true
+    },
+    "@radix-ui/react-select": {
+      "optional": true
+    },
+    "@radix-ui/react-slot": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@mcp-ui/client": "7.1.1",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-slot": "^1.3.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.0",
+    "@types/better-sqlite3": "7.6.13",
+    "@types/jsdom": "^21.1.7",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@vitest/coverage-v8": "^2.1.9",
     "jsdom": "^25.0.1",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "recharts": "^3.10.1",
+    "kysely": "0.29.6",
+    "better-sqlite3": "13.0.3",
+    "@electric-sql/pglite": "0.5.8",
+    "pg": "8.23.0",
+    "@ag-ui/core": "0.0.58",
+    "@jini-ai/db": "0.2.0",
+    "@jini-ai/agent-runtime": "0.4.0"
+  },
+  "typesVersions": {
+    "*": {
+      "core": [
+        "./dist/core/index.d.ts"
+      ],
+      "react": [
+        "./dist/react/index.d.ts"
+      ],
+      "store": [
+        "./dist/store/index.d.ts"
+      ],
+      "store/sqlite": [
+        "./dist/store/sqlite/index.d.ts"
+      ],
+      "store/pglite": [
+        "./dist/store/pglite/index.d.ts"
+      ],
+      "store/postgres": [
+        "./dist/store/postgres/index.d.ts"
+      ],
+      "react/chat-pane": [
+        "./dist/react/chat-pane.d.ts"
+      ],
+      "core/run-events": [
+        "./dist/core/run-events/entry.d.ts"
+      ],
+      "core/ag-ui": [
+        "./dist/core/ag-ui/entry.d.ts"
+      ],
+      "server/run-finalizer": [
+        "./dist/server/run-finalizer/entry.d.ts"
+      ],
+      "react/embed": [
+        "./dist/embed-widget/react/embed.d.ts"
+      ],
+      "transports/fetch-sse": [
+        "./dist/embed-widget/transports/fetch-sse.d.ts"
+      ],
+      "browser/session-store": [
+        "./dist/embed-widget/browser/session-store.d.ts"
+      ],
+      "browser/page-actions": [
+        "./dist/embed-widget/browser/page-actions.d.ts"
+      ]
+    }
   },
   "scripts": {
     "build": "tsc -p tsconfig.json && mkdir -p dist/react/styles && cp src/react/styles/reference.css dist/react/styles/",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "test:postgres": "vitest run --config vitest.postgres.config.ts src/store/__tests__/postgres.postgres.test.ts"
   }
 }

package/dist/react/features/model-picker/components/CredentialStatusBadge.d.ts

@@ -1,7 +0,0 @@
-import type { CredentialStatus } from '../types.js';
-export interface CredentialStatusBadgeProps {
-    status: CredentialStatus;
-    className?: string;
-}
-export declare function CredentialStatusBadge({ status, className }: CredentialStatusBadgeProps): import("react").JSX.Element;
-//# sourceMappingURL=CredentialStatusBadge.d.ts.map

package/dist/react/features/model-picker/components/CredentialStatusBadge.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @module CredentialStatusBadge
- *
- * A provider's credential status as a small pill — ported from
- * `NewProjectPanel.tsx`'s inline `newproj-provider-badge` span
- * ("Configured"/"Integrated"/"Unsupported"), de-branded and relabeled to
- * this feature's generic `CredentialStatus` union.
- */
-import { useT } from '../../../hooks/context.js';
-const STATUS_LABEL = {
-    configured: 'Configured',
-    available: 'Available',
-    unconfigured: 'Not configured',
-};
-export function CredentialStatusBadge({ status, className }) {
-    const t = useT();
-    return (_jsx("span", { className: `model-picker-status-badge model-picker-status-badge--${status}${className ? ` ${className}` : ''}`, "data-status": status, children: t(STATUS_LABEL[status]) }));
-}
-//# sourceMappingURL=CredentialStatusBadge.js.map

package/dist/react/features/model-picker/components/ModelPicker.d.ts

@@ -1,9 +0,0 @@
-import type { UseModelPickerOptions } from '../hooks/useModelPicker.hooks.js';
-export interface ModelPickerProps extends UseModelPickerOptions {
-    label: string;
-    searchPlaceholder?: string;
-    className?: string;
-    'data-testid'?: string;
-}
-export declare function ModelPicker({ label, searchPlaceholder, className, 'data-testid': testId, ...pickerOptions }: ModelPickerProps): import("react").JSX.Element;
-//# sourceMappingURL=ModelPicker.d.ts.map

package/dist/react/features/model-picker/components/ModelPicker.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @module ModelPicker
- *
- * A generic, provider-grouped, credential-status-badged, searchable model
- * picker: trigger button + inline popover. Consolidates two independently
- * re-implemented OD shapes that R6 confirmed share this exact pattern —
- * `NewProjectPanel.tsx`'s `MediaModelCards` (provider grouping + status
- * badges + search) and `modelOptions.tsx`'s `SearchableModelSelect`
- * (searchable trigger/popover with outside-click/Escape dismissal, folded
- * into `useModelPicker`). Unlike `SearchableModelSelect`, the popover
- * renders inline rather than via a `document.body` portal — this package
- * has no fixed-positioning collision-avoidance primitive of its own, and an
- * inline popover keeps the component trivially testable; a host embedding
- * this inside a clipping/overflow container can override positioning with
- * its own CSS. See `source-map.md`.
- */
-import { useT } from '../../../hooks/context.js';
-import { Icon } from '../../../components/Icon.js';
-import { modelSubtitle } from '../rules.js';
-import { useModelPicker } from '../hooks/useModelPicker.hooks.js';
-import { CredentialStatusBadge } from './CredentialStatusBadge.js';
-export function ModelPicker({ label, searchPlaceholder, className, 'data-testid': testId, ...pickerOptions }) {
-    const t = useT();
-    const { open, query, filteredGroups, selection, shouldShowSearch, containerRef, setQuery, toggle, select } = useModelPicker(pickerOptions);
-    const triggerTitle = selection?.model.label ?? t('No model selected');
-    const triggerSubtitle = selection ? modelSubtitle(selection) : t('Choose a model');
-    const totalMatches = filteredGroups.reduce((count, group) => count + group.models.length, 0);
-    return (_jsxs("div", { className: `model-picker${className ? ` ${className}` : ''}`, ref: containerRef, "data-testid": testId, children: [_jsx("span", { className: "model-picker-label", children: t(label) }), _jsxs("button", { type: "button", className: `model-picker-trigger${open ? ' is-open' : ''}${selection ? '' : ' is-empty'}`, onClick: toggle, "aria-haspopup": "listbox", "aria-expanded": open, "data-testid": testId ? `${testId}-trigger` : undefined, children: [_jsxs("span", { className: "model-picker-trigger-meta", children: [_jsx("span", { className: "model-picker-trigger-title", children: triggerTitle }), _jsx("span", { className: "model-picker-trigger-subtitle", children: triggerSubtitle })] }), _jsx(Icon, { name: "chevron-down", size: 14, className: "model-picker-trigger-chevron" })] }), open ? (_jsxs("div", { className: "model-picker-popover", role: "listbox", "data-testid": testId ? `${testId}-popover` : undefined, children: [shouldShowSearch ? (_jsx("div", { className: "model-picker-search-row", children: _jsx("input", { type: "search", className: "model-picker-search", value: query, placeholder: t(searchPlaceholder ?? 'Search models'), "aria-label": t(searchPlaceholder ?? 'Search models'), "data-testid": testId ? `${testId}-search` : undefined, onChange: (event) => setQuery(event.target.value) }) })) : null, _jsx("div", { className: "model-picker-list", children: totalMatches === 0 ? (_jsx("div", { className: "model-picker-empty", children: t('No matching models') })) : (filteredGroups.map((group) => (_jsxs("div", { className: "model-picker-group", children: [_jsxs("div", { className: "model-picker-group-head", children: [_jsx("span", { children: t(group.provider.label) }), _jsx(CredentialStatusBadge, { status: group.status })] }), group.models.map((model) => {
-                                    const active = selection?.model.id === model.id;
-                                    return (_jsxs("button", { type: "button", role: "option", "aria-selected": active, className: `model-picker-option${active ? ' is-active' : ''}`, "data-testid": testId ? `${testId}-option-${model.id}` : undefined, onClick: () => select(model.id), children: [_jsxs("span", { className: "model-picker-option-title", children: [model.label, model.default ? _jsx("span", { className: "model-picker-option-badge", children: t('Recommended') }) : null] }), model.hint ? _jsx("span", { className: "model-picker-option-hint", children: model.hint }) : null] }, model.id));
-                                })] }, group.provider.id)))) })] })) : null] }));
-}
-//# sourceMappingURL=ModelPicker.js.map

package/dist/react/features/model-picker/constants.d.ts

@@ -1,6 +0,0 @@
-import type { CredentialStatus } from './types.js';
-/** Below this many total options, the picker skips the search input (matches OD's `SearchableModelSelect`). */
-export declare const DEFAULT_MIN_SEARCHABLE_OPTIONS = 8;
-/** Lower sorts first: configured providers surface above merely-available, above unconfigured. */
-export declare const CREDENTIAL_STATUS_SORT_PRIORITY: Record<CredentialStatus, number>;
-//# sourceMappingURL=constants.d.ts.map

package/dist/react/features/model-picker/constants.js

@@ -1,9 +0,0 @@
-/** Below this many total options, the picker skips the search input (matches OD's `SearchableModelSelect`). */
-export const DEFAULT_MIN_SEARCHABLE_OPTIONS = 8;
-/** Lower sorts first: configured providers surface above merely-available, above unconfigured. */
-export const CREDENTIAL_STATUS_SORT_PRIORITY = {
-    configured: 0,
-    available: 1,
-    unconfigured: 2,
-};
-//# sourceMappingURL=constants.js.map

package/dist/react/features/model-picker/dependencies.d.ts

@@ -1,11 +0,0 @@
-import type { ModelPickerPort } from './ports.js';
-/**
- * Default port: no live provider-model fetch — the picker works from
- * whatever `models`/`providers` a host passes in directly. A host that wants
- * a live catalogue supplies its own `ModelPickerPort` (a real fetch
- * implementation) to `useModelPicker`/`<ModelPicker>` instead; this package
- * ships only the no-op default, never a concrete transport call, matching
- * the `features/connectors/` canary's `dependencies.ts` precedent.
- */
-export declare const defaultModelPickerPort: ModelPickerPort;
-//# sourceMappingURL=dependencies.d.ts.map

package/dist/react/features/model-picker/dependencies.js

@@ -1,10 +0,0 @@
-/**
- * Default port: no live provider-model fetch — the picker works from
- * whatever `models`/`providers` a host passes in directly. A host that wants
- * a live catalogue supplies its own `ModelPickerPort` (a real fetch
- * implementation) to `useModelPicker`/`<ModelPicker>` instead; this package
- * ships only the no-op default, never a concrete transport call, matching
- * the `features/connectors/` canary's `dependencies.ts` precedent.
- */
-export const defaultModelPickerPort = {};
-//# sourceMappingURL=dependencies.js.map

package/dist/react/features/model-picker/hooks/useModelPicker.hooks.d.ts

@@ -1,27 +0,0 @@
-import type { RefObject } from 'react';
-import type { CredentialStatus, ModelOption, ModelPickerGroup, ModelPickerSelection, ModelProvider } from '../types.js';
-export interface UseModelPickerOptions {
-    models: readonly ModelOption[];
-    providers: readonly ModelProvider[];
-    statusByProviderId: Readonly<Record<string, CredentialStatus>>;
-    value: string;
-    onChange: (modelId: string) => void;
-    /** When true, auto-selects the first available model whenever `value` doesn't match any model. Defaults to false. */
-    autoSelectFirst?: boolean;
-    minSearchableOptions?: number;
-}
-export interface ModelPickerController {
-    open: boolean;
-    query: string;
-    groups: ModelPickerGroup[];
-    filteredGroups: ModelPickerGroup[];
-    selection: ModelPickerSelection | null;
-    shouldShowSearch: boolean;
-    containerRef: RefObject<HTMLDivElement | null>;
-    setQuery: (query: string) => void;
-    toggle: () => void;
-    close: () => void;
-    select: (modelId: string) => void;
-}
-export declare function useModelPicker({ models, providers, statusByProviderId, value, onChange, autoSelectFirst, minSearchableOptions, }: UseModelPickerOptions): ModelPickerController;
-//# sourceMappingURL=useModelPicker.hooks.d.ts.map

package/dist/react/features/model-picker/hooks/useModelPicker.hooks.js

@@ -1,62 +0,0 @@
-/**
- * @module useModelPicker
- *
- * Headless controller for the model-picker feature: open/query state,
- * derived provider groups + current selection, and the outside-click/
- * Escape dismissal that `InlineModelSwitcher.tsx`'s popover and
- * `modelOptions.tsx`'s `SearchableModelSelect` both hand-roll. All grouping/
- * filtering/selection logic is delegated to the pure `rules.ts` — this hook
- * only owns React state and the DOM-subscription effect.
- */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DEFAULT_MIN_SEARCHABLE_OPTIONS } from '../constants.js';
-import { filterModelGroups, findSelectedModel, firstAvailableModelId, groupModelsByProvider } from '../rules.js';
-export function useModelPicker({ models, providers, statusByProviderId, value, onChange, autoSelectFirst = false, minSearchableOptions = DEFAULT_MIN_SEARCHABLE_OPTIONS, }) {
-    const [open, setOpen] = useState(false);
-    const [query, setQuery] = useState('');
-    const containerRef = useRef(null);
-    const groups = useMemo(() => groupModelsByProvider(models, providers, statusByProviderId), [models, providers, statusByProviderId]);
-    const filteredGroups = useMemo(() => filterModelGroups(groups, query), [groups, query]);
-    const selection = useMemo(() => findSelectedModel(groups, value), [groups, value]);
-    const totalOptionCount = useMemo(() => groups.reduce((count, group) => count + group.models.length, 0), [groups]);
-    const shouldShowSearch = totalOptionCount >= minSearchableOptions;
-    useEffect(() => {
-        if (!autoSelectFirst || selection)
-            return;
-        const fallbackId = firstAvailableModelId(groups);
-        if (fallbackId)
-            onChange(fallbackId);
-    }, [autoSelectFirst, groups, onChange, selection]);
-    const close = useCallback(() => {
-        setOpen(false);
-        setQuery('');
-    }, []);
-    const toggle = useCallback(() => {
-        setOpen((prev) => !prev);
-    }, []);
-    const select = useCallback((modelId) => {
-        onChange(modelId);
-        close();
-    }, [close, onChange]);
-    useEffect(() => {
-        if (!open)
-            return;
-        const onPointerDown = (event) => {
-            if (containerRef.current?.contains(event.target))
-                return;
-            close();
-        };
-        const onKeyDown = (event) => {
-            if (event.key === 'Escape')
-                close();
-        };
-        document.addEventListener('mousedown', onPointerDown);
-        document.addEventListener('keydown', onKeyDown);
-        return () => {
-            document.removeEventListener('mousedown', onPointerDown);
-            document.removeEventListener('keydown', onKeyDown);
-        };
-    }, [open, close]);
-    return { open, query, groups, filteredGroups, selection, shouldShowSearch, containerRef, setQuery, toggle, close, select };
-}
-//# sourceMappingURL=useModelPicker.hooks.js.map