feat: add workspace breadcrumbs

web/workspace/src/routes/w/[workspaceId]/+layout.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
   import { page } from '$app/state';
+  import HeaderOverride from '$lib/workspace/header/HeaderOverride.svelte';
+  import WorkspaceBreadcrumbs from '$lib/workspace/header/WorkspaceBreadcrumbs.svelte';
   import SidebarOverride from '$lib/workspace/sidebar/SidebarOverride.svelte';
   import WorkspaceSidebar from '$lib/workspace/sidebar/WorkspaceSidebar.svelte';
   import '$lib/workspace/styles/workspace-pages.css';
@@ -10,6 +12,10 @@
   let { data, children }: LayoutProps = $props();
 </script>
 
+{#snippet workspaceHeader()}
+  <WorkspaceBreadcrumbs workspaceId={page.params.workspaceId ?? data.workspace?.workspace_id ?? ''} />
+{/snippet}
+
 {#snippet workspaceSidebar()}
   <WorkspaceSidebar
     workspace={data.workspace ?? null}
@@ -20,6 +26,7 @@
   />
 {/snippet}
 
+<HeaderOverride content={workspaceHeader} />
 <SidebarOverride sidebar={workspaceSidebar} />
 
 {@render children()}

web/workspace/src/routes/w/[workspaceId]/objectives/[objectiveId]/+page.svelte

@@ -42,7 +42,6 @@
     <div class="objective-title-row detail">
       <div>
         <h3>{data.objective.title}</h3>
-        <p><code>{data.objective.id}</code></p>
       </div>
       <span class="state-pill">{data.objective.state}</span>
     </div>

web/workspace/src/routes/w/[workspaceId]/repositories/[repositoryId]/+page.svelte

@@ -15,7 +15,6 @@
     <div class="repository-detail-heading">
       <div>
         <h3>{data.repository.item.display_name}</h3>
-        <p><code>{data.repository.item.id}</code></p>
       </div>
       <span class="status-pill" class:warn={data.repository.item.git?.status !== 'clean'}>{data.repository.item.git?.status ?? 'not observed'}</span>
     </div>

web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { tick } from "svelte";
+    import { tick, untrack } from "svelte";
     import ConsoleLineItem from "$lib/workspace/console/ConsoleLineItem.svelte";
     import ConsoleTimeline from "$lib/workspace/console/ConsoleTimeline.svelte";
     import { chatSubmit } from "$lib/workspace/console/chat-submit";
@@ -35,6 +35,8 @@
             workspaceId: string;
             runtimeId: string;
             workerId: string;
+            worker: Worker | null;
+            workerError: string | null;
         };
     };
 
@@ -84,9 +86,11 @@
         client: number;
     };
 
-    let worker = $state<Worker | null>(null);
-    let liveWorkerState = $state<string | null>(null);
-    let workerError = $state<string | null>(null);
+    let worker = $state<Worker | null>(untrack(() => data.worker));
+    let liveWorkerState = $state<string | null>(
+        untrack(() => data.worker?.state ?? null),
+    );
+    let workerError = $state<string | null>(untrack(() => data.workerError));
     let draft = $state("");
     let completionEntries = $state<ComposerCompletionEntry[]>([]);
     let completionToken = $state<ComposerCompletionToken | null>(null);
@@ -193,7 +197,7 @@
     }
 
     async function loadConsoleData(target: ConsoleTarget) {
-        await loadWorker(target);
+        if (!worker) await loadWorker(target);
     }
 
     function advanceReloadToken(): number {
@@ -1101,10 +1105,7 @@
 </svelte:head>
 
 <div class="console-shell worker-console-shell">
-    <section class="console-header card">
-        <div>
-            <h2>{worker?.label ?? workerId}</h2>
-        </div>
+    <section class="console-header card" aria-label="Worker controls">
         <div class="console-header-actions">
             <div
                 class="console-status-pill"
@@ -1413,7 +1414,7 @@
     .console-header {
         display: flex;
         align-items: flex-start;
-        justify-content: space-between;
+        justify-content: flex-end;
         gap: var(--space-4);
     }
 

web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.ts

@@ -1,11 +1,23 @@
-export function load(
-  { params }: {
-    params: { workspaceId: string; runtimeId: string; workerId: string };
-  },
-) {
+import { loadJson, workspaceApiPath } from "$lib/workspace/api/http";
+import type { Worker } from "$lib/workspace/sidebar/types";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ fetch, params }) => {
+  const worker = await loadJson<Worker>(
+    fetch,
+    workspaceApiPath(
+      params.workspaceId,
+      `/runtimes/${encodeURIComponent(params.runtimeId)}/workers/${
+        encodeURIComponent(params.workerId)
+      }`,
+    ),
+  );
+
   return {
     workspaceId: params.workspaceId,
     runtimeId: params.runtimeId,
     workerId: params.workerId,
+    worker: worker.data,
+    workerError: worker.error,
   };
-}
+};

web/workspace/src/routes/w/[workspaceId]/settings/profiles/trees/[sourceTreeId]/+page.svelte

@@ -7,7 +7,7 @@
     fetchProfileTreeFile,
     writeProfileTreeFile,
   } from '$lib/workspace/settings/profile-api';
-  import { profileSettingsHref, virtualProfilePathForCreate } from '$lib/workspace/settings/profile-routes';
+  import { virtualProfilePathForCreate } from '$lib/workspace/settings/profile-routes';
   import type { Diagnostic } from '$lib/workspace/settings/model';
   import type {
     WorkspaceProfileSourceTreeFileResponse,
@@ -122,10 +122,8 @@
 <section class="card settings-section" aria-labelledby="profile-tree-title">
   <header class="settings-section-header">
     <div>
-      <p class="eyebrow">Profile source tree</p>
-      <h2 id="profile-tree-title">{sourceTreeId}</h2>
+      <h2 id="profile-tree-title">Profile source tree</h2>
     </div>
-    <a href={profileSettingsHref(workspaceId)}>Back to profiles</a>
   </header>
 
   {#if loading}

web/workspace/src/routes/w/[workspaceId]/tickets/[ticketId]/+page.svelte

@@ -164,15 +164,10 @@
 <svelte:head><title>{ticket.title} · Yoi</title></svelte:head>
 
 <div class="workspace-page ticket-detail-page">
-  <a class="workspace-back-link" href={`/w/${encodeURIComponent(data.workspaceId)}/tickets`}>
-    ← Ticket board
-  </a>
-
   <header class="ticket-detail-header">
     <div>
       <div class="ticket-detail-kicker">
         <span class="workspace-status-pill" data-status={ticket.state}>{ticket.state}</span>
-        <code>{ticket.id}</code>
       </div>
       <h1>{ticket.title}</h1>
       <p>Updated {prettyDate(ticket.updated_at)}</p>

web/workspace/src/routes/w/[workspaceId]/workers/new/+page.svelte

@@ -272,7 +272,6 @@
       <h1 id="new-worker-heading">New Worker</h1>
       <p>Create a Worker on a selected Runtime. Workdir-less conversation Workers are only available on embedded Runtime.</p>
     </div>
-    <a class="secondary-link" href={`/w/${workspaceId}`}>Back to workspace</a>
   </header>
 
   {#if ticketContext}