zidane-ui 9.0.4 → 9.1.3

package/src/chat/composer/HostPickers.tsx

@@ -1,320 +0,0 @@
-/**
- * The composer's pickers over the host: the agent (`HostAgentPicker`), the
- * model chain (`HostModelPicker`) and a live session's model options
- * (`HostModelOptionsPicker`). Each writes through `ComposerHost.controls`,
- * remembers what the next new chat starts on (`prefs`, `commitModelPick`),
- * and says, on each opening, which choice would re-read a long prompt
- * (`useCacheHints`). The app decides what its defaults are and refreshes its
- * session list after a write (`onCommitted`).
- */
-import { useCallback, useMemo, useState, type ReactNode } from 'react';
-
-import type { ComposerEffort, ComposerSessionView } from '../headless/composer/host-chrome';
-import type {
-  ComposerModelEntry,
-  ComposerModelOption,
-  ModelCatalogRow,
-  ModelPickRef,
-} from '../headless/composer/models';
-import { commitModelPick, type SetDefaultModel } from '../headless/composer/remember-model-pick';
-import { AgentPicker } from './AgentPicker';
-import { useComposerHost, useComposerLabels } from './ComposerHostProvider';
-import { modelNameOf } from './model-catalog';
-import { EFFORT_LEVELS, ModelOptionsPicker } from './ModelOptionsPicker';
-import { ModelChainPopover } from './ModelPicker';
-import { useAgentProfiles } from './use-agent-profiles';
-import { useCacheHints } from './use-cache-hints';
-import {
-  resourceErrorText,
-  useHostResource,
-  useModelKnobs,
-  useModelPickerPrefs,
-  useModelPickerPrefsStore,
-} from './use-composer-stores';
-
-/** Props for {@link HostAgentPicker}. */
-export interface HostAgentPickerProps {
-  /** The live session, `null` for a draft (the pick is the next chat's default). */
-  session: ComposerSessionView | null;
-  /** The next new chat's agent. */
-  defaultAgentId: string;
-  /** Sets it (a draft's pick). */
-  onDefaultAgentChange: (id: string) => void;
-  /** The folder a draft's profiles come from (`''`: none). */
-  defaultCwd?: string;
-  /** Called once a session's switch is written (refresh the app's session list). */
-  onCommitted?: () => void | Promise<void>;
-}
-
-/**
- * The agent pill:
- *   - a live session: writes its profile (`controls.setAgent`) so the host
- *     rebuilds with the new preset on the next prompt;
- *   - a draft: edits the default the next send creates the session under.
- *
- * @param props - The {@link HostAgentPickerProps}.
- */
-export function HostAgentPicker({
-  session,
-  defaultAgentId,
-  onDefaultAgentChange,
-  defaultCwd = '',
-  onCommitted,
-}: HostAgentPickerProps) {
-  const setAgent = useComposerHost().controls?.setAgent;
-  /*
-   * `''` = directory-less session (the Main, a folderless chat) or no default
-   * folder yet. The host scopes that to HOME, the same root every other
-   * catalog uses, so built-in and user-level extension agents are offered.
-   */
-  const profiles = useAgentProfiles(session?.cwd ?? defaultCwd);
-  const activeId = session?.agentId ?? defaultAgentId;
-  const [open, setOpen] = useState(false);
-  const cacheHint = useCacheHints(session?.id ?? null, open);
-  const offered = profiles.map((p) => {
-    const hint = p.id === activeId ? undefined : cacheHint(p.id, { agentId: p.id });
-    return hint ? { ...p, hint } : p;
-  });
-
-  // A promise keeps the menu busy until the write resolves, so a slow write doesn't look instant.
-  const select = (id: string): void | Promise<void> => {
-    if (!session) {
-      onDefaultAgentChange(id);
-      return;
-    }
-    return setAgent?.(session.id, id).then(() => onCommitted?.());
-  };
-
-  return (
-    <AgentPicker
-      profiles={offered}
-      value={activeId}
-      // A session saved on a profile that is no longer offered runs as Build.
-      fallback="build"
-      onChange={select}
-      draft={!session}
-      onOpenChange={setOpen}
-    />
-  );
-}
-
-/** The image models tab of a model picker. */
-export interface HostModelImages {
-  /** The picked image model (`providerKey/modelId`, `''` for the default). */
-  value: string;
-  /** Picks one. */
-  onPick: (key: string) => void;
-}
-
-/** Props for {@link HostModelPicker}. */
-export interface HostModelPickerProps {
-  /** The live session, `null` for a draft. */
-  session: ComposerSessionView | null;
-  /** The model being steered: the session's, or the draft's default. */
-  modelId: string | null;
-  /** Its provider. */
-  providerKey: string | null;
-  /** The stored account it runs on; `null` = the active one. */
-  account?: string | null;
-  /** The catalog the controls loaded; `null` while it loads. */
-  catalog: readonly ComposerModelEntry[] | null;
-  /** Why the catalog failed to load (the list offers a retry). */
-  catalogError?: string | null;
-  /** Reads the catalog again. */
-  onRetryCatalog?: () => void;
-  /** The server the session (or draft) runs on: its models are listed. */
-  hostId?: string | null;
-  /** The session a pick applies to, resolved on commit (a side chat creates its session then). Default: `session`. */
-  commitTo?: () => Promise<string>;
-  /** Whether a pick also becomes the next new chat's model. `false` for a side chat. */
-  remember?: boolean;
-  /** Sets the app's default model. */
-  onDefaultModel: SetDefaultModel;
-  /** Called once a pick is written (refresh the app's session list). */
-  onCommitted?: () => void | Promise<void>;
-  /** The keyboard shortcut the pill's tooltip shows. */
-  shortcut?: ReactNode;
-  /** The model actually serving the run after a fallback (the pill shows it, amber). */
-  serving?: { model: string; provider: string } | null;
-  /** The Image tab. Absent: none. */
-  images?: HostModelImages | null;
-}
-
-/**
- * The model chain pill. Run-sticky fallback: when this run's stream failed on
- * the picked model and the agent advanced down its chain, the pill shows the
- * model actually serving the run (`serving`), until the next run or a re-pick.
- *
- * @param props - The {@link HostModelPickerProps}.
- */
-export function HostModelPicker({
-  session,
-  modelId,
-  providerKey,
-  account = null,
-  catalog,
-  catalogError = null,
-  onRetryCatalog,
-  hostId = null,
-  commitTo,
-  remember = true,
-  onDefaultModel,
-  onCommitted,
-  shortcut,
-  serving = null,
-  images = null,
-}: HostModelPickerProps) {
-  const host = useComposerHost();
-  const labels = useComposerLabels();
-  const wantImages = images !== null;
-  const cwd = session?.cwd ?? null;
-  const imageResource = useMemo(
-    () => (wantImages ? (host.models?.images?.(cwd) ?? null) : null),
-    [wantImages, host.models, cwd],
-  );
-  const imageModels = useHostResource(imageResource);
-  const { showLegacy } = useModelPickerPrefs();
-  const prefs = useModelPickerPrefsStore();
-  const [open, setOpen] = useState(false);
-  const cacheHint = useCacheHints(session?.id ?? null, open);
-  const rows = useMemo(
-    (): ModelCatalogRow[] | null =>
-      catalog?.map((row) => {
-        if (row.providerKey === providerKey && row.modelId === modelId) return row;
-        const hint = cacheHint(`${row.providerKey}/${row.modelId}`, {
-          providerKey: row.providerKey,
-          modelId: row.modelId,
-        });
-        return hint ? { ...row, details: [hint] } : row;
-      }) ?? null,
-    [catalog, cacheHint, providerKey, modelId],
-  );
-
-  // The configured chain tail: a "+N" suffix on the pill, the full chain in its tooltip.
-  const chainFallbacks = session?.modelFallbacks ?? [];
-  const chain: ModelPickRef[] =
-    providerKey && modelId ? [{ providerKey, modelId, ...(account ? { account } : {}) }, ...chainFallbacks] : [];
-
-  const commit = async (next: ModelPickRef[]) => {
-    const sessionId = commitTo ? await commitTo() : (session?.id ?? null);
-    await commitModelPick(host, { sessionId, hostId: session ? session.hostId : hostId }, next, onDefaultModel, {
-      remember,
-    });
-    await onCommitted?.();
-  };
-
-  // The natural name ("Opus 4.6", "Claude Opus 4.6" via OpenRouter), from the catalog when it has the model.
-  const nameOf = (id: string, key: string | null = providerKey) => modelNameOf(catalog, id, key);
-
-  return (
-    <ModelChainPopover
-      ariaLabel={session ? labels.modelSwitch : labels.modelPickDefault}
-      forNextChat={!session}
-      {...(shortcut ? { shortcut } : {})}
-      name={modelId ? nameOf(modelId) : null}
-      catalog={rows}
-      loadError={catalogError}
-      {...(onRetryCatalog ? { onRetry: onRetryCatalog } : {})}
-      chain={chain}
-      onCommit={commit}
-      showLegacy={showLegacy}
-      onShowLegacyChange={(next) => prefs.set({ showLegacy: next })}
-      serving={serving ? nameOf(serving.model, serving.provider) : null}
-      onOpenChange={setOpen}
-      {...(images && imageResource
-        ? {
-            images: {
-              rows: imageModels.data ?? null,
-              value: images.value,
-              loadError: imageModels.error ? resourceErrorText(imageModels.error) : null,
-              onPick: images.onPick,
-            },
-          }
-        : {})}
-    />
-  );
-}
-
-/** Props for {@link HostModelOptionsPicker}. */
-export interface HostModelOptionsPickerProps {
-  /** The live session. */
-  session: ComposerSessionView;
-  /** Its model: picks are remembered for it. */
-  modelId: string | null;
-  /** The model has a reasoning effort knob. */
-  supportsReasoning: boolean;
-  /** The feature toggles it declares. */
-  options: readonly ComposerModelOption[];
-  /** The session's enabled options. */
-  enabled: Record<string, boolean>;
-  /** The session a pick applies to, resolved on commit (see `HostModelPicker`). Default: `session`. */
-  commitTo?: () => Promise<string>;
-  /** Whether picks are remembered for their model (the next new chat's knobs). `false` for a side chat. */
-  remember?: boolean;
-  /** Called once a pick is written (refresh the app's session list). */
-  onCommitted?: () => void | Promise<void>;
-  /** The pill's tooltip. Default: the `modelOptionsTitle` label. */
-  title?: string;
-}
-
-/**
- * The model options pill for a live session: `ModelOptionsPicker` (reasoning
- * effort, then feature toggles) applying picks to the session, each
- * remembered for its model so the next new chat starts there.
- *
- * @param props - The {@link HostModelOptionsPickerProps}.
- */
-export function HostModelOptionsPicker({
-  session,
-  modelId,
-  supportsReasoning,
-  options,
-  enabled,
-  commitTo,
-  remember = true,
-  onCommitted,
-  title,
-}: HostModelOptionsPickerProps) {
-  const controls = useComposerHost().controls;
-  const knobs = useModelKnobs();
-  const labels = useComposerLabels();
-  const effort = session.effort ?? 'medium';
-  const [open, setOpen] = useState(false);
-  const cacheHint = useCacheHints(session.id, open);
-  const effortHints: Partial<Record<ComposerEffort, string>> = {};
-  if (supportsReasoning) {
-    for (const level of EFFORT_LEVELS as readonly ComposerEffort[]) {
-      const hint = level === effort ? undefined : cacheHint(level, { effort: level });
-      if (hint) effortHints[level] = hint;
-    }
-  }
-  const onEffort = useCallback(
-    async (level: ComposerEffort) => {
-      if (remember) knobs.rememberEffort(modelId, level);
-      await controls?.setEffort?.(commitTo ? await commitTo() : session.id, level);
-      await onCommitted?.();
-    },
-    [session.id, modelId, controls, knobs, onCommitted, commitTo, remember],
-  );
-  const onOptions = useCallback(
-    async (next: Record<string, boolean>) => {
-      if (remember) knobs.rememberModelOptions(modelId, next);
-      await controls?.setModelOptions?.(commitTo ? await commitTo() : session.id, next);
-      await onCommitted?.();
-    },
-    [session.id, modelId, controls, knobs, onCommitted, commitTo, remember],
-  );
-  return (
-    <ModelOptionsPicker
-      supportsReasoning={supportsReasoning}
-      options={options}
-      effort={effort}
-      effortHints={effortHints}
-      enabled={enabled}
-      onEffort={onEffort}
-      onOptions={onOptions}
-      title={title ?? labels.modelOptionsTitle}
-      onOpenChange={setOpen}
-    />
-  );
-}

package/src/chat/composer/ImageModelList.tsx

@@ -1,151 +0,0 @@
-/**
- * The image models of the connected providers: the model picker's Image tab.
- * A pick sets the default model of the `generate_image` tool; image models
- * never become the chat model.
- *
- * It is the chat models' list (`ModelChainList`, one model, no chain) over
- * the image models, so the two tabs share every part: the header (search,
- * toolbar, Legacy switch, provider pills), the grouped rows with the default
- * pinned as In use, the empty states and the footer. A row shows its
- * capabilities as glyphs with a tooltip: reference images (to edit or match
- * a style) and transparent backgrounds. A provider whose credentials cannot
- * generate (OpenAI with a ChatGPT sign-in and no platform key) lists its
- * models greyed out, the reason on a lock glyph. Typed ids are not offered:
- * the tool only takes the models a provider lists.
- */
-import { useMemo, type CSSProperties, type ReactNode } from 'react';
-
-import { useChatLabels } from '../useChatLabels';
-import type { ModelCatalogRow, ModelPickRef } from './model-catalog';
-import { ModelChainList } from './ModelChainList';
-
-import type { ImageModelRow } from '../headless/composer/models';
-
-export type { ImageModelRow };
-
-/**
- * `providerKey/modelId`, the form `Settings.imageModel` stores.
- *
- * @param row - The image model.
- */
-export const imageModelKey = (row: Pick<ImageModelRow, 'providerKey' | 'modelId'>) =>
-  `${row.providerKey}/${row.modelId}`;
-
-/**
- * The row an `imageModel` setting names; when it is empty or stale, the model the tool falls back to
- * (`isDefault`), else the first available one.
- *
- * @param rows - The listed image models.
- * @param value - The stored `providerKey/modelId`, or ''.
- */
-export function effectiveImageModel(rows: readonly ImageModelRow[], value: string): ImageModelRow | null {
-  return (
-    rows.find((r) => r.available && imageModelKey(r) === value) ??
-    rows.find((r) => r.available && r.isDefault) ??
-    rows.find((r) => r.available) ??
-    null
-  );
-}
-
-/**
- * Image models as model-list rows: no context window or reasoning, the capabilities and availability instead.
- *
- * @param rows - The listed image models.
- */
-export function imageCatalogRows(rows: readonly ImageModelRow[]): ModelCatalogRow[] {
-  return rows.map((row) => ({
-    providerKey: row.providerKey,
-    providerLabel: row.providerLabel,
-    modelId: row.modelId,
-    modelName: row.modelName,
-    contextWindow: null,
-    supportsReasoning: false,
-    ...(row.references ? { references: true } : {}),
-    ...(row.transparency ? { transparency: true } : {}),
-    ...(row.available ? {} : { unavailable: row.reason ?? '' }),
-  }));
-}
-
-/** Props for {@link ImageModelList}. */
-export interface ImageModelListProps {
-  /** The image models; `null` while they load. */
-  rows: readonly ImageModelRow[] | null;
-  /** The stored default, `providerKey/modelId` or '' (the model the tool falls back to). */
-  value: string;
-  /** Why the list failed to load. */
-  loadError?: string | null;
-  /** Asks for the list again; shown as a Retry next to `loadError`. */
-  onRetry?: () => void;
-  /** Called with the picked model's `providerKey/modelId`. */
-  onPick: (key: string) => void;
-  /** List every model, not only the newest of each family. */
-  showLegacy: boolean;
-  /** Called when the user toggles the Legacy switch. */
-  onShowLegacyChange: (showLegacy: boolean) => void;
-  /** Controls on the row under the search field, before the Legacy switch. */
-  toolbar?: ReactNode;
-  /** The search text, when the caller keeps it (shared with another list). Absent: the list keeps its own. */
-  query?: string;
-  /** Called on each edit of a caller-kept `query`. */
-  onQueryChange?: (query: string) => void;
-  /** Compact one-line rows, as in the popover. Default true. */
-  dense?: boolean;
-  /** Height class of the list. */
-  className?: string;
-  /** Inline styles on the root element, merged after the component's own. */
-  style?: CSSProperties;
-}
-
-/**
- * Renders the image models in the chat models' list. A pick reports its key.
- *
- * @param props - List props.
- */
-export function ImageModelList({
-  rows,
-  value,
-  loadError = null,
-  onRetry,
-  onPick,
-  showLegacy,
-  onShowLegacyChange,
-  toolbar,
-  query,
-  onQueryChange,
-  dense = true,
-  className = '',
-  style,
-}: ImageModelListProps) {
-  const labels = useChatLabels();
-  const catalog = useMemo(() => (rows ? imageCatalogRows(rows) : null), [rows]);
-  const current = rows ? effectiveImageModel(rows, value) : null;
-  // The list seeds its chain once: keyed on the default, a pick made elsewhere shows on the next mount.
-  const initialChain = useMemo<ModelPickRef[]>(
-    () => (current ? [{ providerKey: current.providerKey, modelId: current.modelId }] : []),
-    [current],
-  );
-  return (
-    <ModelChainList
-      key={current ? imageModelKey(current) : ''}
-      single
-      dense={dense}
-      customIds={false}
-      emptyText={labels.imageModelsNone}
-      initialChain={initialChain}
-      catalog={catalog}
-      loadError={loadError}
-      {...(onRetry ? { onRetry } : {})}
-      showLegacy={showLegacy}
-      onShowLegacyChange={onShowLegacyChange}
-      onChainChange={() => undefined}
-      onQuickPick={([pick]) => {
-        if (pick) onPick(imageModelKey(pick));
-      }}
-      toolbar={toolbar}
-      {...(query !== undefined ? { query } : {})}
-      {...(onQueryChange ? { onQueryChange } : {})}
-      className={className}
-      style={style}
-    />
-  );
-}