sh3-core 0.15.4 → 0.16.1

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]');
 }

package/dist/overlays/parentHost.test.js

@@ -4,9 +4,9 @@ afterEach(() => {
     document.body.innerHTML = '';
 });
 describe('findEnclosingOverlayHost', () => {
-    it('returns the nearest ancestor with data-shell-overlay-host', () => {
+    it('returns the nearest ancestor with data-sh3-overlay-host', () => {
         const host = document.createElement('div');
-        host.dataset.shellOverlayHost = 'modal';
+        host.dataset.sh3OverlayHost = 'modal';
         const inner = document.createElement('div');
         const anchor = document.createElement('button');
         inner.appendChild(anchor);
@@ -16,7 +16,7 @@ describe('findEnclosingOverlayHost', () => {
     });
     it('returns the anchor itself when it carries the marker', () => {
         const anchor = document.createElement('div');
-        anchor.dataset.shellOverlayHost = 'float';
+        anchor.dataset.sh3OverlayHost = 'float';
         document.body.appendChild(anchor);
         expect(findEnclosingOverlayHost(anchor)).toBe(anchor);
     });
@@ -27,9 +27,9 @@ describe('findEnclosingOverlayHost', () => {
     });
     it('returns the innermost host when overlay hosts are nested', () => {
         const outer = document.createElement('div');
-        outer.dataset.shellOverlayHost = 'modal';
+        outer.dataset.sh3OverlayHost = 'modal';
         const inner = document.createElement('div');
-        inner.dataset.shellOverlayHost = 'float';
+        inner.dataset.sh3OverlayHost = 'float';
         const anchor = document.createElement('button');
         inner.appendChild(anchor);
         outer.appendChild(inner);

package/dist/overlays/popup.js

@@ -15,7 +15,7 @@
  * Implementation notes:
  *   - The manager keeps at most one active entry. show() closes any
  *     prior entry before opening a new one — so callers can wire a
- *     menu button to `shell.popup.show(...)` without worrying about
+ *     menu button to `sh3.popup.show(...)` without worrying about
  *     toggling themselves.
  *   - Dismissal listeners (pointerdown for outside-click, keydown for
  *     Escape) are installed when the popup opens and removed on close.
@@ -83,7 +83,7 @@ function showPopup(Content, options, props) {
     const root = getLayerRoot('popup');
     const host = document.createElement('div');
     host.className = 'sh3-popup-host';
-    host.dataset.shellOverlayHost = 'popup';
+    host.dataset.sh3OverlayHost = 'popup';
     host.style.position = 'absolute';
     host.style.inset = '0';
     host.style.pointerEvents = 'none'; // only the frame captures pointer events

package/dist/overlays/popup.test.js

@@ -138,10 +138,10 @@ describe('popup — overlay host marker', () => {
         teardownLayerRoot(layerRoot);
         vi.unstubAllGlobals();
     });
-    it('marks the popup host with data-shell-overlay-host="popup"', () => {
+    it('marks the popup host with data-sh3-overlay-host="popup"', () => {
         popupManager.show(DummyFrame, { anchor: { x: 100, y: 100 } }, {});
         const host = layerRoot.querySelector('.sh3-popup-host');
         expect(host).not.toBeNull();
-        expect(host.dataset.shellOverlayHost).toBe('popup');
+        expect(host.dataset.sh3OverlayHost).toBe('popup');
     });
 });

package/dist/overlays/roots.js

@@ -1,14 +1,14 @@
 /*
  * Layer root registry.
  *
- * Shell.svelte owns the six overlay root <div>s (one per layer). Overlay
+ * Sh3.svelte owns the six overlay root <div>s (one per layer). Overlay
  * managers — which are plain TypeScript modules, not Svelte components —
  * need DOM references to those roots so they can append transient content
  * (modals, popups, toasts) into the correct stacking context.
  *
- * Shell.svelte calls `registerLayerRoot(name, el)` on each root during its
+ * Sh3.svelte calls `registerLayerRoot(name, el)` on each root during its
  * own mount effect. Managers call `getLayerRoot(name)` lazily the first
- * time they need to open something, which is always *after* Shell has
+ * time they need to open something, which is always *after* Sh3 has
  * rendered because overlay triggers originate from views mounted into the
  * layout tree. No race; no DOM queries.
  *
@@ -25,7 +25,7 @@ export function getLayerRoot(layer) {
     const el = roots[layer];
     if (!el) {
         throw new Error(`Overlay layer "${layer}" root is not registered — ` +
-            `Shell.svelte must mount before opening overlays on this layer.`);
+            `Sh3.svelte must mount before opening overlays on this layer.`);
     }
     return el;
 }

package/dist/overlays/toast.js

@@ -6,7 +6,7 @@
  *   toastManager.clear()
  *
  * Semantics (from docs/design/layout.md):
- *   - Toasts queue and stack vertically at the bottom-right of the shell.
+ *   - Toasts queue and stack vertically at the bottom-right of the sh3.
  *   - Each toast auto-dismisses after `duration` ms (default 3000).
  *     `duration: Infinity` pins the toast until the caller calls close().
  *   - Clicking a toast dismisses it immediately.

package/dist/overlays/types.js

@@ -5,11 +5,11 @@
  * above the docked layout in an explicit numbered stack (0 = docked,
  * 1 = floating, 2 = drag preview, 3 = popup, 4 = modal, 5 = toast,
  * 6 = command palette). Phase 5 wires up layers 3/4/5; the rest are
- * stubbed as DOM roots in Shell.svelte but have no managers yet.
+ * stubbed as DOM roots in Sh3.svelte but have no managers yet.
  *
  * No component in the codebase writes a z-index directly — the only
- * z-index values live on the overlay root divs in Shell.svelte driven
- * by the --shell-z-layer-N tokens. Overlay content is appended into the
+ * z-index values live on the overlay root divs in Sh3.svelte driven
+ * by the --sh3-z-layer-N tokens. Overlay content is appended into the
  * corresponding layer root and inherits its stacking context.
  */
 export {};

package/dist/primitives/Button.svelte

@@ -112,21 +112,21 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    gap: var(--shell-pad-sm);
+    gap: var(--sh3-pad-sm);
     padding: 6px 14px;
-    background: var(--shell-accent);
-    color: var(--shell-fg-on-accent);
+    background: var(--sh3-accent);
+    color: var(--sh3-fg-on-accent);
     border: none;
-    border-radius: var(--shell-radius);
+    border-radius: var(--sh3-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.875rem;
-    line-height: var(--shell-line);
+    line-height: var(--sh3-line);
   }
   .sh3-btn:hover:not(:disabled) { filter: brightness(1.12); }
   .sh3-btn:active:not(:disabled) { filter: brightness(0.92); }
   .sh3-btn:focus-visible {
-    box-shadow: var(--shell-focus-ring);
+    box-shadow: var(--sh3-focus-ring);
     outline: none;
   }
   .sh3-btn:disabled {
@@ -135,33 +135,33 @@
   }
 
   .sh3-btn--alert {
-    background: var(--shell-error);
-    color: var(--shell-fg-on-error);
+    background: var(--sh3-error);
+    color: var(--sh3-fg-on-error);
   }
 
   .sh3-btn--ghost {
     background: transparent;
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
   }
   .sh3-btn--ghost:hover:not(:disabled) {
-    background: var(--shell-bg-elevated);
+    background: var(--sh3-bg-elevated);
     filter: none;
   }
 
   .sh3-btn--icon {
     background: transparent;
-    color: var(--shell-fg-muted);
-    padding: var(--shell-pad-sm);
+    color: var(--sh3-fg-muted);
+    padding: var(--sh3-pad-sm);
   }
   .sh3-btn--icon:hover:not(:disabled) {
-    background: var(--shell-bg-elevated);
-    color: var(--shell-fg);
+    background: var(--sh3-bg-elevated);
+    color: var(--sh3-fg);
     filter: none;
   }
 
   .sh3-btn--icon-only {
-    padding: var(--shell-pad-sm);
+    padding: var(--sh3-pad-sm);
     width: 26px;
     height: 26px;
   }

package/dist/primitives/Collapsible.svelte

@@ -65,8 +65,8 @@
 
 <style>
   .sh3-collapsible {
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius);
     background: transparent;
   }
   .sh3-collapsible__head {
@@ -74,28 +74,28 @@
     width: 100%;
     display: inline-flex;
     align-items: center;
-    gap: var(--shell-pad-sm);
-    padding: var(--shell-pad-sm) 12px;
+    gap: var(--sh3-pad-sm);
+    padding: var(--sh3-pad-sm) 12px;
     background: transparent;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     border: none;
     border-radius: inherit;
     cursor: pointer;
     font-family: inherit;
     font-size: 0.875rem;
-    line-height: var(--shell-line);
+    line-height: var(--sh3-line);
     text-align: left;
   }
-  .sh3-collapsible__head:hover { background: var(--shell-bg-elevated); }
+  .sh3-collapsible__head:hover { background: var(--sh3-bg-elevated); }
   .sh3-collapsible__head:focus-visible {
-    box-shadow: var(--shell-focus-ring);
+    box-shadow: var(--sh3-focus-ring);
     outline: none;
   }
   .sh3-collapsible__caret {
     width: 12px;
     height: 12px;
     flex-shrink: 0;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
   }
   .sh3-collapsible--open .sh3-collapsible__caret {
     transform: rotate(90deg);
@@ -104,7 +104,7 @@
     flex: 1;
   }
   .sh3-collapsible__body {
-    padding: var(--shell-pad-sm) 12px;
-    border-top: 1px solid var(--shell-border);
+    padding: var(--sh3-pad-sm) 12px;
+    border-top: 1px solid var(--sh3-border);
   }
 </style>

package/dist/primitives/ResizableSplitter.svelte

@@ -295,16 +295,16 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
     border: none;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     cursor: pointer;
     padding: 0;
     font-size: 10px;
   }
   .collapse-header:hover {
-    color: var(--shell-fg);
-    background: var(--shell-accent-muted);
+    color: var(--sh3-fg);
+    background: var(--sh3-accent-muted);
   }
   /* Suppress misleading hover feedback during drag-reorganize. */
   :global(body[data-dragging]) .collapse-header {
@@ -322,23 +322,23 @@
   .collapse-header.expanded.horizontal {
     width: 16px;
     height: 100%;
-    border-right: 1px solid var(--shell-border);
+    border-right: 1px solid var(--sh3-border);
   }
   .collapse-header.expanded.vertical {
     width: 100%;
     height: 16px;
-    border-bottom: 1px solid var(--shell-border);
+    border-bottom: 1px solid var(--sh3-border);
   }
 
   .splitter-handle {
     flex: 0 0 auto;
-    background: var(--shell-border);
+    background: var(--sh3-border);
     transition: background-color 120ms ease;
     touch-action: none;
   }
   .splitter-handle:hover,
   .splitter-handle.dragging {
-    background: var(--shell-accent);
+    background: var(--sh3-accent);
   }
   :global(body[data-dragging]) .splitter-handle {
     pointer-events: none;
@@ -350,11 +350,11 @@
   .splitter-handle.frozen {
     cursor: default;
     pointer-events: none;
-    background: var(--shell-border);
+    background: var(--sh3-border);
     opacity: 0.5;
   }
   .splitter-handle.frozen:hover {
-    background: var(--shell-border);
+    background: var(--sh3-border);
   }
 
   .horizontal > .splitter-handle {

package/dist/primitives/TabbedPanel.svelte

@@ -210,7 +210,7 @@
     height: 100%;
     min-width: 0;
     min-height: 0;
-    background: var(--shell-grad-bg, var(--shell-bg));
+    background: var(--sh3-grad-bg, var(--sh3-bg));
   }
 
   .tab-strip {
@@ -218,9 +218,9 @@
     flex: 0 0 auto;
     display: flex;
     gap: 1px;
-    background: var(--shell-grad-bg-sunken, var(--shell-bg-sunken));
-    border-bottom: 1px solid var(--shell-border);
-    padding: 0 var(--shell-pad-sm);
+    background: var(--sh3-grad-bg-sunken, var(--sh3-bg-sunken));
+    border-bottom: 1px solid var(--sh3-border);
+    padding: 0 var(--sh3-pad-sm);
     user-select: none;
   }
 
@@ -228,14 +228,14 @@
     appearance: none;
     background: transparent;
     border: none;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font: inherit;
     font-size: 12px;
-    padding: var(--shell-pad-sm) var(--shell-pad-md);
+    padding: var(--sh3-pad-sm) var(--sh3-pad-md);
     margin-top: 2px;
     display: inline-flex;
     align-items: center;
-    gap: var(--shell-pad-sm);
+    gap: var(--sh3-pad-sm);
     cursor: pointer;
     border-top: 2px solid transparent;
     border-radius: 2px 2px 0 0;
@@ -246,13 +246,13 @@
     touch-action: none;
   }
   .tab:hover {
-    color: var(--shell-fg);
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
+    color: var(--sh3-fg);
+    background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
   }
   .tab.active {
-    color: var(--shell-fg);
-    background: var(--shell-grad-bg, var(--shell-bg));
-    border-top-color: var(--shell-accent);
+    color: var(--sh3-fg);
+    background: var(--sh3-grad-bg, var(--sh3-bg));
+    border-top-color: var(--sh3-accent);
   }
   .tab-icon { font-size: 11px; }
   .tab-label { white-space: nowrap; }
@@ -261,7 +261,7 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    background: var(--shell-accent);
+    background: var(--sh3-accent);
     flex-shrink: 0;
   }
   .tab-close {
@@ -269,22 +269,22 @@
     font-size: 10px;
     line-height: 1;
     padding: 2px;
-    border-radius: var(--shell-radius-sm);
-    color: var(--shell-fg-muted);
+    border-radius: var(--sh3-radius-sm);
+    color: var(--sh3-fg-muted);
     cursor: pointer;
     flex-shrink: 0;
     margin-left: auto;
   }
   .tab-close:hover {
-    color: var(--shell-fg);
-    background: var(--shell-bg-sunken);
+    color: var(--sh3-fg);
+    background: var(--sh3-bg-sunken);
   }
 
   .drop-indicator {
     position: absolute;
     width: 2px;
-    background: var(--shell-accent);
-    box-shadow: 0 0 6px var(--shell-accent);
+    background: var(--sh3-accent);
+    box-shadow: 0 0 6px var(--sh3-accent);
     pointer-events: none;
     border-radius: 1px;
   }