sh3-core 0.19.6 → 0.20.1

package/dist/primitives/widgets/_DocumentBrowser.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { untrack } from 'svelte';
   import {
     buildTree,
     formatSize,
@@ -30,7 +31,7 @@
   let shardId = $state<string | null>(null);
   let prefix = $state('');
   let selectedFile = $state<DocEntry | null>(null);
-  let filename = $state(suggestedName);
+  let filename = $state(untrack(() => suggestedName));
   let activeIdx = $state(0);
   let listEl = $state<HTMLElement | undefined>(undefined);
 
@@ -236,13 +237,9 @@
 
 <style>
   .sh3-doc-browser {
-    background: var(--sh3-bg-elevated);
-    border: 1px solid var(--sh3-border-strong);
-    border-radius: var(--sh3-widget-radius);
-    box-shadow: var(--sh3-shadow-lg);
-    width: 420px;
-    max-height: 480px;
-    display: flex; flex-direction: column;
+    display: flex;
+    flex-direction: column;
+    max-height: 85vh;
     overflow: hidden;
     color: var(--sh3-fg);
     font-size: 0.8125rem;

package/dist/projects-shard/DeleteProjectDialog.svelte

@@ -112,7 +112,38 @@
     color: var(--sh3-fg);
     cursor: pointer;
   }
-  .delete-project-dialog__opt input { margin-top: 3px; }
+  .delete-project-dialog__opt input[type='checkbox'] {
+    appearance: none;
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    margin-top: 3px;
+    border: 1px solid var(--sh3-border);
+    border-radius: 3px;
+    background: var(--sh3-bg-elevated);
+    cursor: pointer;
+    flex-shrink: 0;
+    position: relative;
+  }
+  .delete-project-dialog__opt input[type='checkbox']:checked {
+    background: var(--sh3-accent);
+    border-color: var(--sh3-accent);
+  }
+  .delete-project-dialog__opt input[type='checkbox']:checked::after {
+    content: '';
+    position: absolute;
+    left: 4px;
+    top: 1px;
+    width: 6px;
+    height: 10px;
+    border: solid #fff;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+  }
+  .delete-project-dialog__opt input[type='checkbox']:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
   .delete-project-dialog__path {
     display: block;
     font-family: var(--sh3-font-mono, monospace);

package/dist/projects-shard/ProjectManage.svelte

@@ -14,8 +14,16 @@
   import { getUser } from '../auth/auth.svelte';
   import AppPicker from '../primitives/widgets/AppPicker.svelte';
   import UserPicker from '../primitives/widgets/UserPicker.svelte';
+  import TabbedPanel from '../primitives/TabbedPanel.svelte';
   import { modalManager } from '../overlays/modal';
   import DeleteProjectDialog from './DeleteProjectDialog.svelte';
+  import { apiFetch } from '../transport/apiFetch';
+
+  interface MountEntry {
+    id: string;
+    label?: string;
+    status: 'resolved' | 'unresolved' | 'error';
+  }
 
   interface Props {
     project?: ProjectRecord | null;
@@ -44,6 +52,36 @@
   );
   let saving = $state(false);
   let error = $state<string | null>(null);
+  let activeTab = $state(0);
+  let allMounts = $state<MountEntry[]>([]);
+  let mountAttached = $state<Set<string>>(new Set());
+  let mountsLoading = $state(true);
+  let mountsLoadError = $state<string | null>(null);
+  let baselineApps = $state<string[]>(untrack(() => (project ? [...project.appAllowlist] : [])));
+  let baselineMembers = $state<string[]>(
+    untrack(() => {
+      if (project) return [...project.members];
+      const userId = getUser()?.id;
+      return userId ? [userId] : [];
+    }),
+  );
+  let baselineMounts = $state<Set<string>>(new Set());
+
+  function arrayEq(a: string[], b: string[]): boolean {
+    if (a.length !== b.length) return false;
+    const sa = [...a].sort();
+    const sb = [...b].sort();
+    return sa.every((v, i) => v === sb[i]);
+  }
+  function setEq(a: Set<string>, b: Set<string>): boolean {
+    if (a.size !== b.size) return false;
+    for (const v of a) if (!b.has(v)) return false;
+    return true;
+  }
+
+  const appsDirty = $derived(!arrayEq(appAllowlist, baselineApps));
+  const membersDirty = $derived(!arrayEq(members, baselineMembers));
+  const mountsDirty = $derived(!setEq(mountAttached, baselineMounts));
 
   async function save() {
     if (!name.trim()) {
@@ -59,11 +97,49 @@
       appAllowlist,
     };
     try {
-      if (isEdit && project) {
-        await projectsApi.update(project.id, payload);
-      } else {
-        await projectsApi.create(payload);
+      const saved = isEdit && project
+        ? await projectsApi.update(project.id, payload)
+        : await projectsApi.create(payload);
+
+      const projectId = saved.id;
+      const toAttach: string[] = [];
+      const toDetach: string[] = [];
+      for (const id of mountAttached) if (!baselineMounts.has(id)) toAttach.push(id);
+      for (const id of baselineMounts) if (!mountAttached.has(id)) toDetach.push(id);
+
+      const errors: string[] = [];
+      for (const mountId of toAttach) {
+        try {
+          const res = await apiFetch('/api/admin/mount-attachments', {
+            method: 'POST',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify({ mountId, tenantId: projectId }),
+          });
+          if (!res.ok) errors.push(`attach ${mountId}: ${res.status}`);
+        } catch (e) {
+          errors.push(`attach ${mountId}: ${(e as Error).message}`);
+        }
+      }
+      for (const mountId of toDetach) {
+        try {
+          const res = await apiFetch('/api/admin/mount-attachments', {
+            method: 'DELETE',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify({ mountId, tenantId: projectId }),
+          });
+          if (!res.ok && res.status !== 204) errors.push(`detach ${mountId}: ${res.status}`);
+        } catch (e) {
+          errors.push(`detach ${mountId}: ${(e as Error).message}`);
+        }
+      }
+      if (errors.length > 0) {
+        error = `Mount changes failed: ${errors.join('; ')}`;
+        baselineMounts = new Set(mountAttached);
+        await refreshProjects();
+        return;
       }
+
+      baselineMounts = new Set(mountAttached);
       await refreshProjects();
       onClose();
     } catch (e) {
@@ -94,10 +170,51 @@
       },
     });
   }
+
+  function toggleMount(mountId: string, checked: boolean): void {
+    const next = new Set(mountAttached);
+    if (checked) next.add(mountId);
+    else next.delete(mountId);
+    mountAttached = next;
+  }
+
+  async function loadMounts(): Promise<void> {
+    mountsLoading = true;
+    mountsLoadError = null;
+    try {
+      const reqs: Promise<Response>[] = [
+        apiFetch('/api/admin/mounts'),
+      ];
+      if (project) {
+        reqs.push(apiFetch(
+          `/api/admin/tenants/${encodeURIComponent(project.id)}/attachments`,
+        ));
+      }
+      const results = await Promise.all(reqs);
+      const mountsRes = results[0];
+      const attRes = results[1];
+
+      if (!mountsRes.ok) throw new Error(`GET /api/admin/mounts failed: ${mountsRes.status}`);
+      allMounts = await mountsRes.json() as MountEntry[];
+
+      if (attRes) {
+        if (!attRes.ok) throw new Error(`GET tenant attachments failed: ${attRes.status}`);
+        const atts = await attRes.json() as { mountId: string }[];
+        mountAttached = new Set(atts.map((a) => a.mountId));
+        baselineMounts = new Set(mountAttached);
+      }
+    } catch (e) {
+      mountsLoadError = (e as Error).message;
+    } finally {
+      mountsLoading = false;
+    }
+  }
+
+  loadMounts();
 </script>
 
 <div class="project-manage">
-  <div class="body">
+  <header class="header">
     <h2>{isEdit ? `Edit ${project!.name}` : 'Create Project'}</h2>
 
     {#if isEdit}
@@ -113,27 +230,22 @@
       <span>Description</span>
       <textarea bind:value={description} rows={2} disabled={saving}></textarea>
     </label>
+  </header>
 
-    <label class="field">
-      <span>Members</span>
-      <UserPicker bind:value={members} disabled={saving} />
-      {#if me}
-        <span class="hint">
-          Your id: <code>{me.id}</code> ({me.username ?? me.displayName})
-        </span>
-      {/if}
-    </label>
-
-    <label class="field">
-      <span>App allowlist</span>
-      <AppPicker bind:value={appAllowlist} disabled={saving} />
-    </label>
-
-    {#if error}
-      <p class="error">{error}</p>
-    {/if}
+  <div class="tabs">
+    <TabbedPanel
+      labels={['Apps', 'Users', 'Mounts']}
+      {activeTab}
+      onActiveChange={(i) => (activeTab = i)}
+      dirty={[appsDirty, membersDirty, mountsDirty]}
+      body={tabBody}
+    />
   </div>
 
+  {#if error}
+    <p class="error">{error}</p>
+  {/if}
+
   <div class="actions">
     <button type="button" class="primary" onclick={save} disabled={saving}>
       {isEdit ? 'Save' : 'Create'}
@@ -145,6 +257,54 @@
   </div>
 </div>
 
+{#snippet tabBody(i: number)}
+  <div class="tab-pane">
+    {#if i === 0}
+      <label class="field">
+        <span>App allowlist</span>
+        <AppPicker bind:value={appAllowlist} disabled={saving} />
+      </label>
+    {:else if i === 1}
+      <label class="field">
+        <span>Members</span>
+        <UserPicker bind:value={members} disabled={saving} />
+        {#if me}
+          <span class="hint">
+            Your id: <code>{me.id}</code> ({me.username ?? me.displayName})
+          </span>
+        {/if}
+      </label>
+    {:else}
+      {#if mountsLoading}
+        <p class="muted">Loading mounts...</p>
+      {:else if mountsLoadError}
+        <p class="error">{mountsLoadError}</p>
+      {:else if allMounts.length === 0}
+        <p class="muted">No mounts configured. Create mounts first.</p>
+      {:else}
+        <ul class="mount-list">
+          {#each allMounts as mount (mount.id)}
+            <li class="mount-row" data-mount-row={mount.id}>
+              <label>
+                <input
+                  class="sh3-base-check"
+                  type="checkbox"
+                  checked={mountAttached.has(mount.id)}
+                  disabled={saving}
+                  onchange={(e) => toggleMount(mount.id, (e.currentTarget as HTMLInputElement).checked)}
+                />
+                <span class="mount-status" data-status={mount.status}></span>
+                <span class="mount-label">{mount.label ?? mount.id}</span>
+                <span class="mount-id">{mount.id}</span>
+              </label>
+            </li>
+          {/each}
+        </ul>
+      {/if}
+    {/if}
+  </div>
+{/snippet}
+
 <style>
   .project-manage {
     position: absolute;
@@ -155,11 +315,20 @@
     color: var(--sh3-fg);
     background: var(--sh3-bg);
   }
-  .body {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px 16px 8px;
-  }
+  .header { padding: 16px 16px 8px; flex: 0 0 auto; border-bottom: 1px solid var(--sh3-border); }
+  .tabs { flex: 1 1 auto; min-height: 0; position: relative; }
+  .tab-pane { padding: 16px; height: 100%; overflow-y: auto; box-sizing: border-box; }
+  .muted { color: var(--sh3-fg-muted); font-style: italic; font-size: 13px; }
+  .mount-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
+  .mount-row { padding: 6px 0; border-bottom: 1px solid var(--sh3-border); font-size: 13px; }
+  .mount-row label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
+  .mount-row input[type="checkbox"] { cursor: pointer; }
+  .mount-status { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: #999; }
+  .mount-status[data-status="resolved"] { background: #4caf50; }
+  .mount-status[data-status="unresolved"] { background: #ff9800; }
+  .mount-status[data-status="error"] { background: #f44336; }
+  .mount-label { font-weight: 500; }
+  .mount-id { font-size: 11px; color: var(--sh3-fg-muted); font-family: var(--sh3-font-mono, monospace); margin-left: auto; }
   h2 { margin: 0 0 8px; font-size: 16px; }
   .project-id { font-size: 12px; color: var(--sh3-fg-muted); margin: 0 0 16px; }
   .project-id code { font-family: var(--sh3-font-mono, monospace); }

package/dist/projects-shard/ProjectManage.svelte.test.d.ts

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

package/dist/projects-shard/ProjectManage.svelte.test.js

@@ -0,0 +1,320 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+import { mount, unmount, tick } from 'svelte';
+import ProjectManage from './ProjectManage.svelte';
+import { __resetAdminUsersForTest } from '../auth/admin-users.svelte';
+let host;
+let cmp = null;
+let originalFetch;
+function makeProject(overrides = {}) {
+    return Object.assign({ id: 'acme-1234', name: 'Acme', description: '', members: ['user-1'], appAllowlist: [], createdBy: 'user-1', createdAt: 0, updatedAt: 0 }, overrides);
+}
+beforeEach(() => {
+    __resetAdminUsersForTest();
+    host = document.createElement('div');
+    document.body.appendChild(host);
+    originalFetch = globalThis.fetch;
+    globalThis.fetch = vi.fn(async (input) => {
+        const url = String(input);
+        if (url.endsWith('/api/admin/mounts'))
+            return new Response('[]', { status: 200 });
+        if (url.includes('/api/admin/tenants/'))
+            return new Response('[]', { status: 200 });
+        if (url.endsWith('/api/admin/users'))
+            return new Response('[]', { status: 200 });
+        return new Response('null', { status: 200 });
+    });
+});
+afterEach(() => {
+    if (cmp) {
+        unmount(cmp);
+        cmp = null;
+    }
+    host.remove();
+    globalThis.fetch = originalFetch;
+});
+describe('ProjectManage tabs', () => {
+    it('renders three tabs: Apps, Users, Mounts', async () => {
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject(), onClose: () => { } },
+        });
+        await tick();
+        const labels = Array.from(host.querySelectorAll('[role="tab"]')).map((el) => { var _a, _b; return (_b = (_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : ''; });
+        expect(labels).toEqual(['Apps', 'Users', 'Mounts']);
+    });
+});
+describe('ProjectManage mount fetch', () => {
+    it('on edit open, fetches /api/admin/mounts and the project attachments', async () => {
+        const calls = [];
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            calls.push(url);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([
+                    { id: 'assets', label: 'Assets', status: 'resolved' },
+                    { id: 'pkgs', label: 'Packages', status: 'unresolved' },
+                ]), { status: 200 });
+            }
+            if (url.endsWith('/api/admin/tenants/acme-1234/attachments')) {
+                return new Response(JSON.stringify([{ mountId: 'assets', tenantId: 'acme-1234', attachedAt: '' }]), { status: 200 });
+            }
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        expect(calls).toContain('/api/admin/mounts');
+        expect(calls).toContain('/api/admin/tenants/acme-1234/attachments');
+    });
+    it('on create (no project), does NOT fetch tenant attachments', async () => {
+        const calls = [];
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            calls.push(url);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts'))
+                return new Response('[]', { status: 200 });
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: null, onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        expect(calls).toContain('/api/admin/mounts');
+        expect(calls.some((c) => c.includes('/api/admin/tenants/'))).toBe(false);
+    });
+});
+describe('ProjectManage mount list', () => {
+    it('renders one checkbox per mount with attached state seeded from server', async () => {
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([
+                    { id: 'assets', label: 'Assets', status: 'resolved' },
+                    { id: 'pkgs', label: 'Packages', status: 'resolved' },
+                ]), { status: 200 });
+            }
+            if (url.endsWith('/api/admin/tenants/acme-1234/attachments')) {
+                return new Response(JSON.stringify([
+                    { mountId: 'assets', tenantId: 'acme-1234', attachedAt: '' },
+                ]), { status: 200 });
+            }
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const tabs = host.querySelectorAll('[role="tab"]');
+        tabs[2].click();
+        await tick();
+        const rows = host.querySelectorAll('[data-mount-row]');
+        expect(rows.length).toBe(2);
+        const assetsCb = host.querySelector('[data-mount-row="assets"] input[type="checkbox"]');
+        const pkgsCb = host.querySelector('[data-mount-row="pkgs"] input[type="checkbox"]');
+        expect(assetsCb.checked).toBe(true);
+        expect(pkgsCb.checked).toBe(false);
+    });
+    it('toggling a checkbox mutates mountAttached', async () => {
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([
+                    { id: 'assets', label: 'Assets', status: 'resolved' },
+                ]), { status: 200 });
+            }
+            if (url.includes('/api/admin/tenants/'))
+                return new Response('[]', { status: 200 });
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const tabs = host.querySelectorAll('[role="tab"]');
+        tabs[2].click();
+        await tick();
+        const cb = host.querySelector('[data-mount-row="assets"] input[type="checkbox"]');
+        expect(cb.checked).toBe(false);
+        cb.click();
+        await tick();
+        expect(cb.checked).toBe(true);
+    });
+});
+describe('ProjectManage dirty indicators', () => {
+    it('shows the dirty dot on the Mounts tab after toggling a checkbox', async () => {
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([
+                    { id: 'assets', label: 'Assets', status: 'resolved' },
+                ]), { status: 200 });
+            }
+            if (url.includes('/api/admin/tenants/'))
+                return new Response('[]', { status: 200 });
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const tabs = host.querySelectorAll('[role="tab"]');
+        expect(host.querySelectorAll('.tab-dirty').length).toBe(0);
+        tabs[2].click();
+        await tick();
+        const cb = host.querySelector('[data-mount-row="assets"] input[type="checkbox"]');
+        cb.click();
+        await tick();
+        const dirtyDot = tabs[2].querySelector('.tab-dirty');
+        expect(dirtyDot).not.toBeNull();
+        expect(tabs[0].querySelector('.tab-dirty')).toBeNull();
+        expect(tabs[1].querySelector('.tab-dirty')).toBeNull();
+    });
+});
+describe('ProjectManage save mount diff', () => {
+    it('on edit save, fires POST for added mounts and DELETE for removed mounts', async () => {
+        const calls = [];
+        globalThis.fetch = vi.fn(async (input, init) => {
+            var _a;
+            const url = String(input);
+            const method = ((_a = init === null || init === void 0 ? void 0 : init.method) !== null && _a !== void 0 ? _a : 'GET').toUpperCase();
+            const body = (init === null || init === void 0 ? void 0 : init.body) ? JSON.parse(init.body) : undefined;
+            calls.push({ method, url, body });
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (method === 'GET' && url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([
+                    { id: 'assets', label: 'Assets', status: 'resolved' },
+                    { id: 'pkgs', label: 'Packages', status: 'resolved' },
+                ]), { status: 200 });
+            }
+            if (method === 'GET' && url.endsWith('/api/admin/tenants/acme-1234/attachments')) {
+                return new Response(JSON.stringify([
+                    { mountId: 'assets', tenantId: 'acme-1234', attachedAt: '' },
+                ]), { status: 200 });
+            }
+            if (method === 'PATCH' && url === '/api/projects/acme-1234') {
+                return new Response(JSON.stringify({ id: 'acme-1234', name: 'Acme', members: ['user-1'], appAllowlist: [], createdBy: 'user-1', createdAt: 0, updatedAt: 1 }), { status: 200 });
+            }
+            if (url === '/api/admin/mount-attachments') {
+                return new Response('{}', { status: method === 'DELETE' ? 204 : 201 });
+            }
+            if (method === 'GET' && url === '/api/projects') {
+                return new Response(JSON.stringify({ projects: [] }), { status: 200 });
+            }
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const tabs = host.querySelectorAll('[role="tab"]');
+        tabs[2].click();
+        await tick();
+        host.querySelector('[data-mount-row="assets"] input').click();
+        await tick();
+        host.querySelector('[data-mount-row="pkgs"] input').click();
+        await tick();
+        const saveBtn = Array.from(host.querySelectorAll('button.primary'))[0];
+        saveBtn.click();
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const patchIdx = calls.findIndex((c) => c.method === 'PATCH' && c.url === '/api/projects/acme-1234');
+        const attachCalls = calls.filter((c) => c.url === '/api/admin/mount-attachments');
+        expect(patchIdx).toBeGreaterThanOrEqual(0);
+        expect(attachCalls.length).toBe(2);
+        const post = attachCalls.find((c) => c.method === 'POST');
+        const del = attachCalls.find((c) => c.method === 'DELETE');
+        expect(post === null || post === void 0 ? void 0 : post.body).toEqual({ mountId: 'pkgs', tenantId: 'acme-1234' });
+        expect(del === null || del === void 0 ? void 0 : del.body).toEqual({ mountId: 'assets', tenantId: 'acme-1234' });
+    });
+    it('on save with no mount diff, fires zero attachment calls', async () => {
+        const calls = [];
+        globalThis.fetch = vi.fn(async (input, init) => {
+            var _a;
+            const url = String(input);
+            const method = ((_a = init === null || init === void 0 ? void 0 : init.method) !== null && _a !== void 0 ? _a : 'GET').toUpperCase();
+            calls.push({ method, url });
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (method === 'GET' && url.endsWith('/api/admin/mounts')) {
+                return new Response(JSON.stringify([{ id: 'assets', label: 'Assets', status: 'resolved' }]), { status: 200 });
+            }
+            if (method === 'GET' && url.endsWith('/api/admin/tenants/acme-1234/attachments')) {
+                return new Response(JSON.stringify([{ mountId: 'assets', tenantId: 'acme-1234', attachedAt: '' }]), { status: 200 });
+            }
+            if (method === 'PATCH' && url === '/api/projects/acme-1234') {
+                return new Response(JSON.stringify({ id: 'acme-1234', name: 'Acme', members: ['user-1'], appAllowlist: [], createdBy: 'user-1', createdAt: 0, updatedAt: 1 }), { status: 200 });
+            }
+            if (method === 'GET' && url === '/api/projects') {
+                return new Response(JSON.stringify({ projects: [] }), { status: 200 });
+            }
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const saveBtn = host.querySelector('button.primary');
+        saveBtn.click();
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        expect(calls.some((c) => c.url === '/api/admin/mount-attachments')).toBe(false);
+    });
+});
+describe('ProjectManage mount empty state', () => {
+    it('shows the empty message when no mounts are configured', async () => {
+        globalThis.fetch = vi.fn(async (input) => {
+            const url = String(input);
+            if (url.endsWith('/api/admin/users'))
+                return new Response('[]', { status: 200 });
+            if (url.endsWith('/api/admin/mounts'))
+                return new Response('[]', { status: 200 });
+            if (url.includes('/api/admin/tenants/'))
+                return new Response('[]', { status: 200 });
+            return new Response('null', { status: 200 });
+        });
+        cmp = mount(ProjectManage, {
+            target: host,
+            props: { project: makeProject({ id: 'acme-1234' }), onClose: () => { } },
+        });
+        await tick();
+        await new Promise((r) => setTimeout(r, 0));
+        await tick();
+        const tabs = host.querySelectorAll('[role="tab"]');
+        tabs[2].click();
+        await tick();
+        expect(host.textContent).toContain('No mounts configured. Create mounts first.');
+    });
+});