sh3-core 0.11.4 → 0.11.6

package/dist/overlays/ConfirmDialog.test.js

@@ -0,0 +1,123 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+import { tick } from 'svelte';
+import { modalManager } from './modal';
+import { registerLayerRoot, unregisterLayerRoot } from './roots';
+import ConfirmDialog from './ConfirmDialog.svelte';
+function makeLayerRoot() {
+    const el = document.createElement('div');
+    el.style.position = 'relative';
+    document.body.appendChild(el);
+    registerLayerRoot('modal', el);
+    return el;
+}
+function teardownLayerRoot(el) {
+    unregisterLayerRoot('modal');
+    el.remove();
+}
+describe('ConfirmDialog', () => {
+    let layerRoot;
+    beforeEach(() => {
+        layerRoot = makeLayerRoot();
+    });
+    afterEach(() => {
+        modalManager.closeAll();
+        teardownLayerRoot(layerRoot);
+    });
+    it('renders title and body', async () => {
+        modalManager.open(ConfirmDialog, {
+            title: 'Reset layout?',
+            body: 'This discards your customizations.',
+            onConfirm: () => { },
+        });
+        await tick();
+        const box = layerRoot.querySelector('.modal-box');
+        expect(box.textContent).toContain('Reset layout?');
+        expect(box.textContent).toContain('This discards your customizations.');
+    });
+    it('Cancel button calls onCancel and closes', async () => {
+        const onCancel = vi.fn();
+        const onConfirm = vi.fn();
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            onCancel,
+            onConfirm,
+        });
+        await tick();
+        const cancelBtn = layerRoot.querySelector('[data-confirm-dialog-cancel]');
+        cancelBtn.click();
+        await tick();
+        expect(onCancel).toHaveBeenCalledOnce();
+        expect(onConfirm).not.toHaveBeenCalled();
+        expect(layerRoot.querySelector('.sh3-modal-host')).toBeNull();
+    });
+    it('Confirm button calls onConfirm and closes', async () => {
+        const onConfirm = vi.fn();
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            onConfirm,
+        });
+        await tick();
+        const confirmBtn = layerRoot.querySelector('[data-confirm-dialog-confirm]');
+        confirmBtn.click();
+        await tick();
+        expect(onConfirm).toHaveBeenCalledOnce();
+        expect(layerRoot.querySelector('.sh3-modal-host')).toBeNull();
+    });
+    it('awaits async onConfirm before closing', async () => {
+        let resolveFn = () => { };
+        const onConfirm = vi.fn(() => new Promise((resolve) => {
+            resolveFn = resolve;
+        }));
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            onConfirm,
+        });
+        await tick();
+        const confirmBtn = layerRoot.querySelector('[data-confirm-dialog-confirm]');
+        confirmBtn.click();
+        await tick();
+        // Modal still open — onConfirm hasn't resolved yet.
+        expect(layerRoot.querySelector('.sh3-modal-host')).not.toBeNull();
+        resolveFn();
+        await tick();
+        await tick();
+        expect(layerRoot.querySelector('.sh3-modal-host')).toBeNull();
+    });
+    it('confirmTone: "danger" applies the danger class to the confirm button', async () => {
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            confirmTone: 'danger',
+            onConfirm: () => { },
+        });
+        await tick();
+        const confirmBtn = layerRoot.querySelector('[data-confirm-dialog-confirm]');
+        expect(confirmBtn.classList.contains('confirm-dialog-btn-danger')).toBe(true);
+    });
+    it('uses provided confirmLabel and cancelLabel', async () => {
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            confirmLabel: 'Wipe',
+            cancelLabel: 'Keep',
+            onConfirm: () => { },
+        });
+        await tick();
+        expect(layerRoot.querySelector('[data-confirm-dialog-confirm]').textContent).toContain('Wipe');
+        expect(layerRoot.querySelector('[data-confirm-dialog-cancel]').textContent).toContain('Keep');
+    });
+    it('default focus is the Cancel button', async () => {
+        modalManager.open(ConfirmDialog, {
+            title: 't',
+            body: 'b',
+            onConfirm: () => { },
+        });
+        await tick();
+        await tick(); // focus is set in $effect after mount
+        const cancelBtn = layerRoot.querySelector('[data-confirm-dialog-cancel]');
+        expect(document.activeElement).toBe(cancelBtn);
+    });
+});

package/dist/overlays/FloatFrame.svelte

@@ -109,7 +109,7 @@
     position: absolute;
     display: flex;
     flex-direction: column;
-    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated, #1e1e1e));
+    background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     color: var(--shell-fg);
     border: 1px solid var(--shell-border-strong);
     border-radius: var(--shell-radius);
@@ -121,7 +121,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 4px 8px;
-    background: var(--shell-bg, #111);
+    background: var(--shell-grad-bg-sunken, var(--shell-bg-sunken));
     cursor: move;
     user-select: none;
     border-bottom: 1px solid var(--shell-border-strong);

package/dist/overlays/ToastItem.svelte

@@ -66,9 +66,9 @@
   .toast-message { flex: 1; }
 
   .toast-info    { border-left-color: var(--shell-accent); }
-  .toast-success { border-left-color: #5cb176; }
-  .toast-warn    { border-left-color: #d6a84a; }
-  .toast-error   { border-left-color: #d06060; }
+  .toast-success { border-left-color: var(--shell-success); }
+  .toast-warn    { border-left-color: var(--shell-warning); }
+  .toast-error   { border-left-color: var(--shell-error); }
 
   @keyframes toast-in {
     from { opacity: 0; transform: translateY(8px); }

package/dist/primitives/base.css

@@ -15,8 +15,8 @@ input[type="submit"],
 input[type="reset"],
 .shell-base-button {
   padding: 6px 14px;
-  background: var(--shell-accent, #6ea8fe);
-  color: var(--shell-fg, #fff);
+  background: var(--shell-accent);
+  color: var(--shell-fg-on-accent);
   border: none;
   border-radius: var(--shell-radius);
   cursor: pointer;
@@ -113,7 +113,7 @@ input[type="radio"].shell-base-radio {
   content: "";
   width: 8px;
   height: 8px;
-  background: #fff;
+  background: var(--shell-fg-on-accent);
   clip-path: polygon(14% 44%, 0 60%, 40% 100%, 100% 20%, 85% 8%, 38% 70%);
 }
 
@@ -122,7 +122,7 @@ input[type="radio"].shell-base-radio {
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: #fff;
+  background: var(--shell-fg-on-accent);
 }
 
 .shell-base-check:focus-visible,
@@ -167,7 +167,7 @@ input[type="checkbox"].shell-base-switch {
 .shell-base-switch:checked { background: var(--shell-accent); }
 .shell-base-switch:checked::before {
   transform: translateX(12px);
-  background: #fff;
+  background: var(--shell-fg-on-accent);
 }
 
 .shell-base-switch:focus-visible {

package/dist/sh3core-shard/sh3coreShard.svelte.js

@@ -24,10 +24,13 @@
 import { mount, unmount } from 'svelte';
 import ShellHome from './ShellHome.svelte';
 import KeysAndPeers from '../shell/views/KeysAndPeers.svelte';
+import ConfirmDialog from '../overlays/ConfirmDialog.svelte';
 import { VERSION } from '../version';
 import { __setBindingsZone } from '../actions/bindings-store';
 import { registeredApps } from '../apps/registry.svelte';
 import { launchApp } from '../apps/lifecycle';
+import { resetActivePresetToDefault } from '../layout/store.svelte';
+import { modalManager } from '../overlays/modal';
 export const sh3coreShard = {
     manifest: {
         id: '__sh3core__',
@@ -57,6 +60,23 @@ export const sh3coreShard = {
                 import('../actions/listeners').then(({ openPalette }) => openPalette());
             },
         });
+        ctx.actions.register({
+            id: 'sh3.app.reset-layout',
+            label: 'Reset Current Layout',
+            scope: ['app'],
+            paletteItem: true,
+            contextItem: false,
+            run() {
+                modalManager.open(ConfirmDialog, {
+                    title: 'Reset layout?',
+                    body: 'This discards the current arrangement of the active preset and ' +
+                        'rebuilds it from the app default. Floats will be removed.',
+                    confirmLabel: 'Reset',
+                    confirmTone: 'danger',
+                    onConfirm: () => resetActivePresetToDefault(),
+                });
+            },
+        });
         const factory = {
             mount(container, _context) {
                 const instance = mount(ShellHome, { target: container });

package/dist/shell-shard/shellShard.svelte.js

@@ -176,10 +176,6 @@ export function makeShellApiForTest() {
 export const shellShard = {
     manifest,
     activate(ctx) {
-        if (!ctx.isAdmin) {
-            // Non-admin: don't expose the view. Nothing to register.
-            return;
-        }
         registerV1Verbs(ctx);
         const shell = makeShellApi(ctx);
         // The AZERTY `²` key (top-left on FR keyboards, below Escape) opens the

package/dist/tokens.css

@@ -33,7 +33,7 @@
   --shell-accent-muted: #3a5580;
 
   /* Inputs */
-  --shell-input-bg:           #2a2a2a;
+  --shell-input-bg:           var(--shell-bg-sunken);
   --shell-input-border-focus: var(--shell-accent);
   --shell-focus-ring:         0 0 0 2px color-mix(in srgb, var(--shell-accent) 40%, transparent);
 

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export declare const VERSION = "0.11.4";
+export declare const VERSION = "0.11.6";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export const VERSION = '0.11.4';
+export const VERSION = '0.11.6';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh3-core",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "type": "module",
   "files": [
     "dist"