zidane-ui 9.0.4 → 9.1.3

package/src/settings/sections/models/ModelPickField.tsx

@@ -1,220 +0,0 @@
-/**
- * A settings row that picks one model (provider, model and, when the
- * provider has several stored logins, the account) from the composer's own
- * list (`HostModelChainList` in single mode, over `ComposerHost.models`), so
- * the row says which provider and account the model comes from. The default
- * model and the helper models (text, compaction) use it. Its Test sends the
- * model the row names one tiny prompt (`SettingsHost.models.test`): the
- * pick, else what the empty chip stands for (`fallback`).
- *
- * Bare-id pickers (extension `type: 'model'` options, the decision model)
- * use `ModelListPicker`.
- */
-import { useEffect, useRef, useState, type CSSProperties } from 'react';
-import { formatModelSetting, modelDisplayName } from 'zidane/chat/pure';
-
-import { HostRow, ROW_TRIGGER_CLASS, RowText } from '../../../components/Form';
-import { IconButton } from '../../../components/IconButton';
-import { FloatingSurface } from '../../../components/floating/FloatingSurface';
-import { HostModelChainList } from '../../../chat/composer/HostModelChainList';
-import { providerAccountLabel } from '../../../chat/composer/model-catalog';
-import { useModelCatalog } from '../../../chat/composer/use-composer-stores';
-import type { ComposerModelEntry, ModelPickRef } from '../../../chat/headless/composer/models';
-import { ValueChip } from '../../rows';
-import { useSettingsHost } from '../../SettingsProvider';
-import type { ModelRowsLabels } from './labels';
-import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from './model-test';
-
-/**
- * "Opus 4.6 on Anthropic (Work)" for a stored pick, from the catalog when it lists it.
- *
- * @param pick - The pick.
- * @param catalog - The catalog (`null` while loading).
- * @param l - The model rows' labels.
- */
-export function modelPickLabel(
-  pick: ModelPickRef,
-  catalog: readonly ComposerModelEntry[] | null,
-  l: Pick<ModelRowsLabels, 'modelRowsPickLabel' | 'modelRowsAccountSignedOut'>,
-): string {
-  const entry =
-    catalog?.find(
-      (e) => e.providerKey === pick.providerKey && e.modelId === pick.modelId && e.account?.id === pick.account,
-    ) ?? catalog?.find((e) => e.providerKey === pick.providerKey && e.modelId === pick.modelId);
-  const name = modelDisplayName({
-    providerKey: pick.providerKey,
-    modelId: pick.modelId,
-    modelName: entry?.modelName,
-  }).name;
-  const provider = entry
-    ? providerAccountLabel({
-        providerLabel: entry.providerLabel,
-        account: pick.account
-          ? catalog?.find((e) => e.providerKey === pick.providerKey && e.account?.id === pick.account)?.account
-          : undefined,
-      })
-    : pick.providerKey;
-  // A pinned account this catalog doesn't list any more (signed out): say so rather than hide it.
-  const missing =
-    pick.account && catalog && !catalog.some((e) => e.account?.id === pick.account) ? l.modelRowsAccountSignedOut : '';
-  return `${l.modelRowsPickLabel(name, provider)}${missing}`;
-}
-
-/** Props for {@link ModelPickField}. */
-export interface ModelPickFieldProps {
-  /** The row's name. */
-  label: string;
-  /** What the row sets. */
-  description: string;
-  /** The pick, `null` while unset. */
-  value: ModelPickRef | null;
-  /** The chip while nothing is picked ("last used", "main model"). */
-  emptyLabel: string;
-  /** The model the empty chip stands for, tested while nothing is picked; `null`: Test waits for a pick. */
-  fallback: ModelPickRef | null;
-  /** The clear button's tooltip. */
-  clearTitle: string;
-  /** The folder whose models are listed (`null`: none). */
-  cwd: string | null;
-  /** A server's settings: its models and accounts (`null`: this computer). */
-  hostId?: string | null;
-  /** Sets the pick (`null`: clears it). */
-  onChange: (pick: ModelPickRef | null) => void;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/**
- * A row that picks one model, with its Test and clear button.
- *
- * @param props - Component props.
- */
-export function ModelPickField({
-  label,
-  description,
-  value,
-  emptyLabel,
-  fallback,
-  clearTitle,
-  cwd,
-  hostId = null,
-  onChange,
-  className,
-  style,
-}: ModelPickFieldProps) {
-  const l = useModelRowsLabels();
-  const models = useSettingsHost().models;
-  const [open, setOpen] = useState(false);
-  // The row the list hangs under, taken when it opens (a ref read during render would be stale).
-  const [anchor, setAnchor] = useState<HTMLDivElement | null>(null);
-  // One shared catalog serves the chip's label and the list (which shows its error and a retry).
-  const { catalog } = useModelCatalog(null, cwd ?? undefined, hostId);
-  const tested = value ?? fallback;
-  const probe = models?.test;
-  const test = useModelTest(
-    tested ? formatModelSetting(tested) : null,
-    probe ? (model) => probe(cwd ?? '', model) : undefined,
-  );
-  const chip = value ? modelPickLabel(value, catalog, l) : emptyLabel;
-  const containerRef = useRef<HTMLDivElement>(null);
-  const surfaceRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!open) return undefined;
-    const onDown = (e: MouseEvent) => {
-      const target = e.target as Node;
-      if (containerRef.current && !containerRef.current.contains(target) && !surfaceRef.current?.contains(target))
-        setOpen(false);
-    };
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key !== 'Escape') return;
-      // Close the list, not the screen under it.
-      e.preventDefault();
-      e.stopPropagation();
-      setOpen(false);
-    };
-    document.addEventListener('mousedown', onDown);
-    window.addEventListener('keydown', onKey, true);
-    return () => {
-      document.removeEventListener('mousedown', onDown);
-      window.removeEventListener('keydown', onKey, true);
-    };
-  }, [open]);
-
-  return (
-    <div ref={containerRef} className={className ? `relative ${className}` : 'relative'} style={style}>
-      <HostRow>
-        <button
-          type="button"
-          data-row-control
-          onClick={() => {
-            setAnchor(containerRef.current);
-            setOpen((o) => !o);
-          }}
-          aria-haspopup="listbox"
-          aria-expanded={open}
-          aria-label={label}
-          className={ROW_TRIGGER_CLASS}
-        >
-          <RowText label={label} description={description} truncate={false} />
-          <ValueChip muted={!value} title={chip}>
-            {chip}
-          </ValueChip>
-        </button>
-        {probe && (
-          <ModelTestButton
-            state={test.state}
-            disabled={!tested}
-            title={tested ? l.modelRowsTestTitle : l.modelRowsTestNeedsPick}
-            onTest={() => void test.run()}
-          />
-        )}
-        {value && (
-          <IconButton
-            icon="i-ph-x"
-            label={l.modelRowsClear(clearTitle, label)}
-            title={clearTitle}
-            size="sm"
-            onClick={() => {
-              onChange(null);
-              setOpen(false);
-            }}
-          />
-        )}
-      </HostRow>
-      {test.state && test.state !== 'testing' && <ModelTestLine result={test.state} />}
-      {/* Portaled with the menu motion; mounted (fresh) only while open. */}
-      <FloatingSurface
-        ref={surfaceRef}
-        open={open}
-        anchor={{ element: anchor }}
-        side="bottom"
-        align="end"
-        offset={4}
-        role="dialog"
-        aria-label={l.modelRowsPickDialog(label)}
-        className="w-[28rem] max-w-[calc(100vw-16px)] h-[min(60vh,420px)] flex flex-col overflow-hidden"
-        // Above a full-window settings screen (z-index 90), which the surface's own z-50 would open behind.
-        style={{ zIndex: 100 }}
-      >
-        <HostModelChainList
-          dense
-          single
-          initialChain={value ? [value] : []}
-          catalog={catalog}
-          {...(cwd ? { cwd } : {})}
-          hostId={hostId}
-          onChainChange={() => {}}
-          onQuickPick={(chain) => {
-            const pick = chain[0];
-            if (pick) onChange(pick);
-            setOpen(false);
-          }}
-          className="flex-1"
-        />
-      </FloatingSurface>
-    </div>
-  );
-}

package/src/settings/sections/models/ModelRows.tsx

@@ -1,381 +0,0 @@
-/**
- * The model rows of Settings › Agent: the text, compaction and decision
- * models, the tool approvals row, and the conversation preset preview. Each
- * row is controlled (`value` / `onChange`); the chat model lists come from
- * the composer's catalog (`ComposerHost.models`), the decision models and
- * the Tests from `SettingsHost.models`.
- */
-import { useEffect, useMemo, useRef, useState, type CSSProperties } from 'react';
-import type { ApprovalMode } from 'zidane/chat';
-import {
-  APPROVAL_MODE_OPTIONS,
-  autoTextModelId,
-  formatModelSetting,
-  modelDisplayName,
-  parseModelSetting,
-  transcriptPreset,
-  type TranscriptPresetId,
-} from 'zidane/chat/pure';
-import type { Settings } from 'zidane/chat';
-
-import { HostRow, ROW_TRIGGER_CLASS, RowText, SegmentedRow } from '../../../components/Form';
-import { IconButton } from '../../../components/IconButton';
-import { BTN_SECONDARY } from '../../../components/button';
-import { useComposerModelName, useModelCatalog } from '../../../chat/composer/use-composer-stores';
-import type { ComposerModelEntry, ModelPickRef } from '../../../chat/headless/composer/models';
-import { ConversationPresetPreview } from '../../../onboarding/conversation';
-import { toSettingsError } from '../../headless/host';
-import type { SettingsDecisionModel } from '../../headless/models';
-import { ValueChip } from '../../rows';
-import { useSettingsHost } from '../../SettingsProvider';
-import { useSettingsResource } from '../shared/catalog';
-import { ModelListPicker, type ModelListEntry } from './ModelListPicker';
-import { ModelPickField } from './ModelPickField';
-import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from './model-test';
-
-/** The props every model row takes. */
-interface ModelRowBase {
-  /** The folder whose models are listed (`null`: none). */
-  cwd: string | null;
-  /** A server's settings: its models (`null`: this computer). */
-  hostId?: string | null;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/** A catalog row as the composer's host may list it: with the size class and price the automatic pick reads. */
-type SizedEntry = ComposerModelEntry & { tier?: 'small' | 'medium' | 'large'; inputCost?: number };
-
-/**
- * The automatic text model for `main`'s provider; the main model when the catalog offers nothing smaller.
- *
- * @param main - The model new sessions run on.
- * @param catalog - The chat models.
- */
-export function automaticTextModel(main: ModelPickRef, catalog: readonly ComposerModelEntry[] | null): ModelPickRef {
-  const seen = new Set<string>();
-  const candidates = ((catalog ?? []) as readonly SizedEntry[])
-    .filter((e) => e.providerKey === main.providerKey && !e.offCatalog && !seen.has(e.modelId) && seen.add(e.modelId))
-    .map((e) => ({
-      id: e.modelId,
-      ...(e.tier ? { tier: e.tier } : {}),
-      ...(e.inputCost !== undefined ? { cost: { input: e.inputCost } } : {}),
-    }));
-  const modelId = autoTextModelId(candidates, main.modelId) ?? main.modelId;
-  return { providerKey: main.providerKey, modelId };
-}
-
-/** Props for {@link TextModelRow}. */
-export interface TextModelRowProps extends ModelRowBase {
-  /** The default model new sessions run on; the automatic chip names its provider's pick. */
-  main: ModelPickRef;
-  /** `Settings.textModel`: `"providerKey[@account]/modelId"`, or `''` for automatic. */
-  value: string;
-  /** Sets it. */
-  onChange: (value: string) => void;
-}
-
-/**
- * The model that writes session titles and suggestions; automatic is the session provider's smallest.
- *
- * @param props - Component props.
- */
-export function TextModelRow({ cwd, hostId = null, main, value, onChange, className, style }: TextModelRowProps) {
-  const l = useModelRowsLabels();
-  const pick = parseModelSetting(value) ?? null;
-  const { catalog } = useModelCatalog(null, cwd ?? undefined, hostId);
-  const auto = useMemo(() => automaticTextModel(main, catalog), [main, catalog]);
-  const automatic = useMemo(() => {
-    const entry = catalog?.find((e) => e.providerKey === auto.providerKey && e.modelId === auto.modelId);
-    return modelDisplayName({ providerKey: auto.providerKey, modelId: auto.modelId, modelName: entry?.modelName }).name;
-  }, [auto, catalog]);
-  return (
-    <ModelPickField
-      label={l.modelRowsText}
-      description={l.modelRowsTextDescription}
-      value={pick}
-      emptyLabel={l.modelRowsTextAutomatic(automatic)}
-      fallback={auto}
-      clearTitle={l.modelRowsTextReset}
-      cwd={cwd}
-      hostId={hostId}
-      onChange={(next) => onChange(next ? formatModelSetting(next) : '')}
-      className={className}
-      style={style}
-    />
-  );
-}
-
-/** Props for {@link CompactionModelRow}. */
-export interface CompactionModelRowProps extends ModelRowBase {
-  /** The default model new sessions run on: what "main model" tests. */
-  main: ModelPickRef;
-  /** `Settings.compactionModel`: `"providerKey[@account]/modelId"`, or `''` for the main model. */
-  value: string;
-  /** Sets it. */
-  onChange: (value: string) => void;
-}
-
-/**
- * The model that writes compaction summaries.
- *
- * @param props - Component props.
- */
-export function CompactionModelRow({
-  cwd,
-  hostId = null,
-  main,
-  value,
-  onChange,
-  className,
-  style,
-}: CompactionModelRowProps) {
-  const l = useModelRowsLabels();
-  return (
-    <ModelPickField
-      label={l.modelRowsCompaction}
-      description={l.modelRowsCompactionDescription}
-      value={parseModelSetting(value) ?? null}
-      emptyLabel={l.modelRowsCompactionMain}
-      fallback={main}
-      clearTitle={l.modelRowsCompactionReset}
-      cwd={cwd}
-      hostId={hostId}
-      onChange={(next) => onChange(next ? formatModelSetting(next) : '')}
-      className={className}
-      style={style}
-    />
-  );
-}
-
-const NO_DECISION_MODELS: readonly SettingsDecisionModel[] = [];
-
-/** The decision models of a folder, and why none can be picked (`null`: some can, or they are loading). */
-function useDecisionModels(cwd: string | null) {
-  const l = useModelRowsLabels();
-  const host = useSettingsHost().models;
-  const resource = useMemo(() => host?.decisionModels?.(cwd ?? '') ?? null, [host, cwd]);
-  const load = useSettingsResource(resource);
-  const entries = load.data ?? null;
-  const loadError = load.error ? (toSettingsError(load.error).detail ?? load.error.kind) : null;
-  const usable = useMemo(() => (entries ?? NO_DECISION_MODELS).filter((e) => e.available), [entries]);
-  const blocked = loadError
-    ? l.modelRowsDecisionListFailed(loadError)
-    : entries && usable.length === 0
-      ? (entries[0]?.reason ?? l.modelRowsDecisionNone)
-      : null;
-  return { resource, entries, usable, loadError, blocked };
-}
-
-/** Props for {@link DecisionModelRow}. */
-export interface DecisionModelRowProps extends ModelRowBase {
-  /** `Settings.decisionModel`: `"providerKey/modelId"`, or `''` for the first available. */
-  value: string;
-  /** Sets it. */
-  onChange: (value: string) => void;
-}
-
-/**
- * The model that answers decisions from hooks and extensions. Only models the
- * credentials can send decisions to are pickable; when none can, the row
- * says why. Renders nothing when the host lists no decision models.
- *
- * @param props - Component props.
- */
-export function DecisionModelRow({ cwd, hostId = null, value, onChange, className, style }: DecisionModelRowProps) {
-  const l = useModelRowsLabels();
-  const models = useSettingsHost().models;
-  const [open, setOpen] = useState(false);
-  // The row the list hangs under, taken when it opens (a ref read during render would be stale).
-  const [anchor, setAnchor] = useState<HTMLDivElement | null>(null);
-  const { resource, usable, loadError, blocked } = useDecisionModels(cwd);
-  const probe = models?.testDecision;
-  // '' tests the model agents would get (the first available); keyed by host too, as the answer is that host's.
-  const test = useModelTest(`${hostId ?? ''}|${value}`, probe ? () => probe(cwd ?? '', value || undefined) : undefined);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const pickerRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!open) return undefined;
-    const onDown = (e: MouseEvent) => {
-      const target = e.target as Node;
-      if (containerRef.current && !containerRef.current.contains(target) && !pickerRef.current?.contains(target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener('mousedown', onDown);
-    return () => document.removeEventListener('mousedown', onDown);
-  }, [open]);
-
-  const modelName = useComposerModelName();
-  const catalog = useMemo<ModelListEntry[]>(
-    () =>
-      usable.map((e) => ({
-        providerKey: e.providerKey,
-        providerLabel: e.providerLabel,
-        modelId: e.modelId,
-        modelName: modelName(e.modelId, e.providerKey),
-        searchCorpus: `${e.providerLabel} ${e.modelId}`.toLowerCase(),
-      })),
-    [usable, modelName],
-  );
-  if (!resource) return null;
-  const pick = parseModelSetting(value);
-  const slash = value.indexOf('/');
-  const selectedId = slash > 0 ? value.slice(slash + 1) : '';
-
-  return (
-    <div ref={containerRef} className={className ? `relative ${className}` : 'relative'} style={style}>
-      <HostRow disabled={usable.length === 0}>
-        <button
-          type="button"
-          data-row-control
-          disabled={usable.length === 0}
-          onClick={() => {
-            setAnchor(containerRef.current);
-            setOpen((o) => !o);
-          }}
-          aria-haspopup="listbox"
-          aria-expanded={open}
-          aria-label={l.modelRowsDecision}
-          className={ROW_TRIGGER_CLASS}
-        >
-          <RowText
-            label={l.modelRowsDecision}
-            description={blocked ?? l.modelRowsDecisionDescription}
-            truncate={false}
-          />
-          <ValueChip muted={!value} title={value || undefined}>
-            {pick ? modelName(pick.modelId, pick.providerKey) : value || l.modelRowsDecisionFirst}
-          </ValueChip>
-        </button>
-        {probe && (
-          <ModelTestButton
-            state={test.state}
-            disabled={usable.length === 0}
-            title={l.modelRowsDecisionTestTitle}
-            onTest={() => void test.run()}
-          />
-        )}
-        {loadError && (
-          <button type="button" onClick={() => void resource.refresh()} className={BTN_SECONDARY}>
-            {l.modelRowsRetry}
-          </button>
-        )}
-        {value && (
-          <IconButton
-            icon="i-ph-x"
-            label={l.modelRowsDecisionResetLabel}
-            title={l.modelRowsDecisionReset}
-            size="sm"
-            onClick={() => {
-              onChange('');
-              setOpen(false);
-            }}
-          />
-        )}
-      </HostRow>
-      {test.state && test.state !== 'testing' && <ModelTestLine result={test.state} />}
-      <ModelListPicker
-        ref={pickerRef}
-        open={open}
-        anchor={anchor}
-        catalog={catalog}
-        multi={false}
-        selected={selectedId ? [selectedId] : []}
-        onPick={(ids) => {
-          const id = ids[0];
-          const entry = id ? usable.find((e) => e.modelId === id) : undefined;
-          onChange(entry ? `${entry.providerKey}/${entry.modelId}` : '');
-          setOpen(false);
-        }}
-        onClose={() => setOpen(false)}
-      />
-    </div>
-  );
-}
-
-const APPROVAL_ICONS: Record<ApprovalMode, string> = {
-  ask: 'i-ph-hand',
-  decide: 'i-ph-sparkle',
-  off: 'i-ph-lightning',
-};
-
-/** Props for {@link ApprovalModeRow}. */
-export interface ApprovalModeRowProps extends ModelRowBase {
-  /** `Settings.approvalMode`. */
-  value: ApprovalMode;
-  /** Sets it. */
-  onChange: (value: ApprovalMode) => void;
-}
-
-/**
- * Tool approvals: ask, Model decision or off. Model decision is offered only
- * when a decision model resolves; otherwise its segment is disabled and its
- * tooltip says why.
- *
- * @param props - Component props.
- */
-export function ApprovalModeRow({ cwd, value, onChange, className, style }: ApprovalModeRowProps) {
-  const l = useModelRowsLabels();
-  const { blocked: unavailable } = useDecisionModels(cwd);
-  const current = APPROVAL_MODE_OPTIONS.find((m) => m.value === value) ?? APPROVAL_MODE_OPTIONS[0];
-  const row = (
-    <SegmentedRow<ApprovalMode>
-      label={l.modelRowsApprovals}
-      description={current?.description}
-      value={value}
-      onChange={onChange}
-      options={APPROVAL_MODE_OPTIONS.map((m) => ({
-        value: m.value,
-        label: m.label,
-        icon: APPROVAL_ICONS[m.value],
-        // A stored Model decision stays visible (and re-pickable) while no model resolves.
-        disabled: m.value === 'decide' && unavailable !== null && value !== 'decide',
-        // The row's description already says what the picked mode does.
-        ...(m.value === 'decide' && unavailable !== null ? { title: unavailable } : {}),
-      }))}
-    />
-  );
-  return className || style ? (
-    <div className={className} style={style}>
-      {row}
-    </div>
-  ) : (
-    row
-  );
-}
-
-/** Props for {@link ConversationPresetsRow}. */
-export interface ConversationPresetsRowProps {
-  /** The settings the "your settings" tab previews. */
-  settings: Settings;
-  /** Writes one setting: "Use" a preset writes each of its settings. */
-  setSetting: <K extends keyof Settings>(key: K, value: Settings[K]) => void;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/**
- * The sample conversation with a tab for your settings and one per preset
- * (Focused, Balanced, Detailed). A tab only previews; "Use" sets every
- * setting of the preset.
- *
- * @param props - Component props.
- */
-export function ConversationPresetsRow({ settings, setSetting, className, style }: ConversationPresetsRowProps) {
-  const apply = (id: TranscriptPresetId) => {
-    for (const [key, value] of Object.entries(transcriptPreset(id).settings)) {
-      setSetting(key as keyof Settings, value as Settings[keyof Settings]);
-    }
-  };
-  return (
-    <div className={className ? `px-2 pt-2 pb-3 ${className}` : 'px-2 pt-2 pb-3'} style={style}>
-      <ConversationPresetPreview settings={settings} onApply={apply} />
-    </div>
-  );
-}

package/src/settings/sections/models/SpacesDefaultsSection.tsx

@@ -1,102 +0,0 @@
-/**
- * Settings › General › Spaces: `SpacesSection` (`zidane-ui/chat/sidebar`,
- * over the settings host) with each space's defaults for new sessions under
- * it (agent, model, effort and options), each falling back to Settings ›
- * Agent › Defaults while unset.
- */
-import type { CSSProperties } from 'react';
-import type { Space } from 'zidane/chat/pure';
-
-import { SpacesSection } from '../../../chat/sidebar/SpacesSection';
-import { useSettings } from '../../SettingsProvider';
-import { agentDefaultsOf, AgentDefaultsRows, type AgentDefaultsValue } from './AgentDefaults';
-
-/** Props for {@link SpacesDefaultsSection}. */
-export interface SpacesDefaultsSectionProps {
-  /** The folder whose agents and models the rows list (`null`: none). */
-  cwd: string | null;
-  /** Extra classes on each space's rows. */
-  className?: string;
-  /** Inline styles on each space's rows. */
-  style?: CSSProperties;
-}
-
-/**
- * The Spaces sections of the General page: the switch, then the list with each space's defaults while it is on.
- *
- * @param props - Component props.
- */
-export function SpacesDefaultsSection({ cwd, className, style }: SpacesDefaultsSectionProps) {
-  const { settings } = useSettings();
-  // What a space's unset rows fall back to: Agent › Defaults.
-  const inherited = agentDefaultsOf(settings);
-  return (
-    <SpacesSection
-      renderDefaults={(space, update) => (
-        <AgentDefaultsRows
-          value={spaceDefaults(space)}
-          onChange={(next) => update((s) => withSpaceDefaults(s, next))}
-          cwd={cwd}
-          inherited={inherited}
-          className={className}
-          style={style}
-        />
-      )}
-    />
-  );
-}
-
-/**
- * A space's defaults for new sessions, as the rows edit them.
- *
- * @param space - The space.
- */
-export function spaceDefaults(space: Space): AgentDefaultsValue {
-  return {
-    agentId: space.agentId,
-    model:
-      space.providerKey && space.modelId
-        ? {
-            providerKey: space.providerKey,
-            modelId: space.modelId,
-            ...(space.account ? { account: space.account } : {}),
-          }
-        : null,
-    effort: space.effort,
-    modelOptions: space.modelOptions,
-  };
-}
-
-/**
- * `space` with `next`'s defaults. Its fallback chain stays with a model:
- * kept when the model changes (without the new model itself), gone with it.
- *
- * @param space - The space.
- * @param next - Its new defaults.
- */
-export function withSpaceDefaults(space: Space, next: AgentDefaultsValue): Space {
-  const {
-    providerKey: _p,
-    modelId: _m,
-    account: _a,
-    fallbacks,
-    effort: _e,
-    modelOptions: _o,
-    agentId: _g,
-    ...rest
-  } = space;
-  const model = next.model;
-  const chain = model
-    ? fallbacks?.filter((f) => f.providerKey !== model.providerKey || f.modelId !== model.modelId)
-    : undefined;
-  return {
-    ...rest,
-    ...(model
-      ? { providerKey: model.providerKey, modelId: model.modelId, ...(model.account ? { account: model.account } : {}) }
-      : {}),
-    ...(chain && chain.length > 0 ? { fallbacks: chain } : {}),
-    ...(next.effort ? { effort: next.effort } : {}),
-    ...(next.modelOptions ? { modelOptions: next.modelOptions } : {}),
-    ...(next.agentId ? { agentId: next.agentId } : {}),
-  };
-}