sh3-core 0.15.4 → 0.16.0

package/dist/actions/state.svelte.js

@@ -32,7 +32,7 @@ function notifyActiveChange() {
 /**
  * Subscribe to any change that could affect the set of currently-active
  * actions or their resolved shortcuts (app/view/focus/selection/bindings
- * transitions). Call sites outside this module (e.g., the shell
+ * transitions). Call sites outside this module (e.g., the sh3
  * assembling registry-change notifications) dispatch via
  * {@link __notifyActiveChange}.
  */
@@ -40,7 +40,7 @@ export function onActiveChange(cb) {
     activeChangeListeners.add(cb);
     return () => { activeChangeListeners.delete(cb); };
 }
-/** Internal — fired by the shell runtime when the action registry mutates. */
+/** Internal — fired by the sh3 runtime when the action registry mutates. */
 export function __notifyActiveChange() {
     notifyActiveChange();
 }
@@ -63,7 +63,7 @@ export function setMountedViewIds(ids) {
  * One-shot snapshot: walk the active layout tree and update
  * `mountedViewIds` to match. Non-reactive — call from an `$effect` that
  * reads `layoutStore.tree` to keep the set in sync as the tree mutates.
- * Shell.svelte owns that effect during boot.
+ * Sh3.svelte owns that effect during boot.
  */
 export function syncMountedViewIdsFromLayout() {
     const refs = collectTreeSlotRefs(layoutStore.tree);

package/dist/actions/syncMountedViewIds.test.js

@@ -59,7 +59,7 @@ describe('syncMountedViewIdsFromLayout', () => {
             ],
         }));
         await launchApp('sync-app-float');
-        // Bind the float manager to the live tree (Shell.svelte does this at boot).
+        // Bind the float manager to the live tree (Sh3.svelte does this at boot).
         bindFloatStore(layoutStore.floats, () => ({ w: 1024, h: 768 }));
         // Popout the anchor → creates a float with view:anchor inside.
         popoutView('anchor');

package/dist/actions/types.d.ts

@@ -118,7 +118,7 @@ export interface ResolvedAction {
 export type BindingSource = 'default' | 'user' | 'disabled' | 'none';
 /**
  * Read-only snapshot describing one action that is currently active.
- * Produced by `shell.actions.listActive()`. One descriptor per action id,
+ * Produced by `sh3.actions.listActive()`. One descriptor per action id,
  * reporting the innermost active scope (same tier order as keyboard
  * dispatch: element > focus > view > app > home).
  */

package/dist/api.d.ts

@@ -1,5 +1,5 @@
-export { shell } from './shellRuntime.svelte';
-export type { Shell } from './shellRuntime.svelte';
+export { sh3 } from './sh3Runtime.svelte';
+export type { Sh3 } from './sh3Runtime.svelte';
 export type { Shard, ShardManifest, SourceShard, SourceShardManifest, ShardContext, ViewDeclaration, ViewFactory, ViewHandle, MountContext, } from './shards/types';
 export type { LayoutNode, SplitNode, TabsNode, SlotNode, TabEntry, SplitDirection, SizeMode, LayoutTree, FloatEntry, LayoutPreset, CanonicalPreset, TreeRootRef as SlotLocation, } from './layout/types';
 export type { ActionDescriptor, ActiveActionDescriptor, BindingSource, AtomicScope, ActionScope, } from './actions/types';
@@ -18,8 +18,8 @@ export { listRegisteredApps, getActiveApp } from './apps/registry.svelte';
 export { launchApp, returnToHome, unregisterApp } from './apps/lifecycle';
 export { pushNavEntry } from './navigation';
 export type { NavEntry, NavEntryHandle } from './navigation';
-export { spawnSatellite } from './shellApi/window';
-export type { SpawnSatelliteOptions } from './shellApi/window';
+export { spawnSatellite } from './sh3Api/window';
+export type { SpawnSatelliteOptions } from './sh3Api/window';
 export type { SatellitePayload } from './boot/satellitePayload';
 export { inspectActiveLayout, spliceIntoActiveLayout, dockIntoActiveLayout, focusTab, focusView, collapseChild, expandChild, closeTab, popoutView, dockFloat, locateSlot, } from './layout/inspection';
 export type { DocumentHandle, DocumentHandleOptions, DocumentFormat, DocumentMeta, DocumentChange, AutosaveController, } from './documents/types';
@@ -49,7 +49,7 @@ export declare const capabilities: {
     readonly hotInstall: boolean;
 };
 export type { ServerShard, ServerShardContext, TenantDocumentAPI } from './server-shard/types';
-export type { Verb, VerbContext, ShellApi, VerbSchema, PortableJSONSchema, DispatchToTerminalResult, } from './verbs/types';
+export type { Verb, VerbContext, Sh3Api, VerbSchema, PortableJSONSchema, DispatchToTerminalResult, } from './verbs/types';
 export type { Scrollback } from './shell-shard/scrollback.svelte';
 export type { SessionClient } from './shell-shard/session-client.svelte';
 export { listVerbs } from './shards/registry';

package/dist/api.js

@@ -5,7 +5,7 @@
  *
  * What belongs here:
  *   - Types that shards and apps consume (Shard, App, ShardContext, etc.)
- *   - The `shell` runtime singleton (modal/popup/toast)
+ *   - The `sh3` runtime singleton (modal/popup/toast)
  *   - Layout inspection/mutation helpers for advanced shards (added in
  *     Task 12)
  *   - Host actions callable from inside views (launchApp, returnToHome,
@@ -22,15 +22,15 @@
  * now the convention is documented and honored by hand.
  */
 // Runtime singleton.
-export { shell } from './shellRuntime.svelte';
+export { sh3 } from './sh3Runtime.svelte';
 export { PERMISSION_STATE_MANAGE } from './state/types';
-// Host actions callable from inside views (shell home, status bar, etc.).
+// Host actions callable from inside views (sh3 home, status bar, etc.).
 export { listRegisteredApps, getActiveApp } from './apps/registry.svelte';
 export { launchApp, returnToHome, unregisterApp } from './apps/lifecycle';
 // Navigation — apps push in-app nav entries; framework drives back/forward.
 export { pushNavEntry } from './navigation';
-// Multi-window — spawn a satellite native window from the host shell.
-export { spawnSatellite } from './shellApi/window';
+// Multi-window — spawn a satellite native window from the host sh3.
+export { spawnSatellite } from './sh3Api/window';
 // Layout inspection / mutation for advanced shards (diagnostic, etc.).
 export { inspectActiveLayout, spliceIntoActiveLayout, dockIntoActiveLayout, focusTab, focusView, collapseChild, expandChild, closeTab, popoutView, dockFloat, locateSlot, } from './layout/inspection';
 export { PERMISSION_DOCUMENTS_BROWSE, PERMISSION_DOCUMENTS_READ, PERMISSION_DOCUMENTS_WRITE, } from './documents/types';
@@ -62,7 +62,7 @@ export { listVerbs } from './shards/registry';
 // advanced use cases like cross-tab dispatch wrappers; most consumers
 // should call ctx.runVerb).
 export { runVerbProgrammatic } from './runtime';
-// Shell mode contributions (external shards extend the shell with new modes).
+// Sh3 mode contributions (external shards extend the sh3 with new modes).
 export { registerShellMode } from './shell-shard/registerShellMode';
 export { SHELL_MODE_CONTRIBUTION_POINT } from './shell-shard/contract';
 // Package version.
@@ -75,7 +75,7 @@ export const FRAMEWORK_SHARD_IDS = [
     'sh3-store',
     'sh3-admin',
 ];
-// Theme token override API (shell-level theming support).
+// Theme token override API (sh3-level theming support).
 export { setTokenOverrides, clearTokenOverrides, getTokenOverrides, } from './theme';
 // UI primitives for shards and apps. Must live on the public shim surface
 // (api.ts) — not just index.ts — so dynamically loaded bundles can resolve

package/dist/app/admin/ApiKeysView.svelte

@@ -137,22 +137,22 @@
 </div>
 
 <style>
-  .admin-keys { padding: 24px; font-family: system-ui, sans-serif; color: var(--shell-fg); }
+  .admin-keys { padding: 24px; font-family: system-ui, sans-serif; color: var(--sh3-fg); }
   .admin-keys-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
   .admin-keys-header h2 { margin: 0; font-size: 18px; }
   .admin-create-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; max-width: 400px; }
-  .admin-input { padding: 8px 12px; background: var(--shell-bg, #1a1a2e); color: var(--shell-fg); border: 1px solid var(--shell-border, #3a3a5c); border-radius: var(--shell-radius, 6px); font-size: 13px; }
+  .admin-input { padding: 8px 12px; background: var(--sh3-bg, #1a1a2e); color: var(--sh3-fg); border: 1px solid var(--sh3-border, #3a3a5c); border-radius: var(--sh3-radius, 6px); font-size: 13px; }
   .admin-btn { font-weight: 600; font-size: 13px; }
   .admin-btn:disabled { opacity: 0.6; cursor: not-allowed; }
-  .admin-btn-secondary { background: transparent; color: var(--shell-fg-subtle); border: 1px solid var(--shell-border); font-size: 12px; }
-  .admin-btn-danger { background: transparent; color: var(--shell-error, #d32f2f); border: 1px solid var(--shell-error, #d32f2f); font-size: 12px; }
+  .admin-btn-secondary { background: transparent; color: var(--sh3-fg-subtle); border: 1px solid var(--sh3-border); font-size: 12px; }
+  .admin-btn-danger { background: transparent; color: var(--sh3-error, #d32f2f); border: 1px solid var(--sh3-error, #d32f2f); font-size: 12px; }
   .admin-key-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
-  .admin-key-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--shell-bg-elevated, #252540); border: 1px solid var(--shell-border, #3a3a5c); border-radius: var(--shell-radius, 6px); }
+  .admin-key-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--sh3-bg-elevated, #252540); border: 1px solid var(--sh3-border, #3a3a5c); border-radius: var(--sh3-radius, 6px); }
   .admin-key-info { display: flex; flex-direction: column; gap: 2px; }
   .admin-key-label { font-weight: 600; }
-  .admin-key-meta { font-size: 11px; color: var(--shell-fg-subtle); }
-  .admin-key-value { font-size: 12px; color: var(--shell-fg-muted); background: var(--shell-bg, #1a1a2e); padding: 2px 6px; border-radius: 3px; margin-top: 2px; word-break: break-all; }
+  .admin-key-meta { font-size: 11px; color: var(--sh3-fg-subtle); }
+  .admin-key-value { font-size: 12px; color: var(--sh3-fg-muted); background: var(--sh3-bg, #1a1a2e); padding: 2px 6px; border-radius: 3px; margin-top: 2px; word-break: break-all; }
   .admin-key-actions { display: flex; gap: 6px; flex-shrink: 0; }
-  .admin-muted { color: var(--shell-fg-muted); font-style: italic; }
-  .admin-error { color: var(--shell-error, #d32f2f); font-size: 13px; }
+  .admin-muted { color: var(--sh3-fg-muted); font-style: italic; }
+  .admin-error { color: var(--sh3-error, #d32f2f); font-size: 13px; }
 </style>

package/dist/app/admin/AuthSettingsView.svelte

@@ -88,18 +88,18 @@
 </div>
 
 <style>
-  .admin-auth { padding: 24px; font-family: system-ui, sans-serif; color: var(--shell-fg); }
+  .admin-auth { padding: 24px; font-family: system-ui, sans-serif; color: var(--sh3-fg); }
   .admin-auth h2 { margin: 0 0 16px; font-size: 18px; }
   .admin-auth-fields { display: flex; flex-direction: column; gap: 16px; max-width: 480px; }
   .admin-toggle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; cursor: pointer; }
-  .admin-toggle input { accent-color: var(--shell-accent, #7c7cf0); }
-  .admin-hint { flex-basis: 100%; font-size: 11px; color: var(--shell-fg-muted); margin-left: 24px; }
+  .admin-toggle input { accent-color: var(--sh3-accent, #7c7cf0); }
+  .admin-hint { flex-basis: 100%; font-size: 11px; color: var(--sh3-fg-muted); margin-left: 24px; }
   .admin-field { display: flex; flex-direction: column; gap: 4px; }
   .admin-field span { font-size: 13px; }
-  .admin-input { padding: 8px 12px; background: var(--shell-bg); color: var(--shell-fg); border: 1px solid var(--shell-border); border-radius: var(--shell-radius, 6px); font-size: 13px; }
+  .admin-input { padding: 8px 12px; background: var(--sh3-bg); color: var(--sh3-fg); border: 1px solid var(--sh3-border); border-radius: var(--sh3-radius, 6px); font-size: 13px; }
   .admin-input-sm { max-width: 120px; }
   .admin-btn { padding: 8px 16px; font-weight: 600; align-self: flex-start; }
   .admin-btn:disabled { opacity: 0.6; cursor: not-allowed; }
-  .admin-error { margin-top: 8px; color: var(--shell-error, #d32f2f); font-size: 13px; }
-  .admin-muted { color: var(--shell-fg-muted); font-style: italic; }
+  .admin-error { margin-top: 8px; color: var(--sh3-error, #d32f2f); font-size: 13px; }
+  .admin-muted { color: var(--sh3-fg-muted); font-style: italic; }
 </style>

package/dist/app/admin/SystemView.svelte

@@ -185,27 +185,27 @@
 </div>
 
 <style>
-  .admin-system { padding: 24px; font-family: system-ui, sans-serif; color: var(--shell-fg); }
+  .admin-system { padding: 24px; font-family: system-ui, sans-serif; color: var(--sh3-fg); }
   .admin-system h2 { margin: 0 0 16px; font-size: 18px; }
-  .admin-system h3 { margin: 0 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--shell-fg-subtle); }
+  .admin-system h3 { margin: 0 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--sh3-fg-subtle); }
   .admin-system-info { margin-bottom: 24px; }
-  .admin-system-row { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--shell-border, #3a3a5c); font-size: 13px; }
-  .admin-system-label { color: var(--shell-fg-subtle); min-width: 140px; }
-  .admin-system-section { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--shell-border, #3a3a5c); }
+  .admin-system-row { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--sh3-border, #3a3a5c); font-size: 13px; }
+  .admin-system-label { color: var(--sh3-fg-subtle); min-width: 140px; }
+  .admin-system-section { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--sh3-border, #3a3a5c); }
   .admin-system-section:last-child { border-bottom: none; }
-  .admin-system-hint { font-size: 13px; color: var(--shell-fg-subtle); margin: 0 0 12px; }
+  .admin-system-hint { font-size: 13px; color: var(--sh3-fg-subtle); margin: 0 0 12px; }
   .admin-system-readout { font-size: 13px; margin: 8px 0 12px; }
   .admin-system-snaps { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
-  .admin-snap { padding: 4px 10px; font-size: 12px; background: transparent; border: 1px solid var(--shell-border, #3a3a5c); color: var(--shell-fg); cursor: pointer; border-radius: var(--shell-radius-sm, 3px); }
-  .admin-snap.active { background: var(--shell-accent, #4a7bd4); color: var(--shell-bg); border-color: var(--shell-accent, #4a7bd4); }
+  .admin-snap { padding: 4px 10px; font-size: 12px; background: transparent; border: 1px solid var(--sh3-border, #3a3a5c); color: var(--sh3-fg); cursor: pointer; border-radius: var(--sh3-radius-sm, 3px); }
+  .admin-snap.active { background: var(--sh3-accent, #4a7bd4); color: var(--sh3-bg); border-color: var(--sh3-accent, #4a7bd4); }
   .admin-snap:disabled { opacity: 0.5; cursor: not-allowed; }
   .admin-system-actions { display: flex; flex-direction: row; gap: 8px; align-items: center; flex-wrap: wrap; }
-  .admin-btn { padding: 8px 16px; background: var(--shell-accent, #4a7bd4); color: var(--shell-bg); border: 1px solid var(--shell-accent, #4a7bd4); font-weight: 600; cursor: pointer; border-radius: var(--shell-radius-sm, 3px); }
+  .admin-btn { padding: 8px 16px; background: var(--sh3-accent, #4a7bd4); color: var(--sh3-bg); border: 1px solid var(--sh3-accent, #4a7bd4); font-weight: 600; cursor: pointer; border-radius: var(--sh3-radius-sm, 3px); }
   .admin-btn:disabled { opacity: 0.5; cursor: not-allowed; }
-  .admin-btn-ghost { padding: 8px 16px; background: transparent; color: var(--shell-fg); border: 1px solid var(--shell-border, #3a3a5c); cursor: pointer; border-radius: var(--shell-radius-sm, 3px); }
+  .admin-btn-ghost { padding: 8px 16px; background: transparent; color: var(--sh3-fg); border: 1px solid var(--sh3-border, #3a3a5c); cursor: pointer; border-radius: var(--sh3-radius-sm, 3px); }
   .admin-btn-ghost:disabled { opacity: 0.5; cursor: not-allowed; }
-  .admin-btn-danger { padding: 8px 16px; background: transparent; color: var(--shell-error, #d32f2f); border: 1px solid var(--shell-error, #d32f2f); font-weight: 600; cursor: pointer; border-radius: var(--shell-radius-sm, 3px); }
+  .admin-btn-danger { padding: 8px 16px; background: transparent; color: var(--sh3-error, #d32f2f); border: 1px solid var(--sh3-error, #d32f2f); font-weight: 600; cursor: pointer; border-radius: var(--sh3-radius-sm, 3px); }
   .admin-btn-danger:disabled { opacity: 0.6; cursor: not-allowed; }
-  .admin-error { color: var(--shell-error, #d32f2f); font-size: 13px; }
+  .admin-error { color: var(--sh3-error, #d32f2f); font-size: 13px; }
   input[type="range"] { width: 100%; max-width: 480px; }
 </style>

package/dist/app/admin/UsersView.svelte

@@ -167,22 +167,22 @@
 </div>
 
 <style>
-  .admin-users { padding: 24px; font-family: system-ui, sans-serif; color: var(--shell-fg); }
+  .admin-users { padding: 24px; font-family: system-ui, sans-serif; color: var(--sh3-fg); }
   .admin-users-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
   .admin-users-header h2 { margin: 0; font-size: 18px; }
   .admin-create-form, .admin-edit-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; max-width: 400px; }
-  .admin-input { padding: 8px 12px; background: var(--shell-bg, #1a1a2e); color: var(--shell-fg); border: 1px solid var(--shell-border, #3a3a5c); border-radius: var(--shell-radius, 6px); font-size: 13px; }
+  .admin-input { padding: 8px 12px; background: var(--sh3-bg, #1a1a2e); color: var(--sh3-fg); border: 1px solid var(--sh3-border, #3a3a5c); border-radius: var(--sh3-radius, 6px); font-size: 13px; }
   .admin-btn { font-weight: 600; font-size: 13px; }
   .admin-btn:disabled { opacity: 0.6; cursor: not-allowed; }
-  .admin-btn-secondary { background: transparent; color: var(--shell-fg-subtle); border: 1px solid var(--shell-border); font-size: 12px; }
-  .admin-btn-danger { background: transparent; color: var(--shell-error, #d32f2f); border: 1px solid var(--shell-error, #d32f2f); font-size: 12px; }
+  .admin-btn-secondary { background: transparent; color: var(--sh3-fg-subtle); border: 1px solid var(--sh3-border); font-size: 12px; }
+  .admin-btn-danger { background: transparent; color: var(--sh3-error, #d32f2f); border: 1px solid var(--sh3-error, #d32f2f); font-size: 12px; }
   .admin-user-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
-  .admin-user-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--shell-bg-elevated, #252540); border: 1px solid var(--shell-border, #3a3a5c); border-radius: var(--shell-radius, 6px); }
+  .admin-user-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--sh3-bg-elevated, #252540); border: 1px solid var(--sh3-border, #3a3a5c); border-radius: var(--sh3-radius, 6px); }
   .admin-user-info { display: flex; flex-direction: column; gap: 2px; }
   .admin-user-name { font-weight: 600; }
-  .admin-user-meta { font-size: 11px; color: var(--shell-fg-subtle); }
+  .admin-user-meta { font-size: 11px; color: var(--sh3-fg-subtle); }
   .admin-user-actions { display: flex; gap: 6px; }
   .admin-edit-actions { display: flex; gap: 6px; }
-  .admin-error { color: var(--shell-error, #d32f2f); font-size: 13px; }
-  .admin-muted { color: var(--shell-fg-muted); font-style: italic; }
+  .admin-error { color: var(--sh3-error, #d32f2f); font-size: 13px; }
+  .admin-muted { color: var(--sh3-fg-muted); font-style: italic; }
 </style>

package/dist/app/store/AppUpdateAvailableModal.svelte

@@ -55,33 +55,33 @@
   .app-update-modal {
     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 8px; font-size: 16px; }
   p { margin: 4px 0; font-size: 13px; }
-  .hint { color: var(--shell-fg-muted); font-size: 12px; }
-  .error { color: var(--shell-error, #c33); }
+  .hint { color: var(--sh3-fg-muted); font-size: 12px; }
+  .error { color: var(--sh3-error, #c33); }
   code {
-    font-family: var(--shell-font-mono, monospace);
-    background: var(--shell-bg-elevated);
+    font-family: var(--sh3-font-mono, monospace);
+    background: var(--sh3-bg-elevated);
     padding: 0 4px;
-    border-radius: var(--shell-radius-sm, 3px);
+    border-radius: var(--sh3-radius-sm, 3px);
   }
   .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);
+    background: var(--sh3-accent);
     color: #fff;
-    border-color: var(--shell-accent);
+    border-color: var(--sh3-accent);
   }
-  .actions button:hover { border-color: var(--shell-accent); }
+  .actions button:hover { border-color: var(--sh3-accent); }
   .actions button:disabled { opacity: 0.5; cursor: not-allowed; }
 </style>

package/dist/app/store/PermissionConfirmModal.svelte

@@ -131,21 +131,21 @@
     z-index: 1000;
   }
   .perm-modal-panel {
-    background: var(--shell-bg, #1e1e1e);
-    color: var(--shell-fg, #e0e0e0);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius-md);
+    background: var(--sh3-bg, #1e1e1e);
+    color: var(--sh3-fg, #e0e0e0);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius-md);
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
     min-width: 360px;
     max-width: 520px;
     max-height: 80vh;
     display: flex;
     flex-direction: column;
-    font-family: var(--shell-font-ui);
+    font-family: var(--sh3-font-ui);
   }
   .perm-modal-header {
     padding: 16px 20px 12px;
-    border-bottom: 1px solid var(--shell-border, #444);
+    border-bottom: 1px solid var(--sh3-border, #444);
   }
   .perm-modal-header h3 {
     margin: 0 0 4px 0;
@@ -154,7 +154,7 @@
   }
   .perm-modal-subtitle {
     font-size: 0.8125rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .perm-modal-author {
     margin-left: 8px;
@@ -171,7 +171,7 @@
   .perm-modal-empty {
     margin: 0;
     font-size: 0.875rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
     font-style: italic;
   }
   .perm-modal-list {
@@ -184,9 +184,9 @@
   }
   .perm-modal-item {
     padding: 8px 10px;
-    background: var(--shell-input-bg, #2a2a2a);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius-sm);
+    background: var(--sh3-input-bg, #2a2a2a);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius-sm);
   }
   .perm-modal-item-title {
     font-size: 0.875rem;
@@ -194,18 +194,18 @@
   }
   .perm-modal-item-desc {
     font-size: 0.75rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
     margin-top: 2px;
   }
   .perm-modal-added .perm-modal-item {
-    border-color: color-mix(in srgb, var(--shell-warning, #ff9800) 60%, var(--shell-border, #444));
+    border-color: color-mix(in srgb, var(--sh3-warning, #ff9800) 60%, var(--sh3-border, #444));
   }
   .perm-modal-removed .perm-modal-item {
     opacity: 0.75;
   }
   .perm-modal-footer {
     padding: 12px 20px;
-    border-top: 1px solid var(--shell-border, #444);
+    border-top: 1px solid var(--sh3-border, #444);
     display: flex;
     justify-content: flex-end;
     gap: 8px;
@@ -213,18 +213,18 @@
   .perm-modal-cancel {
     padding: 6px 14px;
     background: transparent;
-    color: var(--shell-fg, #e0e0e0);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius);
+    color: var(--sh3-fg, #e0e0e0);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius);
     font-size: 0.8125rem;
     cursor: pointer;
   }
   .perm-modal-confirm {
     padding: 6px 14px;
-    background: var(--shell-accent, #007acc);
+    background: var(--sh3-accent, #007acc);
     color: #fff;
-    border: 1px solid var(--shell-accent, #007acc);
-    border-radius: var(--shell-radius);
+    border: 1px solid var(--sh3-accent, #007acc);
+    border-radius: var(--sh3-radius);
     font-size: 0.8125rem;
     cursor: pointer;
     font-weight: 600;

package/dist/app/store/StoreView.svelte

@@ -423,9 +423,9 @@
 
 <style>
   .store-view {
-    font-family: var(--shell-font-ui);
-    color: var(--shell-fg, #e0e0e0);
-    background: var(--shell-bg, #1e1e1e);
+    font-family: var(--sh3-font-ui);
+    color: var(--sh3-fg, #e0e0e0);
+    background: var(--sh3-bg, #1e1e1e);
     padding: 16px;
     height: 100%;
     overflow-y: auto;
@@ -448,22 +448,22 @@
     flex: 1;
     min-width: 160px;
     padding: 6px 10px;
-    background: var(--shell-input-bg, #2a2a2a);
-    color: var(--shell-fg, #e0e0e0);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-input-bg, #2a2a2a);
+    color: var(--sh3-fg, #e0e0e0);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius);
     font-family: inherit;
     font-size: 0.875rem;
   }
   .store-search::placeholder {
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .store-filter {
     padding: 6px 10px;
-    background: var(--shell-input-bg, #2a2a2a);
-    color: var(--shell-fg, #e0e0e0);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-input-bg, #2a2a2a);
+    color: var(--sh3-fg, #e0e0e0);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius);
     font-family: inherit;
     font-size: 0.875rem;
   }
@@ -474,10 +474,10 @@
   .store-error {
     padding: 8px 12px;
     margin-bottom: 12px;
-    background: color-mix(in srgb, var(--shell-error, #d32f2f) 15%, transparent);
-    color: var(--shell-error, #d32f2f);
-    border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: var(--shell-radius);
+    background: color-mix(in srgb, var(--sh3-error, #d32f2f) 15%, transparent);
+    color: var(--sh3-error, #d32f2f);
+    border: 1px solid var(--sh3-error, #d32f2f);
+    border-radius: var(--sh3-radius);
     font-size: 0.8125rem;
   }
   .store-grid {
@@ -486,16 +486,16 @@
     gap: 12px;
   }
   .store-card {
-    background: var(--shell-input-bg, #2a2a2a);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius-md);
+    background: var(--sh3-input-bg, #2a2a2a);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius-md);
     padding: 14px;
     display: flex;
     flex-direction: column;
     gap: 8px;
   }
   .store-card:hover {
-    border-color: var(--shell-accent, #007acc);
+    border-color: var(--sh3-accent, #007acc);
   }
   .store-card-header {
     display: flex;
@@ -513,7 +513,7 @@
   .store-icon-img {
     width: 36px;
     height: 36px;
-    border-radius: var(--shell-radius);
+    border-radius: var(--sh3-radius);
     object-fit: cover;
   }
   .store-icon-placeholder {
@@ -522,9 +522,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--shell-accent, #007acc);
+    background: var(--sh3-accent, #007acc);
     color: #fff;
-    border-radius: var(--shell-radius);
+    border-radius: var(--sh3-radius);
     font-weight: 700;
     font-size: 1rem;
   }
@@ -541,39 +541,39 @@
   .store-card-badge {
     font-size: 0.6875rem;
     padding: 1px 6px;
-    border-radius: var(--shell-radius-sm);
+    border-radius: var(--sh3-radius-sm);
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.04em;
   }
   .badge-shard {
-    background: color-mix(in srgb, var(--shell-accent, #007acc) 25%, transparent);
-    color: var(--shell-accent, #007acc);
+    background: color-mix(in srgb, var(--sh3-accent, #007acc) 25%, transparent);
+    color: var(--sh3-accent, #007acc);
   }
   .badge-app {
-    background: color-mix(in srgb, var(--shell-success, #4caf50) 25%, transparent);
-    color: var(--shell-success, #4caf50);
+    background: color-mix(in srgb, var(--sh3-success, #4caf50) 25%, transparent);
+    color: var(--sh3-success, #4caf50);
   }
   .store-card-version {
     font-size: 0.75rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .store-card-desc {
     margin: 0;
     font-size: 0.8125rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
     line-height: 1.4;
   }
   .store-card-author {
     font-size: 0.75rem;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .store-card-warning {
     font-size: 0.75rem;
-    color: var(--shell-warning, #ff9800);
+    color: var(--sh3-warning, #ff9800);
     padding: 4px 8px;
-    background: color-mix(in srgb, var(--shell-warning, #ff9800) 10%, transparent);
-    border-radius: var(--shell-radius-sm);
+    background: color-mix(in srgb, var(--sh3-warning, #ff9800) 10%, transparent);
+    border-radius: var(--sh3-radius-sm);
   }
   .store-card-actions {
     margin-top: auto;
@@ -590,7 +590,7 @@
   }
   .store-installed-label {
     font-size: 0.8125rem;
-    color: var(--shell-success, #4caf50);
+    color: var(--sh3-success, #4caf50);
     font-weight: 600;
   }
   .store-install-wrap {
@@ -601,12 +601,12 @@
   }
   .store-card-missing {
     font-size: 0.75rem;
-    color: var(--shell-warning, #ff9800);
+    color: var(--sh3-warning, #ff9800);
   }
   .store-update-btn {
     padding: 5px 14px;
-    background: var(--shell-warning, #fbbf24);
-    color: var(--shell-fg-on-warning, #1a1b1e);
+    background: var(--sh3-warning, #fbbf24);
+    color: var(--sh3-fg-on-warning, #1a1b1e);
     font-size: 0.8125rem;
   }
   .store-update-btn:hover:not(:disabled) {
@@ -619,7 +619,7 @@
   .store-empty {
     text-align: center;
     padding: 32px 16px;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
     font-size: 0.875rem;
   }
   .store-registries {
@@ -633,23 +633,23 @@
     align-items: center;
     justify-content: space-between;
     padding: 4px 8px;
-    background: var(--shell-input-bg, #2a2a2a);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-input-bg, #2a2a2a);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius);
     font-size: 0.8125rem;
   }
   .store-registry-url {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .store-registry-remove {
     padding: 2px 8px;
     background: transparent;
-    color: var(--shell-error, #d32f2f);
-    border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: var(--shell-radius-sm);
+    color: var(--sh3-error, #d32f2f);
+    border: 1px solid var(--sh3-error, #d32f2f);
+    border-radius: var(--sh3-radius-sm);
     font-size: 0.75rem;
     flex-shrink: 0;
     margin-left: 8px;
@@ -662,15 +662,15 @@
   .store-registry-input {
     flex: 1;
     padding: 6px 10px;
-    background: var(--shell-input-bg, #2a2a2a);
-    color: var(--shell-fg, #e0e0e0);
-    border: 1px solid var(--shell-border, #444);
-    border-radius: var(--shell-radius);
+    background: var(--sh3-input-bg, #2a2a2a);
+    color: var(--sh3-fg, #e0e0e0);
+    border: 1px solid var(--sh3-border, #444);
+    border-radius: var(--sh3-radius);
     font-family: inherit;
     font-size: 0.8125rem;
   }
   .store-registry-input::placeholder {
-    color: var(--shell-fg-muted, #888);
+    color: var(--sh3-fg-muted, #888);
   }
   .store-add-btn {
     font-size: 0.8125rem;