sh3-core 0.13.0 → 0.13.2

package/dist/projects-shard/projectsShard.svelte.js

@@ -0,0 +1,148 @@
+/*
+ * `__projects__` shard — multi-member project scope module.
+ *
+ * Maintains a reactive list of projects the current user is a member of.
+ * Refreshes on activate and on visibility-change so a project created in
+ * one tab appears in another after it regains focus. Registers admin-only
+ * actions that open the ProjectManage float view (create/edit/delete).
+ */
+import { mount, unmount } from 'svelte';
+import { projectsApi } from './projectsApi';
+import { VERSION } from '../version';
+import ProjectManage from './ProjectManage.svelte';
+import { floatManager } from '../overlays/float';
+import { isAdmin } from '../auth/auth.svelte';
+export const projectsState = $state({ projects: [], loading: false, error: null });
+export async function refreshProjects() {
+    projectsState.loading = true;
+    projectsState.error = null;
+    try {
+        projectsState.projects = await projectsApi.list();
+    }
+    catch (e) {
+        projectsState.error = e.message;
+    }
+    finally {
+        projectsState.loading = false;
+    }
+}
+const PROJECTS_MANAGE_VIEW = 'projects:manage';
+/*
+ * The float manager drops `meta` for `dismissable: true` (per the bare
+ * SlotNode wrapper in float.ts). Edit-mode needs to know which project
+ * to load, so we stash the target on a module-level slot the factory
+ * consumes on mount. Cleared after the factory has read it so a later
+ * Create from the palette can't accidentally inherit a previous edit
+ * target.
+ */
+let pendingTarget = null;
+function consumePendingTarget() {
+    const t = pendingTarget;
+    pendingTarget = null;
+    return t;
+}
+export function openProjectManage(project) {
+    pendingTarget = project;
+    floatManager.open(PROJECTS_MANAGE_VIEW, {
+        title: project ? `Edit ${project.name}` : 'Create Project',
+        size: { w: 560, h: 620 },
+        dismissable: true,
+    });
+}
+export const projectsShard = {
+    manifest: {
+        id: '__projects__',
+        label: 'Projects',
+        version: VERSION,
+        views: [{ id: PROJECTS_MANAGE_VIEW, label: 'Project Manager' }],
+    },
+    activate(ctx) {
+        void refreshProjects();
+        if (typeof document !== 'undefined') {
+            document.addEventListener('visibilitychange', () => {
+                if (document.visibilityState === 'visible')
+                    void refreshProjects();
+            });
+        }
+        const factory = {
+            mount(container, _mountCtx) {
+                const project = consumePendingTarget();
+                // The float manager has already pushed an entry for this mount —
+                // the most recent one whose viewId matches us is ours.
+                const list = floatManager.list();
+                const floatId = list.length > 0 ? list[list.length - 1].id : null;
+                const close = () => {
+                    if (floatId)
+                        floatManager.close(floatId);
+                };
+                const instance = mount(ProjectManage, {
+                    target: container,
+                    props: { project, onClose: close },
+                });
+                return {
+                    unmount() {
+                        unmount(instance);
+                    },
+                };
+            },
+        };
+        ctx.registerView(PROJECTS_MANAGE_VIEW, factory);
+        ctx.actions.register({
+            id: 'sh3.project.create',
+            label: 'Create Project…',
+            scope: ['home', 'app'],
+            paletteItem: true,
+            disabled: () => !isAdmin(),
+            run: () => {
+                if (isAdmin())
+                    openProjectManage(null);
+            },
+        });
+        ctx.actions.register({
+            id: 'sh3.project.manage',
+            label: 'Manage Project…',
+            scope: ['home', 'app'],
+            submenu: true,
+            paletteItem: true,
+            disabled: () => !isAdmin(),
+        });
+        // Dynamic children: one per project in projectsState.projects, kept in
+        // sync as projects are created/deleted. Mirrors the sh3.app.launch
+        // pattern in sh3coreShard.
+        const manageUnregisters = new Map();
+        $effect.root(() => {
+            $effect(() => {
+                const currentIds = new Set();
+                for (const project of projectsState.projects) {
+                    currentIds.add(project.id);
+                    if (manageUnregisters.has(project.id))
+                        continue;
+                    const off = ctx.actions.register({
+                        id: `sh3.project.manage:${project.id}`,
+                        label: project.name,
+                        scope: ['home', 'app'],
+                        submenuOf: 'sh3.project.manage',
+                        run: () => {
+                            // Re-read the live record so renames since registration are
+                            // reflected in the form.
+                            const live = projectsState.projects.find((p) => p.id === project.id);
+                            if (live)
+                                openProjectManage(live);
+                        },
+                    });
+                    manageUnregisters.set(project.id, off);
+                }
+                for (const id of [...manageUnregisters.keys()]) {
+                    if (!currentIds.has(id)) {
+                        manageUnregisters.get(id)();
+                        manageUnregisters.delete(id);
+                    }
+                }
+            });
+        });
+    },
+    autostart() {
+        /* register on the self-starting path so the project list is available
+           on the home screen without an app launch. */
+    },
+};

package/dist/sh3core-shard/ShellHome.svelte

@@ -9,19 +9,35 @@
 
   import { listRegisteredApps, launchApp, isAdmin, VERSION } from '../api';
   import ShellTitle from './ShellTitle.svelte';
+  import ProjectsSection from '../projects-shard/ProjectsSection.svelte';
+  import { sessionState } from '../projects/session-state.svelte';
+  import { projectsState } from '../projects-shard/projectsShard.svelte';
 
   let filter = $state('');
 
   const apps = $derived(listRegisteredApps());
   const elevated = $derived(isAdmin());
 
+  const activeProject = $derived(
+    sessionState.activeProjectId
+      ? projectsState.projects.find((p) => p.id === sessionState.activeProjectId) ?? null
+      : null,
+  );
+
   function matches(m: { id: string; label: string }, q: string): boolean {
     if (!q) return true;
     const needle = q.toLowerCase();
     return m.label.toLowerCase().includes(needle) || m.id.toLowerCase().includes(needle);
   }
 
-  const userApps = $derived(apps.filter((m) => !m.admin && matches(m, filter)));
+  function inAllowlist(appId: string): boolean {
+    if (!activeProject) return true;
+    return activeProject.appAllowlist.includes(appId);
+  }
+
+  const userApps = $derived(
+    apps.filter((m) => !m.admin && matches(m, filter) && inAllowlist(m.id)),
+  );
   const adminApps = $derived(apps.filter((m) => m.admin && matches(m, filter)));
   const totalVisible = $derived(userApps.length + (elevated ? adminApps.length : 0));
 </script>
@@ -48,6 +64,8 @@
     />
   </div>
 
+  <ProjectsSection />
+
   {#if userApps.length > 0}
     <section class="shell-home-section">
       <h2 class="shell-home-section-title">Apps</h2>

package/dist/shards/activate-scopeid.test.d.ts

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

package/dist/shards/{activate-tenantid.test.js → activate-scopeid.test.js}

@@ -1,21 +1,21 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { MemoryDocumentBackend } from '../documents/backends';
-import { __setDocumentBackend, __setTenantId } from '../documents/config';
+import { __setDocumentBackend, __setActiveScope } from '../documents/config';
 import { registerShard, activateShard, __resetShardRegistryForTest } from './activate.svelte';
-describe('ctx.tenantId', () => {
+describe('ctx.tenantId reflects active scope', () => {
     beforeEach(() => {
         __resetShardRegistryForTest();
         __setDocumentBackend(new MemoryDocumentBackend());
-        __setTenantId('tenant-a');
+        __setActiveScope('scope-a');
     });
     it('is present unconditionally on ctx', async () => {
         let captured = null;
         const shard = {
-            manifest: { id: 'test-tenantid', label: 't', version: '0.0.0', views: [] },
+            manifest: { id: 'test-scopeid', label: 't', version: '0.0.0', views: [] },
             activate(ctx) { captured = ctx; },
         };
         registerShard(shard);
-        await activateShard('test-tenantid');
-        expect(captured.tenantId).toBe('tenant-a');
+        await activateShard('test-scopeid');
+        expect(captured.tenantId).toBe('scope-a');
     });
 });

package/dist/tokens.css

@@ -99,8 +99,10 @@
   --shell-track-border: var(--shell-border);
   --shell-track-fill:   var(--shell-accent);
 
-  /* Slider thumbs */
-  --shell-thumb-bg:     var(--shell-fg);
+  /* Slider thumbs — pinned to a fixed near-white instead of var(--shell-fg)
+     so light themes don't render a dark thumb. Themes that want a different
+     thumb override --shell-thumb-bg directly. */
+  --shell-thumb-bg:     #e4e6eb;
   --shell-thumb-border: var(--shell-accent);
   --shell-thumb-shadow: var(--shell-shadow-sm);
 

package/dist/version.d.ts

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

package/dist/version.js

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

package/package.json

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