@jini-ai/chat 0.1.0

package/dist/react/features/chat-pane/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/react/features/chat-pane/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6yC/B,CAAC"}

package/dist/react/features/chat-pane/types.d.ts

@@ -0,0 +1,248 @@
+import type { CSSProperties, ReactNode, RefObject } from 'react';
+import type { ChatAttachment, ChatMessage } from '@jini-ai/chat/core';
+import type { ComposerSlots } from '../../slots.js';
+import type { ChatTransport, RunContext } from '@jini-ai/chat/core';
+export interface ChatPaneAgentOption {
+    id: string;
+    label: string;
+}
+/**
+ * Browser-safe runtime inventory consumed by the chat pane. This is
+ * structurally compatible with the daemon's `AgentSummary` DTO without
+ * coupling the React package to `@jini-ai/http-kit`.
+ */
+export interface ChatPaneAgent {
+    id: string;
+    name: string;
+    available?: boolean;
+    version?: string | null;
+    authStatus?: 'ok' | 'missing' | 'unknown';
+    models?: readonly ChatPaneAgentOption[];
+    reasoningOptions?: readonly ChatPaneAgentOption[];
+    supportsCustomModel?: boolean;
+    diagnostic?: string;
+}
+export interface ChatPaneAgentSelection {
+    agentId: string;
+    model?: string;
+    reasoning?: string;
+}
+/** Host I/O effects used by the package-owned runtime inventory controller. */
+export interface ChatPaneRuntimeAccess {
+    listAgents: () => Promise<readonly ChatPaneAgent[]>;
+    rescanAgents: () => Promise<readonly ChatPaneAgent[]>;
+    daemonOnline: () => Promise<boolean>;
+}
+export type ChatPaneActivity = 'unavailable' | 'ready' | 'queued' | 'streaming' | 'failed';
+export type ChatPaneVariant = 'workspace';
+export type RuntimePickerPlacement = 'up' | 'down';
+/**
+ * Native filesystem operations used by {@link ChatPane} to implement its
+ * working-directory picker. The host provides effects only; current state,
+ * recent-folder UI, validation, cancellation, and errors remain package-owned.
+ *
+ * @example
+ * ```tsx
+ * <ChatPane
+ *   initialWorkingDirectory="/work/example"
+ *   onChangeWorkingDirectory={(directory) => console.log(directory)}
+ *   workingDirectoryAccess={desktopBridge}
+ * />
+ * ```
+ */
+export interface ChatPaneWorkingDirectoryAccess {
+    /** Canonicalizes a trusted host-declared initial directory when supported. */
+    normalizeWorkingDirectory?: (directory: string) => Promise<string | null>;
+    /** Opens a native folder dialog and returns null when the user cancels. */
+    pickWorkingDirectory: (currentDirectory?: string) => Promise<string | null>;
+    /** Reads most-recently-used folders in most-recent-first order. */
+    recentDirectories: () => Promise<readonly string[]>;
+    /** Checks whether a selected or recent directory still exists. */
+    directoryExists: (directory: string) => Promise<boolean>;
+}
+/** One daemon-relayed capability invocation the pane must execute and answer. */
+export interface ChatPaneAgentToolAction {
+    readonly invocationId: string;
+    readonly capabilityId: string;
+    readonly input: Record<string, unknown>;
+}
+/**
+ * Host-supplied channel connecting this pane instance to a daemon-side transport (HTTP route, MCP
+ * stdio server) that cannot reach browser state directly. `subscribe` is called once while agent
+ * control is enabled; the host pushes each relayed action through its callback and the pane answers
+ * via `respondSuccess`/`respondError`. Omit entirely to run WebMCP-only (no daemon relay).
+ */
+export interface ChatPaneAgentBridgeAccess {
+    /** Starts listening for relayed actions; returns an unsubscribe function. */
+    subscribe: (onAction: (action: ChatPaneAgentToolAction) => void) => () => void;
+    respondSuccess: (invocationId: string, output: unknown) => Promise<void>;
+    respondError: (invocationId: string, message: string) => Promise<void>;
+}
+/** Enables the chat pane's agent-control surface (`agent-tools.ts`'s `CHAT_PANE_AGENT_TOOLS`). */
+export interface ChatPaneAgentControlOptions {
+    /** Defaults to `false` — agent control is opt-in. */
+    enabled?: boolean;
+    /** Wires the daemon-relayed transports (HTTP route table, MCP stdio server) in addition to in-page WebMCP. */
+    bridgeAccess?: ChatPaneAgentBridgeAccess;
+}
+export interface ChatPaneRunContextInput {
+    prompt: string;
+    selection: ChatPaneAgentSelection;
+    workingDirectory: string | null;
+}
+export type ChatPaneRunContext = RunContext | ((input: ChatPaneRunContextInput) => RunContext | undefined);
+/**
+ * Imperative access to the composer's draft text — published on `composerHandle.current` by
+ * `ChatPane` itself once mounted (`null` before mount and after unmount).
+ */
+export interface ChatPaneComposerHandle {
+    /**
+     * Appends `text` to whatever the operator has already typed (same joining rule the "+" discovery
+     * menu's `insertText` items use — see `appendComposerDiscovery`), rather than replacing the draft
+     * outright. This is the seam for a host that needs to write into the draft AFTER first render —
+     * `initialDraft` only seeds the very first one and cannot be written to again, and `ChatPane`
+     * exposes no other prop for pushing text into an in-progress draft from outside.
+     */
+    insertText: (text: string) => void;
+}
+export interface ChatPaneProps {
+    transport: ChatTransport;
+    agents?: readonly ChatPaneAgent[];
+    /** Optional host effects for package-owned inventory, rescan, and health polling. */
+    runtimeAccess?: ChatPaneRuntimeAccess;
+    runtimeStatusPollMs?: number;
+    title?: string;
+    variant?: ChatPaneVariant;
+    initialMessages?: ChatMessage[];
+    conversationId?: string | null;
+    initialSelection?: ChatPaneAgentSelection;
+    selection?: ChatPaneAgentSelection;
+    onSelectionChange?: (selection: ChatPaneAgentSelection) => void;
+    runContext?: ChatPaneRunContext;
+    /** Opt-in agent-control surface: WebMCP tool registration plus, when `bridgeAccess` is supplied, the daemon-relayed transports. */
+    agentControl?: ChatPaneAgentControlOptions;
+    onActivityChange?: (activity: ChatPaneActivity) => void;
+    /** Fires with the full message list whenever it changes — the read side of an otherwise write-only pane, for a host that needs to inspect or test what the conversation actually contains. */
+    onMessagesChange?: (messages: ChatMessage[]) => void;
+    onRescanAgents?: () => void;
+    scanningAgents?: boolean;
+    daemonOnline?: boolean;
+    executionMode?: 'local' | 'api';
+    apiModeAvailable?: boolean;
+    onExecutionModeChange?: (mode: 'local' | 'api') => void;
+    /** Passed straight through to the runtime picker; see {@link ByokRuntimeSummary}. */
+    byokRuntime?: ByokRuntimeSummary;
+    /** Passed straight through to the runtime picker. */
+    onByokModelChange?: (model: string) => void;
+    initialDraft?: string;
+    /**
+     * A ref `ChatPane` populates with a `ChatPaneComposerHandle` once mounted, for a host that needs
+     * to insert text into the draft from OUTSIDE this component's own props — e.g. an absolute path
+     * a desktop host recovered from a native drag-drop event and could not have known at
+     * `initialDraft`-seeding time. `null` before mount and after unmount; a host calling `.insertText`
+     * before the pane exists has nothing to call.
+     */
+    composerHandle?: RefObject<ChatPaneComposerHandle | null>;
+    placeholder?: string;
+    suggestions?: readonly string[];
+    /** Controlled working-directory value. */
+    workingDirectory?: string | null;
+    /** Initial value used when `workingDirectory` is uncontrolled. */
+    initialWorkingDirectory?: string | null;
+    /** Reports a package-owned picker, recent-folder, or clear selection. */
+    onChangeWorkingDirectory?: (workingDirectory: string | null) => void;
+    /** Optional native filesystem effects used by the package-owned picker. */
+    workingDirectoryAccess?: ChatPaneWorkingDirectoryAccess;
+    projectFileNames?: ReadonlySet<string>;
+    uploadAttachments?: (files: File[], options?: ChatPaneAttachmentUploadOptions) => Promise<ChatAttachment[]>;
+    attachmentAccept?: string;
+    disabled?: boolean;
+    runtimePickerPlacement?: RuntimePickerPlacement;
+    /**
+     * `footerAccessories` AND `leadingAccessories` are both excluded here for the same reason:
+     * `ChatPane` itself always owns both ends of the composer's slot row. The footer is always the
+     * `AgentRuntimePicker` (see `slots` assembly below); the leading, pinned-context zone is always
+     * assembled from this interface's own {@link leadingAccessory} prop. A `composerSlots` value
+     * carrying either key used to type-check but silently lose the value at runtime — `ChatPane`'s
+     * `slots` object always overwrote both keys unconditionally — so this `Omit` turns that dead end
+     * into a compile error instead of a debugging session.
+     */
+    composerSlots?: Omit<ComposerSlots, 'footerAccessories' | 'leadingAccessories'>;
+    header?: ReactNode;
+    /**
+     * Content for the composer's pinned-context zone — the space above the input that a host
+     * populates with whatever it wants pinned there (selected plugins, MCP servers, anything else),
+     * and which Jini renders and animates as a first-class part of the composer control (see
+     * `CHAT_PANE_STYLES`'s `.jini-composer-leading` rules). `undefined`/`null` renders nothing at
+     * all, so an idle composer reserves no space for this zone.
+     */
+    leadingAccessory?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface ChatPaneAttachmentUploadOptions {
+    /** Aborted when the composer resets, the pane unmounts, or the upload is superseded. */
+    signal: AbortSignal;
+    /** Stable identifier shared by uploads staged for the same composer turn. */
+    batchId: string;
+}
+/**
+ * What the host's BYOK credential actually resolves to, for the picker to report while
+ * `executionMode` is `'api'`.
+ *
+ * Exists because the picker had no way to describe the API path at all. It knew only that the mode
+ * was selectable (`apiModeAvailable`), so every label it rendered came from the detected CLI
+ * inventory — a popover reading "Claude Code · Default model", offering a CLI agent list, a
+ * "Default (CLI config)" model select and a Rescan PATH button, while the pane was in fact talking
+ * to Gemini over an API key. None of those controls affect an API turn.
+ *
+ * Optional, and the picker degrades honestly without it — unnamed provider, no model line — rather
+ * than falling back to CLI labels, which would restate the same wrong claim.
+ */
+export interface ByokRuntimeSummary {
+    /** Human-readable provider name, e.g. `'Google Gemini'`. Usually a `ProviderPreset.title`. */
+    providerLabel?: string;
+    /** The configured model id, e.g. `'gemini-2.5-flash-lite'`. */
+    model?: string;
+    /**
+     * Brand-mark id for `AgentIcon`, e.g. `'gemini'`.
+     *
+     * Host-supplied rather than derived here from `providerLabel`, because which brand assets exist
+     * is a fact about the HOST's asset directory (`agentIconBasePath`), not about the provider. A
+     * package-side guess would render a broken image for any host that ships a different set.
+     * Omitted means "no mark available", and the picker falls back to a generic API glyph rather
+     * than to the selected CLI's logo, which would name the wrong runtime.
+     */
+    iconId?: string;
+    /**
+     * Models this credential can run — the same discovered list the host's own BYOK settings show.
+     *
+     * Supplying it (together with `onByokModelChange`) turns the model row into a real picker
+     * writing back to the host's stored config, so the composer and the settings screen are two
+     * views of one value. Omit for a read-only display.
+     */
+    models?: readonly {
+        id: string;
+        label: string;
+    }[];
+}
+export interface AgentRuntimePickerProps {
+    agents: readonly ChatPaneAgent[];
+    value: ChatPaneAgentSelection;
+    onChange: (selection: ChatPaneAgentSelection) => void;
+    onRescan?: () => void;
+    scanning?: boolean;
+    daemonOnline?: boolean;
+    placement?: RuntimePickerPlacement;
+    executionMode?: 'local' | 'api';
+    apiModeAvailable?: boolean;
+    onExecutionModeChange?: (mode: 'local' | 'api') => void;
+    /** Read while `executionMode === 'api'`; ignored in `'local'`. */
+    byokRuntime?: ByokRuntimeSummary;
+    /** Persists a model chosen from the BYOK row. Supplying it (with `byokRuntime.models`) is what
+     *  makes that row an editable picker rather than a read-only value. */
+    onByokModelChange?: (model: string) => void;
+    agentIconBasePath?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/react/features/chat-pane/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/react/features/chat-pane/types.ts"],"names":[],"mappings":"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"}

package/dist/react/features/chat-pane/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/react/features/chat-pane/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/react/features/chat-pane/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialStatusBadge.d.ts","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/components/CredentialStatusBadge.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,0BAA0B,+BAUtF"}

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

@@ -0,0 +1,20 @@
+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/CredentialStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialStatusBadge.js","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/components/CredentialStatusBadge.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAQjD,MAAM,YAAY,GAAqC;IACrD,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,gBAAgB;CAC/B,CAAC;AAEF,MAAM,UAAU,qBAAqB,CAAC,EAAE,MAAM,EAAE,SAAS,EAA8B;IACrF,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,OAAO,CACL,eACE,SAAS,EAAE,wDAAwD,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,iBACjG,MAAM,YAElB,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GACnB,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelPicker.d.ts","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/components/ModelPicker.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAG9E,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,GAAG,aAAa,EACjB,EAAE,gBAAgB,+BAgFlB"}

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

@@ -0,0 +1,34 @@
+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/components/ModelPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelPicker.js","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/components/ModelPicker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/react/features/model-picker/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,+GAA+G;AAC/G,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,kGAAkG;AAClG,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAI5E,CAAC"}

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

@@ -0,0 +1,9 @@
+/** 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/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/react/features/model-picker/constants.ts"],"names":[],"mappings":"AAEA,+GAA+G;AAC/G,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC;AAEhD,kGAAkG;AAClG,MAAM,CAAC,MAAM,+BAA+B,GAAqC;IAC/E,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;CAChB,CAAC"}

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

@@ -0,0 +1,11 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../../src/react/features/model-picker/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAAoB,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * 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/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../src/react/features/model-picker/dependencies.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,27 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModelPicker.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/hooks/useModelPicker.hooks.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAExH,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,SAAS,EAAE,SAAS,aAAa,EAAE,CAAC;IACpC,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qHAAqH;IACrH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,cAAc,EAAE,gBAAgB,EAAE,CAAC;IACnC,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,QAAQ,EACR,eAAuB,EACvB,oBAAqD,GACtD,EAAE,qBAAqB,GAAG,qBAAqB,CAuD/C"}

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

@@ -0,0 +1,62 @@
+/**
+ * @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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModelPicker.hooks.js","sourceRoot":"","sources":["../../../../../src/react/features/model-picker/hooks/useModelPicker.hooks.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+/**
+ * @module features/model-picker
+ *
+ * Public barrel — the only entry point other code (inside or outside this
+ * package) should import from; internal files are reached only through
+ * this file. See `source-map.md` for provenance and `types.ts`'s header for
+ * the `@jini-ai/protocol`-only dependency boundary.
+ *
+ * Where this belongs (2026-08-03 `@jini-ai/chat` consolidation): `ADS-memory/reports/jini-port/recon/
+ * r4b-webui-design.md` §1 line 41 explicitly lists "model/agent picker" among the widgets that
+ * belong behind a host-injected slot, not inside chat-react proper — picking which LLM/agent to
+ * run is a provider concern, not a chat-domain one. This module doesn't import anything from
+ * chat's own domain (only this package's local `Icon`/`hooks/context` utilities), so the design
+ * doc's instinct holds up on inspection. It moves here unchanged anyway: it has exactly one real
+ * consumer today (this package's own barrel, plus two tests), and this workspace's precedent
+ * (see `packages/desktop-host/source-map.md`) is to defer generalizing/slotting until a second
+ * consumer actually exists, rather than build a slot interface nobody has asked for yet. If a
+ * second consumer shows up, extracting this into a real host-injected slot is the intended end
+ * state — not a rewrite, a move.
+ */
+export * from './types.js';
+export * from './constants.js';
+export * from './rules.js';
+export * from './ports.js';
+export { defaultModelPickerPort } from './dependencies.js';
+export { useModelPicker } from './hooks/useModelPicker.hooks.js';
+export type { UseModelPickerOptions, ModelPickerController } from './hooks/useModelPicker.hooks.js';
+export { ModelPicker } from './components/ModelPicker.js';
+export type { ModelPickerProps } from './components/ModelPicker.js';
+export { CredentialStatusBadge } from './components/CredentialStatusBadge.js';
+export type { CredentialStatusBadgeProps } from './components/CredentialStatusBadge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/features/model-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/features/model-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,YAAY,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC"}

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

@@ -0,0 +1,29 @@
+/**
+ * @module features/model-picker
+ *
+ * Public barrel — the only entry point other code (inside or outside this
+ * package) should import from; internal files are reached only through
+ * this file. See `source-map.md` for provenance and `types.ts`'s header for
+ * the `@jini-ai/protocol`-only dependency boundary.
+ *
+ * Where this belongs (2026-08-03 `@jini-ai/chat` consolidation): `ADS-memory/reports/jini-port/recon/
+ * r4b-webui-design.md` §1 line 41 explicitly lists "model/agent picker" among the widgets that
+ * belong behind a host-injected slot, not inside chat-react proper — picking which LLM/agent to
+ * run is a provider concern, not a chat-domain one. This module doesn't import anything from
+ * chat's own domain (only this package's local `Icon`/`hooks/context` utilities), so the design
+ * doc's instinct holds up on inspection. It moves here unchanged anyway: it has exactly one real
+ * consumer today (this package's own barrel, plus two tests), and this workspace's precedent
+ * (see `packages/desktop-host/source-map.md`) is to defer generalizing/slotting until a second
+ * consumer actually exists, rather than build a slot interface nobody has asked for yet. If a
+ * second consumer shows up, extracting this into a real host-injected slot is the intended end
+ * state — not a rewrite, a move.
+ */
+export * from './types.js';
+export * from './constants.js';
+export * from './rules.js';
+export * from './ports.js';
+export { defaultModelPickerPort } from './dependencies.js';
+export { useModelPicker } from './hooks/useModelPicker.hooks.js';
+export { ModelPicker } from './components/ModelPicker.js';
+export { CredentialStatusBadge } from './components/CredentialStatusBadge.js';
+//# sourceMappingURL=index.js.map

package/dist/react/features/model-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/features/model-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { FetchProviderModelsInput, FetchProviderModelsResult } from './types.js';
+/**
+ * The DI seam for anything transport-shaped this feature needs. Optional —
+ * a host that only ever supplies a static model list needs no port at all;
+ * `fetchProviderModels` exists for hosts that want to warm a live catalogue
+ * (mirrors OD's `fetchProviderModels`/`providerModelsCache` pair).
+ */
+export interface ModelPickerPort {
+    fetchProviderModels?(input: FetchProviderModelsInput): Promise<FetchProviderModelsResult>;
+}
+//# sourceMappingURL=ports.d.ts.map