@zaip-ai/cli 1.0.7 → 1.0.8

package/templates/.agents/dashboard/apps/frontend/src/ProjectSettingsPage.tsx

@@ -1,24 +1,27 @@
 import { type FormEvent, type ReactNode, useEffect, useState } from "react";
-import type { DashboardApiClient, ProjectConfigSettings } from "./dashboard-api.js";
+import type {
+  DashboardApiClient,
+  ProjectConfigSettings,
+  ProjectOverview,
+} from "./dashboard-api.js";
 import {
   buildProjectSettingsPayload,
   defaultAutonomousExecution,
-  defaultModelOrchestration,
-  type LanguagesDraft,
   lineList,
-  modelOrchestrationForMode,
   projectSettingsDraft,
+  shortFrameworkVersion,
+  type StackComponentsDraft,
+  withDetectedStackVersions,
 } from "./project-settings-model.js";
+import { StackComponentEditor, StackVersions } from "./ProjectStackEditor.js";
 import "./project-settings-page.css";
 
 type Locale = "pt-BR" | "en-US";
-
 const copy = {
   "pt-BR": {
     eyebrow: "Configurações",
     title: "Configuração do projeto",
-    intro:
-      "Edite o arquivo central do projeto com validação do schema antes da gravação. Nenhuma credencial deve ser adicionada aqui.",
+    intro: "Edite o arquivo central do projeto com validação do schema antes da gravação.",
     loading: "Carregando configurações do projeto…",
     back: "Voltar ao dashboard",
     save: "Salvar configurações",
@@ -28,17 +31,51 @@ const copy = {
     frameworkHint: "Ativa ou desativa o framework para este projeto.",
     identity: "Identidade do projeto",
     stack: "Stack e linguagens",
-    clients: "Clientes e rastreamento",
-    models: "Orquestração de modelos",
     execution: "Execução",
     assurance: "Assurance",
+    executionToggleHint:
+      "Grava ou remove o bloco execution. Sem ele, o projeto usa execução manual.",
+    runtimeHint:
+      "Manual apenas materializa o trabalho; autonomous executa a DAG pelo provider configurado quando as precondições passam.",
+    providerHint: "Provider que inicia os agentes da execução autônoma: Codex ou Claude.",
+    executionModelHint:
+      "Modelo-base do runtime autônomo. A política automática de PRD/SPEC ainda pode selecionar um modelo permitido por agente.",
+    parallelismHint:
+      "Teto de agentes simultâneos. O valor efetivo é o menor limite entre projeto, DAG, provider e squad.",
+    leaseHint:
+      "Valor persistido no projeto. O coordenador atual ainda usa internamente um lease fixo de 60 segundos.",
+    assuranceToggleHint:
+      "Ativa ou remove os gates de evidência, revisão e qualidade do projeto. Recomenda-se manter ativo.",
+    assuranceVersionHint: "Versão do contrato de assurance. É fixa e somente leitura.",
+    assuranceDepthHint:
+      "Auto ajusta o rigor ao escopo; base exige o conjunto padrão; elevated amplia validações para mudanças mais abrangentes.",
+    finalCommitHint:
+      "Exige que as evidências comprovem o commit final integrado. Sinais de produção ou migração ainda podem exigir isso mesmo quando desativado.",
     context: "Contexto",
+    overview: "Visão geral do projeto",
+    available: "Criado",
+    unavailable: "Ainda não criado",
+    componentGuide:
+      "Preencha cada responsabilidade separadamente. A versão fica sem prefixos (^, ~, >=) e a referência identifica o pacote, imagem ou serviço.",
+    versionHint: "Versão exata: 22.16.0 ou 17.6. Deixe vazio para serviços sem versão fixada.",
+    referenceHint:
+      "Ex.: npm:hono, docker:node:22.16.0-bookworm-slim, service:supabase ou provider:cloudflare-pages.",
+    overrides: "Opções avançadas (JSON)",
+    overridesHint:
+      "Use apenas fatos técnicos transversais confirmados. Deixe vazio quando não houver exceções.",
+    versions: "Versões verificadas no workspace",
+    exact: "Verificada",
+    constraint: "Requisito",
+    versionUnavailable: "Não encontrada",
+    contextGuide:
+      "O contexto começa pelas fontes canônicas e inclui somente arquivos relevantes para a tarefa. Saídas geradas são consultadas apenas em setup, release ou checagem de paridade.",
+    contextDomains:
+      "Branding, Marketing, Growth e Sales são usados sob demanda pelos respectivos especialistas, quando houver uma tarefa e artefatos desses domínios. Não os adicione aqui apenas por existirem como capacidades.",
   },
   "en-US": {
     eyebrow: "Settings",
     title: "Project settings",
-    intro:
-      "Edit the central project file with schema validation before writing. Do not add credentials here.",
+    intro: "Edit the central project file with schema validation before writing.",
     loading: "Loading project settings…",
     back: "Back to dashboard",
     save: "Save settings",
@@ -48,11 +85,47 @@ const copy = {
     frameworkHint: "Enable or disable the framework for this project.",
     identity: "Project identity",
     stack: "Stack and languages",
-    clients: "Clients and tracking",
-    models: "Model orchestration",
     execution: "Execution",
     assurance: "Assurance",
+    executionToggleHint:
+      "Writes or removes the execution block. Without it, the project uses manual execution.",
+    runtimeHint:
+      "Manual only materializes work; autonomous runs the DAG through the configured provider after preconditions pass.",
+    providerHint: "Provider that starts autonomous execution agents: Codex or Claude.",
+    executionModelHint:
+      "Base model for the autonomous runtime. PRD/SPEC automatic policy may still select an allowed model per agent.",
+    parallelismHint:
+      "Maximum simultaneous agents. Effective parallelism is the smallest project, DAG, provider, and squad limit.",
+    leaseHint:
+      "Value persisted in the project. The current coordinator still uses a fixed internal 60-second lease.",
+    assuranceToggleHint:
+      "Enables or removes project evidence, review, and quality gates. Keeping it enabled is recommended.",
+    assuranceVersionHint: "Assurance contract version. It is fixed and read-only.",
+    assuranceDepthHint:
+      "Auto adapts rigor to scope; base uses the standard set; elevated expands validation for broader changes.",
+    finalCommitHint:
+      "Requires evidence for the final integrated commit. Production or migration signals may still require it when disabled.",
     context: "Context",
+    overview: "Project overview",
+    available: "Created",
+    unavailable: "Not created yet",
+    componentGuide:
+      "Fill each responsibility separately. Versions have no prefixes (^, ~, >=), and the reference identifies the package, image, or service.",
+    versionHint:
+      "Exact version: 22.16.0 or 17.6. Leave blank for services without a pinned version.",
+    referenceHint:
+      "E.g. npm:hono, docker:node:22.16.0-bookworm-slim, service:supabase, or provider:cloudflare-pages.",
+    overrides: "Advanced options (JSON)",
+    overridesHint:
+      "Use only confirmed cross-cutting technical facts. Leave empty when there are no exceptions.",
+    versions: "Versions verified in the workspace",
+    exact: "Verified",
+    constraint: "Requirement",
+    versionUnavailable: "Not found",
+    contextGuide:
+      "Context starts from canonical sources and includes only files relevant to the task. Generated outputs are consulted only for setup, release, or parity checks.",
+    contextDomains:
+      "Branding, Marketing, Growth, and Sales are used on demand by their respective specialists when there is a task and artifacts in those domains. Do not add them here merely because they exist as capabilities.",
   },
 } as const;
 
@@ -67,23 +140,22 @@ export function ProjectSettingsPage({
 }) {
   const text = copy[locale];
   const [config, setConfig] = useState<ProjectConfigSettings | null>(null);
-  const [languages, setLanguages] = useState<LanguagesDraft>({
-    frontend: "",
-    backend: "",
-    site: "",
-  });
+  const [overview, setOverview] = useState<ProjectOverview | null>(null);
+  const [stackComponents, setStackComponents] = useState<StackComponentsDraft | null>(null);
   const [otherOverrides, setOtherOverrides] = useState("{}");
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [notice, setNotice] = useState<string | null>(null);
 
   useEffect(() => {
-    void api
-      .projectSettings()
-      .then((loaded) => {
+    void Promise.all([api.projectSettings(), api.projectOverview()])
+      .then(([loaded, projectOverview]) => {
         const draft = projectSettingsDraft(loaded);
         setConfig(loaded);
-        setLanguages(draft.languages);
+        setOverview(projectOverview);
+        setStackComponents(
+          withDetectedStackVersions(draft.components, projectOverview.stack_components),
+        );
         setOtherOverrides(draft.otherOverrides);
       })
       .catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)));
@@ -97,11 +169,17 @@ export function ProjectSettingsPage({
     setNotice(null);
     try {
       const saved = await api.saveProjectSettings(
-        buildProjectSettingsPayload(config, languages, otherOverrides),
+        buildProjectSettingsPayload(
+          config,
+          stackComponents ?? projectSettingsDraft(config).components,
+          otherOverrides,
+        ),
       );
+      const refreshedOverview = await api.projectOverview();
       const draft = projectSettingsDraft(saved);
       setConfig(saved);
-      setLanguages(draft.languages);
+      setOverview(refreshedOverview);
+      setStackComponents(draft.components);
       setOtherOverrides(draft.otherOverrides);
       setNotice(text.saved);
     } catch (cause) {
@@ -114,11 +192,14 @@ export function ProjectSettingsPage({
   if (config === null) {
     return (
       <main className="project-settings-state">
-        <p>{text.eyebrow}</p>
-        <h1>{error ?? text.loading}</h1>
-        <button onClick={onClose} type="button">
-          {text.back}
-        </button>
+        <div className="project-settings-state-card">
+          <span aria-hidden="true" className="project-settings-loader" />
+          <p>{text.eyebrow}</p>
+          <h1>{error ?? text.loading}</h1>
+          <button onClick={onClose} type="button">
+            ← {text.back}
+          </button>
+        </div>
       </main>
     );
   }
@@ -146,7 +227,10 @@ export function ProjectSettingsPage({
 
         <section className="project-settings-feature">
           <div>
-            <h2>{text.framework}</h2>
+            <h2>
+              {text.framework}
+              {shortFrameworkVersion(overview?.framework_version) ? ` - ${shortFrameworkVersion(overview?.framework_version)}` : ""}
+            </h2>
             <p>{text.frameworkHint}</p>
           </div>
           <Toggle
@@ -156,8 +240,33 @@ export function ProjectSettingsPage({
           />
         </section>
 
+        <section className="project-settings-summary" aria-label={text.overview}>
+          {overview?.metrics.map((metric) => (
+            <div className="project-settings-metric" key={metric.id}>
+              <strong>{metric.value}</strong>
+              <span>{metric.label}</span>
+            </div>
+          ))}
+        </section>
+
+        <SettingsCard className="is-wide" title={text.overview}>
+          <div className="project-overview" aria-live="polite">
+            {overview?.areas.map((area) => (
+              <div className="project-overview-item" key={area.id}>
+                <div>
+                  <strong>{area.label}</strong>
+                  <code>{area.artifact}</code>
+                </div>
+                <span className={area.available ? "is-available" : "is-unavailable"}>
+                  {area.available ? text.available : text.unavailable}
+                </span>
+              </div>
+            ))}
+          </div>
+        </SettingsCard>
+
         <div className="project-settings-grid">
-          <SettingsCard title={text.identity}>
+          <SettingsCard className="is-wide project-identity-card" title={text.identity}>
             <Field label="Schema">
               <input readOnly value={config.schema_version} />
             </Field>
@@ -200,135 +309,36 @@ export function ProjectSettingsPage({
           </SettingsCard>
 
           <SettingsCard className="is-wide" title={text.stack}>
-            <div className="project-settings-fields two-columns">
-              <Field label="Stack profile">
-                <input
-                  required
-                  value={config.stack.profile}
-                  onChange={(event) =>
-                    setConfig({
-                      ...config,
-                      stack: { ...config.stack, profile: event.target.value },
-                    })
-                  }
-                />
-              </Field>
-              <Field label={locale === "pt-BR" ? "Frontend" : "Frontend"}>
-                <input
-                  placeholder="TypeScript, JavaScript"
-                  value={languages.frontend}
-                  onChange={(event) => setLanguages({ ...languages, frontend: event.target.value })}
-                />
-              </Field>
-              <Field label={locale === "pt-BR" ? "Backend" : "Backend"}>
-                <input
-                  placeholder="TypeScript, Python"
-                  value={languages.backend}
-                  onChange={(event) => setLanguages({ ...languages, backend: event.target.value })}
-                />
-              </Field>
-              <Field label={locale === "pt-BR" ? "Site" : "Site"}>
-                <input
-                  placeholder="Astro, TypeScript"
-                  value={languages.site}
-                  onChange={(event) => setLanguages({ ...languages, site: event.target.value })}
-                />
-              </Field>
-            </div>
-            <Field
-              hint={
-                locale === "pt-BR"
-                  ? "Objeto JSON. Chaves existentes são preservadas; linguagens são controladas pelos campos acima."
-                  : "JSON object. Existing keys are preserved; languages are controlled by the fields above."
-              }
-              label={locale === "pt-BR" ? "Demais overrides" : "Additional overrides"}
-            >
-              <textarea
-                rows={7}
-                value={otherOverrides}
-                onChange={(event) => setOtherOverrides(event.target.value)}
+            <p className="project-stack-guide">{text.componentGuide}</p>
+            {stackComponents ? (
+              <StackComponentEditor
+                components={stackComponents}
+                locale={locale}
+                onChange={setStackComponents}
+                referenceHint={text.referenceHint}
+                versionHint={text.versionHint}
               />
-            </Field>
-          </SettingsCard>
-
-          <SettingsCard title={text.clients}>
-            <Toggle
-              checked={config.clients.codex}
-              label="Codex"
-              onChange={(codex) => setConfig({ ...config, clients: { ...config.clients, codex } })}
-            />
-            <Toggle
-              checked={config.clients.claude}
-              label="Claude"
-              onChange={(claude) =>
-                setConfig({ ...config, clients: { ...config.clients, claude } })
-              }
-            />
-            <Toggle
-              checked={config.tracking.enabled}
-              label={locale === "pt-BR" ? "Rastreamento ativo" : "Tracking enabled"}
-              onChange={(enabled) =>
-                setConfig({ ...config, tracking: { ...config.tracking, enabled } })
-              }
-            />
-            <Field label={locale === "pt-BR" ? "Moeda ISO 4217" : "ISO 4217 currency"}>
-              <input
-                maxLength={3}
-                required
-                value={config.tracking.currency}
-                onChange={(event) =>
-                  setConfig({
-                    ...config,
-                    tracking: {
-                      ...config.tracking,
-                      currency: event.target.value.toUpperCase(),
-                    },
-                  })
-                }
-              />
-            </Field>
-            <Field label="Storage mode">
-              <select
-                value={config.tracking.storage_mode}
-                onChange={(event) =>
-                  setConfig({
-                    ...config,
-                    tracking: {
-                      ...config.tracking,
-                      storage_mode: event.target.value as "tracked_sanitized" | "local_only",
-                    },
-                  })
-                }
-              >
-                <option value="tracked_sanitized">tracked_sanitized</option>
-                <option value="local_only">local_only</option>
-              </select>
-            </Field>
-          </SettingsCard>
-
-          <SettingsCard className="is-wide" title={text.models}>
-            <OptionalSectionToggle
-              checked={config.model_orchestration !== undefined}
-              label={
-                locale === "pt-BR"
-                  ? "Incluir configuração de modelos"
-                  : "Include model configuration"
-              }
-              onChange={(checked) =>
-                setConfig({
-                  ...config,
-                  model_orchestration: checked ? defaultModelOrchestration() : undefined,
-                })
-              }
-            />
-            {config.model_orchestration ? (
-              <ModelOrchestrationFields config={config} setConfig={setConfig} />
             ) : null}
+            <StackVersions components={overview?.stack_components ?? []} text={text} />
+            <details className="project-settings-advanced">
+              <summary>{text.overrides}</summary>
+              <Field
+                hint={text.overridesHint}
+                label={locale === "pt-BR" ? "Overrides" : "Overrides"}
+              >
+                <textarea
+                  rows={7}
+                  value={otherOverrides}
+                  onChange={(event) => setOtherOverrides(event.target.value)}
+                />
+              </Field>
+            </details>
           </SettingsCard>
 
           <SettingsCard title={text.execution}>
             <OptionalSectionToggle
               checked={config.execution !== undefined}
+              hint={text.executionToggleHint}
               label={
                 locale === "pt-BR"
                   ? "Incluir configuração de execução"
@@ -343,7 +353,7 @@ export function ProjectSettingsPage({
             />
             {config.execution ? (
               <>
-                <Field label="Runtime">
+                <Field hint={text.runtimeHint} label="Runtime">
                   <select
                     value={config.execution.runtime}
                     onChange={(event) =>
@@ -361,7 +371,7 @@ export function ProjectSettingsPage({
                   </select>
                 </Field>
                 {config.execution.runtime === "autonomous" ? (
-                  <AutonomousExecutionFields config={config} setConfig={setConfig} />
+                  <AutonomousExecutionFields config={config} setConfig={setConfig} text={text} />
                 ) : null}
               </>
             ) : null}
@@ -370,6 +380,7 @@ export function ProjectSettingsPage({
           <SettingsCard title={text.assurance}>
             <OptionalSectionToggle
               checked={config.assurance !== undefined}
+              hint={text.assuranceToggleHint}
               label={locale === "pt-BR" ? "Incluir assurance" : "Include assurance"}
               onChange={(checked) =>
                 setConfig({
@@ -382,10 +393,16 @@ export function ProjectSettingsPage({
             />
             {config.assurance ? (
               <>
-                <Field label="Version">
+                <Field
+                  hint={text.assuranceVersionHint}
+                  label={locale === "pt-BR" ? "Versão" : "Version"}
+                >
                   <input readOnly value={config.assurance.version} />
                 </Field>
-                <Field label="Standard depth">
+                <Field
+                  hint={text.assuranceDepthHint}
+                  label={locale === "pt-BR" ? "Profundidade padrão" : "Standard depth"}
+                >
                   <select
                     value={config.assurance.standard_depth}
                     onChange={(event) =>
@@ -409,7 +426,8 @@ export function ProjectSettingsPage({
                 </Field>
                 <Toggle
                   checked={config.assurance.require_final_commit}
-                  label="Require final commit"
+                  hint={text.finalCommitHint}
+                  label={locale === "pt-BR" ? "Exigir commit final" : "Require final commit"}
                   onChange={(require_final_commit) =>
                     setConfig({
                       ...config,
@@ -442,51 +460,69 @@ export function ProjectSettingsPage({
               }
             />
             {config.context ? (
-              <div className="project-settings-fields two-columns">
-                <Field
-                  hint={locale === "pt-BR" ? "Uma raiz por linha." : "One root per line."}
-                  label="Canonical roots"
-                >
-                  <textarea
-                    required
-                    rows={5}
-                    value={config.context.canonical_roots.join("\n")}
-                    onChange={(event) =>
-                      setConfig({
-                        ...config,
-                        context: {
-                          ...(config.context ?? {
-                            canonical_roots: ["packages"],
-                            projection_roots: [],
-                          }),
-                          canonical_roots: lineList(event.target.value),
-                        },
-                      })
+              <>
+                <div className="project-settings-guidance">
+                  <p>{text.contextGuide}</p>
+                  <p>{text.contextDomains}</p>
+                </div>
+                <div className="project-settings-fields two-columns">
+                  <Field
+                    hint={
+                      locale === "pt-BR"
+                        ? "Uma pasta por linha. Estas são as fontes principais do projeto."
+                        : "One folder per line. These are the project's primary sources."
                     }
-                  />
-                </Field>
-                <Field
-                  hint={locale === "pt-BR" ? "Uma raiz por linha." : "One root per line."}
-                  label="Projection roots"
-                >
-                  <textarea
-                    rows={5}
-                    value={config.context.projection_roots.join("\n")}
-                    onChange={(event) =>
-                      setConfig({
-                        ...config,
-                        context: {
-                          ...(config.context ?? {
-                            canonical_roots: ["packages"],
-                            projection_roots: [],
-                          }),
-                          projection_roots: lineList(event.target.value),
-                        },
-                      })
+                    label={locale === "pt-BR" ? "Fontes canônicas" : "Canonical sources"}
+                  >
+                    <textarea
+                      required
+                      rows={5}
+                      value={config.context.canonical_roots.join("\n")}
+                      onChange={(event) =>
+                        setConfig({
+                          ...config,
+                          context: {
+                            ...(config.context ?? {
+                              canonical_roots: ["packages"],
+                              projection_roots: [],
+                            }),
+                            canonical_roots: lineList(event.target.value),
+                          },
+                        })
+                      }
+                    />
+                  </Field>
+                  <Field
+                    hint={
+                      locale === "pt-BR"
+                        ? "Uma pasta por linha. São saídas geradas, não fontes de contexto normal."
+                        : "One folder per line. These are generated outputs, not normal context sources."
                     }
-                  />
-                </Field>
-              </div>
+                    label={
+                      locale === "pt-BR"
+                        ? "Saídas geradas/publicadas"
+                        : "Generated/published outputs"
+                    }
+                  >
+                    <textarea
+                      rows={5}
+                      value={config.context.projection_roots.join("\n")}
+                      onChange={(event) =>
+                        setConfig({
+                          ...config,
+                          context: {
+                            ...(config.context ?? {
+                              canonical_roots: ["packages"],
+                              projection_roots: [],
+                            }),
+                            projection_roots: lineList(event.target.value),
+                          },
+                        })
+                      }
+                    />
+                  </Field>
+                </div>
+              </>
             ) : null}
           </SettingsCard>
         </div>
@@ -531,23 +567,28 @@ function Field({ children, hint, label }: { children: ReactNode; hint?: string;
 
 function Toggle({
   checked,
+  hint,
   label,
   onChange,
 }: {
   checked: boolean;
+  hint?: string;
   label: string;
   onChange: (checked: boolean) => void;
 }) {
   return (
-    <label className="project-settings-toggle">
-      <input
-        checked={checked}
-        onChange={(event) => onChange(event.target.checked)}
-        type="checkbox"
-      />
-      <span aria-hidden="true" />
-      <strong>{label}</strong>
-    </label>
+    <div className="project-settings-toggle-field">
+      <label className="project-settings-toggle">
+        <input
+          checked={checked}
+          onChange={(event) => onChange(event.target.checked)}
+          type="checkbox"
+        />
+        <span aria-hidden="true" />
+        <strong>{label}</strong>
+      </label>
+      {hint ? <small>{hint}</small> : null}
+    </div>
   );
 }
 
@@ -555,111 +596,14 @@ function OptionalSectionToggle(props: Parameters<typeof Toggle>[0]) {
   return <Toggle {...props} />;
 }
 
-function ModelOrchestrationFields({
-  config,
-  setConfig,
-}: {
-  config: ProjectConfigSettings;
-  setConfig: (config: ProjectConfigSettings) => void;
-}) {
-  const model = config.model_orchestration ?? modelOrchestrationForMode("auto");
-  return (
-    <div className="project-settings-fields two-columns">
-      <Field label="Mode">
-        <select
-          value={model.mode}
-          onChange={(event) =>
-            setConfig({
-              ...config,
-              model_orchestration: modelOrchestrationForMode(
-                event.target.value as "manual" | "off" | "auto",
-              ),
-            })
-          }
-        >
-          <option value="manual">manual</option>
-          <option value="off">off</option>
-          <option value="auto">auto</option>
-        </select>
-      </Field>
-      <Field label="Notice">
-        <select
-          value={model.notice}
-          onChange={(event) =>
-            setConfig({
-              ...config,
-              model_orchestration: {
-                ...model,
-                notice: event.target.value as "always" | "mismatch",
-              },
-            })
-          }
-        >
-          <option value="mismatch">mismatch</option>
-          <option value="always">always</option>
-        </select>
-      </Field>
-      {model.mode === "off" ? (
-        <>
-          <Field label="Default model">
-            <input
-              required
-              value={model.default_model}
-              onChange={(event) =>
-                setConfig({
-                  ...config,
-                  model_orchestration: { ...model, default_model: event.target.value },
-                })
-              }
-            />
-          </Field>
-          <Field label="Default effort">
-            <input
-              required
-              value={model.default_effort}
-              onChange={(event) =>
-                setConfig({
-                  ...config,
-                  model_orchestration: { ...model, default_effort: event.target.value },
-                })
-              }
-            />
-          </Field>
-          <Field label="Default velocity">
-            <input
-              required
-              value={model.default_velocity}
-              onChange={(event) =>
-                setConfig({
-                  ...config,
-                  model_orchestration: { ...model, default_velocity: event.target.value },
-                })
-              }
-            />
-          </Field>
-        </>
-      ) : (
-        <div className="project-settings-fixed">
-          <strong>
-            {model.default_model} · {model.default_effort} · {model.default_velocity}
-          </strong>
-          {model.mode === "auto" ? (
-            <span>
-              {model.allowed_models.join(", ")} · {model.allowed_efforts.join(", ")} · spec, prd
-            </span>
-          ) : null}
-        </div>
-      )}
-    </div>
-  );
-}
-
 function AutonomousExecutionFields({
   config,
   setConfig,
+  text,
 }: {
   config: ProjectConfigSettings;
   setConfig: (config: ProjectConfigSettings) => void;
+  text: (typeof copy)[Locale];
 }) {
   const execution =
     config.execution?.runtime === "autonomous" ? config.execution : defaultAutonomousExecution();
@@ -667,7 +611,7 @@ function AutonomousExecutionFields({
     setConfig({ ...config, execution: { runtime: "autonomous", autonomous } });
   return (
     <>
-      <Field label="Provider">
+      <Field hint={text.providerHint} label="Provider">
         <select
           value={execution.autonomous.provider}
           onChange={(event) =>
@@ -681,14 +625,14 @@ function AutonomousExecutionFields({
           <option value="claude">claude</option>
         </select>
       </Field>
-      <Field label="Model">
+      <Field hint={text.executionModelHint} label="Model">
         <input
           required
           value={execution.autonomous.model}
           onChange={(event) => update({ ...execution.autonomous, model: event.target.value })}
         />
       </Field>
-      <Field label="Max parallelism">
+      <Field hint={text.parallelismHint} label="Max parallelism">
         <input
           max={8}
           min={1}
@@ -702,7 +646,7 @@ function AutonomousExecutionFields({
           }
         />
       </Field>
-      <Field label="Lease (ms)">
+      <Field hint={text.leaseHint} label="Lease (ms)">
         <input
           max={3_600_000}
           min={5_000}