@motion-proto/live-tokens 0.47.0 → 0.48.0

package/src/live-tokens/data/tokens.generated.css

@@ -1,4 +1,4 @@
-/* Generated by themeFileApi from the production theme and component configs. Do not edit. */
+/* Generated by themeFileApi from the production theme. Do not edit. */
 /* tokens.css holds developer-authored defaults; this file holds editor overrides. */
 
 /* Production theme: default */
@@ -15,10 +15,7 @@
   --badge-trait-text-line-height: var(--line-height-none);
   --badge-trait-border: var(--border-brand-medium);
   --badge-trait-border-width: var(--border-width-1);
-  --badge-trait-radius: var(--radius-full);
-  --badge-trait-padding: var(--space-6);
   --badge-trait-shadow: transparent;
-  --sectiondivider-padding: var(--space-16);
   --sectiondivider-title: var(--text-primary);
   --sectiondivider-title-font-family: var(--font-display);
   --sectiondivider-title-font-size: var(--font-size-5xl);
@@ -35,25 +32,17 @@
   --dialog-primary-default-text: var(--text-primary);
   --dialog-primary-default-border: var(--border-neutral-medium);
   --dialog-primary-default-border-width: var(--border-width-1);
-  --dialog-primary-default-radius: var(--radius-md);
-  --dialog-primary-default-padding: var(--space-8);
   --dialog-primary-hover-surface: var(--surface-neutral-higher);
   --dialog-primary-hover-text: var(--text-primary);
   --dialog-primary-hover-border: var(--border-neutral-strong);
   --dialog-primary-hover-border-width: var(--border-width-1);
-  --dialog-primary-hover-radius: var(--radius-md);
-  --dialog-primary-hover-padding: var(--space-8);
   --dialog-secondary-default-text: var(--text-primary);
   --dialog-secondary-default-border: var(--border-neutral-medium);
   --dialog-secondary-default-border-width: var(--border-width-1);
-  --dialog-secondary-default-radius: var(--radius-md);
-  --dialog-secondary-default-padding: var(--space-8);
   --dialog-secondary-hover-surface: var(--surface-neutral-lower);
   --dialog-secondary-hover-text: var(--text-primary);
   --dialog-secondary-hover-border: var(--border-neutral-strong);
   --dialog-secondary-hover-border-width: var(--border-width-1);
-  --dialog-secondary-hover-radius: var(--radius-md);
-  --dialog-secondary-hover-padding: var(--space-8);
   --columns-count: 12;
   --columns-max-width: 1440px;
   --columns-gutter: 32px;
@@ -69,17 +58,17 @@
   --shadow-lg: 5px 5px 9px 0px hsla(237, 18%, 3%, 0.9);
   --shadow-xl: 6px 7px 13px 0px hsla(237, 18%, 3%, 0.9);
   --shadow-2xl: 8px 9px 16px 0px hsla(237, 18%, 3%, 0.9);
-  --color-brand-100: #ffbad3;
-  --color-brand-200: #ff7fb5;
-  --color-brand-300: #ff49a1;
-  --color-brand-400: #fa3199;
-  --color-brand-500: #fb2898;
-  --color-brand-600: #df0083;
-  --color-brand-700: #930055;
-  --color-brand-800: #5c0033;
-  --color-brand-850: #38001d;
-  --color-brand-900: #20000e;
-  --color-brand-950: #100005;
+  --color-brand-100: #ffe7ef;
+  --color-brand-200: #ffb5d1;
+  --color-brand-300: #ff7cb3;
+  --color-brand-400: #fb2898;
+  --color-brand-500: #d5007d;
+  --color-brand-600: #ab0064;
+  --color-brand-700: #85004c;
+  --color-brand-800: #610036;
+  --color-brand-850: #400022;
+  --color-brand-900: #21000f;
+  --color-brand-950: #070002;
   --surface-brand-lowest: #1d000c;
   --surface-brand-lower: #3e0020;
   --surface-brand-low: #620037;
@@ -97,17 +86,17 @@
   --text-brand-tertiary: #953b63;
   --text-brand-muted: #5c3846;
   --text-brand-disabled: #403337;
-  --color-accent-100: #98e1dd;
-  --color-accent-200: #70beba;
-  --color-accent-300: #4ba09c;
-  --color-accent-400: #248582;
-  --color-accent-500: #006b69;
-  --color-accent-600: #005351;
-  --color-accent-700: #003e3d;
-  --color-accent-800: #002c2b;
-  --color-accent-850: #001d1c;
-  --color-accent-900: #00100f;
-  --color-accent-950: #000606;
+  --color-accent-100: #b4fffb;
+  --color-accent-200: #84e9e5;
+  --color-accent-300: #6ad0cc;
+  --color-accent-400: #50b8b4;
+  --color-accent-500: #329f9b;
+  --color-accent-600: #008582;
+  --color-accent-700: #006866;
+  --color-accent-800: #004b49;
+  --color-accent-850: #002f2e;
+  --color-accent-900: #001514;
+  --color-accent-950: #000202;
   --surface-accent-lowest: #000f0e;
   --surface-accent-lower: #002423;
   --surface-accent-low: #003c3b;
@@ -125,17 +114,17 @@
   --text-accent-tertiary: #4d7271;
   --text-accent-muted: #3c4847;
   --text-accent-disabled: #313232;
-  --color-special-100: #d2c8ff;
-  --color-special-200: #b19cff;
-  --color-special-300: #9673f5;
-  --color-special-400: #7d54db;
-  --color-special-500: #6634c4;
-  --color-special-600: #5407af;
-  --color-special-700: #3f0088;
-  --color-special-800: #2d0064;
-  --color-special-850: #1d0046;
-  --color-special-900: #10002d;
-  --color-special-950: #060019;
+  --color-special-100: #efecff;
+  --color-special-200: #d3caff;
+  --color-special-300: #b9a7ff;
+  --color-special-400: #a282ff;
+  --color-special-500: #8b5cf6;
+  --color-special-600: #733ed8;
+  --color-special-700: #5c1bba;
+  --color-special-800: #430090;
+  --color-special-850: #2a005f;
+  --color-special-900: #130033;
+  --color-special-950: #03000d;
   --surface-special-lowest: #0f002b;
   --surface-special-lower: #250055;
   --surface-special-low: #3d0084;
@@ -153,17 +142,17 @@
   --text-special-tertiary: #5c4e8b;
   --text-special-muted: #3e3a4f;
   --text-special-disabled: #303032;
-  --color-canvas-100: #cecfe5;
-  --color-canvas-200: #abacc2;
-  --color-canvas-300: #8d8da4;
-  --color-canvas-400: #727289;
-  --color-canvas-500: #5a5a72;
-  --color-canvas-600: #45455c;
-  --color-canvas-700: #33324a;
-  --color-canvas-800: #232239;
-  --color-canvas-850: #15142b;
-  --color-canvas-900: #0b081f;
-  --color-canvas-950: #040215;
+  --color-canvas-100: #ecedff;
+  --color-canvas-200: #d0d0ed;
+  --color-canvas-300: #b6b6d2;
+  --color-canvas-400: #9c9db8;
+  --color-canvas-500: #84849e;
+  --color-canvas-600: #6b6c85;
+  --color-canvas-700: #53546c;
+  --color-canvas-800: #3c3c53;
+  --color-canvas-850: #25243a;
+  --color-canvas-900: #0f0e21;
+  --color-canvas-950: #02000b;
   --surface-canvas-lowest: #0a0523;
   --surface-canvas-lower: #1c1a37;
   --surface-canvas-low: #31304c;
@@ -184,15 +173,15 @@
   --page-bg: #3c3c53;
   --page-bg-attachment: scroll;
   --color-neutral-100: #dde6ed;
-  --color-neutral-200: #c4cdd4;
-  --color-neutral-300: #a8b0b7;
-  --color-neutral-400: #8c949a;
+  --color-neutral-200: #c1c9d0;
+  --color-neutral-300: #a5adb4;
+  --color-neutral-400: #8a9299;
   --color-neutral-500: #70787e;
-  --color-neutral-600: #565d63;
-  --color-neutral-700: #3d4449;
-  --color-neutral-800: #252c31;
-  --color-neutral-850: #10161b;
-  --color-neutral-900: #020407;
+  --color-neutral-600: #575e64;
+  --color-neutral-700: #3f464b;
+  --color-neutral-800: #282f34;
+  --color-neutral-850: #13191e;
+  --color-neutral-900: #03060a;
   --color-neutral-950: #000000;
   --surface-neutral-lowest: #040c13;
   --surface-neutral-lower: #162027;
@@ -213,16 +202,16 @@
   --text-disabled: #383838;
   --text-inverted: #0f0f0f;
   --color-alternate-100: #eae3e0;
-  --color-alternate-200: #d2cbc8;
-  --color-alternate-300: #b7b1ad;
-  --color-alternate-400: #9c9693;
+  --color-alternate-200: #cfc8c5;
+  --color-alternate-300: #b5aeab;
+  --color-alternate-400: #9b9591;
   --color-alternate-500: #817b78;
-  --color-alternate-600: #68625f;
-  --color-alternate-700: #4f4947;
-  --color-alternate-800: #383330;
-  --color-alternate-850: #221d1b;
-  --color-alternate-900: #0f0b08;
-  --color-alternate-950: #030101;
+  --color-alternate-600: #67615e;
+  --color-alternate-700: #4e4845;
+  --color-alternate-800: #35302d;
+  --color-alternate-850: #1e1917;
+  --color-alternate-900: #090604;
+  --color-alternate-950: #000000;
   --surface-alternate-lowest: #100907;
   --surface-alternate-lower: #241d19;
   --surface-alternate-low: #39322f;
@@ -240,17 +229,17 @@
   --text-alternate-tertiary: #8a8786;
   --text-alternate-muted: #545352;
   --text-alternate-disabled: #3b3b3b;
-  --color-info-100: #9adbff;
-  --color-info-200: #4ebbf1;
-  --color-info-300: #109bd4;
-  --color-info-400: #007fae;
-  --color-info-500: #00658c;
-  --color-info-600: #004e6d;
-  --color-info-700: #003a53;
-  --color-info-800: #00293c;
-  --color-info-850: #001a28;
-  --color-info-900: #000e18;
-  --color-info-950: #00050b;
+  --color-info-100: #ddf2ff;
+  --color-info-200: #8fd7ff;
+  --color-info-300: #00bbff;
+  --color-info-400: #009dd7;
+  --color-info-500: #0081b1;
+  --color-info-600: #00678f;
+  --color-info-700: #004f6f;
+  --color-info-800: #003850;
+  --color-info-850: #002334;
+  --color-info-900: #00101a;
+  --color-info-950: #000205;
   --surface-info-lowest: #000d17;
   --surface-info-lower: #002232;
   --surface-info-low: #003951;
@@ -268,17 +257,17 @@
   --text-info-tertiary: #1c506a;
   --text-info-muted: #1d2c34;
   --text-info-disabled: #181a1b;
-  --color-success-100: #92e9a3;
-  --color-success-200: #69c67e;
-  --color-success-300: #42a75d;
-  --color-success-400: #0e8c3f;
-  --color-success-500: #007030;
-  --color-success-600: #005723;
-  --color-success-700: #004119;
-  --color-success-800: #002f0f;
-  --color-success-850: #001e08;
-  --color-success-900: #001103;
-  --color-success-950: #000701;
+  --color-success-100: #c7ffd1;
+  --color-success-200: #77f194;
+  --color-success-300: #59d47a;
+  --color-success-400: #38b85f;
+  --color-success-500: #009c45;
+  --color-success-600: #007e36;
+  --color-success-700: #006128;
+  --color-success-800: #00461b;
+  --color-success-850: #002c0e;
+  --color-success-900: #001404;
+  --color-success-950: #000300;
   --surface-success-lowest: #001003;
   --surface-success-lower: #00270b;
   --surface-success-low: #004018;
@@ -296,17 +285,17 @@
   --text-success-tertiary: #31673e;
   --text-success-muted: #2c4530;
   --text-success-disabled: #263429;
-  --color-warning-100: #ffc673;
-  --color-warning-200: #dfa13f;
-  --color-warning-300: #c08100;
-  --color-warning-400: #9c6900;
-  --color-warning-500: #7d5300;
-  --color-warning-600: #624000;
-  --color-warning-700: #4a2f00;
-  --color-warning-800: #352000;
-  --color-warning-850: #231400;
-  --color-warning-900: #140a00;
-  --color-warning-950: #090300;
+  --color-warning-100: #ffebd1;
+  --color-warning-200: #ffd08e;
+  --color-warning-300: #ffb01f;
+  --color-warning-400: #e09800;
+  --color-warning-500: #be8000;
+  --color-warning-600: #9b6800;
+  --color-warning-700: #784f00;
+  --color-warning-800: #563800;
+  --color-warning-850: #362100;
+  --color-warning-900: #190d00;
+  --color-warning-950: #040100;
   --surface-warning-lowest: #130900;
   --surface-warning-lower: #372200;
   --surface-warning-low: #613f00;
@@ -324,17 +313,17 @@
   --text-warning-tertiary: #a17e4c;
   --text-warning-muted: #685d4d;
   --text-warning-disabled: #4d4b4a;
-  --color-danger-100: #ffbeb8;
-  --color-danger-200: #ff847d;
-  --color-danger-300: #ec5552;
-  --color-danger-400: #d02d33;
-  --color-danger-500: #b0001c;
-  --color-danger-600: #8a0013;
-  --color-danger-700: #6a000c;
-  --color-danger-800: #4d0006;
-  --color-danger-850: #350003;
-  --color-danger-900: #210001;
-  --color-danger-950: #110000;
+  --color-danger-100: #ffe9e6;
+  --color-danger-200: #ffc3bd;
+  --color-danger-300: #ff9a93;
+  --color-danger-400: #ff6a65;
+  --color-danger-500: #f0373e;
+  --color-danger-600: #d10023;
+  --color-danger-700: #a40019;
+  --color-danger-800: #78000f;
+  --color-danger-850: #4e0006;
+  --color-danger-900: #280002;
+  --color-danger-950: #080000;
   --surface-danger-lowest: #1f0001;
   --surface-danger-lower: #410004;
   --surface-danger-low: #67000c;

package/src/system/styles/CONVENTIONS.md

@@ -37,7 +37,7 @@ Editor chrome uses **only** the `--ui-*` font namespace (`--ui-font-sans`, `--ui
 
 ## Layer 1 — theme tokens (`tokens.css`)
 
-Theme tokens are the design system's vocabulary. They describe colors, sizes, spacing, shadows, and motion: the things a designer reasons about independent of any one component. Components consume them, and themes in `themes/*.json` recolor or re-scale them.
+Theme tokens are the design system's vocabulary. They describe colors, sizes, spacing, shadows, and motion: the things a designer reasons about independent of any one component. Components consume them, and the colors-and-type files in `colors-and-type/*.json` recolor or re-scale them.
 
 ### Category-first naming
 

package/src/system/styles/fonts.css

@@ -1,4 +1,4 @@
-/* Generated from the production theme by syncFontsToCss. Do not edit. */
+/* Generated from the production colors and type by syncFontsToCss. Do not edit. */
 /* Both fonts.css and fonts/ are in dist/, so relative paths work at runtime. */
 
 /* Adobe Typekit — fira-code */

package/template/README.md

@@ -18,16 +18,18 @@ This project follows the package's [recommended layout](https://github.com/motio
   a reserved `/live-tokens/*` namespace (so they never collide with your pages):
   `/live-tokens/editor` (theme tokens), `/live-tokens/components` (per-component
   aliases), and `/live-tokens/docs` (the user guide).
-- `src/system/styles/tokens.css` — your theme token vocabulary. The dev server
-  writes edits here when you use the in-browser editor.
+- `src/system/styles/tokens.css` — your theme token vocabulary. Hand-authored
+  and yours; the editor reads it but never writes it.
 - `src/styles/site.css` — themed page typography. Yours to edit.
 
 ## Editing live
 
 Run `npm run dev`, then click **Open Token Editor** on the home page (or visit
-`/live-tokens/editor`). Changes persist to `src/system/styles/tokens.css` and the JSON under
-`src/live-tokens/data/`. The editor is dev-only — `npm run build` ships plain
-CSS variables and the components you used, nothing else.
+`/live-tokens/editor`). Edits live in the JSON under `src/live-tokens/data/`:
+Save keeps them in a theme, and Adopt writes the theme into
+`src/live-tokens/data/tokens.generated.css`, the file your built site ships.
+The editor is dev-only — `npm run build` ships plain CSS variables and the
+components you used, nothing else.
 
 ## Adding components
 

package/template/_gitignore

@@ -5,12 +5,6 @@ dist-ssr
 *.log
 .npmrc
 
-# Editor-written backups stay local to each machine; the live JSON/CSS commit.
-src/live-tokens/data/themes/_backups/
-src/live-tokens/data/manifests/_backups/
-src/live-tokens/data/component-configs/*/_backups/
-src/system/styles/_backups/
-
 .DS_Store
 .vscode/*
 !.vscode/extensions.json

package/src/editor/core/components/componentPersist.ts

@@ -1,62 +0,0 @@
-import { get } from 'svelte/store';
-import type { AliasDiskValue, ComponentConfig } from '../themes/themeTypes';
-import { editorState, markComponentSaved } from '../store/editorStore';
-import { refToDiskValue } from '../store/cssVarRef';
-import { CURRENT_COMPONENT_SCHEMA_VERSION } from '../themes/migrations';
-import {
-  listComponentConfigs,
-  saveComponentConfig,
-  setActiveComponentFile,
-} from './componentConfigService';
-
-/**
- * Save the current in-memory state of a component to its active file. Mirrors
- * the `persist` flow inside `ComponentFileManager.svelte` so callers without a
- * file-manager instance (e.g. an unsaved-components dialog upstream)
- * can save a dirty component without duplicating the schema-version + aliases
- * stringification logic.
- *
- * Refuses to overwrite `default` — that's the protected source-derived snapshot.
- * Callers that hit `{ ok: false, reason: 'default' }` should prompt for a new
- * name and re-route to a Save-As flow.
- */
-export type SaveActiveComponentResult =
-  | { ok: true; fileName: string; displayName: string }
-  | { ok: false; reason: 'default' | 'no-state' | 'error'; error?: unknown };
-
-
-export async function saveActiveComponentConfig(
-  component: string,
-): Promise<SaveActiveComponentResult> {
-  const slice = get(editorState).components[component];
-  if (!slice) return { ok: false, reason: 'no-state' };
-
-  try {
-    const list = await listComponentConfigs(component);
-    const fileName = list.activeFile;
-    if (fileName === 'default') return { ok: false, reason: 'default' };
-
-    const active = list.files.find((f) => f.fileName === fileName);
-    const displayName = active?.name ?? fileName;
-
-    const now = new Date().toISOString();
-    const aliases: Record<string, AliasDiskValue> = {};
-    for (const [k, ref] of Object.entries(slice.aliases)) aliases[k] = refToDiskValue(ref);
-
-    const data: ComponentConfig = {
-      name: displayName,
-      component,
-      createdAt: now,
-      updatedAt: now,
-      aliases,
-      config: { ...slice.config },
-      schemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-    };
-    await saveComponentConfig(component, fileName, data);
-    await setActiveComponentFile(component, fileName);
-    markComponentSaved(component);
-    return { ok: true, fileName, displayName };
-  } catch (error) {
-    return { ok: false, reason: 'error', error };
-  }
-}

package/src/editor/core/manifests/manifestService.ts

@@ -1,172 +0,0 @@
-import type { Manifest, ManifestMeta, ManifestBundle, Theme, ComponentConfig } from '../themes/themeTypes';
-import { versionedFileResource } from '../storage/files/versionedFileResourceClient';
-import { API_BASE } from '../storage/apiBase';
-import { listComponents } from '../components/componentConfigService';
-import { getActiveTheme } from '../themes/themeService';
-
-/**
- * REST client for manifest files. A manifest references one theme file +
- * one config file per component (by basename). The active manifest is the
- * single live snapshot: theme and component Adopts patch its refs server-side.
- *
- * `default` is the protected baseline — cannot be overwritten or deleted, and
- * Adopts return 409 ACTIVE_IS_PROTECTED while it is active.
- */
-
-const manifestsResource = versionedFileResource<Manifest, ManifestMeta, never>({
-  baseUrl: `${API_BASE}/manifests`,
-});
-
-export const listManifests = async (): Promise<ManifestMeta[]> => {
-  const data = await manifestsResource.list();
-  return data.files;
-};
-
-export const loadManifest = (fileName: string): Promise<Manifest> =>
-  manifestsResource.load(fileName);
-export const saveManifest = (fileName: string, data: Manifest): Promise<void> =>
-  manifestsResource.save(fileName, data);
-export const deleteManifest = (fileName: string): Promise<void> =>
-  manifestsResource.remove(fileName);
-export const getActiveManifest = (): Promise<Manifest | null> => manifestsResource.getActive();
-export const setActiveManifest = (fileName: string): Promise<void> =>
-  manifestsResource.setActive(fileName);
-
-export interface ApplyManifestResult {
-  ok: boolean;
-  manifest: Manifest;
-  theme: Theme;
-  componentConfigs: Record<string, ComponentConfig>;
-}
-
-/**
- * Server-side atomic apply: validate every referenced file exists, flip the
- * theme + each component's `_active.json` and `_production.json` pointers,
- * sync tokens.css/fonts.css from the new theme, mark the manifest active, and
- * return the resolved theme + component configs in one payload. Clients
- * usually follow with a full page reload — manifest load is a "blow up the
- * world" action.
- */
-export async function applyManifest(fileName: string): Promise<ApplyManifestResult> {
-  const res = await fetch(`${API_BASE}/manifests/${encodeURIComponent(fileName)}/apply`, {
-    method: 'PUT',
-  });
-  if (!res.ok) {
-    const err = await res.json().catch(() => ({ error: 'Apply failed' }));
-    throw new Error(err.error || 'Apply failed');
-  }
-  return res.json();
-}
-
-/**
- * Snapshot the currently-active theme + component-config file pointers into
- * a new manifest file and set it active. Used by the manifest panel's Save As
- * action and by the SaveAs-then-Adopt recovery flow when active is `default`.
- */
-export async function saveAsManifest(
-  fileName: string,
-  displayName: string,
-): Promise<void> {
-  const activeTheme = await getActiveTheme();
-  if (!activeTheme || !activeTheme._fileName) {
-    throw new Error('No active theme on disk to capture');
-  }
-  const components = await listComponents();
-  const componentConfigs: Record<string, string> = {};
-  for (const c of components) {
-    componentConfigs[c.name] = c.activeFile || 'default';
-  }
-  const now = new Date().toISOString();
-  const manifest: Manifest = {
-    name: displayName,
-    createdAt: now,
-    updatedAt: now,
-    theme: activeTheme._fileName,
-    componentConfigs,
-  };
-  await saveManifest(fileName, manifest);
-  await setActiveManifest(fileName);
-}
-
-/**
- * Re-snapshot the editor's current active pointers into the *currently active*
- * manifest file. Used by the manifest panel's Save action. Server rejects with
- * 403 if active is `default` (protected).
- */
-export async function saveActiveManifest(displayName?: string): Promise<void> {
-  const active = await getActiveManifest();
-  if (!active || !active._fileName) {
-    throw new Error('No active manifest');
-  }
-  const activeTheme = await getActiveTheme();
-  if (!activeTheme || !activeTheme._fileName) {
-    throw new Error('No active theme on disk');
-  }
-  const components = await listComponents();
-  const componentConfigs: Record<string, string> = {};
-  for (const c of components) {
-    componentConfigs[c.name] = c.activeFile || 'default';
-  }
-  const manifest: Manifest = {
-    name: displayName ?? active.name,
-    createdAt: active.createdAt,
-    updatedAt: new Date().toISOString(),
-    theme: activeTheme._fileName,
-    componentConfigs,
-  };
-  await saveManifest(active._fileName, manifest);
-}
-
-export interface ImportManifestResult {
-  ok: boolean;
-  /** Final manifest filename (may be renamed if it collided with an existing one). */
-  manifest: string;
-  /** Keyed `theme:<orig>` / `componentConfig:<comp>/<orig>` / `manifest:<orig>` → final name. */
-  renames: Record<string, string>;
-}
-
-/**
- * Fetch the manifest as a self-contained `ManifestBundle` and trigger a
- * browser download. Hidden-anchor trick — no infrastructure beyond the
- * existing GET `/api/manifests/:name/export` endpoint.
- *
- * See temp/manifest-robustness-plan.md §11.
- */
-export async function exportManifest(fileName: string): Promise<void> {
-  const res = await fetch(`${API_BASE}/manifests/${encodeURIComponent(fileName)}/export`);
-  if (!res.ok) {
-    const err = await res.json().catch(() => ({ error: 'Export failed' }));
-    throw new Error(err.error || 'Export failed');
-  }
-  const blob = await res.blob();
-  const url = URL.createObjectURL(blob);
-  try {
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `${fileName}.bundle.json`;
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-  } finally {
-    URL.revokeObjectURL(url);
-  }
-}
-
-/**
- * POST a `ManifestBundle` to the import endpoint. Server materialises the
- * inlined theme + component configs as fresh files (renaming on collision),
- * rewrites the manifest's pointers, and returns the final manifest name plus
- * the rename map so the UI can surface what got renamed.
- */
-export async function importManifest(bundle: ManifestBundle): Promise<ImportManifestResult> {
-  const res = await fetch(`${API_BASE}/manifests/import`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(bundle),
-  });
-  if (!res.ok) {
-    const err = await res.json().catch(() => ({ error: 'Import failed' }));
-    throw new Error(err.error || 'Import failed');
-  }
-  return res.json();
-}