1 files changed, 22 insertions, 0 deletions
diff --git a/src/features/workspaces/ui/WorkspacesHome.svelte b/src/features/workspaces/ui/WorkspacesHome.svelte
index 798d1bb..b330e1d 100644
--- a/src/features/workspaces/ui/WorkspacesHome.svelte
+++ b/src/features/workspaces/ui/WorkspacesHome.svelte
@@ -22,6 +22,7 @@
   import TileActionBar from "./TileActionBar.svelte";
   import ResizePicker from "./ResizePicker.svelte";
   import WorkspaceDetails from "./WorkspaceDetails.svelte";
+  import ArchivedWorkspaces from "./ArchivedWorkspaces.svelte";
 
   let {
     store,
@@ -178,6 +179,9 @@
   // loads/unloads code (strict layering).
   let managerOpen = $state(false);
 
+  // ── Archived workspaces modal ──────────────────────────────────────────────
+  let archivedOpen = $state(false);
+
   // ── Actions (the action bar) ───────────────────────────────────────────────
   function openWorkspace(id: string): void {
     deselect();
@@ -203,6 +207,14 @@
     await store.setStarred(selected.id, !selected.starred);
   }
 
+  async function archiveSelected(): Promise<void> {
+    if (!selected) return;
+    const ws = selected;
+    // Reversible without a confirm dialog — the workspace is hidden, not deleted.
+    const result = await store.setArchived(ws.id, true);
+    if (result.ok) deselect();
+  }
+
   // ── Create (header popover): create on the backend — do NOT navigate —
   // place the new tile in the first empty slot, and go straight into rename.
   async function createWorkspace(
@@ -245,6 +257,7 @@
     onCreate={createWorkspace}
     onOpenPlugins={() => (managerOpen = true)}
     onSort={() => void sortByRecent()}
+    onOpenArchived={() => (archivedOpen = true)}
   />
 
   <div bind:this={regionEl} class="min-h-0 w-full flex-1">
@@ -294,6 +307,7 @@
     onToggleStar={() => void toggleStar()}
     onDetails={() => (detailsForId = selected.id)}
     onPlugins={() => (pluginsModalId = selected.id)}
+    onArchive={() => void archiveSelected()}
     onDelete={() => void deleteSelected()}
     onClose={deselect}
   />
@@ -328,3 +342,11 @@
 {#if managerOpen && plugins}
   <PluginManager {plugins} onClose={() => (managerOpen = false)} />
 {/if}
+
+{#if archivedOpen}
+  <ArchivedWorkspaces
+    {store}
+    onOpen={(id) => openWorkspace(id)}
+    onClose={() => (archivedOpen = false)}
+  />
+{/if}