sh3-core 0.15.4 → 0.16.1

package/dist/layout/SlotContainer.svelte

@@ -129,32 +129,32 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    gap: var(--shell-pad-sm);
-    color: var(--shell-fg-muted);
+    gap: var(--sh3-pad-sm);
+    color: var(--sh3-fg-muted);
     font-size: 12px;
     text-align: center;
-    padding: var(--shell-pad-md);
+    padding: var(--sh3-pad-md);
     background:
       repeating-linear-gradient(
         45deg,
-        var(--shell-bg) 0 10px,
-        var(--shell-bg-elevated) 10px 20px
+        var(--sh3-bg) 0 10px,
+        var(--sh3-bg-elevated) 10px 20px
       );
-    border: 1px dashed var(--shell-border-strong);
+    border: 1px dashed var(--sh3-border-strong);
     pointer-events: none;
   }
   .slot-id {
-    color: var(--shell-fg);
-    font-family: var(--shell-font-mono);
+    color: var(--sh3-fg);
+    font-family: var(--sh3-font-mono);
     font-size: 13px;
   }
   .slot-meta code {
-    font-family: var(--shell-font-mono);
-    color: var(--shell-accent);
+    font-family: var(--sh3-font-mono);
+    color: var(--sh3-accent);
   }
   .slot-dims {
-    font-family: var(--shell-font-mono);
-    color: var(--shell-fg-subtle);
+    font-family: var(--sh3-font-mono);
+    color: var(--sh3-fg-subtle);
     font-size: 11px;
   }
 </style>

package/dist/layout/SlotDropZone.svelte

@@ -153,9 +153,9 @@
   }
   .quad-highlight {
     position: absolute;
-    background: var(--shell-accent);
+    background: var(--sh3-accent);
     opacity: 0.18;
-    border: 1px dashed var(--shell-accent);
+    border: 1px dashed var(--sh3-accent);
     pointer-events: none;
     transition: inset 80ms ease;
   }

package/dist/layout/inspection.d.ts

@@ -69,7 +69,7 @@ export declare function popoutView(slotId: string): string | null;
 export declare function dockFloat(floatId: string): boolean;
 /**
  * Dock a view into the currently-rendered layout without caring which
- * root it is. Used by the Ctrl+` shell hotkey and other "just put it
+ * root it is. Used by the Ctrl+` sh3 hotkey and other "just put it
  * somewhere sensible" callers. Policy:
  *
  *   1. If a tab with the same `viewId` already exists, focus it and

package/dist/layout/inspection.js

@@ -274,7 +274,7 @@ function findFirstSlotPath(node, path = []) {
 }
 /**
  * Dock a view into the currently-rendered layout without caring which
- * root it is. Used by the Ctrl+` shell hotkey and other "just put it
+ * root it is. Used by the Ctrl+` sh3 hotkey and other "just put it
  * somewhere sensible" callers. Policy:
  *
  *   1. If a tab with the same `viewId` already exists, focus it and

package/dist/layout/store.svelte.js

@@ -1,5 +1,5 @@
 /*
- * Layout manager — owns both the framework-constant shell home layout
+ * Layout manager — owns both the framework-constant sh3 home layout
  * and the currently-active app's persisted layout, and swaps between
  * them without tearing down the held tree.
  *
@@ -24,7 +24,7 @@
  *   entirely (there is no "held home while rendering app" state).
  *
  * Orphan cleanup:
- *   The pre-phase-8 shell wrote to `sh3:workspace:__shell__`. Phase 8
+ *   The pre-phase-8 sh3 wrote to `sh3:workspace:__shell__`. Phase 8
  *   switches to per-app keys; the old entry would otherwise sit as dead
  *   data. On first load after upgrade, the manager clears that orphan
  *   unconditionally (clearing a non-existent entry is a no-op).
@@ -35,7 +35,7 @@ import { normalizeInitialLayout } from './presets';
 import { collectTreeSlotRefs } from './tree-walk';
 import { bindPresetBlob, unbindPresetBlob } from '../overlays/presets';
 import { getRegisteredApp } from '../apps/registry.svelte';
-// ---------- orphan cleanup of pre-phase-8 shell layout key ----------------
+// ---------- orphan cleanup of pre-phase-8 sh3 layout key ----------------
 // Legacy pre-phase-8 orphan cleanup. The literal '__shell__' here is
 // intentional — it clears data written under the old reserved id before
 // this shard was restructured. Do not replace with '__sh3core__'.

package/dist/layout/types.d.ts

@@ -190,7 +190,7 @@ export type TreeRootRef = {
 export declare const LAYOUT_SCHEMA_VERSION = 4;
 /**
  * The wire shape of a persisted layout in the workspace state zone.
- * One blob per shell (or per program, once per-program layouts exist);
+ * One blob per sh3 (or per program, once per-program layouts exist);
  * the version field gates compatibility.
  */
 export interface PersistedLayout {

package/dist/layouts-shard/LayoutSaveModal.svelte

@@ -100,46 +100,46 @@
   .layout-save {
     padding: 16px 20px;
     max-width: 460px;
-    color: var(--shell-fg);
-    background: var(--shell-bg);
+    color: var(--sh3-fg);
+    background: var(--sh3-bg);
     font: inherit;
   }
   h2 { margin: 0 0 12px; font-size: 16px; }
   .row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; font-size: 13px; }
-  .row span { color: var(--shell-fg-muted); }
+  .row span { color: var(--sh3-fg-muted); }
   .name-input {
-    background: var(--shell-bg-elevated);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    background: var(--sh3-bg-elevated);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 6px 8px; font: inherit; font-size: 13px;
   }
   .preview { margin: 4px 0 12px; }
-  .preview-label { font-size: 12px; color: var(--shell-fg-muted); margin-bottom: 4px; }
+  .preview-label { font-size: 12px; color: var(--sh3-fg-muted); margin-bottom: 4px; }
   .preview-list {
     list-style: none; padding: 0; margin: 0;
     font-size: 12px; max-height: 160px; overflow: auto;
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
-    background: var(--shell-bg-elevated);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
+    background: var(--sh3-bg-elevated);
   }
-  .preview-list li { padding: 4px 8px; border-bottom: 1px solid var(--shell-border); }
+  .preview-list li { padding: 4px 8px; border-bottom: 1px solid var(--sh3-border); }
   .preview-list li:last-child { border-bottom: 0; }
-  .muted { color: var(--shell-fg-muted); }
+  .muted { color: var(--sh3-fg-muted); }
   .error {
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font-style: italic;
     margin: 4px 0 12px;
   }
   .actions { display: flex; gap: 8px; margin-top: 8px; }
   .actions button {
-    background: var(--shell-bg-elevated);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    background: var(--sh3-bg-elevated);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 6px 14px; font: inherit; cursor: pointer;
   }
-  .actions button.primary { background: var(--shell-accent); color: #fff; border-color: var(--shell-accent); }
-  .actions button:hover { border-color: var(--shell-accent); }
+  .actions button.primary { background: var(--sh3-accent); color: #fff; border-color: var(--sh3-accent); }
+  .actions button:hover { border-color: var(--sh3-accent); }
   .actions button:disabled { opacity: 0.5; cursor: not-allowed; }
 </style>

package/dist/layouts-shard/LayoutsSection.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   /*
-   * Saved-layouts section for ShellHome. Renders one card per SavedLayout.
+   * Saved-layouts section for Sh3Home. Renders one card per SavedLayout.
    * Click → restoreToFloat. Right-click sets a typed selection so card
    * actions (Customize, Delete) can recover the layoutId.
    */
@@ -9,7 +9,7 @@
   import { restoreToFloat } from './layoutsApi';
   import { listStandaloneViews } from '../shards/activate.svelte';
   import { toastManager } from '../overlays/toast';
-  import { shell } from '../shellRuntime.svelte';
+  import { sh3 } from '../sh3Runtime.svelte';
   import { makeSelectionApi } from '../actions/selection.svelte';
   import iconsUrl from '../assets/icons.svg';
 
@@ -32,7 +32,7 @@
   function openCardContextMenu(event: MouseEvent, layoutId: string): void {
     event.preventDefault();
     selection.set({ type: 'saved-layout', ref: { layoutId } });
-    shell.actions.openContextMenu({
+    sh3.actions.openContextMenu({
       x: event.clientX,
       y: event.clientY,
       scope: { element: 'saved-layout' },
@@ -78,7 +78,7 @@
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.06em;
-    color: var(--shell-fg-subtle);
+    color: var(--sh3-fg-subtle);
     margin: 0 0 12px;
   }
   .saved-layouts-grid {
@@ -104,24 +104,24 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--saved-layout-color, var(--shell-grad-bg-elevated, var(--shell-bg-elevated)));
-    border: 1px dashed var(--shell-border);
-    border-radius: var(--shell-radius-md);
+    background: var(--saved-layout-color, var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated)));
+    border: 1px dashed var(--sh3-border);
+    border-radius: var(--sh3-radius-md);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
     transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
   }
   .saved-layout-card:hover .saved-layout-card-square {
-    border-color: var(--shell-accent);
+    border-color: var(--sh3-accent);
     transform: translateY(-1px);
     box-shadow:
       0 6px 14px rgba(0, 0, 0, 0.3),
-      0 0 0 1px color-mix(in srgb, var(--shell-accent) 35%, transparent),
-      0 4px 12px color-mix(in srgb, var(--shell-accent) 18%, transparent);
+      0 0 0 1px color-mix(in srgb, var(--sh3-accent) 35%, transparent),
+      0 4px 12px color-mix(in srgb, var(--sh3-accent) 18%, transparent);
   }
   .saved-layout-card-icon {
     width: 28px;
     height: 28px;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
   }
   .saved-layout-card-label {
     font-weight: 600;

package/dist/layouts-shard/filter.test.js

@@ -20,7 +20,7 @@ describe('filterToStandalone', () => {
             type: 'tabs',
             activeTab: 0,
             tabs: [
-                { slotId: 'a', viewId: 'shell:terminal', label: 'Shell' },
+                { slotId: 'a', viewId: 'shell:terminal', label: 'Sh3' },
                 { slotId: 'b', viewId: 'app-only:view', label: 'App' },
                 { slotId: 'c', viewId: 'graphlive:hierarchy', label: 'Graph' },
             ],
@@ -30,7 +30,7 @@ describe('filterToStandalone', () => {
             type: 'tabs',
             activeTab: 0,
             tabs: [
-                { slotId: 'a', viewId: 'shell:terminal', label: 'Shell' },
+                { slotId: 'a', viewId: 'shell:terminal', label: 'Sh3' },
                 { slotId: 'c', viewId: 'graphlive:hierarchy', label: 'Graph' },
             ],
         });
@@ -40,7 +40,7 @@ describe('filterToStandalone', () => {
             type: 'tabs',
             activeTab: 1,
             tabs: [
-                { slotId: 'a', viewId: 'shell:terminal', label: 'Shell' },
+                { slotId: 'a', viewId: 'shell:terminal', label: 'Sh3' },
                 { slotId: 'b', viewId: 'app-only:view', label: 'App' },
             ],
         };

package/dist/layouts-shard/layoutsApi.test.js

@@ -20,7 +20,7 @@ describe('captureFromFloat', () => {
         const content = {
             type: 'tabs',
             activeTab: 0,
-            tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+            tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
         };
         const id = floatManager.openWithContent({ content, size: { w: 700, h: 500 } });
         const out = captureFromFloat(id, isStandalone);
@@ -32,7 +32,7 @@ describe('captureFromFloat', () => {
             out.content.tabs[0].label = 'MUTATED';
         const live = floatManager.list().find((f) => f.id === id);
         if (live.content.type === 'tabs') {
-            expect(live.content.tabs[0].label).toBe('Shell');
+            expect(live.content.tabs[0].label).toBe('Sh3');
         }
     });
 });
@@ -60,7 +60,7 @@ describe('restoreToFloat', () => {
         const layout = mk({
             type: 'tabs',
             activeTab: 0,
-            tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+            tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
         });
         const id = restoreToFloat(layout, isStandalone, toast);
         expect(id).not.toBe('');

package/dist/layouts-shard/layoutsShard.svelte.test.js

@@ -13,7 +13,7 @@ const stubShard = {
         id: 'stub',
         label: 'Stub',
         version: '0.0.0',
-        views: [{ id: 'shell:terminal', label: 'Shell', standalone: true }],
+        views: [{ id: 'shell:terminal', label: 'Sh3', standalone: true }],
     },
     activate(ctx) {
         ctx.registerView('shell:terminal', {
@@ -45,7 +45,7 @@ describe('layoutsShard — sh3.layout.save', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 800, h: 600 },
         });
@@ -86,7 +86,7 @@ describe('layoutsShard — sh3.layout.open palette submenu', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 600, h: 400 },
         });
@@ -101,7 +101,7 @@ describe('layoutsShard — sh3.layout.open palette submenu', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 720, h: 480 },
         });
@@ -140,7 +140,7 @@ describe('layoutsShard — sh3.layout.customize', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 600, h: 400 },
         });
@@ -160,7 +160,7 @@ describe('layoutsShard — sh3.layout.customize', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 600, h: 400 },
         });
@@ -196,7 +196,7 @@ describe('layoutsShard — sh3.layout.delete', () => {
             content: {
                 type: 'tabs',
                 activeTab: 0,
-                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Shell' }],
+                tabs: [{ slotId: 's', viewId: 'shell:terminal', label: 'Sh3' }],
             },
             size: { w: 600, h: 400 },
         });

package/dist/migrations/mode-id-rename.js

@@ -1,9 +1,9 @@
 /*
- * One-shot migration: rewrites persisted shell-mode preferences from the
+ * One-shot migration: rewrites persisted sh3-mode preferences from the
  * pre-rename ids (`dev`, `user`) to the new ids (`bash`, `sh3`). Idempotent —
  * gated by a localStorage flag, safe to call on every boot.
  *
- * Persistence shape: localStorage keys of the form `sh3.shell.lastMode.<userId>`
+ * Persistence shape: localStorage keys of the form `sh3.sh3.lastMode.<userId>`
  * (see packages/sh3-core/src/shell-shard/modes/prefs.ts).
  */
 const FLAG_KEY = 'sh3:migrations:mode-id-rename:done';

package/dist/overlays/ConfirmDialog.svelte

@@ -101,11 +101,11 @@
   .confirm-dialog-title {
     font-size: 16px;
     font-weight: 600;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
   }
   .confirm-dialog-body {
     font-size: 13px;
-    color: var(--shell-fg-muted, var(--shell-fg));
+    color: var(--sh3-fg-muted, var(--sh3-fg));
     line-height: 1.5;
   }
   .confirm-dialog-actions {
@@ -117,10 +117,10 @@
   .confirm-dialog-btn {
     font-size: 13px;
     padding: 6px 14px;
-    border-radius: var(--shell-radius-sm, 4px);
-    border: 1px solid var(--shell-border-strong);
+    border-radius: var(--sh3-radius-sm, 4px);
+    border: 1px solid var(--sh3-border-strong);
     background: transparent;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     cursor: pointer;
   }
   .confirm-dialog-btn:disabled {
@@ -128,11 +128,11 @@
     cursor: not-allowed;
   }
   .confirm-dialog-btn-default {
-    background: var(--shell-bg-elevated);
+    background: var(--sh3-bg-elevated);
   }
   .confirm-dialog-btn-danger {
     background: transparent;
-    color: var(--shell-error, #d32f2f);
-    border-color: var(--shell-error, #d32f2f);
+    color: var(--sh3-error, #d32f2f);
+    border-color: var(--sh3-error, #d32f2f);
   }
 </style>

package/dist/overlays/EntityAppearanceModal.svelte

@@ -112,19 +112,19 @@
   .app-appearance {
     padding: 16px 20px;
     max-width: 460px;
-    color: var(--shell-fg);
-    background: var(--shell-bg);
+    color: var(--sh3-fg);
+    background: var(--sh3-bg);
     font: inherit;
   }
   h2 { margin: 0 0 12px; font-size: 16px; }
   .row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; font-size: 13px; }
-  .row span { color: var(--shell-fg-muted); }
+  .row span { color: var(--sh3-fg-muted); }
   .row span em { font-style: italic; opacity: 0.7; }
   .name-input {
-    background: var(--shell-bg-elevated);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    background: var(--sh3-bg-elevated);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 6px 8px; font: inherit; font-size: 13px;
   }
   .link {
@@ -132,14 +132,14 @@
     background: transparent;
     border: none;
     padding: 0;
-    color: var(--shell-accent);
+    color: var(--sh3-accent);
     font: inherit;
     font-size: 13px;
     cursor: pointer;
     text-decoration: underline;
   }
   .link--align-right { align-self: flex-end; margin-top: 4px; }
-  .link:hover { color: var(--shell-fg); }
+  .link:hover { color: var(--sh3-fg); }
   .preview { display: flex; justify-content: center; margin-bottom: 16px; }
   .preview-card {
     display: flex; flex-direction: column;
@@ -149,13 +149,13 @@
   .preview-card-square {
     width: 64px; height: 64px;
     display: flex; align-items: center; justify-content: center;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-md);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-md);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
   }
   .preview-card--tinted .preview-card-square { background: var(--card-color); }
-  .preview-card-icon { width: 28px; height: 28px; color: var(--shell-fg); }
+  .preview-card-icon { width: 28px; height: 28px; color: var(--sh3-fg); }
   .preview-card-label {
     font-weight: 600; font-size: 11px; line-height: 1.2;
     text-align: center; word-break: break-word;
@@ -167,13 +167,13 @@
   }
   .actions { display: flex; gap: 8px; margin-top: 16px; }
   .actions button {
-    background: var(--shell-bg-elevated);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    background: var(--sh3-bg-elevated);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 6px 14px; font: inherit; cursor: pointer;
   }
-  .actions button.primary { background: var(--shell-accent); color: #fff; border-color: var(--shell-accent); }
-  .actions button:hover { border-color: var(--shell-accent); }
+  .actions button.primary { background: var(--sh3-accent); color: #fff; border-color: var(--sh3-accent); }
+  .actions button:hover { border-color: var(--sh3-accent); }
   .actions button:disabled { opacity: 0.5; cursor: not-allowed; }
 </style>

package/dist/overlays/FloatFrame.svelte

@@ -31,9 +31,9 @@
   import { registerDismissableFrame, unregisterDismissableFrame } from './floatDismiss';
   import { computeMinSize } from '../layout/floats';
   import type { FloatEntry } from '../layout/types';
-  import { shell } from '../shellRuntime.svelte';
+  import { sh3 } from '../sh3Runtime.svelte';
   import { makeSelectionApi } from '../actions/selection.svelte';
-  import { spawnSatellite } from '../shellApi/window';
+  import { spawnSatellite } from '../sh3Api/window';
   import { walkShardsForContent } from '../satellite/walkShards';
 
   const isTauri =
@@ -44,7 +44,7 @@
   function openHeaderContextMenu(e: MouseEvent): void {
     e.preventDefault();
     floatHeaderSelection.set({ type: 'float-header', ref: { floatId: entry.id } });
-    shell.actions.openContextMenu({
+    sh3.actions.openContextMenu({
       x: e.clientX,
       y: e.clientY,
       scope: { element: 'float-header' },
@@ -196,7 +196,7 @@
       });
       floatManager.close(entry.id);
     } catch (err) {
-      shell.toast.notify(
+      sh3.toast.notify(
         `Pop-out failed: ${(err as Error).message}`,
         { level: 'error', duration: 5000 },
       );
@@ -208,7 +208,7 @@
 <!-- svelte-ignore a11y_click_events_have_key_events -->
 <div
   class="sh3-float-frame"
-  data-shell-overlay-host="float"
+  data-sh3-overlay-host="float"
   bind:this={frameEl}
   style:left="{entry.position.x}px"
   style:top="{entry.position.y}px"
@@ -272,10 +272,10 @@
     position: absolute;
     display: flex;
     flex-direction: column;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border-strong);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border-strong);
+    border-radius: var(--sh3-radius);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
     pointer-events: auto;
   }
@@ -284,17 +284,17 @@
     align-items: center;
     justify-content: space-between;
     padding: 4px 8px;
-    background: var(--shell-grad-bg-sunken, var(--shell-bg-sunken));
+    background: var(--sh3-grad-bg-sunken, var(--sh3-bg-sunken));
     cursor: move;
     user-select: none;
-    border-bottom: 1px solid var(--shell-border-strong);
-    border-top-left-radius: var(--shell-radius);
-    border-top-right-radius: var(--shell-radius);
+    border-bottom: 1px solid var(--sh3-border-strong);
+    border-top-left-radius: var(--sh3-radius);
+    border-top-right-radius: var(--sh3-radius);
     flex-shrink: 0;
   }
   .sh3-float-title {
     font-size: 12px;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -310,7 +310,7 @@
   .sh3-float-close {
     background: transparent;
     border: none;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     line-height: 1;
     cursor: pointer;
     padding: 0 4px;
@@ -342,14 +342,14 @@
         135deg,
         transparent 0,
         transparent 6px,
-        var(--shell-border-strong) 6px,
-        var(--shell-border-strong) 7px,
+        var(--sh3-border-strong) 6px,
+        var(--sh3-border-strong) 7px,
         transparent 7px,
         transparent 10px,
-        var(--shell-border-strong) 10px,
-        var(--shell-border-strong) 11px,
+        var(--sh3-border-strong) 10px,
+        var(--sh3-border-strong) 11px,
         transparent 11px
       );
-    border-bottom-right-radius: var(--shell-radius);
+    border-bottom-right-radius: var(--sh3-radius);
   }
 </style>

package/dist/overlays/FloatLayer.svelte

@@ -1,7 +1,7 @@
 <!--
   Layer 1 overlay root — iterates the active LayoutTree's floats and
   renders a FloatFrame for each. Mounted into the layer-1 DOM root by
-  Shell.svelte. Reactivity flows from the workspace-zone proxy through
+  Sh3.svelte. Reactivity flows from the workspace-zone proxy through
   layoutStore.floats into this component, so mutations (open, close,
   position changes, reorder) re-render automatically.
 -->

package/dist/overlays/ModalFrame.svelte

@@ -5,7 +5,7 @@
    *
    * Responsibilities:
    *   - Span the full layer as a transparent centering container so every
-   *     modal box renders in the middle of the shell.
+   *     modal box renders in the middle of the sh3.
    *   - Catch pointer events on the area around the box so clicks outside
    *     the top modal do not fall through to modals beneath or to the
    *     underlying layout.
@@ -81,10 +81,10 @@
     pointer-events: auto;
   }
   .modal-box {
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border-strong);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border-strong);
+    border-radius: var(--sh3-radius);
     min-width: 320px;
     max-width: min(640px, 90vw);
     max-height: 90vh;

package/dist/overlays/PopupFrame.svelte

@@ -73,10 +73,10 @@
 <style>
   .popup-frame {
     position: absolute;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border-strong);
-    border-radius: var(--shell-radius-sm);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border-strong);
+    border-radius: var(--sh3-radius-sm);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
     min-width: 120px;
     outline: none;