sh3-core 0.13.2 → 0.13.4

package/dist/actions/MenuButton.svelte

@@ -19,6 +19,7 @@
   import { getLiveDispatcherState } from './state.svelte';
   import type { DispatcherState } from './dispatcher.svelte';
   import { resolveSubmenuItems, type MenuBarItem } from './menuBarModel';
+  import { resolveLabel } from './types';
   import type { MenuContainer } from '../apps/types';
 
   let { container, items }: {
@@ -47,7 +48,7 @@
     if (!entry || typeof entry.action.run !== 'function') return;
     try {
       void entry.action.run({
-        action: { id, label: entry.action.label },
+        action: { id, label: resolveLabel(entry.action) },
         appId: state.activeAppId,
         viewId: state.focusedViewId ?? undefined,
         selection: state.selection ?? undefined,

package/dist/actions/contextMenuModel.d.ts

@@ -1,6 +1,6 @@
 import type { ActionEntry } from './registry';
 import { type DispatcherState, type TierName } from './dispatcher.svelte';
-import type { AtomicScope } from './types';
+import { type AtomicScope } from './types';
 export interface MenuItem {
     id: string;
     label: string;

package/dist/actions/contextMenuModel.js

@@ -9,6 +9,7 @@
 import { TIER_ORDER, isScopeActive, } from './dispatcher.svelte';
 import { effectiveShortcut } from './bindings';
 import { scopeToTier, innermostActiveScope, scopeEquals, normalizeScope, } from './scope-helpers';
+import { resolveLabel } from './types';
 function evalFlag(v) {
     if (v === undefined)
         return false;
@@ -18,7 +19,7 @@ function toMenuItem(entry, state) {
     var _a;
     return {
         id: entry.action.id,
-        label: entry.action.label,
+        label: resolveLabel(entry.action),
         shortcut: effectiveShortcut(entry.action, state.bindings, state.platform),
         group: (_a = entry.action.group) !== null && _a !== void 0 ? _a : '',
         icon: entry.action.icon,

package/dist/actions/dispatcher.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { AtomicScope, Selection } from './types';
+import { type AtomicScope, type Selection } from './types';
 import type { ActionEntry } from './registry';
 import type { Platform } from './shortcuts';
 export interface DispatcherState {

package/dist/actions/dispatcher.svelte.js

@@ -4,6 +4,7 @@
  * This module exposes testable state transitions; listeners feed it
  * state snapshots.
  */
+import { resolveLabel } from './types';
 import { effectiveShortcut } from './bindings';
 import { scopeToTier, normalizeScope } from './scope-helpers';
 export const TIER_ORDER = ['element', 'focus', 'view', 'app', 'home'];
@@ -91,7 +92,7 @@ export function dispatchKeydown(env) {
             return null;
         }
         env.runAction(id, {
-            action: { id: entry.action.id, label: entry.action.label },
+            action: { id: entry.action.id, label: resolveLabel(entry.action) },
             appId: env.state.activeAppId,
             viewId: (_a = env.state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
             selection: (_b = env.state.selection) !== null && _b !== void 0 ? _b : undefined,

package/dist/actions/listActive.d.ts

@@ -1,4 +1,4 @@
 import type { ActionEntry } from './registry';
 import { type DispatcherState } from './dispatcher.svelte';
-import type { ActiveActionDescriptor } from './types';
+import { type ActiveActionDescriptor } from './types';
 export declare function listActiveFromEntries(entries: ActionEntry[], state: DispatcherState): ActiveActionDescriptor[];

package/dist/actions/listActive.js

@@ -11,6 +11,7 @@
 import { TIER_ORDER, } from './dispatcher.svelte';
 import { effectiveShortcutWithSource } from './bindings';
 import { innermostActiveScope, scopeBadge, scopeToTier } from './scope-helpers';
+import { resolveLabel } from './types';
 export function listActiveFromEntries(entries, state) {
     const byTier = {
         element: [], focus: [], view: [], app: [], home: [],
@@ -26,7 +27,7 @@ export function listActiveFromEntries(entries, state) {
         const { shortcut, source } = effectiveShortcutWithSource(entry.action, state.bindings, state.platform);
         byTier[scopeToTier(winning)].push({
             id: entry.action.id,
-            label: entry.action.label,
+            label: resolveLabel(entry.action),
             effectiveShortcut: shortcut,
             bindingSource: source,
             scope: winning,

package/dist/actions/listeners.d.ts

@@ -1,4 +1,4 @@
-import type { AtomicScope } from './types';
+import { type AtomicScope } from './types';
 export interface OpenContextMenuOpts {
     x: number;
     y: number;

package/dist/actions/listeners.js

@@ -8,6 +8,7 @@ import { listActions } from './registry';
 import { dispatchKeydown } from './dispatcher.svelte';
 import { getLiveDispatcherState, setFocusedViewId, } from './state.svelte';
 import { eventToShortcut } from './shortcuts';
+import { resolveLabel } from './types';
 import ContextMenu from './ContextMenu.svelte';
 import { buildContextMenuModel, buildContextMenuSubmenu } from './contextMenuModel';
 import ActionPanel from './ActionPanel.svelte';
@@ -83,7 +84,7 @@ function chainedDispatch(actionId) {
     }
     const state = getLiveDispatcherState();
     runAction(actionId, {
-        action: { id: entry.action.id, label: entry.action.label },
+        action: { id: entry.action.id, label: resolveLabel(entry.action) },
         appId: state.activeAppId,
         viewId: (_a = state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
         selection: (_b = state.selection) !== null && _b !== void 0 ? _b : undefined,
@@ -132,7 +133,7 @@ function openContextSubmenu(parentId, state, handle, anchor) {
                     return;
                 try {
                     void child.action.run({
-                        action: { id: cid, label: child.action.label },
+                        action: { id: cid, label: resolveLabel(child.action) },
                         appId: state.activeAppId,
                         viewId: (_a = state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
                         selection: (_b = state.selection) !== null && _b !== void 0 ? _b : undefined,
@@ -174,7 +175,7 @@ function onContextMenu(ev) {
                 return;
             try {
                 void entry.action.run({
-                    action: { id, label: entry.action.label },
+                    action: { id, label: resolveLabel(entry.action) },
                     appId: state.activeAppId,
                     viewId: (_a = state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
                     selection: (_b = state.selection) !== null && _b !== void 0 ? _b : undefined,
@@ -246,7 +247,7 @@ export function openContextMenu(opts) {
                 return;
             try {
                 void entry.action.run({
-                    action: { id, label: entry.action.label },
+                    action: { id, label: resolveLabel(entry.action) },
                     appId: state.activeAppId,
                     viewId: (_a = state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
                     selection: (_b = state.selection) !== null && _b !== void 0 ? _b : undefined,
@@ -293,7 +294,7 @@ export function openPalette(opts) {
                 return;
             try {
                 void entry.action.run({
-                    action: { id, label: entry.action.label },
+                    action: { id, label: resolveLabel(entry.action) },
                     appId: state.activeAppId,
                     viewId: (_a = state.focusedViewId) !== null && _a !== void 0 ? _a : undefined,
                     selection: (_b = state.selection) !== null && _b !== void 0 ? _b : undefined,

package/dist/actions/menuBarModel.js

@@ -6,6 +6,7 @@
  */
 import { effectiveShortcut } from './bindings';
 import { innermostActiveScope } from './scope-helpers';
+import { resolveLabel } from './types';
 import { DEFAULT_MENU_CONTAINERS } from './defaultMenuContainers';
 function evalFlag(v) {
     if (v === undefined)
@@ -64,7 +65,7 @@ export function resolveMenuItems(entries, state, containerId) {
         seen.add(entry.action.id);
         out.push({
             id: entry.action.id,
-            label: entry.action.label,
+            label: resolveLabel(entry.action),
             shortcut: effectiveShortcut(entry.action, state.bindings, state.platform),
             group: (_a = entry.action.group) !== null && _a !== void 0 ? _a : '',
             icon: entry.action.icon,
@@ -97,7 +98,7 @@ export function resolveSubmenuItems(entries, state, parentId) {
         seen.add(entry.action.id);
         out.push({
             id: entry.action.id,
-            label: entry.action.label,
+            label: resolveLabel(entry.action),
             shortcut: effectiveShortcut(entry.action, state.bindings, state.platform),
             group: (_a = entry.action.group) !== null && _a !== void 0 ? _a : '',
             icon: entry.action.icon,

package/dist/actions/paletteModel.js

@@ -14,6 +14,7 @@
  */
 import { effectiveShortcut } from './bindings';
 import { innermostActiveScope, scopeBadge } from './scope-helpers';
+import { resolveLabel } from './types';
 function evalFlag(v) {
     if (v === undefined)
         return false;
@@ -39,7 +40,7 @@ export function buildPaletteCandidates(entries, state, opts = {}) {
         seen.add(entry.action.id);
         out.push({
             id: entry.action.id,
-            label: entry.action.label,
+            label: resolveLabel(entry.action),
             shortcut: effectiveShortcut(entry.action, state.bindings, state.platform),
             scopeBadge: scopeBadge(winning),
             submenu: entry.action.submenu === true,

package/dist/actions/resolveLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/actions/resolveLabel.test.js

@@ -0,0 +1,14 @@
+import { describe, it, expect } from 'vitest';
+import { resolveLabel } from './types';
+describe('resolveLabel', () => {
+    it('returns string label as-is', () => {
+        const a = { id: 'x', label: 'Hello', scope: 'app' };
+        expect(resolveLabel(a)).toBe('Hello');
+    });
+    it('calls function label and returns the result', () => {
+        let n = 0;
+        const a = { id: 'x', label: () => `n=${++n}`, scope: 'app' };
+        expect(resolveLabel(a)).toBe('n=1');
+        expect(resolveLabel(a)).toBe('n=2');
+    });
+});

package/dist/actions/types.d.ts

@@ -4,7 +4,13 @@ export type AtomicScope = 'home' | 'app' | `view:${string}` | `focus:${string}`
 export type ActionScope = AtomicScope | AtomicScope[];
 export interface Action {
     id: string;
-    label: string;
+    /**
+     * Display label. May be a function for live-evaluated labels (re-read on
+     * each menu derive — same cadence as `disabled`/`checked`). Function form
+     * is appropriate for runtime-suffixed labels (e.g. `· admin only`); static
+     * strings are still the common case.
+     */
+    label: string | (() => string);
     scope: ActionScope;
     contextItem?: boolean;
     paletteItem?: boolean;
@@ -143,3 +149,8 @@ export interface ActiveActionDescriptor {
     paletteItem: boolean;
     contextItem: boolean;
 }
+/**
+ * Resolve an Action's label to a string. Function labels are called on each
+ * read; string labels are returned unchanged.
+ */
+export declare function resolveLabel(action: Pick<Action, 'label'>): string;

package/dist/actions/types.js

@@ -4,4 +4,10 @@
  * context menu, or command palette. See the spec at
  * docs/superpowers/specs/2026-04-22-actions-contexts-design.md.
  */
-export {};
+/**
+ * Resolve an Action's label to a string. Function labels are called on each
+ * read; string labels are returned unchanged.
+ */
+export function resolveLabel(action) {
+    return typeof action.label === 'function' ? action.label() : action.label;
+}

package/dist/app/store/AppUpdateAvailableModal.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+  /*
+   * Confirms an available update for an app launched via the home-card
+   * "Check for updates" action. If the user clicks Update, onConfirm runs
+   * (which performs the actual storeContext.updatePackage call); the
+   * permission-diff prompt — when needed — is opened by updatePackage's
+   * own confirmPermissionChange callback. Cancel just closes.
+   */
+
+  interface Props {
+    appId: string;
+    appLabel: string;
+    fromVersion: string;
+    toVersion: string;
+    onConfirm: () => Promise<void>;
+    close: () => void;
+  }
+
+  let { appId, appLabel, fromVersion, toVersion, onConfirm, close }: Props = $props();
+  let busy = $state(false);
+  let error = $state<string | null>(null);
+
+  async function confirm() {
+    if (busy) return;
+    busy = true;
+    error = null;
+    try {
+      await onConfirm();
+      close();
+    } catch (e) {
+      error = (e as Error).message;
+    } finally {
+      busy = false;
+    }
+  }
+</script>
+
+<div class="app-update-modal">
+  <h2>Update available</h2>
+  <p>
+    <strong>{appLabel}</strong> can be updated from <code>v{fromVersion}</code>
+    to <code>v{toVersion}</code>.
+  </p>
+  <p class="hint">Package id: <code>{appId}</code></p>
+  {#if error}<p class="error">{error}</p>{/if}
+  <div class="actions">
+    <button type="button" class="primary" onclick={confirm} disabled={busy}>
+      {busy ? 'Updating…' : 'Update'}
+    </button>
+    <button type="button" onclick={close} disabled={busy}>Cancel</button>
+  </div>
+</div>
+
+<style>
+  .app-update-modal {
+    padding: 16px 20px;
+    max-width: 460px;
+    color: var(--shell-fg);
+    background: var(--shell-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); }
+  code {
+    font-family: var(--shell-font-mono, monospace);
+    background: var(--shell-bg-elevated);
+    padding: 0 4px;
+    border-radius: var(--shell-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);
+    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:disabled { opacity: 0.5; cursor: not-allowed; }
+</style>

package/dist/app/store/AppUpdateAvailableModal.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    appId: string;
+    appLabel: string;
+    fromVersion: string;
+    toVersion: string;
+    onConfirm: () => Promise<void>;
+    close: () => void;
+}
+declare const AppUpdateAvailableModal: import("svelte").Component<Props, {}, "">;
+type AppUpdateAvailableModal = ReturnType<typeof AppUpdateAvailableModal>;
+export default AppUpdateAvailableModal;

package/dist/app/store/StoreView.svelte

@@ -17,9 +17,15 @@
   import type { InstalledPackage } from '../../registry/types';
   import { FRAMEWORK_SHARD_IDS } from '../../api';
   import PermissionConfirmModal from './PermissionConfirmModal.svelte';
+  import {
+    displayPackageType,
+    displayPackageTypeLabel,
+    packageMatchesTypeFilter,
+    type PackageTypeFilter,
+  } from './storeTypes';
 
   let search = $state('');
-  let typeFilter = $state<'all' | 'shard' | 'app'>('all');
+  let typeFilter = $state<PackageTypeFilter>('all');
   let installingIds = $state<Set<string>>(new Set());
   let updatingIds = $state<Set<string>>(new Set());
   let installError = $state<string | null>(null);
@@ -70,7 +76,7 @@
   const filtered = $derived.by(() => {
     const q = search.toLowerCase().trim();
     return ctx.state.ephemeral.catalog.filter((pkg: ResolvedPackage) => {
-      if (typeFilter !== 'all' && pkg.entry.type !== typeFilter) return false;
+      if (!packageMatchesTypeFilter(pkg.entry.type, typeFilter)) return false;
       if (!q) return true;
       return (
         pkg.entry.id.toLowerCase().includes(q) ||
@@ -312,6 +318,7 @@
       {@const updatable = hasUpdate(pkg.entry.id)}
       {@const updating = updatingIds.has(pkg.entry.id)}
       {@const missing = missingShards(pkg, ctx.state.ephemeral.installed)}
+      {@const displayType = displayPackageType(pkg.entry.type)}
       <div class="store-card">
         <div class="store-card-header">
           <div class="store-card-icon">
@@ -325,8 +332,12 @@
           </div>
           <div class="store-card-title">
             <span class="store-card-label">{pkg.entry.label}</span>
-            <span class="store-card-badge" class:badge-shard={pkg.entry.type === 'shard'} class:badge-app={pkg.entry.type === 'app'}>
-              {pkg.entry.type}
+            <span
+              class="store-card-badge"
+              class:badge-shard={displayType === 'shard'}
+              class:badge-app={displayType === 'app'}
+            >
+              {displayPackageTypeLabel(pkg.entry.type)}
             </span>
             <span class="store-card-version">{pkg.latest.version}</span>
           </div>

package/dist/app/store/UninstallAppDialog.svelte

@@ -0,0 +1,86 @@
+<script lang="ts">
+  /*
+   * Confirms uninstall of an installed app launched from the home-card
+   * Uninstall action. Modeled on DeleteProjectDialog. The actual uninstall
+   * (server + local installer) is delegated to the caller via onConfirm.
+   */
+
+  interface Props {
+    appId: string;
+    appLabel: string;
+    version: string;
+    onConfirm: () => Promise<void>;
+    close: () => void;
+  }
+
+  let { appId, appLabel, version, onConfirm, close }: Props = $props();
+  let busy = $state(false);
+  let error = $state<string | null>(null);
+
+  async function confirm() {
+    if (busy) return;
+    busy = true;
+    error = null;
+    try {
+      await onConfirm();
+      close();
+    } catch (e) {
+      error = (e as Error).message;
+    } finally {
+      busy = false;
+    }
+  }
+</script>
+
+<div class="uninstall-dialog">
+  <h2>Uninstall {appLabel}?</h2>
+  <p class="hint">
+    Package id: <code>{appId}</code> · current version: <code>v{version}</code>
+  </p>
+  <p>
+    The package will be removed from this server. App data stored in your
+    browser will remain until you clear it manually.
+  </p>
+  {#if error}<p class="error">{error}</p>{/if}
+  <div class="actions">
+    <button type="button" class="danger" onclick={confirm} disabled={busy}>
+      {busy ? 'Uninstalling…' : 'Uninstall'}
+    </button>
+    <button type="button" onclick={close} disabled={busy}>Cancel</button>
+  </div>
+</div>
+
+<style>
+  .uninstall-dialog {
+    padding: 16px 20px;
+    max-width: 460px;
+    color: var(--shell-fg);
+    background: var(--shell-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); }
+  code {
+    font-family: var(--shell-font-mono, monospace);
+    background: var(--shell-bg-elevated);
+    padding: 0 4px;
+    border-radius: var(--shell-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);
+    padding: 6px 14px; font: inherit; cursor: pointer;
+  }
+  .actions button.danger {
+    background: var(--shell-error, #c33);
+    color: #fff;
+    border-color: var(--shell-error, #c33);
+  }
+  .actions button:hover { border-color: var(--shell-accent); }
+  .actions button:disabled { opacity: 0.5; cursor: not-allowed; }
+</style>

package/dist/app/store/UninstallAppDialog.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    appId: string;
+    appLabel: string;
+    version: string;
+    onConfirm: () => Promise<void>;
+    close: () => void;
+}
+declare const UninstallAppDialog: import("svelte").Component<Props, {}, "">;
+type UninstallAppDialog = ReturnType<typeof UninstallAppDialog>;
+export default UninstallAppDialog;

package/dist/app/store/permissionConfirm.d.ts

@@ -0,0 +1,4 @@
+export declare function openPermissionConfirmModal(pkg: {
+    label: string;
+    version: string;
+}, toVersion: string, added: string[], removed: string[]): Promise<boolean>;

package/dist/app/store/permissionConfirm.js

@@ -0,0 +1,27 @@
+/*
+ * Shared permission-diff confirmation flow for the `update` path. Opens
+ * PermissionConfirmModal via modalManager and resolves to the user's choice.
+ * Used by the home-card "Check for updates" context-menu action.
+ */
+import { modalManager } from '../../overlays/modal';
+import PermissionConfirmModal from './PermissionConfirmModal.svelte';
+export function openPermissionConfirmModal(pkg, toVersion, added, removed) {
+    return new Promise((resolve) => {
+        const props = {
+            mode: 'update',
+            pkg: { label: pkg.label, version: toVersion },
+            fromVersion: pkg.version,
+            added,
+            removed,
+            onConfirm: () => {
+                handle.close();
+                resolve(true);
+            },
+            onCancel: () => {
+                handle.close();
+                resolve(false);
+            },
+        };
+        const handle = modalManager.open(PermissionConfirmModal, props);
+    });
+}

package/dist/app/store/storeApp.js

@@ -21,7 +21,6 @@ export const storeApp = {
         activeTab: 0,
         tabs: [
             { slotId: 'store.browse', viewId: 'sh3-store:browse', label: 'Browse' },
-            { slotId: 'store.installed', viewId: 'sh3-store:installed', label: 'Installed' },
         ],
     },
 };

package/dist/app/store/storeShard.svelte.d.ts

@@ -3,6 +3,12 @@ import type { StateZones } from '../../state/zones.svelte';
 import type { ResolvedPackage } from '../../registry/client';
 import type { InstalledPackage } from '../../registry/types';
 import type { EnvState } from '../../env/types';
+/**
+ * Pick a version entry from a resolved package. When `requested` is
+ * undefined returns `latest`; when set, finds the matching entry by
+ * exact version string. Throws if the requested version is absent.
+ */
+export declare function pickVersion(pkg: ResolvedPackage, requested: string | undefined): typeof pkg.latest;
 /**
  * Compute added and removed permissions between two manifest snapshots.
  * Order within each array follows the input order of `newPerms` (for added)
@@ -34,7 +40,8 @@ export interface StoreContext {
     isAdmin: boolean;
     refreshCatalog(): Promise<void>;
     refreshInstalled(): Promise<void>;
-    updatePackage(id: string, confirmPermissionChange?: (added: string[], removed: string[]) => Promise<boolean>): Promise<void>;
+    updatePackage(id: string, confirmPermissionChange?: (added: string[], removed: string[]) => Promise<boolean>, version?: string): Promise<void>;
+    uninstallPackage(id: string): Promise<void>;
     addRegistry(url: string): Promise<void>;
     removeRegistry(url: string): Promise<void>;
 }