sh3-core 0.15.3 → 0.16.0

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;

package/dist/overlays/ToastItem.svelte

@@ -42,13 +42,13 @@
     pointer-events: auto;
     display: flex;
     align-items: center;
-    gap: var(--shell-pad-md);
-    padding: var(--shell-pad-sm) var(--shell-pad-md);
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border-strong);
+    gap: var(--sh3-pad-md);
+    padding: var(--sh3-pad-sm) var(--sh3-pad-md);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border-strong);
     border-left-width: 3px;
-    border-radius: var(--shell-radius-sm);
+    border-radius: var(--sh3-radius-sm);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
     font-size: 12px;
     min-width: 220px;
@@ -58,17 +58,17 @@
   }
   .toast-level {
     text-transform: uppercase;
-    font-family: var(--shell-font-mono);
+    font-family: var(--sh3-font-mono);
     font-size: 10px;
     letter-spacing: 0.5px;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
   }
   .toast-message { flex: 1; }
 
-  .toast-info    { border-left-color: var(--shell-accent); }
-  .toast-success { border-left-color: var(--shell-success); }
-  .toast-warn    { border-left-color: var(--shell-warning); }
-  .toast-error   { border-left-color: var(--shell-error); }
+  .toast-info    { border-left-color: var(--sh3-accent); }
+  .toast-success { border-left-color: var(--sh3-success); }
+  .toast-warn    { border-left-color: var(--sh3-warning); }
+  .toast-error   { border-left-color: var(--sh3-error); }
 
   @keyframes toast-in {
     from { opacity: 0; transform: translateY(8px); }

package/dist/overlays/float.d.ts

@@ -51,7 +51,7 @@ export interface FloatManager {
     /**
      * Snapshot the current rect, override with the float layer bounds, and
      * raise. No-op if the float is already maximized or unknown. Bounds are
-     * frozen at maximize time — shell resize while maximized does not refit.
+     * frozen at maximize time — sh3 resize while maximized does not refit.
      */
     maximize(floatId: string): void;
     /**
@@ -72,7 +72,7 @@ export interface FloatManager {
 }
 /**
  * Bind the manager to the active LayoutTree's `floats` array. Called
- * from Shell.svelte during boot. `getBounds` returns the current
+ * from Sh3.svelte during boot. `getBounds` returns the current
  * tree-allocated area for cascade-position wraparound.
  */
 export declare function bindFloatStore(floats: FloatEntry[], getBounds: () => {

package/dist/overlays/float.js

@@ -1,7 +1,7 @@
 /*
  * Float manager — layer 1 of the overlay stack.
  *
- * Public API (shell.float):
+ * Public API (sh3.float):
  *   open(viewId, options?) → floatId
  *   close(floatId)
  *   list() → FloatEntry[]
@@ -22,7 +22,7 @@
  *
  * Binding:
  *   The manager is bound to a live FloatEntry[] (the active LayoutTree's
- *   floats) by `bindFloatStore()` during Shell boot. Before binding, an
+ *   floats) by `bindFloatStore()` during Sh3 boot. Before binding, an
  *   in-memory fallback array is used — this is both the test environment
  *   and the pre-boot state.
  */
@@ -35,7 +35,7 @@ let boundFloats = null;
 let getTreeBounds = () => ({ w: 1600, h: 900 });
 /**
  * Bind the manager to the active LayoutTree's `floats` array. Called
- * from Shell.svelte during boot. `getBounds` returns the current
+ * from Sh3.svelte during boot. `getBounds` returns the current
  * tree-allocated area for cascade-position wraparound.
  */
 export function bindFloatStore(floats, getBounds) {

package/dist/overlays/float.test.js

@@ -89,7 +89,7 @@ describe('floatManager — anchor-aware parent host', () => {
     });
     function makeOverlayHost(kind) {
         const host = document.createElement('div');
-        host.dataset.shellOverlayHost = kind;
+        host.dataset.sh3OverlayHost = kind;
         const anchor = document.createElement('button');
         host.appendChild(anchor);
         document.body.appendChild(host);
@@ -366,7 +366,7 @@ describe('floats — F.7 anchor portals to enclosing overlay host', () => {
         const { container } = renderWithShell(FloatLayer, {});
         const fakeModalHost = document.createElement('div');
         fakeModalHost.className = 'fake-modal-host';
-        fakeModalHost.dataset.shellOverlayHost = 'modal';
+        fakeModalHost.dataset.sh3OverlayHost = 'modal';
         const anchor = document.createElement('button');
         fakeModalHost.appendChild(anchor);
         document.body.appendChild(fakeModalHost);
@@ -397,7 +397,7 @@ describe('floats — F.7 anchor portals to enclosing overlay host', () => {
         const { container } = renderWithShell(FloatLayer, {});
         const fakeModalHost = document.createElement('div');
         fakeModalHost.className = 'fake-modal-host';
-        fakeModalHost.dataset.shellOverlayHost = 'modal';
+        fakeModalHost.dataset.sh3OverlayHost = 'modal';
         const anchor = document.createElement('button');
         fakeModalHost.appendChild(anchor);
         document.body.appendChild(fakeModalHost);
@@ -423,13 +423,13 @@ describe('floats — F.8 overlay host marker', () => {
         resetFramework();
         bindManagerToStore();
     });
-    it('marks each FloatFrame with data-shell-overlay-host="float"', async () => {
+    it('marks each FloatFrame with data-sh3-overlay-host="float"', async () => {
         const { container } = renderWithShell(FloatLayer, {});
         floatManager.open('test:view', { title: 'Marked' });
         await tick();
         const frame = container.querySelector('[role="dialog"][aria-label="Marked"]');
         expect(frame).toBeTruthy();
-        expect(frame.dataset.shellOverlayHost).toBe('float');
+        expect(frame.dataset.sh3OverlayHost).toBe('float');
     });
 });
 // ---------------------------------------------------------------------------
@@ -842,7 +842,7 @@ describe('floatManager.openWithContent', () => {
         const content = {
             type: 'tabs',
             activeTab: 0,
-            tabs: [{ slotId: 'restored:1', viewId: 'shell:terminal', label: 'Shell' }],
+            tabs: [{ slotId: 'restored:1', viewId: 'shell:terminal', label: 'Sh3' }],
         };
         const id = floatManager.openWithContent({
             content,

package/dist/overlays/modal.js

@@ -109,7 +109,7 @@ function openModal(Content, props, options) {
     const root = getLayerRoot('modal');
     const host = document.createElement('div');
     host.className = 'sh3-modal-host';
-    host.dataset.shellOverlayHost = 'modal';
+    host.dataset.sh3OverlayHost = 'modal';
     host.style.position = 'absolute';
     host.style.inset = '0';
     host.style.pointerEvents = 'auto';

package/dist/overlays/modal.test.js

@@ -97,11 +97,11 @@ describe('modal — overlay host marker', () => {
         modalManager.closeAll();
         teardownLayerRoot(layerRoot);
     });
-    it('marks the modal host with data-shell-overlay-host="modal"', async () => {
+    it('marks the modal host with data-sh3-overlay-host="modal"', async () => {
         modalManager.open(DummyFrame, {});
         await tick();
         const host = layerRoot.querySelector('.sh3-modal-host');
         expect(host).not.toBeNull();
-        expect(host.dataset.shellOverlayHost).toBe('modal');
+        expect(host.dataset.sh3OverlayHost).toBe('modal');
     });
 });

package/dist/overlays/parentHost.js

@@ -1,6 +1,6 @@
 /*
  * Walks up from `anchor` looking for an element marked as an overlay host
- * via `data-shell-overlay-host`. Modal hosts, popup hosts, and float frames
+ * via `data-sh3-overlay-host`. Modal hosts, popup hosts, and float frames
  * tag themselves so anchored overlays (popups, dismissable picker floats)
  * can mount inside their opener's stacking context instead of at a global
  * layer root — which is what the layer-z-index invariant gives us when a
@@ -11,5 +11,5 @@
  * `Element.closest`, so a marker on the anchor itself counts.
  */
 export function findEnclosingOverlayHost(anchor) {
-    return anchor.closest('[data-shell-overlay-host]');
+    return anchor.closest('[data-sh3-overlay-host]');
 }