From 4b80e940b81bcbe45f8595df73a8d1e47ec88ecf Mon Sep 17 00:00:00 2001
From: "Orca (ecs-claude)" <brettchien@users.noreply.github.com>
Date: Thu, 20 Aug 2026 18:08:10 +0800
Subject: [PATCH] remove(console): drop the standalone Compose panel + MANAGING
 identity panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Brett: hard to understand how to use the Compose panel, let's remove it
first — then also remove the MANAGING oab panel.

Compose: it was always a duplicate surface — the ADR itself flagged this at
slice 6 ("where template/overlay authoring moves to once this standing
section goes away isn't decided"). The `[+ New fleet]`/`[+ Add instance]`
deploy panel (`deploy.ts`) already reaches the identical compose→preview→
deploy engine as an action, with its own template/overlay pickers, preview,
and deploy-to-ECS step — removing the standalone one loses no capability,
just the redundant standing "Library" JSON-authoring surface.

Identity: `#identity`'s content (which AWS principal is managing this
cluster) is gone along with `.mgmt-combo` (the shared box PR #93 built for
it) — `#remote` is back to its own full-radius box, standalone.

## What
- Dropped `#compose-standalone` + its init (`initComposeTab`, `compose.ts`)
  and the now-Fleets-screen-only `updateScreen()` toggle for it. Trimmed
  `compose.ts` to the pure helpers `deploy.ts` still imports
  (`renderPreviewHtml`, `libraryNames`, the `Library`/`BundlePreview` types);
  `compose.test.ts` already only covered those, so no test changes there.
- Dropped `#identity`, `identityHtml`/`renderIdentity`/`kindBadge`
  (render.ts), and every `refreshIdentity()` call site (main.ts). Kept
  `field()` — shared with `agentConsoleHeaderHtml`'s `.ac-fields` — and
  `Source.runtimeContext()`/`RuntimeContext`/its fixture (backend contract,
  not UI surface — same call as leaving `Source.fsList` alone when the Files
  panel came out).
- CSS: removed both panels' exclusive rules; kept everything still shared
  with `deploy.ts`'s compose step or the agent console header.

## Verification
- `tsc --noEmit` — clean
- `vitest run` — 97/97 passing
- `vite build` — clean; `dist/index.html` 17.27kB → 12.34kB
- Playwright: confirmed both panels are gone from the DOM, `[+ New fleet]`
  still reaches Compose normally, and the agent console header (which reuses
  `field()`) still renders.

🤖 Generated by Orca ('ecs-claude').
---
 console/index.html         |  94 +----------------
 console/src/compose.ts     | 205 ++-----------------------------------
 console/src/main.ts        |  35 +------
 console/src/render.test.ts |  62 +----------
 console/src/render.ts      |  54 +---------
 console/src/styles.css     | 145 ++------------------------
 6 files changed, 23 insertions(+), 572 deletions(-)

diff --git a/console/index.html b/console/index.html
index b6cadc2..5274b90 100644
--- a/console/index.html
+++ b/console/index.html
@@ -147,16 +147,7 @@
         </div>
         <div class="drilldown-resizer" id="drilldown-resizer" title="Drag to resize"></div>
         <div class="drilldown-side" id="drilldown-side">
-          <!-- Identity (who's managing this cluster) and Remote (the live ACP
-               connection that powers Agent chat below) read as one unit — both
-               are supporting status for the same persistent chat, just two
-               different failure modes (bad credentials vs. no connection) —
-               so they're visually one box (`.mgmt-combo`) though still two
-               independently-rendered/tested sections. -->
-          <div class="mgmt-combo">
-            <section id="identity" class="identity-wrap"></section>
-            <section id="remote" class="remote-wrap"></section>
-          </div>
+          <section id="remote" class="remote-wrap"></section>
           <section id="chat" class="chat-wrap">
             <div class="chat-head">
               <span class="chat-title">Agent chat</span>
@@ -184,89 +175,6 @@
         <div id="cfg-editor-mount" class="cfg-editor-mount"></div>
         <div class="cfg-editor-error" id="cfg-editor-error" hidden></div>
       </section>
-      <!-- Compose (agent-deployment-templates.md: author library → preview →
-           deploy_provision) is the one surface Part C didn't fully relocate —
-           `[+ New fleet]`/`[+ Add instance]` (slice 5) reach the same engine as
-           an action, but where template/overlay *authoring* moves to once this
-           standing section goes away isn't decided in the ADR. Left in place;
-           flagged for the slice 7 self-review. Not part of the Debug drawer. -->
-      <section id="compose-standalone" class="compose-standalone">
-        <div class="compose-standalone-head">
-          <span class="compose-label">Compose</span>
-          <span class="compose-lib-path">template ⊕ overlay authoring — golden bundle library</span>
-        </div>
-        <div id="compose" class="pane compose">
-          <div class="compose-grid">
-            <div class="compose-lib">
-              <div class="compose-lib-head">
-                <span class="compose-label">Library</span>
-                <span class="compose-lib-path">template ⊕ overlay + skills</span>
-                <span class="compose-spacer"></span>
-                <button type="button" id="compose-save" class="cfg-btn">Save library</button>
-              </div>
-              <textarea
-                id="compose-lib-text"
-                class="compose-lib-text"
-                spellcheck="false"
-                autocomplete="off"
-                placeholder='{ "templates": {}, "overlays": {}, "skills": { "skills": {} } }'
-              ></textarea>
-            </div>
-            <div class="compose-preview-col">
-              <form id="compose-form" class="compose-form" autocomplete="off">
-                <label
-                  >Template
-                  <select id="compose-template" class="compose-select"></select>
-                </label>
-                <label
-                  >Overlay
-                  <select id="compose-overlay" class="compose-select">
-                    <option value="">— none (bare template) —</option>
-                  </select>
-                </label>
-                <div class="compose-actions">
-                  <button type="submit" id="compose-preview-btn">Preview bundle</button>
-                  <span class="compose-status" id="compose-status"></span>
-                </div>
-              </form>
-              <div id="compose-preview" class="compose-preview"></div>
-              <form id="compose-deploy-form" class="compose-deploy" autocomplete="off" hidden>
-                <div class="compose-deploy-head">Deploy to ECS</div>
-                <label
-                  >Namespace
-                  <input id="compose-ns" class="compose-input" type="text" value="default" spellcheck="false" />
-                </label>
-                <label
-                  >Agent name
-                  <input id="compose-name" class="compose-input" type="text" placeholder="e.g. orca" spellcheck="false" />
-                </label>
-                <label
-                  >Image tag
-                  <input id="compose-image" class="compose-input" type="text" placeholder="(bundle default)" spellcheck="false" />
-                </label>
-                <div class="compose-actions">
-                  <button type="submit" id="compose-deploy-btn">Deploy</button>
-                  <span class="compose-status" id="compose-deploy-status"></span>
-                </div>
-                <p class="config-hint">
-                  Pushes the composed bundle to the agent's S3 artifacts prefix and
-                  redeploys its ECS service at this image tag, reusing the stored
-                  manifest's networking/resources. The agent must already have been
-                  created.
-                </p>
-              </form>
-            </div>
-          </div>
-          <p class="config-hint">
-            Author a reusable <strong>template</strong> (golden bundle + default
-            image tag) and per-agent <strong>overlays</strong>; skills are shared
-            by reference. Compose is deterministic, last-writer-wins per path
-            (overlay &gt; skills &gt; template), and produces a
-            <code>{path → bytes}</code> bundle. Preview is local — no deploy. The
-            provider drivers that land a bundle on a runtime are a later slice.
-          </p>
-        </div>
-      </section>
       <!-- ADR #83 Part D / slice 6 (7.6): Activity/MCP/Config collapse into a
            single secondary Debug drawer, reachable via any `[⚙]` — no longer
            peer-level tabs. Their internals are unchanged, only their standing
diff --git a/console/src/compose.ts b/console/src/compose.ts
index 328b267..8342e37 100644
--- a/console/src/compose.ts
+++ b/console/src/compose.ts
@@ -1,12 +1,11 @@
-// Compose tab: author the template/overlay/skills library and preview the
-// composed `{path → bytes}` agent bundle (agent-deployment ADR, slice 1).
-//
-// The library is edited as one JSON document (same "edit the config text, save,
-// reload" idiom as fleets.toml / remote.toml) and the preview is rendered
-// read-only. Everything real runs through the backend: the library is persisted
-// by `compose_library_set`, and the preview is composed by `compose_preview`
-// (the pure Rust `studio-compose` seam) — so the browser build, which has no
-// backend, disables the panel rather than re-implementing compose in TS.
+// Compose: the template/overlay/skills library types + the composed
+// `{path → bytes}` bundle preview (agent-deployment ADR, slice 1). The
+// standalone authoring tab this module used to wire (`initComposeTab`) is
+// gone — `[+ New fleet]`/`[+ Add instance]` (`deploy.ts`) reach the same
+// compose→preview→deploy engine as an action instead, reusing the pure
+// helpers below. Everything real runs through the backend: the library is
+// persisted by `compose_library_set`, and the preview is composed by
+// `compose_preview` (the pure Rust `studio-compose` seam).
 //
 // These types mirror `studio_compose`'s serde shapes 1:1.
 
@@ -45,18 +44,6 @@ export interface BundlePreview {
   files: FilePreview[];
 }
 
-type Invoke = <T>(cmd: string, args?: Record<string, unknown>) => Promise<T>;
-
-function tauriInvoke(): Invoke | null {
-  const t = (globalThis as { __TAURI__?: { core?: { invoke?: Invoke } } }).__TAURI__;
-  return t?.core?.invoke ?? null;
-}
-
-// Tauri command rejections arrive as plain strings, not Error objects.
-function errText(e: unknown): string {
-  return e instanceof Error ? e.message : String(e);
-}
-
 function escapeHtml(s: string): string {
   return s
     .replace(/&/g, "&amp;")
@@ -98,179 +85,3 @@ export function libraryNames(lib: Library): { templates: string[]; overlays: str
     o ? Object.keys(o).sort() : [];
   return { templates: keys(lib.templates), overlays: keys(lib.overlays) };
 }
-
-function fillOptions(sel: HTMLSelectElement, names: string[], keepNoneFirst: boolean): void {
-  const prev = sel.value;
-  const opts = keepNoneFirst ? ['<option value="">— none (bare template) —</option>'] : [];
-  for (const n of names) opts.push(`<option value="${escapeHtml(n)}">${escapeHtml(n)}</option>`);
-  sel.innerHTML = opts.join("");
-  // Preserve the operator's selection across a repopulate if it still exists.
-  if ([...sel.options].some((o) => o.value === prev)) sel.value = prev;
-}
-
-export function initComposeTab(): void {
-  const text = document.getElementById("compose-lib-text") as HTMLTextAreaElement | null;
-  const tmplSel = document.getElementById("compose-template") as HTMLSelectElement | null;
-  const ovlSel = document.getElementById("compose-overlay") as HTMLSelectElement | null;
-  const form = document.getElementById("compose-form") as HTMLFormElement | null;
-  const saveBtn = document.getElementById("compose-save") as HTMLButtonElement | null;
-  const out = document.getElementById("compose-preview");
-  const statusEl = document.getElementById("compose-status");
-  if (!text || !tmplSel || !ovlSel || !form) return;
-
-  const setStatus = (msg: string, cls = ""): void => {
-    if (statusEl) {
-      statusEl.textContent = msg;
-      statusEl.className = cls ? `compose-status ${cls}` : "compose-status";
-    }
-  };
-
-  const invoke = tauriInvoke();
-  if (!invoke) {
-    setStatus("browser build — compose unavailable");
-    text.disabled = true;
-    tmplSel.disabled = true;
-    ovlSel.disabled = true;
-    for (const b of form.querySelectorAll("button")) b.disabled = true;
-    if (saveBtn) saveBtn.disabled = true;
-    return;
-  }
-
-  // Best-effort: parse the editor text and refresh the pickers so newly authored
-  // templates/overlays are selectable before a save. Silent on parse error — the
-  // Preview/Save buttons surface it with a real message.
-  const syncPickers = (): void => {
-    try {
-      const lib = JSON.parse(text.value) as Library;
-      const { templates, overlays } = libraryNames(lib);
-      fillOptions(tmplSel, templates, false);
-      fillOptions(ovlSel, overlays, true);
-    } catch {
-      /* leave pickers as-is until the JSON is valid */
-    }
-  };
-
-  const parseLibrary = (): Library => JSON.parse(text.value) as Library;
-
-  // Deploy form (revealed after a successful preview so the operator deploys
-  // exactly what they just previewed).
-  const deployForm = document.getElementById("compose-deploy-form") as HTMLFormElement | null;
-  const nsInput = document.getElementById("compose-ns") as HTMLInputElement | null;
-  const nameInput = document.getElementById("compose-name") as HTMLInputElement | null;
-  const imageInput = document.getElementById("compose-image") as HTMLInputElement | null;
-  const deployBtn = document.getElementById("compose-deploy-btn") as HTMLButtonElement | null;
-  const deployStatusEl = document.getElementById("compose-deploy-status");
-
-  const setDeployStatus = (msg: string, cls = ""): void => {
-    if (deployStatusEl) {
-      deployStatusEl.textContent = msg;
-      deployStatusEl.className = cls ? `compose-status ${cls}` : "compose-status";
-    }
-  };
-
-  invoke<Library>("compose_library_get")
-    .then((lib) => {
-      text.value = JSON.stringify(lib, null, 2);
-      syncPickers();
-    })
-    .catch((e) => setStatus(`load failed: ${errText(e)}`, "err"));
-
-  text.addEventListener("input", syncPickers);
-
-  saveBtn?.addEventListener("click", async () => {
-    let lib: Library;
-    try {
-      lib = parseLibrary();
-    } catch (e) {
-      setStatus(`invalid JSON: ${errText(e)}`, "err");
-      return;
-    }
-    saveBtn.disabled = true;
-    setStatus("saving…");
-    try {
-      const saved = await invoke<Library>("compose_library_set", { library: lib });
-      text.value = JSON.stringify(saved, null, 2);
-      syncPickers();
-      setStatus("saved", "ok");
-    } catch (e) {
-      setStatus(`save failed: ${errText(e)}`, "err");
-    } finally {
-      saveBtn.disabled = false;
-    }
-  });
-
-  form.addEventListener("submit", async (ev) => {
-    ev.preventDefault();
-    let lib: Library;
-    try {
-      lib = parseLibrary();
-    } catch (e) {
-      setStatus(`invalid JSON: ${errText(e)}`, "err");
-      return;
-    }
-    const template = tmplSel.value;
-    if (!template) {
-      setStatus("pick a template to preview", "err");
-      return;
-    }
-    const overlay = ovlSel.value || null;
-    setStatus("composing…");
-    try {
-      const preview = await invoke<BundlePreview>("compose_preview", { library: lib, template, overlay });
-      if (out) out.innerHTML = renderPreviewHtml(preview);
-      setStatus(`composed — ${preview.files.length} files`, "ok");
-      // Reveal the deploy form and prefill sensible defaults from the preview.
-      if (deployForm) deployForm.hidden = false;
-      if (nameInput && !nameInput.value) nameInput.value = overlay ?? template;
-      if (imageInput) imageInput.placeholder = preview.image_tag;
-      setDeployStatus("");
-    } catch (e) {
-      if (out) out.innerHTML = "";
-      if (deployForm) deployForm.hidden = true;
-      setStatus(`compose failed: ${errText(e)}`, "err");
-    }
-  });
-
-  deployForm?.addEventListener("submit", async (ev) => {
-    ev.preventDefault();
-    let lib: Library;
-    try {
-      lib = parseLibrary();
-    } catch (e) {
-      setDeployStatus(`invalid JSON: ${errText(e)}`, "err");
-      return;
-    }
-    const template = tmplSel.value;
-    const name = nameInput?.value.trim() ?? "";
-    if (!template) {
-      setDeployStatus("preview a template first", "err");
-      return;
-    }
-    if (!name) {
-      setDeployStatus("agent name is required", "err");
-      return;
-    }
-    const overlay = ovlSel.value || null;
-    const namespace = nsInput?.value.trim() || "default";
-    const image = imageInput?.value.trim() || null;
-    if (deployBtn) deployBtn.disabled = true;
-    setDeployStatus("deploying…");
-    try {
-      const res = await invoke<{
-        action?: string;
-        objects?: number;
-        image?: string;
-        digest?: string;
-      }>("deploy_provision", { library: lib, template, overlay, name, namespace, image });
-      const action = res.action ? res.action.toLowerCase() : "applied";
-      setDeployStatus(
-        `${action} ${namespace}/${name} @ ${res.image ?? image ?? "?"} — ${res.objects ?? 0} files pushed`,
-        "ok",
-      );
-    } catch (e) {
-      setDeployStatus(`deploy failed: ${errText(e)}`, "err");
-    } finally {
-      if (deployBtn) deployBtn.disabled = false;
-    }
-  });
-}
diff --git a/console/src/main.ts b/console/src/main.ts
index e114d55..d06c073 100644
--- a/console/src/main.ts
+++ b/console/src/main.ts
@@ -1,9 +1,7 @@
 import { defaultSource } from "./source";
 import { initConfigTab } from "./config";
-import { initComposeTab } from "./compose";
 import {
   renderRoster,
-  renderIdentity,
   renderFleetConfig,
   renderFleetDetailHeader,
   renderRemote,
@@ -47,12 +45,10 @@ let registryConfig: RegistryConfig | null = null;
 let agentConsole: AgentConsole | null = null;
 
 const roster = document.getElementById("roster");
-const identityEl = document.getElementById("identity");
 const configEl = document.getElementById("config");
 const fleetDetailEl = document.getElementById("fleet-detail");
 const fdHeaderEl = document.getElementById("fd-header");
 const remoteEl = document.getElementById("remote");
-const composeStandaloneEl = document.getElementById("compose-standalone");
 const editorSection = document.getElementById("config-editor");
 const editorMount = document.getElementById("cfg-editor-mount");
 const editorError = document.getElementById("cfg-editor-error");
@@ -241,19 +237,6 @@ async function tick(): Promise<void> {
   }
 }
 
-// The effective managing identity for this cluster (ADR #19). Fetched once on
-// boot and refreshed when the roster recovers — it changes rarely, so it does
-// not need the 5s poll (and each call is a live STS lookup server-side).
-async function refreshIdentity(): Promise<void> {
-  if (!identityEl) return;
-  try {
-    renderIdentity(identityEl, await source.runtimeContext(activeCluster));
-  } catch (e) {
-    note("error", `identity: ${errText(e)}`);
-    renderIdentity(identityEl, null);
-  }
-}
-
 // The fleet-binding config panel (ADR #19 "declare"). Fetched once on boot; the
 // bindings are read at core startup, so they don't change under us at runtime.
 async function refreshConfig(): Promise<void> {
@@ -298,15 +281,12 @@ async function refreshRemote(): Promise<void> {
 // `activeFleet === null` shows the Fleets screen (the `#config` list); a
 // selected fleet shows Fleet detail (breadcrumb header + the members roster,
 // with each member drilling further into its Agent console — slice 3) instead.
-// Compose (template/bundle authoring) is a Fleets-screen concern — not
-// relevant once drilled into a fleet/agent, so it hides alongside it. Remote
-// now lives in the persistent side column (`.mgmt-combo`, next to Identity) —
-// it stays visible at every depth, same as Identity and Agent chat, since
-// it's the connection status backing that same persistent chat.
+// Remote lives in the persistent side column — it stays visible at every
+// depth, same as Agent chat, since it's the connection status backing that
+// same persistent chat.
 function updateScreen(): void {
   if (configEl) configEl.hidden = activeFleet !== null;
   if (fleetDetailEl) fleetDetailEl.hidden = activeFleet === null;
-  if (composeStandaloneEl) composeStandaloneEl.hidden = activeFleet !== null;
   if (activeFleet && fdHeaderEl) renderFleetDetailHeader(fdHeaderEl, activeFleet);
 }
 
@@ -336,7 +316,6 @@ function selectFleet(name: string): void {
   note("info", `config: switched to fleet "${activeFleet}" (cluster "${activeCluster}")`);
   if (configEl) renderFleetConfig(configEl, fleetConfig, activeFleet);
   updateScreen();
-  void refreshIdentity();
   void tick();
 }
 
@@ -352,7 +331,6 @@ function deselectFleet(): void {
   note("info", "config: back to Fleets");
   if (configEl) renderFleetConfig(configEl, fleetConfig, activeFleet);
   updateScreen();
-  void refreshIdentity();
   void tick();
 }
 
@@ -488,8 +466,6 @@ async function saveEditor(): Promise<void> {
       if (configEl) renderFleetConfig(configEl, fleetConfig, activeFleet);
       note("info", "config: fleet saved");
       closeEditor();
-      // A binding change may alter the active fleet's credential — re-observe.
-      void refreshIdentity();
     }
   } catch (e) {
     showEditorError(`save failed — ${errText(e)}`);
@@ -973,13 +949,8 @@ async function boot(): Promise<void> {
   // hermetic env); on save the backend reloads the core, so refresh the roster
   // after.
   initConfigTab({ onSaved: () => void tick() });
-  // Compose (no longer a tab — an always-visible section, slice 6): author the
-  // template/overlay/skills library + preview the composed bundle
-  // (agent-deployment ADR, slice 1). Self-contained; no polling.
-  initComposeTab();
   updateScreen();
   void refreshConfig();
-  void refreshIdentity();
   void refreshRemote();
   void tick();
   window.setInterval(() => void tick(), POLL_MS);
diff --git a/console/src/render.test.ts b/console/src/render.test.ts
index 22e5f16..eb4e761 100644
--- a/console/src/render.test.ts
+++ b/console/src/render.test.ts
@@ -1,7 +1,6 @@
 import { describe, it, expect } from "vitest";
 import {
   rosterHtml,
-  identityHtml,
   fleetConfigHtml,
   fleetDetailHeaderHtml,
   remoteHtml,
@@ -16,18 +15,8 @@ import {
   FIXTURE_DEPLOYMENTS,
   FIXTURE_FLEET_CONFIG,
   FIXTURE_REMOTE_CONFIG,
-  FIXTURE_RUNTIME_CONTEXT,
 } from "./fixtures";
-import {
-  AGENT_STATES,
-  type AgentEndpointView,
-  type Deployment,
-  type RuntimeContext,
-} from "./types";
-
-function ctx(partial: Partial<RuntimeContext>): RuntimeContext {
-  return { ...structuredClone(FIXTURE_RUNTIME_CONTEXT), ...partial };
-}
+import { AGENT_STATES, type AgentEndpointView, type Deployment } from "./types";
 
 function dep(partial: Partial<Deployment>): Deployment {
   return {
@@ -158,55 +147,6 @@ describe("deploymentKey", () => {
   });
 });
 
-describe("identityHtml", () => {
-  it("shows principal, account, region and the role kind badge", () => {
-    const html = identityHtml(FIXTURE_RUNTIME_CONTEXT);
-    expect(html).toContain('class="kind k-role"');
-    expect(html).toContain("504190915686");
-    expect(html).toContain("ap-east-2");
-    expect(html).toContain("openab-orca-task-role");
-  });
-
-  it("flags a mismatch and shows the expected principal", () => {
-    const html = identityHtml(
-      ctx({
-        principal: "arn:aws:iam::916371022086:user/brett.chien",
-        principal_kind: "user",
-        scope: "916371022086",
-        identity_matches: false,
-      }),
-    );
-    expect(html).toContain('class="identity mismatch"');
-    expect(html).toContain("identity mismatch");
-    expect(html).toContain("class=\"kind k-user\"");
-    expect(html).toContain("arn:aws:iam::504190915686:role/openab-orca-task-role");
-  });
-
-  it("shows a matches verdict when identity_matches is true", () => {
-    expect(identityHtml(ctx({ identity_matches: true }))).toContain(
-      "matches expected",
-    );
-  });
-
-  it("shows no verdict when there is no expectation", () => {
-    const html = identityHtml(
-      ctx({ identity_matches: null, expected_principal: null }),
-    );
-    expect(html).not.toContain("mismatch");
-    expect(html).not.toContain("matches expected");
-  });
-
-  it("renders an unavailable state for null", () => {
-    expect(identityHtml(null)).toContain("identity unavailable");
-  });
-
-  it("escapes the principal ARN", () => {
-    const html = identityHtml(ctx({ principal: "<script>" }));
-    expect(html).toContain("&lt;script&gt;");
-    expect(html).not.toContain("<script>");
-  });
-});
-
 describe("fleetConfigHtml", () => {
   it("renders one button per fleet, switchable by name", () => {
     const html = fleetConfigHtml(FIXTURE_FLEET_CONFIG, "orca");
diff --git a/console/src/render.ts b/console/src/render.ts
index 918dc05..ff3223c 100644
--- a/console/src/render.ts
+++ b/console/src/render.ts
@@ -4,7 +4,6 @@ import type {
   Deployment,
   FleetConfig,
   RemoteConfig,
-  RuntimeContext,
 } from "./types";
 
 const STATE_CLASS: Record<AgentState, string> = {
@@ -132,62 +131,13 @@ export function renderRoster(
   el.innerHTML = rosterHtml(deployments, pending);
 }
 
-// ---- Runtime identity / context panel (ADR #19) ------------------------------
-
-const KIND_CLASS: Record<string, string> = {
-  role: "k-role",
-  user: "k-user",
-  unknown: "k-unknown",
-};
-
-function kindBadge(kind: string): string {
-  return `<span class="kind ${KIND_CLASS[kind] ?? "k-unknown"}">${escapeHtml(kind)}</span>`;
-}
-
+// A label/value row shared by the identity panel (removed) and the agent
+// console's read-only config header (`agentConsoleHeaderHtml`, below).
 function field(label: string, value: string, mono = true): string {
   const v = mono ? `<code>${escapeHtml(value)}</code>` : escapeHtml(value);
   return `<div class="id-field"><span class="k">${label}</span>${v}</div>`;
 }
 
-// Pure: a RuntimeContext -> the identity panel HTML. `null` renders an
-// unavailable state (core not started / call failed). Highlights a mismatch
-// when the resolved principal doesn't satisfy the binding's expectation.
-export function identityHtml(ctx: RuntimeContext | null): string {
-  if (!ctx) {
-    return `<div class="identity"><span class="muted">identity unavailable</span></div>`;
-  }
-  const mismatch = ctx.identity_matches === false;
-  const matched = ctx.identity_matches === true;
-  const cls = mismatch ? "identity mismatch" : matched ? "identity ok" : "identity";
-  const binding = ctx.binding
-    ? field("binding", ctx.binding.name || ctx.binding.profile || "—", false)
-    : `<div class="id-field"><span class="k">binding</span><span class="muted">none (default chain)</span></div>`;
-  const verdict = mismatch
-    ? `<div class="id-warn">⚠ identity mismatch — expected <code>${escapeHtml(ctx.expected_principal ?? "")}</code></div>`
-    : matched
-      ? `<div class="id-ok">✓ matches expected principal</div>`
-      : "";
-  return `<div class="${cls}">
-      <div class="id-head">
-        <span class="id-label">managing</span>
-        <span class="id-cluster">${escapeHtml(ctx.cluster)}</span>
-        <span class="id-as">as</span> ${kindBadge(ctx.principal_kind)}
-      </div>
-      <div class="id-grid">
-        ${field("principal", ctx.principal || "—")}
-        ${field("account", ctx.scope || "—")}
-        ${field("region", ctx.location || "—")}
-        ${field("source", ctx.source || "—", false)}
-        ${binding}
-      </div>
-      ${verdict}
-    </div>`;
-}
-
-export function renderIdentity(el: HTMLElement, ctx: RuntimeContext | null): void {
-  el.innerHTML = identityHtml(ctx);
-}
-
 // ---- Fleet config panel (ADR #19: the "declare" side) ------------------------
 
 function credLine(f: FleetConfig["fleets"][number]): string {
diff --git a/console/src/styles.css b/console/src/styles.css
index ec792a3..afe5fbc 100644
--- a/console/src/styles.css
+++ b/console/src/styles.css
@@ -239,18 +239,7 @@ body {
   flex-direction: column;
   gap: 12px;
 }
-.drilldown-side > .mgmt-combo {
-  margin: 0;
-}
-/* Identity + Remote render as two independent sections (still separately
-   testable pure functions) but share one border/background so they read as
-   one status box — see the HTML comment above `.mgmt-combo`. */
-.mgmt-combo {
-  display: flex;
-  flex-direction: column;
-}
-.mgmt-combo .identity-wrap,
-.mgmt-combo .remote-wrap {
+.drilldown-side > .remote-wrap {
   margin: 0;
 }
 .drilldown-side > .chat-wrap {
@@ -274,21 +263,6 @@ body {
   }
 }
 
-/* Compose (agent-deployment ADR): always-visible now that it's the only thing
-   left in this position — Activity/MCP/Config moved into the Debug drawer
-   below (ADR #83 Part D / slice 6), so there's no longer a tab strip to
-   switch away from it. */
-.compose-standalone {
-  border-bottom: 1px solid var(--border);
-  background: var(--panel);
-  padding: 10px 12px 0;
-}
-.compose-standalone-head {
-  display: flex;
-  align-items: baseline;
-  gap: 8px;
-  margin-bottom: 4px;
-}
 
 /* ---- Debug drawer (ADR #83 Part D / slice 6, 7.6) — Activity/MCP/Config,
    collapsed off the top-level nav, opened by any `[⚙]`. Slides over the right
@@ -576,64 +550,9 @@ button.act:disabled {
   background: var(--s-stopped);
 }
 
-/* ---- Runtime identity / context panel (ADR #19) ---- */
-.identity-wrap {
-  margin: 0 0 12px;
-}
-.identity {
-  border: 1px solid var(--border);
-  border-left: 3px solid var(--s-running);
-  border-bottom: none;
-  border-radius: 6px 6px 0 0;
-  background: var(--panel);
-  padding: 10px 12px;
-  font-size: 13px;
-}
-.identity.mismatch {
-  border-left-color: var(--s-unhealthy);
-}
-.identity.ok {
-  border-left-color: var(--ok);
-}
-.id-head {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 8px;
-}
-.id-label {
-  color: var(--muted);
-  text-transform: uppercase;
-  font-size: 11px;
-  letter-spacing: 0.04em;
-}
-.id-cluster {
-  font-weight: 600;
-}
-.id-as {
-  color: var(--muted);
-}
-.kind {
-  border-radius: 4px;
-  padding: 1px 6px;
-  font-size: 11px;
-  font-weight: 600;
-  border: 1px solid var(--border);
-}
-.kind.k-role {
-  color: var(--ok);
-}
-.kind.k-user {
-  color: var(--s-unhealthy);
-}
-.kind.k-unknown {
-  color: var(--muted);
-}
-.id-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 4px 16px;
-}
+/* `.id-field` is shared by the agent console's read-only config header
+   (`.ac-fields .id-field`, below) — the identity/runtime-context panel this
+   was originally built for (ADR #19) is gone. */
 .id-field {
   display: flex;
   gap: 6px;
@@ -649,18 +568,6 @@ button.act:disabled {
   font-size: 12px;
   overflow-wrap: anywhere;
 }
-.id-warn {
-  margin-top: 8px;
-  color: var(--s-unhealthy);
-  font-weight: 600;
-}
-.id-warn code {
-  font-weight: 400;
-}
-.id-ok {
-  margin-top: 8px;
-  color: var(--ok);
-}
 
 /* ---- Fleets screen (ADR #19: the "declare" side; ADR #83: promoted from a
    sidebar panel to the console's top-level screen — Slice 1) ---- */
@@ -906,7 +813,7 @@ button.act:disabled {
 }
 .remote {
   border: 1px solid var(--border);
-  border-radius: 0 0 6px 6px;
+  border-radius: 6px;
   background: var(--panel);
   padding: 10px 12px;
   font-size: 13px;
@@ -1237,50 +1144,14 @@ button.act:disabled {
   color: var(--muted);
 }
 
-/* Compose tab (agent-deployment ADR, slice 1): library editor + bundle preview. */
-.pane.compose {
-  padding: 16px;
-  overflow: auto;
-}
-.compose-grid {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  gap: 16px;
-}
-.compose-lib-head,
+/* Compose (agent-deployment ADR, slice 1): the deploy panel's bundle-preview
+   step (`deploy.ts`'s `#deploy-compose`) — the standalone authoring tab this
+   used to also style is gone, see compose.ts. */
 .compose-actions {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.compose-lib-head {
-  margin-bottom: 6px;
-}
-.compose-spacer {
-  flex: 1;
-}
-.compose-label {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text);
-}
-.compose-lib-path {
-  font-size: 11px;
-  color: var(--muted);
-}
-.compose-lib-text {
-  width: 100%;
-  min-height: 360px;
-  padding: 8px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  background: var(--bg);
-  color: var(--text);
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  resize: vertical;
-}
 .compose-form {
   display: flex;
   flex-direction: column;