anentrypoint-design 0.0.478 → 0.0.481

package/src/kits/os/icons.js

@@ -29,6 +29,22 @@ const OS_PATHS = {
     // other icon in this kit instead of raw ASCII glyph text (-/+/x).
     minimize: '<path d="M5 12h14"/>',
     maximize: '<rect x="5" y="5" width="14" height="14" rx="1"/>',
+    // Remaining os-app glyphs, added so every app-menu entry in the shared
+    // registry (thebird's apps.js) resolves a real icon instead of falling
+    // through buildAppEntries()'s `icons[app.id] || ''` empty-span case.
+    // Concepts that already exist in ICON_PATHS are reused directly; the rest
+    // get their own path data following this module's own house style.
+    workspaces: ICON_PATHS.grid,
+    gm: ICON_PATHS.activity,
+    todo: ICON_PATHS['check-check'],
+    config: ICON_PATHS.settings,
+    notes: ICON_PATHS['file-text'],
+    counter: ICON_PATHS.plus,
+    snake: '<path d="M4 6c0 4 3 2 3 6s-3 2-3 6M17 6a3 3 0 0 1 0 6h-6a3 3 0 0 0 0 6h6"/>',
+    'snake-ecs': '<path d="M4 6c0 4 3 2 3 6s-3 2-3 6M17 6a3 3 0 0 1 0 6h-6a3 3 0 0 0 0 6h6"/><circle cx="19" cy="6" r="1.5" fill="currentColor"/>',
+    boids: '<path d="M12 4l4 8-4-2-4 2z"/><path d="M5 15l3 5-3-1-2 1z"/><path d="M19 15l-3 5 3-1 2 1z"/>',
+    'level-editor': '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18M3 9h18"/>',
+    'game-player': '<rect x="2" y="7" width="20" height="10" rx="4"/><path d="M8 10v4M6 12h4"/><circle cx="16" cy="10.5" r="1"/><circle cx="18.5" cy="13" r="1"/>',
 };
 
 // iconMarkup() only resolves names already registered in the shared

package/src/kits/os/shell-geometry.js

@@ -37,8 +37,8 @@ export function computeSpawnRect(sz, openCount) {
     const scaled = small ? sz : scaleSpawnSize(sz, vw, vh);
     const w = Math.min(scaled.w, vw);
     const h = Math.min(scaled.h, vh);
-    const x = Math.max(0, Math.min(100 + (openCount * 28) % 240, vw - w));
-    const y = Math.max(0, Math.min(80 + (openCount * 22) % 180, vh - h));
+    const x = Math.max(0, Math.min(100 + (openCount * 36) % 288, vw - w));
+    const y = Math.max(0, Math.min(80 + (openCount * 28) % 224, vh - h));
     return { w, h, x, y, maximized: small };
 }
 

package/src/kits/os/shell.js

@@ -6,8 +6,9 @@
 
 import {
     ensureCss, buildMenubar, buildAppsMenu, buildSideRail, buildDrawer,
-    buildTaskbar, buildAppEntries,
+    buildTaskbar, buildAppEntries, ic,
 } from './shell-chrome.js';
+import { icons } from './icons.js';
 import { computeSpawnRect, reflowWindows } from './shell-geometry.js';
 
 export function createDesktopShell({ root = document.body, wm, registry, brand = 'desktop', themeUrl, onNewInstance, autoBoot = false } = {}) {
@@ -171,8 +172,15 @@ export function createDesktopShell({ root = document.body, wm, registry, brand =
             const t = document.createElement('button');
             t.className = 'os-task' + (w.focused ? ' focused' : '');
             t.type = 'button';
-            t.textContent = w.title;
             t.dataset.winId = w.id;
+            // Same icon-resolution order as buildAppEntries (menu/rail/drawer):
+            // the registered app's own icon, falling back to the id-keyed
+            // default set — so a taskbar entry always matches its apps-menu
+            // counterpart instead of reading as unrelated text-only chrome.
+            const app = w.appId && (typeof registry.get === 'function' ? registry.get(w.appId) : registry[w.appId]);
+            const iconSvg = (app && app.icon) || icons[w.appId] || '';
+            if (iconSvg) t.append(ic(iconSvg));
+            t.append(Object.assign(document.createElement('span'), { className: 'os-task-label', textContent: w.title }));
             // aria-current announces which window is the active one; a
             // sighted user reads this from the .focused visual state alone.
             if (w.focused) t.setAttribute('aria-current', 'true');
@@ -194,7 +202,20 @@ export function createDesktopShell({ root = document.body, wm, registry, brand =
     function makeLoadingNode() {
         const n = document.createElement('div');
         n.className = 'app-pane os-app-loading';
-        n.textContent = 'loading…';
+        n.setAttribute('role', 'status');
+        n.setAttribute('aria-live', 'polite');
+        n.setAttribute('aria-label', 'loading');
+        const spinner = document.createElement('div');
+        spinner.className = 'ds-spinner';
+        spinner.setAttribute('aria-hidden', 'true');
+        spinner.appendChild(document.createElement('span'));
+        spinner.appendChild(document.createElement('span'));
+        spinner.appendChild(document.createElement('span'));
+        const label = document.createElement('span');
+        label.className = 'os-app-loading-label';
+        label.textContent = 'loading…';
+        n.appendChild(spinner);
+        n.appendChild(label);
         return n;
     }