@shipfox/client-shell 2.0.0 → 3.0.1

package/dist/vite/index.d.ts

@@ -1,2 +1,3 @@
+export { shipfoxClientManifest } from './manifest.js';
 export { shipfoxClientComposition } from './plugin.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/vite/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC"}

package/dist/vite/index.js

@@ -1,3 +1,4 @@
+export { shipfoxClientManifest } from './manifest.js';
 export { shipfoxClientComposition } from './plugin.js';
 
 //# sourceMappingURL=index.js.map

package/dist/vite/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/vite/index.ts"],"sourcesContent":["export {shipfoxClientComposition} from './plugin.js';\n"],"names":["shipfoxClientComposition"],"mappings":"AAAA,SAAQA,wBAAwB,QAAO,cAAc"}
+{"version":3,"sources":["../../src/vite/index.ts"],"sourcesContent":["export {shipfoxClientManifest} from './manifest.js';\nexport {shipfoxClientComposition} from './plugin.js';\n"],"names":["shipfoxClientManifest","shipfoxClientComposition"],"mappings":"AAAA,SAAQA,qBAAqB,QAAO,gBAAgB;AACpD,SAAQC,wBAAwB,QAAO,cAAc"}

package/dist/vite/manifest.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vite';
+export declare function shipfoxClientManifest(): Plugin;
+//# sourceMappingURL=manifest.d.ts.map

package/dist/vite/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/vite/manifest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAiB,MAAM,MAAM,CAAC;AAqBjD,wBAAgB,qBAAqB,IAAI,MAAM,CAwF9C"}

package/dist/vite/manifest.js

@@ -0,0 +1,140 @@
+import { access, readFile } from 'node:fs/promises';
+import { extname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const assetNames = [
+    'favicon.ico',
+    'favicon.svg',
+    'favicon-96x96.png',
+    'apple-touch-icon.png',
+    'site.webmanifest',
+    'web-app-manifest-192x192.png',
+    'web-app-manifest-512x512.png'
+];
+const assetDirectory = fileURLToPath(new URL('../../assets/', import.meta.url));
+const contentTypes = {
+    '.ico': 'image/x-icon',
+    '.png': 'image/png',
+    '.svg': 'image/svg+xml',
+    '.webmanifest': 'application/manifest+json'
+};
+export function shipfoxClientManifest() {
+    let config;
+    function assetPath(name) {
+        return resolve(assetDirectory, name);
+    }
+    async function assertNoPublicAssetConflicts() {
+        const publicDirectory = config?.publicDir;
+        if (!publicDirectory) return;
+        const conflicts = (await Promise.all(assetNames.map((name)=>{
+            const publicAsset = resolve(publicDirectory, name);
+            if (publicAsset === assetPath(name)) return undefined;
+            return access(publicAsset).then(()=>name).catch(()=>undefined);
+        }))).filter((name)=>name !== undefined);
+        if (conflicts.length === 0) return;
+        throw new Error(`shipfoxClientManifest() owns ${conflicts.map((name)=>`/${name}`).join(', ')}. Remove the conflicting files from ${publicDirectory}.`);
+    }
+    return {
+        name: 'shipfox-client-manifest',
+        async configResolved (resolvedConfig) {
+            config = resolvedConfig;
+            await assertNoPublicAssetConflicts();
+        },
+        async buildStart () {
+            if (config?.command !== 'build') return;
+            for (const name of assetNames){
+                this.emitFile({
+                    type: 'asset',
+                    fileName: name,
+                    source: await readFile(assetPath(name))
+                });
+            }
+        },
+        configureServer (server) {
+            server.middlewares.use(async (request, response, next)=>{
+                const name = assetNames.find((assetName)=>request.url?.split('?')[0] === `/${assetName}`);
+                if (!name) return next();
+                try {
+                    const content = await readFile(assetPath(name));
+                    response.setHeader('Content-Type', contentTypes[extname(name)] ?? 'application/octet-stream');
+                    response.end(content);
+                } catch (error) {
+                    next(error);
+                }
+            });
+        },
+        transformIndexHtml: {
+            order: 'pre',
+            handler () {
+                return [
+                    {
+                        tag: 'title',
+                        children: 'Shipfox',
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'link',
+                        attrs: {
+                            rel: 'icon',
+                            type: 'image/png',
+                            href: '/favicon-96x96.png',
+                            sizes: '96x96'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'link',
+                        attrs: {
+                            rel: 'icon',
+                            type: 'image/svg+xml',
+                            href: '/favicon.svg'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'link',
+                        attrs: {
+                            rel: 'shortcut icon',
+                            href: '/favicon.ico'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'link',
+                        attrs: {
+                            rel: 'apple-touch-icon',
+                            sizes: '180x180',
+                            href: '/apple-touch-icon.png'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'link',
+                        attrs: {
+                            rel: 'manifest',
+                            href: '/site.webmanifest'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'meta',
+                        attrs: {
+                            name: 'apple-mobile-web-app-title',
+                            content: 'Shipfox'
+                        },
+                        injectTo: 'head'
+                    },
+                    {
+                        tag: 'meta',
+                        attrs: {
+                            name: 'theme-color',
+                            content: '#ff4b00'
+                        },
+                        injectTo: 'head'
+                    }
+                ];
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=manifest.js.map

package/dist/vite/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vite/manifest.ts"],"sourcesContent":["import {access, readFile} from 'node:fs/promises';\nimport {extname, resolve} from 'node:path';\nimport {fileURLToPath} from 'node:url';\nimport type {Plugin, ResolvedConfig} from 'vite';\n\nconst assetNames = [\n  'favicon.ico',\n  'favicon.svg',\n  'favicon-96x96.png',\n  'apple-touch-icon.png',\n  'site.webmanifest',\n  'web-app-manifest-192x192.png',\n  'web-app-manifest-512x512.png',\n] as const;\n\nconst assetDirectory = fileURLToPath(new URL('../../assets/', import.meta.url));\n\nconst contentTypes: Record<string, string> = {\n  '.ico': 'image/x-icon',\n  '.png': 'image/png',\n  '.svg': 'image/svg+xml',\n  '.webmanifest': 'application/manifest+json',\n};\n\nexport function shipfoxClientManifest(): Plugin {\n  let config: ResolvedConfig | undefined;\n\n  function assetPath(name: (typeof assetNames)[number]): string {\n    return resolve(assetDirectory, name);\n  }\n\n  async function assertNoPublicAssetConflicts(): Promise<void> {\n    const publicDirectory = config?.publicDir;\n    if (!publicDirectory) return;\n    const conflicts = (\n      await Promise.all(\n        assetNames.map((name) => {\n          const publicAsset = resolve(publicDirectory, name);\n          if (publicAsset === assetPath(name)) return undefined;\n          return access(publicAsset)\n            .then(() => name)\n            .catch(() => undefined);\n        }),\n      )\n    ).filter((name): name is (typeof assetNames)[number] => name !== undefined);\n    if (conflicts.length === 0) return;\n    throw new Error(\n      `shipfoxClientManifest() owns ${conflicts.map((name) => `/${name}`).join(', ')}. Remove the conflicting files from ${publicDirectory}.`,\n    );\n  }\n\n  return {\n    name: 'shipfox-client-manifest',\n    async configResolved(resolvedConfig) {\n      config = resolvedConfig;\n      await assertNoPublicAssetConflicts();\n    },\n    async buildStart() {\n      if (config?.command !== 'build') return;\n      for (const name of assetNames) {\n        this.emitFile({type: 'asset', fileName: name, source: await readFile(assetPath(name))});\n      }\n    },\n    configureServer(server) {\n      server.middlewares.use(async (request, response, next) => {\n        const name = assetNames.find((assetName) => request.url?.split('?')[0] === `/${assetName}`);\n        if (!name) return next();\n\n        try {\n          const content = await readFile(assetPath(name));\n          response.setHeader(\n            'Content-Type',\n            contentTypes[extname(name)] ?? 'application/octet-stream',\n          );\n          response.end(content);\n        } catch (error) {\n          next(error);\n        }\n      });\n    },\n    transformIndexHtml: {\n      order: 'pre',\n      handler() {\n        return [\n          {tag: 'title', children: 'Shipfox', injectTo: 'head'},\n          {\n            tag: 'link',\n            attrs: {rel: 'icon', type: 'image/png', href: '/favicon-96x96.png', sizes: '96x96'},\n            injectTo: 'head',\n          },\n          {\n            tag: 'link',\n            attrs: {rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg'},\n            injectTo: 'head',\n          },\n          {tag: 'link', attrs: {rel: 'shortcut icon', href: '/favicon.ico'}, injectTo: 'head'},\n          {\n            tag: 'link',\n            attrs: {rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png'},\n            injectTo: 'head',\n          },\n          {tag: 'link', attrs: {rel: 'manifest', href: '/site.webmanifest'}, injectTo: 'head'},\n          {\n            tag: 'meta',\n            attrs: {name: 'apple-mobile-web-app-title', content: 'Shipfox'},\n            injectTo: 'head',\n          },\n          {tag: 'meta', attrs: {name: 'theme-color', content: '#ff4b00'}, injectTo: 'head'},\n        ];\n      },\n    },\n  };\n}\n"],"names":["access","readFile","extname","resolve","fileURLToPath","assetNames","assetDirectory","URL","url","contentTypes","shipfoxClientManifest","config","assetPath","name","assertNoPublicAssetConflicts","publicDirectory","publicDir","conflicts","Promise","all","map","publicAsset","undefined","then","catch","filter","length","Error","join","configResolved","resolvedConfig","buildStart","command","emitFile","type","fileName","source","configureServer","server","middlewares","use","request","response","next","find","assetName","split","content","setHeader","end","error","transformIndexHtml","order","handler","tag","children","injectTo","attrs","rel","href","sizes"],"mappings":"AAAA,SAAQA,MAAM,EAAEC,QAAQ,QAAO,mBAAmB;AAClD,SAAQC,OAAO,EAAEC,OAAO,QAAO,YAAY;AAC3C,SAAQC,aAAa,QAAO,WAAW;AAGvC,MAAMC,aAAa;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMC,iBAAiBF,cAAc,IAAIG,IAAI,iBAAiB,YAAYC,GAAG;AAE7E,MAAMC,eAAuC;IAC3C,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,gBAAgB;AAClB;AAEA,OAAO,SAASC;IACd,IAAIC;IAEJ,SAASC,UAAUC,IAAiC;QAClD,OAAOV,QAAQG,gBAAgBO;IACjC;IAEA,eAAeC;QACb,MAAMC,kBAAkBJ,QAAQK;QAChC,IAAI,CAACD,iBAAiB;QACtB,MAAME,YAAY,AAChB,CAAA,MAAMC,QAAQC,GAAG,CACfd,WAAWe,GAAG,CAAC,CAACP;YACd,MAAMQ,cAAclB,QAAQY,iBAAiBF;YAC7C,IAAIQ,gBAAgBT,UAAUC,OAAO,OAAOS;YAC5C,OAAOtB,OAAOqB,aACXE,IAAI,CAAC,IAAMV,MACXW,KAAK,CAAC,IAAMF;QACjB,GACF,EACAG,MAAM,CAAC,CAACZ,OAA8CA,SAASS;QACjE,IAAIL,UAAUS,MAAM,KAAK,GAAG;QAC5B,MAAM,IAAIC,MACR,CAAC,6BAA6B,EAAEV,UAAUG,GAAG,CAAC,CAACP,OAAS,CAAC,CAAC,EAAEA,MAAM,EAAEe,IAAI,CAAC,MAAM,oCAAoC,EAAEb,gBAAgB,CAAC,CAAC;IAE3I;IAEA,OAAO;QACLF,MAAM;QACN,MAAMgB,gBAAeC,cAAc;YACjCnB,SAASmB;YACT,MAAMhB;QACR;QACA,MAAMiB;YACJ,IAAIpB,QAAQqB,YAAY,SAAS;YACjC,KAAK,MAAMnB,QAAQR,WAAY;gBAC7B,IAAI,CAAC4B,QAAQ,CAAC;oBAACC,MAAM;oBAASC,UAAUtB;oBAAMuB,QAAQ,MAAMnC,SAASW,UAAUC;gBAAM;YACvF;QACF;QACAwB,iBAAgBC,MAAM;YACpBA,OAAOC,WAAW,CAACC,GAAG,CAAC,OAAOC,SAASC,UAAUC;gBAC/C,MAAM9B,OAAOR,WAAWuC,IAAI,CAAC,CAACC,YAAcJ,QAAQjC,GAAG,EAAEsC,MAAM,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAED,WAAW;gBAC1F,IAAI,CAAChC,MAAM,OAAO8B;gBAElB,IAAI;oBACF,MAAMI,UAAU,MAAM9C,SAASW,UAAUC;oBACzC6B,SAASM,SAAS,CAChB,gBACAvC,YAAY,CAACP,QAAQW,MAAM,IAAI;oBAEjC6B,SAASO,GAAG,CAACF;gBACf,EAAE,OAAOG,OAAO;oBACdP,KAAKO;gBACP;YACF;QACF;QACAC,oBAAoB;YAClBC,OAAO;YACPC;gBACE,OAAO;oBACL;wBAACC,KAAK;wBAASC,UAAU;wBAAWC,UAAU;oBAAM;oBACpD;wBACEF,KAAK;wBACLG,OAAO;4BAACC,KAAK;4BAAQxB,MAAM;4BAAayB,MAAM;4BAAsBC,OAAO;wBAAO;wBAClFJ,UAAU;oBACZ;oBACA;wBACEF,KAAK;wBACLG,OAAO;4BAACC,KAAK;4BAAQxB,MAAM;4BAAiByB,MAAM;wBAAc;wBAChEH,UAAU;oBACZ;oBACA;wBAACF,KAAK;wBAAQG,OAAO;4BAACC,KAAK;4BAAiBC,MAAM;wBAAc;wBAAGH,UAAU;oBAAM;oBACnF;wBACEF,KAAK;wBACLG,OAAO;4BAACC,KAAK;4BAAoBE,OAAO;4BAAWD,MAAM;wBAAuB;wBAChFH,UAAU;oBACZ;oBACA;wBAACF,KAAK;wBAAQG,OAAO;4BAACC,KAAK;4BAAYC,MAAM;wBAAmB;wBAAGH,UAAU;oBAAM;oBACnF;wBACEF,KAAK;wBACLG,OAAO;4BAAC5C,MAAM;4BAA8BkC,SAAS;wBAAS;wBAC9DS,UAAU;oBACZ;oBACA;wBAACF,KAAK;wBAAQG,OAAO;4BAAC5C,MAAM;4BAAekC,SAAS;wBAAS;wBAAGS,UAAU;oBAAM;iBACjF;YACH;QACF;IACF;AACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-shell",
   "license": "MIT",
-  "version": "2.0.0",
+  "version": "3.0.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -10,6 +10,10 @@
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "assets"
+  ],
   "imports": {
     "#*": "./dist/*",
     "#test/*": "./test/*"
@@ -38,10 +42,10 @@
     "tsx": "^4.22.4",
     "framer-motion": "^12.23.24",
     "@shipfox/api-auth-dto": "6.0.0",
-    "@shipfox/client-api": "1.0.0",
     "@shipfox/api-workspaces-dto": "6.0.0",
-    "@shipfox/client-config": "2.0.0",
-    "@shipfox/react-ui": "0.3.3"
+    "@shipfox/client-api": "1.0.0",
+    "@shipfox/client-config": "3.0.1",
+    "@shipfox/react-ui": "0.3.5"
   },
   "peerDependencies": {
     "@storybook/react": "^10.4.6",
@@ -72,11 +76,13 @@
     "react-dom": "^19.1.1",
     "vite": "^8.0.3",
     "zod": "^4.4.3",
+    "@shipfox/application-release": "0.1.4",
     "@shipfox/biome": "1.8.2",
     "@shipfox/client-test-setup": "0.0.3",
     "@shipfox/swc": "1.2.6",
     "@shipfox/ts-config": "1.3.8",
     "@shipfox/typescript": "1.1.7",
+    "@shipfox/tool-utils": "1.2.0",
     "@shipfox/vitest": "1.2.3"
   },
   "scripts": {
@@ -84,7 +90,7 @@
     "check": "shipfox-biome-check",
     "check:fix": "shipfox-biome-check --write",
     "test": "shipfox-vitest-run",
-    "test:external": "turbo build type:emit --filter=@shipfox/client-features... --filter=@shipfox/application-release && node test/external/verify.mjs",
+    "test:external": "node test/external/verify.mjs",
     "test:watch": "shipfox-vitest-watch",
     "type": "shipfox-tsc-check",
     "type:emit": "shipfox-tsc-emit"

package/.turbo/turbo-build.log

@@ -1,2 +0,0 @@
-$ shipfox-swc
-Successfully compiled: 37 files with swc (577.08ms)

package/.turbo/turbo-type$colon$emit.log

@@ -1 +0,0 @@
-$ shipfox-tsc-emit

package/.turbo/turbo-type.log

@@ -1 +0,0 @@
-$ shipfox-tsc-check

package/CHANGELOG.md

@@ -1,59 +0,0 @@
-# Changelog
-
-## 2.0.0
-
-### Patch Changes
-
-- 7ac43a4: Consolidates packed-consumer validation around stable publication and composition contracts instead of package-state snapshots.
-- Updated dependencies [e6eba5b]
-- Updated dependencies [ba2e3dc]
-- Updated dependencies [1820feb]
-- Updated dependencies [1b79cda]
-- Updated dependencies [c2db8c3]
-- Updated dependencies [112c0fa]
-- Updated dependencies [326f4c0]
-- Updated dependencies [4a91956]
-  - @shipfox/api-auth-dto@6.0.0
-  - @shipfox/react-ui@0.3.3
-  - @shipfox/api-workspaces-dto@6.0.0
-  - @shipfox/client-config@2.0.0
-
-## 1.0.0
-
-### Patch Changes
-
-- 47809a2: Hardens packed client composition validation against release artifacts, undeclared route packages, and optional Storybook testing peers.
-- bb037af: Resolves workspace packages from source during development while published consumers continue to use compiled output.
-- 5c63a2a: Validates the published default client composition from a clean external Vite consumer and fixes typed access to the events settings route.
-- d8658ba: Prevents composition builds from reading resolver IDs that include Vite version queries.
-- Updated dependencies [bb037af]
-  - @shipfox/api-auth-dto@5.0.0
-  - @shipfox/api-workspaces-dto@5.0.0
-  - @shipfox/client-api@1.0.0
-  - @shipfox/client-config@1.0.0
-  - @shipfox/react-ui@0.3.2
-
-## 0.2.0
-
-### Minor Changes
-
-- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
-- 6bc2e45: Adds the composable upstream client shell, feature catalog, and route manifests for every client feature.
-
-### Patch Changes
-
-- Updated dependencies [3d064b8]
-  - @shipfox/client-api@0.2.0
-  - @shipfox/client-config@0.2.0
-
-## 0.0.2
-
-### Patch Changes
-
-- Updated dependencies [c18d624]
-  - @shipfox/react-ui@0.3.1
-  - @shipfox/client-config@0.0.2
-
-## 0.0.1
-
-- Add the private candidate client composition shell.

package/src/components/main-layout.tsx

@@ -1,45 +0,0 @@
-import {FullPageLoader} from '@shipfox/react-ui/loader';
-import {Outlet, useMatches, useParams} from '@tanstack/react-router';
-import type {NavTabEntry} from '#contract.js';
-import {useMaybeActiveWorkspace} from '#runtime/active-workspace.js';
-import {NavBar} from './nav-bar.js';
-import {NavTabs} from './nav-tabs.js';
-
-declare module '@tanstack/react-router' {
-  interface StaticDataRouteOption {
-    layout?: 'full-bleed';
-  }
-}
-
-export function MainLayout({
-  navigation,
-  hideProjectNavigation = false,
-}: {
-  navigation: readonly NavTabEntry[];
-  hideProjectNavigation?: boolean;
-}) {
-  const workspace = useMaybeActiveWorkspace();
-  const {pid} = useParams({strict: false}) as {pid?: string};
-  const matches = useMatches();
-  if (!workspace) return <FullPageLoader />;
-  const fullBleed = matches.some((match) => match.staticData.layout === 'full-bleed');
-  return (
-    <div className="h-screen w-full flex flex-col bg-background-subtle-base">
-      <NavBar hideProjectNavigation={hideProjectNavigation} />
-      {hideProjectNavigation ? undefined : (
-        <NavTabs entries={navigation} scope={pid ? 'project' : 'workspace'} />
-      )}
-      {fullBleed ? (
-        <main className="flex-1 min-h-0 flex flex-col overflow-hidden">
-          <Outlet />
-        </main>
-      ) : (
-        <main className="flex-1 overflow-auto">
-          <div className="max-w-[1120px] mx-auto px-24 py-32">
-            <Outlet />
-          </div>
-        </main>
-      )}
-    </div>
-  );
-}

package/src/components/nav-bar.tsx

@@ -1,41 +0,0 @@
-import {Logo} from '@shipfox/react-ui/logo';
-import {Link} from '@tanstack/react-router';
-import {useActiveWorkspace} from '#runtime/active-workspace.js';
-import {useChrome} from '#runtime/chrome-context.js';
-import {UserMenu} from './user-menu.js';
-import {WorkspaceCrumb} from './workspace-crumb.js';
-
-export function NavBar({hideProjectNavigation = false}: {hideProjectNavigation?: boolean}) {
-  const workspace = useActiveWorkspace();
-  const {ProjectBreadcrumb} = useChrome();
-  return (
-    <header className="sticky top-0 z-30 h-56 px-16 flex items-center gap-12 bg-background-subtle-base border-b border-border-neutral-base shrink-0">
-      <Link
-        to="/"
-        aria-label="Shipfox home"
-        className="rounded-6 focus-visible:outline-none focus-visible:shadow-button-neutral-focus"
-      >
-        {hideProjectNavigation ? (
-          <>
-            <Logo variant="mark" alt="" className="sm:hidden" />
-            <Logo variant="wordmark" alt="" className="hidden sm:block" />
-          </>
-        ) : (
-          <Logo variant="wordmark" alt="" />
-        )}
-      </Link>
-      <span className="h-20 w-px bg-border-neutral-base" aria-hidden="true" />
-      <WorkspaceCrumb workspace={workspace} compact={hideProjectNavigation} />
-      {hideProjectNavigation ? undefined : (
-        <>
-          <span className="text-foreground-neutral-muted" aria-hidden="true">
-            /
-          </span>
-          <ProjectBreadcrumb />
-        </>
-      )}
-      <div className="flex-1" />
-      <UserMenu />
-    </header>
-  );
-}

package/src/components/nav-tabs.test.tsx

@@ -1,60 +0,0 @@
-import {
-  createMemoryHistory,
-  createRootRoute,
-  createRoute,
-  createRouter,
-  Outlet,
-  RouterProvider,
-} from '@tanstack/react-router';
-import {render, screen} from '@testing-library/react';
-import type {NavTabEntry} from '#contract.js';
-import {NavTabs} from './nav-tabs.js';
-
-const entries: readonly NavTabEntry[] = [
-  {
-    id: 'projects',
-    scope: 'workspace',
-    label: 'Projects',
-    to: '/workspaces/$wid/projects',
-    exact: true,
-  },
-  {
-    id: 'settings',
-    scope: 'workspace',
-    label: 'Settings',
-    to: '/workspaces/$wid/settings',
-  },
-];
-
-function WorkspaceTabs() {
-  return <NavTabs entries={entries} scope="workspace" />;
-}
-
-describe('NavTabs', () => {
-  test('distinguishes active and inactive workspace tabs', async () => {
-    const rootRoute = createRootRoute({component: Outlet});
-    const projectsRoute = createRoute({
-      getParentRoute: () => rootRoute,
-      path: '/workspaces/$wid/projects',
-      component: WorkspaceTabs,
-    });
-    const settingsRoute = createRoute({
-      getParentRoute: () => rootRoute,
-      path: '/workspaces/$wid/settings',
-      component: WorkspaceTabs,
-    });
-    const router = createRouter({
-      history: createMemoryHistory({initialEntries: ['/workspaces/workspace/settings']}),
-      routeTree: rootRoute.addChildren([projectsRoute, settingsRoute]),
-    });
-
-    render(<RouterProvider router={router} />);
-
-    const projectsTab = await screen.findByRole('tab', {name: 'Projects'});
-    const settingsTab = screen.getByRole('tab', {name: 'Settings'});
-    expect(projectsTab).toHaveClass('text-foreground-neutral-muted');
-    expect(projectsTab).toHaveAttribute('aria-selected', 'false');
-    expect(settingsTab).toHaveClass('text-foreground-neutral-base');
-    expect(settingsTab).toHaveAttribute('aria-selected', 'true');
-  });
-});

package/src/components/nav-tabs.tsx

@@ -1,47 +0,0 @@
-import {Link, useParams} from '@tanstack/react-router';
-import {useReducedMotion} from 'framer-motion';
-import type {NavTabEntry} from '#contract.js';
-
-export function NavTabs({
-  entries,
-  scope,
-}: {
-  entries: readonly NavTabEntry[];
-  scope: NavTabEntry['scope'];
-}) {
-  const params = useParams({strict: false}) as {wid?: string; pid?: string};
-  const reduced = useReducedMotion();
-  const tabs = entries.filter((entry) => entry.scope === scope);
-  const tabClassName = `h-40 inline-flex items-center px-4 text-sm font-medium transition-colors ${reduced ? '' : 'transition-[border-color]'}`;
-  const activeProps = {
-    className: 'border-b-2 border-border-highlights-interactive text-foreground-neutral-base',
-    'aria-selected': 'true' as const,
-  };
-  const inactiveProps = {
-    className: 'border-b-2 border-transparent text-foreground-neutral-muted',
-    'aria-selected': 'false' as const,
-  };
-
-  return (
-    <div
-      role="tablist"
-      aria-label={`${scope === 'project' ? 'Project' : 'Workspace'} sections`}
-      className="sticky top-56 z-20 h-40 px-16 flex items-end gap-12 bg-background-subtle-base border-b border-border-neutral-base"
-    >
-      {tabs.map((entry) => (
-        <Link
-          key={entry.id}
-          to={entry.to as never}
-          params={params as never}
-          role="tab"
-          activeOptions={{exact: entry.exact ?? false}}
-          activeProps={activeProps}
-          inactiveProps={inactiveProps}
-          className={tabClassName}
-        >
-          {entry.label}
-        </Link>
-      ))}
-    </div>
-  );
-}

package/src/components/not-found-page.tsx

@@ -1,14 +0,0 @@
-import {Header, Text} from '@shipfox/react-ui/typography';
-import {Link} from '@tanstack/react-router';
-
-export function NotFoundPage() {
-  return (
-    <main className="mx-auto max-w-[960px] px-24 py-48">
-      <Header variant="h1">Page not found</Header>
-      <Text size="md" className="text-foreground-neutral-muted">
-        This Shipfox page does not exist.
-      </Text>
-      <Link to="/">Go home</Link>
-    </main>
-  );
-}

package/src/components/settings-nav.tsx

@@ -1,35 +0,0 @@
-import {Button} from '@shipfox/react-ui/button';
-import {Icon} from '@shipfox/react-ui/icon';
-import {Link, useMatchRoute, useParams} from '@tanstack/react-router';
-import type {SettingsSectionEntry} from '#contract.js';
-
-export function SettingsNav({entries}: {entries: readonly SettingsSectionEntry[]}) {
-  const params = useParams({strict: false}) as {wid?: string};
-  const matchRoute = useMatchRoute();
-  if (!params.wid) return null;
-  return (
-    <nav aria-label="Workspace settings" className="flex flex-col gap-4">
-      {entries.map((entry) => {
-        const to = `/workspaces/$wid/settings/${entry.pathSegment}`;
-        const active = Boolean(matchRoute({to: to as never, params: {wid: params.wid} as never}));
-        return (
-          <Button
-            key={entry.id}
-            asChild
-            variant={active ? 'secondary' : 'transparent'}
-            className="w-full justify-start"
-          >
-            <Link
-              to={to as never}
-              params={{wid: params.wid} as never}
-              aria-current={active ? 'page' : undefined}
-            >
-              <Icon name={entry.icon} className="size-16" />
-              {entry.label}
-            </Link>
-          </Button>
-        );
-      })}
-    </nav>
-  );
-}

package/src/components/user-menu.tsx

@@ -1,59 +0,0 @@
-import {Avatar} from '@shipfox/react-ui/avatar';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@shipfox/react-ui/dropdown-menu';
-import {useTheme} from '@shipfox/react-ui/hooks';
-import type {Theme} from '@shipfox/react-ui/theme';
-import {Link} from '@tanstack/react-router';
-import {useAuthState} from '#runtime/auth.js';
-
-const themeOptions: Array<{value: Theme; label: string}> = [
-  {value: 'light', label: 'Light'},
-  {value: 'dark', label: 'Dark'},
-  {value: 'system', label: 'System'},
-];
-export function UserMenu() {
-  const {user} = useAuthState();
-  const {theme, setTheme} = useTheme();
-  const email = user?.email ?? '';
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button
-          type="button"
-          aria-label="User menu"
-          className="rounded-full focus-visible:outline-none focus-visible:shadow-button-neutral-focus"
-        >
-          <Avatar size="sm" content="letters" fallback={email} />
-        </button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" sideOffset={8} className="min-w-[220px]">
-        <DropdownMenuLabel className="text-xs text-foreground-neutral-muted truncate">
-          {email}
-        </DropdownMenuLabel>
-        <DropdownMenuSeparator />
-        <DropdownMenuLabel className="text-xs text-foreground-neutral-muted">
-          Theme
-        </DropdownMenuLabel>
-        <DropdownMenuRadioGroup value={theme} onValueChange={(value) => setTheme(value as Theme)}>
-          {themeOptions.map((option) => (
-            <DropdownMenuRadioItem key={option.value} value={option.value}>
-              {option.label}
-            </DropdownMenuRadioItem>
-          ))}
-        </DropdownMenuRadioGroup>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem asChild>
-          <Link to={'/auth/logout' as never}>Logout</Link>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}

package/src/components/workspace-crumb.tsx

@@ -1,43 +0,0 @@
-import {Icon} from '@shipfox/react-ui/icon';
-import {Popover, PopoverContent, PopoverTrigger} from '@shipfox/react-ui/popover';
-import {Link} from '@tanstack/react-router';
-import {useState} from 'react';
-import type {Workspace} from '#runtime/auth.js';
-import {WorkspaceSwitcher} from './workspace-switcher.js';
-
-export interface WorkspaceCrumbProps {
-  workspace: Workspace;
-  compact?: boolean;
-}
-
-export function WorkspaceCrumb({workspace, compact = false}: WorkspaceCrumbProps) {
-  const [open, setOpen] = useState(false);
-  return (
-    <div className="flex items-center">
-      <Link
-        to="/workspaces/$wid"
-        params={{wid: workspace.id}}
-        aria-current="page"
-        className={`inline-block text-md font-medium text-foreground-neutral-base px-6 py-4 rounded-6 hover:bg-background-components-hover transition-colors truncate ${compact ? 'max-w-[120px] sm:max-w-[200px]' : 'max-w-[200px]'}`}
-      >
-        {workspace.name}
-      </Link>
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <button
-            type="button"
-            aria-label="Switch workspace"
-            aria-haspopup="listbox"
-            aria-expanded={open}
-            className="ml-2 grid place-items-center size-24 rounded-4 text-foreground-neutral-muted hover:bg-background-components-hover hover:text-foreground-neutral-base transition-colors"
-          >
-            <Icon name="arrowDownSLine" className="size-16" />
-          </button>
-        </PopoverTrigger>
-        <PopoverContent className="w-[280px] p-0" align="start" sideOffset={8}>
-          <WorkspaceSwitcher activeWorkspaceId={workspace.id} onSelect={() => setOpen(false)} />
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
-}