sh3-core 0.13.2 → 0.13.4

package/dist/overlays/parentHost.test.js

@@ -0,0 +1,39 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { findEnclosingOverlayHost } from './parentHost';
+afterEach(() => {
+    document.body.innerHTML = '';
+});
+describe('findEnclosingOverlayHost', () => {
+    it('returns the nearest ancestor with data-shell-overlay-host', () => {
+        const host = document.createElement('div');
+        host.dataset.shellOverlayHost = 'modal';
+        const inner = document.createElement('div');
+        const anchor = document.createElement('button');
+        inner.appendChild(anchor);
+        host.appendChild(inner);
+        document.body.appendChild(host);
+        expect(findEnclosingOverlayHost(anchor)).toBe(host);
+    });
+    it('returns the anchor itself when it carries the marker', () => {
+        const anchor = document.createElement('div');
+        anchor.dataset.shellOverlayHost = 'float';
+        document.body.appendChild(anchor);
+        expect(findEnclosingOverlayHost(anchor)).toBe(anchor);
+    });
+    it('returns null when no ancestor carries the marker', () => {
+        const anchor = document.createElement('button');
+        document.body.appendChild(anchor);
+        expect(findEnclosingOverlayHost(anchor)).toBeNull();
+    });
+    it('returns the innermost host when overlay hosts are nested', () => {
+        const outer = document.createElement('div');
+        outer.dataset.shellOverlayHost = 'modal';
+        const inner = document.createElement('div');
+        inner.dataset.shellOverlayHost = 'float';
+        const anchor = document.createElement('button');
+        inner.appendChild(anchor);
+        outer.appendChild(inner);
+        document.body.appendChild(outer);
+        expect(findEnclosingOverlayHost(anchor)).toBe(inner);
+    });
+});

package/dist/overlays/popup.js

@@ -83,6 +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.style.position = 'absolute';
     host.style.inset = '0';
     host.style.pointerEvents = 'none'; // only the frame captures pointer events

package/dist/overlays/popup.test.js

@@ -126,3 +126,22 @@ describe('popup — back-cascade integration', () => {
         expect(layerRoot.querySelector('.sh3-popup-host')).toBeNull();
     });
 });
+describe('popup — overlay host marker', () => {
+    let layerRoot;
+    beforeEach(() => {
+        vi.stubGlobal('innerWidth', 2000);
+        vi.stubGlobal('innerHeight', 2000);
+        layerRoot = makeLayerRoot();
+    });
+    afterEach(() => {
+        __resetPopupManagerForTest();
+        teardownLayerRoot(layerRoot);
+        vi.unstubAllGlobals();
+    });
+    it('marks the popup host with data-shell-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');
+    });
+});

package/dist/primitives/widgets/IconPicker.svelte

@@ -0,0 +1,115 @@
+<script lang="ts">
+  /*
+   * IconPicker — searchable grid of icon ids from the bundled lucide
+   * sprite. The "(none)" tile clears the value. Composes the widget
+   * commit-only event contract (CommitOnlyEvents<string | undefined>).
+   */
+
+  import type { CommitOnlyEvents } from './_contract';
+  import { ICON_IDS } from '../../assets/iconIds.generated';
+  import iconsUrl from '../../assets/icons.svg';
+
+  type Props = {
+    value?: string | undefined;
+    label?: string;
+    disabled?: boolean;
+  } & CommitOnlyEvents<string | undefined>;
+
+  let {
+    value = $bindable(undefined),
+    label,
+    disabled = false,
+    onchange,
+  }: Props = $props();
+
+  let query = $state('');
+
+  const filtered = $derived(
+    query.trim() === ''
+      ? ICON_IDS
+      : ICON_IDS.filter((id) => id.includes(query.trim().toLowerCase())),
+  );
+
+  function pick(id: string | undefined): void {
+    if (disabled) return;
+    value = id;
+    onchange?.(id);
+  }
+</script>
+
+<div class="sh3-icon-picker" class:sh3-icon-picker--disabled={disabled}>
+  {#if label}<span class="sh3-icon-picker__label">{label}</span>{/if}
+  <input
+    type="search"
+    placeholder="Search icons…"
+    bind:value={query}
+    {disabled}
+    aria-label="Filter icons"
+  />
+  <div class="sh3-icon-picker__grid">
+    <button
+      type="button"
+      class="sh3-icon-picker__tile sh3-icon-picker__tile--none"
+      class:sh3-icon-picker__tile--selected={value === undefined}
+      aria-label="No icon"
+      {disabled}
+      onclick={() => pick(undefined)}
+    >×</button>
+    {#each filtered as id (id)}
+      <button
+        type="button"
+        class="sh3-icon-picker__tile"
+        class:sh3-icon-picker__tile--selected={value === id}
+        aria-label={id}
+        title={id}
+        {disabled}
+        onclick={() => pick(id)}
+      >
+        <svg viewBox="0 0 24 24"><use href="{iconsUrl}#{id}" /></svg>
+      </button>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .sh3-icon-picker { display: flex; flex-direction: column; gap: 6px; }
+  .sh3-icon-picker__label { font-size: 13px; color: var(--shell-fg-muted); }
+  .sh3-icon-picker input[type="search"] {
+    background: var(--shell-bg-elevated);
+    color: var(--shell-fg);
+    border: 1px solid var(--shell-border);
+    border-radius: var(--shell-radius-sm, 3px);
+    padding: 6px 8px; font: inherit; font-size: 13px;
+  }
+  .sh3-icon-picker__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
+    gap: 4px;
+    max-height: 220px;
+    overflow-y: auto;
+    padding: 4px;
+    background: var(--shell-bg);
+    border: 1px solid var(--shell-border);
+    border-radius: var(--shell-radius-sm, 3px);
+  }
+  .sh3-icon-picker__tile {
+    aspect-ratio: 1 / 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--shell-bg-elevated);
+    color: var(--shell-fg);
+    border: 1px solid transparent;
+    border-radius: var(--shell-radius-sm, 3px);
+    cursor: pointer;
+    padding: 0; font: inherit;
+  }
+  .sh3-icon-picker__tile--none { font-size: 16px; color: var(--shell-fg-muted); }
+  .sh3-icon-picker__tile:hover { border-color: var(--shell-accent); }
+  .sh3-icon-picker__tile--selected {
+    outline: 2px solid var(--shell-accent);
+    outline-offset: -2px;
+  }
+  .sh3-icon-picker__tile svg { width: 18px; height: 18px; }
+  .sh3-icon-picker--disabled .sh3-icon-picker__tile { cursor: not-allowed; opacity: 0.5; }
+</style>

package/dist/primitives/widgets/IconPicker.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { CommitOnlyEvents } from './_contract';
+type Props = {
+    value?: string | undefined;
+    label?: string;
+    disabled?: boolean;
+} & CommitOnlyEvents<string | undefined>;
+declare const IconPicker: import("svelte").Component<Props, {}, "value">;
+type IconPicker = ReturnType<typeof IconPicker>;
+export default IconPicker;

package/dist/primitives/widgets/IconPicker.svelte.test.d.ts

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

package/dist/primitives/widgets/IconPicker.svelte.test.js

@@ -0,0 +1,43 @@
+import { describe, it, expect } from 'vitest';
+import { render, fireEvent } from '@testing-library/svelte';
+import IconPicker from './IconPicker.svelte';
+describe('IconPicker', () => {
+    it('renders the (none) tile and at least one icon tile', () => {
+        const { container } = render(IconPicker, { props: {} });
+        const tiles = container.querySelectorAll('.sh3-icon-picker__tile');
+        expect(tiles.length).toBeGreaterThan(1);
+        expect(tiles[0].getAttribute('aria-label')).toBe('No icon');
+    });
+    it('filters tiles by search input', async () => {
+        const { container } = render(IconPicker, { props: {} });
+        const search = container.querySelector('input[type="search"]');
+        await fireEvent.input(search, { target: { value: 'house' } });
+        const visible = container.querySelectorAll('.sh3-icon-picker__tile:not([hidden])');
+        expect(visible.length).toBeGreaterThan(0);
+        expect(visible.length).toBeLessThan(20);
+    });
+    it('calls onchange with the clicked icon id', async () => {
+        let lastValue = '__sentinel__';
+        const { container } = render(IconPicker, {
+            props: {
+                onchange: (v) => { lastValue = v; },
+            },
+        });
+        const tiles = Array.from(container.querySelectorAll('.sh3-icon-picker__tile'));
+        await fireEvent.click(tiles[1]);
+        expect(lastValue).toEqual(expect.any(String));
+        expect(lastValue).not.toBe('__sentinel__');
+    });
+    it('calls onchange with undefined when (none) tile is clicked', async () => {
+        let lastValue = 'house';
+        const { container } = render(IconPicker, {
+            props: {
+                value: 'house',
+                onchange: (v) => { lastValue = v; },
+            },
+        });
+        const noneTile = container.querySelector('.sh3-icon-picker__tile');
+        await fireEvent.click(noneTile);
+        expect(lastValue).toBeUndefined();
+    });
+});

package/dist/projects-shard/ProjectManage.svelte

@@ -8,6 +8,7 @@
    * "include myself" works without looking up the underlying user id.
    */
 
+  import { untrack } from 'svelte';
   import { projectsApi, type ProjectRecord } from './projectsApi';
   import { refreshProjects } from './projectsShard.svelte';
   import { getUser } from '../auth/auth.svelte';
@@ -26,12 +27,21 @@
   const isEdit = $derived(project !== null);
   const me = $derived(getUser());
 
-  let name = $state(project?.name ?? '');
-  let description = $state(project?.description ?? '');
+  // Form fields snapshot the project on mount; the modal is recreated per
+  // open, so prop changes after mount aren't expected. untrack defers the
+  // reactive read so Svelte 5 doesn't emit state_referenced_locally.
+  let name = $state(untrack(() => project?.name ?? ''));
+  let description = $state(untrack(() => project?.description ?? ''));
   let members = $state<string[]>(
-    project ? [...project.members] : (me?.id ? [me.id] : []),
+    untrack(() => {
+      if (project) return [...project.members];
+      const userId = getUser()?.id;
+      return userId ? [userId] : [];
+    }),
+  );
+  let appAllowlist = $state<string[]>(
+    untrack(() => (project ? [...project.appAllowlist] : [])),
   );
-  let appAllowlist = $state<string[]>(project ? [...project.appAllowlist] : []);
   let saving = $state(false);
   let error = $state<string | null>(null);
 

package/dist/sh3core-shard/ShellHome.svelte

@@ -12,6 +12,22 @@
   import ProjectsSection from '../projects-shard/ProjectsSection.svelte';
   import { sessionState } from '../projects/session-state.svelte';
   import { projectsState } from '../projects-shard/projectsShard.svelte';
+  import { shell } from '../shellRuntime.svelte';
+  import { makeSelectionApi } from '../actions/selection.svelte';
+  import { getAppearance } from '../app-appearance';
+  import iconsUrl from '../assets/icons.svg';
+
+  const homeSelection = makeSelectionApi('__sh3core__');
+
+  function openAppContextMenu(event: MouseEvent, appId: string): void {
+    event.preventDefault();
+    homeSelection.set({ type: 'app', ref: { appId } });
+    shell.actions.openContextMenu({
+      x: event.clientX,
+      y: event.clientY,
+      scope: { element: 'app' },
+    });
+  }
 
   let filter = $state('');
 
@@ -71,17 +87,20 @@
       <h2 class="shell-home-section-title">Apps</h2>
       <div class="shell-home-grid">
         {#each userApps as manifest (manifest.id)}
+          {@const appearance = getAppearance(manifest.id)}
           <button
             type="button"
             class="shell-home-card"
+            class:shell-home-card--tinted={appearance?.color}
+            style:--card-color={appearance?.color ?? 'transparent'}
+            data-sh3-scope="element:app"
             onclick={() => launchApp(manifest.id)}
-            title="Launch {manifest.label}"
+            oncontextmenu={(e) => openAppContextMenu(e, manifest.id)}
           >
-            <div class="shell-home-card-label">{manifest.label}</div>
-            <div class="shell-home-card-meta">
-              <span class="shell-home-card-id">{manifest.id}</span>
-              <span class="shell-home-card-version">v{manifest.version}</span>
-            </div>
+            <span class="shell-home-card-square">
+              <svg class="shell-home-card-icon"><use href="{iconsUrl}#{appearance?.icon ?? manifest.icon ?? 'box'}" /></svg>
+            </span>
+            <span class="shell-home-card-label">{appearance?.label ?? manifest.label}</span>
           </button>
         {/each}
       </div>
@@ -93,17 +112,20 @@
       <h2 class="shell-home-section-title">Admin</h2>
       <div class="shell-home-grid">
         {#each adminApps as manifest (manifest.id)}
+          {@const appearance = getAppearance(manifest.id)}
           <button
             type="button"
             class="shell-home-card"
+            class:shell-home-card--tinted={appearance?.color}
+            style:--card-color={appearance?.color ?? 'transparent'}
+            data-sh3-scope="element:app"
             onclick={() => launchApp(manifest.id)}
-            title="Launch {manifest.label}"
+            oncontextmenu={(e) => openAppContextMenu(e, manifest.id)}
           >
-            <div class="shell-home-card-label">{manifest.label}</div>
-            <div class="shell-home-card-meta">
-              <span class="shell-home-card-id">{manifest.id}</span>
-              <span class="shell-home-card-version">v{manifest.version}</span>
-            </div>
+            <span class="shell-home-card-square">
+              <svg class="shell-home-card-icon"><use href="{iconsUrl}#{appearance?.icon ?? manifest.icon ?? 'box'}" /></svg>
+            </span>
+            <span class="shell-home-card-label">{appearance?.label ?? manifest.label}</span>
           </button>
         {/each}
       </div>
@@ -223,26 +245,34 @@
   }
   .shell-home-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
-    gap: 10px;
+    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
+    gap: 18px 14px;
   }
   .shell-home-card {
-    aspect-ratio: 1 / 1;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    text-align: left;
-    padding: 10px;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-md);
+    align-items: center;
+    gap: 6px;
+    padding: 0;
+    background: transparent;
+    border: none;
     color: inherit;
     font: inherit;
     cursor: pointer;
+  }
+  .shell-home-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);
     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;
   }
-  .shell-home-card:hover {
+  .shell-home-card:hover .shell-home-card-square {
     border-color: var(--shell-accent);
     transform: translateY(-1px);
     box-shadow:
@@ -252,36 +282,32 @@
   }
   .shell-home-card:focus-visible {
     outline: none;
+  }
+  .shell-home-card:focus-visible .shell-home-card-square {
     border-color: var(--shell-accent);
     box-shadow: 0 0 0 2px color-mix(in srgb, var(--shell-accent) 40%, transparent);
   }
-  .shell-home-card:active {
+  .shell-home-card:active .shell-home-card-square {
     transform: translateY(0);
   }
   .shell-home-card-label {
     font-weight: 600;
-    font-size: 12px;
+    font-size: 11px;
     line-height: 1.2;
+    text-align: center;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     line-clamp: 2;
+    word-break: break-word;
   }
-  .shell-home-card-meta {
-    display: flex;
-    flex-direction: column;
-    gap: 1px;
-    font-size: 9px;
-    color: var(--shell-fg-subtle);
-    min-width: 0;
-  }
-  .shell-home-card-id {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .shell-home-card-icon {
+    width: 28px;
+    height: 28px;
+    color: var(--shell-fg);
   }
-  .shell-home-card-version {
-    color: var(--shell-fg-muted);
+  .shell-home-card--tinted .shell-home-card-square {
+    background: var(--card-color);
   }
 </style>

package/dist/sh3core-shard/appActions.d.ts

@@ -0,0 +1,13 @@
+import type { ShardContext } from '../shards/types';
+export interface AppActionGate {
+    admin: boolean;
+    builtin: boolean;
+}
+export declare function computeAppActionDisabled(g: AppActionGate): boolean;
+export declare function computeAppActionLabelSuffix(g: AppActionGate): string;
+/**
+ * Register the three element-scope app actions on the given shard context.
+ * Returns a disposer that unregisters all three (the framework expects the
+ * shard's activate to keep the disposers alive across deactivate).
+ */
+export declare function registerAppActions(ctx: ShardContext): () => void;

package/dist/sh3core-shard/appActions.js

@@ -0,0 +1,181 @@
+/*
+ * Element-scope actions for app cards. Wired by sh3coreShard.activate.
+ * The element scope is { element: 'app' } and activates when right-click
+ * on a host with data-sh3-scope="element:app" sets a selection of type
+ * 'app' (see ShellHome.svelte).
+ *
+ * Three actions are registered here:
+ *   - app.info        : info-only row showing "<id> v<version>" (always disabled).
+ *   - app.checkUpdate : refresh catalog, then prompt update or toast up-to-date.
+ *   - app.uninstall   : open uninstall confirm dialog.
+ *
+ * The fourth menu item (app.customize) is registered by the app-appearance
+ * shard so its lifecycle is bound to that shard's activate/deactivate.
+ *
+ * Disabled predicate: !isAdmin || isBuiltin. Built-in means the app id is
+ * NOT in storeContext.state.ephemeral.installed (those are framework-shipped
+ * shards like sh3-store, sh3-shell, projects, etc.).
+ */
+import { listRegisteredApps } from '../api';
+import { isAdmin } from '../auth/auth.svelte';
+import { getSelection } from '../actions/selection.svelte';
+import { storeContext } from '../app/store/storeShard.svelte';
+import { openPermissionConfirmModal } from '../app/store/permissionConfirm';
+import { modalManager } from '../overlays/modal';
+import { toastManager } from '../overlays/toast';
+import AppUpdateAvailableModal from '../app/store/AppUpdateAvailableModal.svelte';
+import UninstallAppDialog from '../app/store/UninstallAppDialog.svelte';
+export function computeAppActionDisabled(g) {
+    return !g.admin || g.builtin;
+}
+export function computeAppActionLabelSuffix(g) {
+    if (!g.admin)
+        return ' · admin only';
+    if (g.builtin)
+        return ' · built-in';
+    return '';
+}
+function readSelection() {
+    const sel = getSelection();
+    if (!sel || sel.type !== 'app')
+        return null;
+    return sel.ref;
+}
+function findApp(appId) {
+    return listRegisteredApps().find((m) => m.id === appId);
+}
+function isBuiltin(appId) {
+    return !storeContext.state.ephemeral.installed.some((p) => p.id === appId);
+}
+function gateFor(appId) {
+    return { admin: isAdmin(), builtin: isBuiltin(appId) };
+}
+async function runCheckUpdate(_ctx) {
+    var _a, _b;
+    const ref = readSelection();
+    if (!ref)
+        return;
+    const { appId } = ref;
+    const checking = toastManager.notify('Checking for updates…', { duration: Infinity });
+    try {
+        await storeContext.refreshCatalog();
+    }
+    finally {
+        checking.close();
+    }
+    const entry = storeContext.state.ephemeral.updatable[appId];
+    const installed = storeContext.state.ephemeral.installed.find((p) => p.id === appId);
+    const label = (_b = (_a = findApp(appId)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : appId;
+    if (!entry || !installed) {
+        toastManager.notify(`${label} is up to date`, { level: 'info', duration: 2500 });
+        return;
+    }
+    const props = {
+        appId,
+        appLabel: label,
+        fromVersion: installed.version,
+        toVersion: entry.latest.version,
+        onConfirm: async () => {
+            try {
+                await storeContext.updatePackage(appId, (added, removed) => openPermissionConfirmModal({ label: installed.id, version: installed.version }, entry.latest.version, added, removed));
+                toastManager.notify(`Updated to v${entry.latest.version}`, { level: 'success' });
+            }
+            catch (e) {
+                toastManager.notify(`Update failed: ${e.message}`, { level: 'error', duration: 5000 });
+                throw e;
+            }
+        },
+    };
+    modalManager.open(AppUpdateAvailableModal, props);
+}
+function runUninstall(_ctx) {
+    var _a, _b;
+    const ref = readSelection();
+    if (!ref)
+        return;
+    const { appId } = ref;
+    const installed = storeContext.state.ephemeral.installed.find((p) => p.id === appId);
+    if (!installed)
+        return;
+    const label = (_b = (_a = findApp(appId)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : appId;
+    const props = {
+        appId,
+        appLabel: label,
+        version: installed.version,
+        onConfirm: async () => {
+            try {
+                await storeContext.uninstallPackage(appId);
+                toastManager.notify(`Uninstalled ${label}`, { level: 'success' });
+            }
+            catch (e) {
+                toastManager.notify(`Uninstall failed: ${e.message}`, { level: 'error', duration: 5000 });
+                throw e;
+            }
+        },
+    };
+    modalManager.open(UninstallAppDialog, props);
+}
+/**
+ * Register the three element-scope app actions on the given shard context.
+ * Returns a disposer that unregisters all three (the framework expects the
+ * shard's activate to keep the disposers alive across deactivate).
+ */
+export function registerAppActions(ctx) {
+    const infoLabel = () => {
+        const ref = readSelection();
+        if (!ref)
+            return '';
+        const m = findApp(ref.appId);
+        if (!m)
+            return ref.appId;
+        return `${m.id} v${m.version}`;
+    };
+    const updateLabel = () => {
+        const ref = readSelection();
+        if (!ref)
+            return 'Check for updates';
+        return `Check for updates${computeAppActionLabelSuffix(gateFor(ref.appId))}`;
+    };
+    const uninstallLabel = () => {
+        const ref = readSelection();
+        if (!ref)
+            return 'Uninstall…';
+        return `Uninstall…${computeAppActionLabelSuffix(gateFor(ref.appId))}`;
+    };
+    const isDisabledForCurrent = () => {
+        const ref = readSelection();
+        if (!ref)
+            return true;
+        return computeAppActionDisabled(gateFor(ref.appId));
+    };
+    const actions = [
+        {
+            id: 'app.info',
+            label: infoLabel,
+            scope: { element: 'app' },
+            contextItem: true,
+            group: 'info',
+            disabled: true,
+        },
+        {
+            id: 'app.checkUpdate',
+            label: updateLabel,
+            scope: { element: 'app' },
+            contextItem: true,
+            group: 'update',
+            disabled: isDisabledForCurrent,
+            run: runCheckUpdate,
+        },
+        {
+            id: 'app.uninstall',
+            label: uninstallLabel,
+            scope: { element: 'app' },
+            contextItem: true,
+            group: 'uninstall',
+            disabled: isDisabledForCurrent,
+            run: runUninstall,
+        },
+    ];
+    const disposers = actions.map((a) => ctx.actions.register(a));
+    return () => disposers.forEach((d) => d());
+}

package/dist/sh3core-shard/appActions.test.d.ts

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

package/dist/sh3core-shard/appActions.test.js

@@ -0,0 +1,25 @@
+import { describe, it, expect } from 'vitest';
+import { computeAppActionDisabled, computeAppActionLabelSuffix } from './appActions';
+describe('computeAppActionDisabled', () => {
+    it('disables when not admin', () => {
+        expect(computeAppActionDisabled({ admin: false, builtin: false })).toBe(true);
+    });
+    it('disables when builtin even for admin', () => {
+        expect(computeAppActionDisabled({ admin: true, builtin: true })).toBe(true);
+    });
+    it('enables for admin + non-builtin', () => {
+        expect(computeAppActionDisabled({ admin: true, builtin: false })).toBe(false);
+    });
+});
+describe('computeAppActionLabelSuffix', () => {
+    it('returns admin-only suffix when not admin', () => {
+        expect(computeAppActionLabelSuffix({ admin: false, builtin: true })).toBe(' · admin only');
+        expect(computeAppActionLabelSuffix({ admin: false, builtin: false })).toBe(' · admin only');
+    });
+    it('returns built-in suffix when admin + builtin', () => {
+        expect(computeAppActionLabelSuffix({ admin: true, builtin: true })).toBe(' · built-in');
+    });
+    it('returns empty when enabled', () => {
+        expect(computeAppActionLabelSuffix({ admin: true, builtin: false })).toBe('');
+    });
+});