npm - @dxos/app-framework - Versions diffs - 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112 - Mend

@dxos/app-framework 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/dist/plugin/node-esm/index.mjs CHANGED Viewed

@@ -1,4 +1,9 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 // src/vite-plugin/boot-loader/loader.ts
 import * as babel from "@babel/core";
@@ -8,25 +13,25 @@ import { build } from "esbuild";
 import { basename, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/boot-loader.css?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/boot-loader.css
 var boot_loader_default = "/*\n * Boot loader stylesheet \u2014 injected into the host's `<head>` by `bootLoaderPlugin`\n * so the full-screen backdrop paints before any JS bundle is fetched. The Solid\n * `Loader` renders the ring + status into the `#boot-loader` backdrop; this\n * sheet styles both. Class/id names here form a contract with `Loader.tsx`,\n * guarded by `BootLoader.solid-stories.tsx` (it mounts the real component).\n */\n\nbody {\n  margin: 0;\n  overflow: hidden;\n}\n\n/*\n * Defaults match `@dxos/ui-theme`'s `--color-base-surface`, which resolves to\n * Tailwind's `neutral-50` / `neutral-950` in light / dark mode respectively\n * (see `packages/ui/ui-theme/src/css/theme/semantic.css`). Hosts can override\n * with the `--boot-loader-bg-*` / `--boot-loader-fg-*` custom properties on\n * `:root` if they need a different palette. Keeping the boot loader's\n * background identical to the app's `body` eliminates the flash on handoff\n * to the rendered React shell.\n */\n#boot-loader {\n  --color-composer-100: rgb(5 40 61);\n  --color-composer-200: rgb(10 75 105);\n  --color-composer-300: rgb(1 122 183);\n  --color-composer-400: rgb(6 197 253);\n\n  /*\n   * Caps the disc / mark at the design pixel sizes on roomy viewports while\n   * shrinking proportionally on narrow ones (`vmin` follows the smaller of\n   * width / height) so neither the ring nor the mark crops on phones.\n   */\n  --boot-loader-disc-size: min(384px, 80vmin);\n  /*\n   * Match the React `Placeholder`'s logo box (`h-[300px] w-[300px]` at the\n   * `stage >= 1` keyframe) so the brand mark doesn't visibly jump size when\n   * the loader hands off \u2014 the responsive cap keeps the same 300/384 ratio\n   * (\u224878%) at any viewport width.\n   */\n  --boot-loader-mark-size: min(300px, 62.5vmin);\n  --boot-loader-status-gap: 32px;\n\n  position: fixed;\n  inset: 0;\n  z-index: 10;\n  font-size: 13px;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    sans-serif;\n  /*\n   * Dismissal outro \u2014 `mountLoader` toggles `data-dismissing` on this element\n   * when the host calls `__bootLoader.ready()`; the loader cross-fades out over\n   * the real app shell rendering beneath it, and removes itself once this\n   * opacity transition completes (a fallback timer covers reduced-motion).\n   */\n  transition: opacity 500ms ease-out;\n}\n\n#boot-loader {\n  background: var(--boot-loader-bg-light, #fafafa);\n  color: var(--boot-loader-fg-light, #0a0a0a);\n  --boot-loader-accent: var(--boot-loader-accent-light, var(--color-composer-200));\n}\n\n@media (prefers-color-scheme: dark) {\n  #boot-loader {\n    background: var(--boot-loader-bg-dark, #0a0a0a);\n    color: var(--boot-loader-fg-dark, #f0f0f0);\n    --boot-loader-accent: var(--boot-loader-accent-dark, var(--color-composer-300));\n  }\n}\n\n#boot-loader[data-dismissing] {\n  opacity: 0;\n}\n\n/* Gently shrink the disc + mark as the loader fades, echoing the prior handoff. */\n#boot-loader[data-dismissing] #boot-loader-disc {\n  transform: translate(-50%, -50%) scale(0.92);\n  transition: transform 500ms ease-out;\n}\n\n/*\n * Stack the ring (the SVG `#boot-loader-ring`) and the brand mark in the same\n * grid cell so the mark sits centered inside the circle.\n */\n#boot-loader-disc {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  display: grid;\n  place-items: center;\n  width: var(--boot-loader-disc-size);\n  height: var(--boot-loader-disc-size);\n  transform: translate(-50%, -50%);\n}\n\n#boot-loader-disc > * {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n/*\n * Default to grayscale so the mark reads as a quiet monochrome silhouette\n * before any host-driven progress lands; the brand palette swaps in once\n * `Loader.tsx` sets `data-host-driven` on the disc (the first\n * `__bootLoader.progress()` call). Hover keeps a parallel reveal affordance\n * for inspection in the storybook. The 1000ms ease lets the grayscale \u2192 color\n * transition play through the activation phase rather than snapping.\n */\n#boot-loader-mark {\n  width: var(--boot-loader-mark-size);\n  height: var(--boot-loader-mark-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  filter: grayscale(100%);\n  transition: filter 1000ms ease-out;\n}\n\n/*\n * `grayscale(0%)` (identity) rather than `none` \u2014 `filter: none` changes\n * the filter function list and most engines treat that as a discrete\n * transition (snap, not ease). Keeping `grayscale(...)` on both sides of\n * the rule lets the browser interpolate the percentage smoothly.\n */\n#boot-loader-disc[data-host-driven] #boot-loader-mark,\n#boot-loader-mark:hover {\n  filter: grayscale(0%);\n}\n\n#boot-loader-mark svg {\n  width: 100%;\n  height: 100%;\n  /*\n   * The host SVG carries its own brand-palette fills, so we don't apply a\n   * `color` cascade here. SVGs that intentionally use `fill=\"currentColor\"`\n   * still pick up the loader's text colour via `#boot-loader`'s `color`.\n   */\n}\n\n/*\n * Circular determinate progress \u2014 a single SVG `<path>` arc that sweeps\n * anticlockwise from 12 o'clock, its angle growing with progress (the `d` is\n * recomputed by the component each tick). There is no static track;\n * `stroke-linecap: round` rounds the trailing edge, and `marker-end` paints the\n * leading-edge dot. Stroke width is in viewBox units so it scales with the disc.\n */\n#boot-loader-ring {\n  width: var(--boot-loader-disc-size);\n  height: var(--boot-loader-disc-size);\n  overflow: visible;\n  /*\n   * Fade the arc linearly from the head (the marker, fully opaque) back to the\n   * tail (12 o'clock, transparent). A conic-gradient mask does this along the\n   * curve \u2014 `Loader.tsx` writes the eased progress into `--boot-loader-arc`\n   * (0\u2013100), and the arc occupies the conic range `(100 - arc)%`\u2026`100%`, so the\n   * head sits at `(100 - arc)%` (opaque) and the tail at `100%` (transparent).\n   * NOTE: We start at -1.16deg so that we don't mask the marker.\n   */\n  --boot-loader-arc: 0;\n  mask: conic-gradient(\n    from -1.16deg at 50% 50%,\n    transparent 0,\n    transparent calc((100 - var(--boot-loader-arc)) * 1%),\n    #000 calc((100 - var(--boot-loader-arc)) * 1%),\n    transparent 100%\n  );\n  -webkit-mask: conic-gradient(\n    from -1.16deg at 50% 50%,\n    transparent 0,\n    transparent calc((100 - var(--boot-loader-arc)) * 1%),\n    #000 calc((100 - var(--boot-loader-arc)) * 1%),\n    transparent 100%\n  );\n}\n\n/*\n * The leading-edge dot's layer \u2014 same geometry as `#boot-loader-ring` but with no\n * mask, so the dot renders as a full circle (the ring's conic fade mask would\n * otherwise bisect it where it sits on the mask's transparent\u2192opaque edge).\n */\n#boot-loader-ring-head {\n  width: var(--boot-loader-disc-size);\n  height: var(--boot-loader-disc-size);\n  overflow: visible;\n}\n\n.boot-loader-ring-progress {\n  fill: none;\n  stroke: var(--boot-loader-accent);\n  /* viewBox units: ~1.9px on the 384px disc, scaling down on smaller viewports. */\n  stroke-width: 0.5;\n  opacity: 0.5;\n  stroke-linecap: butt;\n  overflow: visible;\n  /* Dashed line: dash + gap lengths in viewBox units (~2 units \u2248 7.7px @384px). */\n  /* stroke-dasharray: 2 1; */\n}\n\n/* The `marker-end` dot at the arc's leading edge. */\n.boot-loader-ring-marker {\n  fill: var(--boot-loader-accent);\n  stroke: none;\n  overflow: visible;\n  /* opacity: 0.5; */\n}\n\n#boot-loader-status {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  /* \n   * Sit just below the centered disc \u2014 half the disc plus the configured gap.\n   */\n  transform: translate(0, calc(var(--boot-loader-disc-size) / 2 + var(--boot-loader-status-gap)));\n  /*\n   * Slightly de-emphasised vs body text so the brand mark + ring stay the\n   * dominant focus, but high enough to remain legible on both light and dark\n   * backgrounds without a custom palette.\n   */\n  opacity: 0.5;\n  /*\n   * Terminal-style log viewport (3 rows at the default `line-height`) over\n   * a vertically-stacked track of every status the driver has emitted. The\n   * track is bottom-anchored via `justify-content: flex-end` so the newest\n   * line always sits on the last visible row, older lines stack above it,\n   * and anything that doesn't fit is clipped at the top by\n   * `overflow: hidden`. The driver runs a FLIP-style transform animation\n   * per append so each new line slides up from below the bottom edge \u2014\n   * independent of any `scroll-behavior` smooth-scroll support, which\n   * Playwright/headless Chrome strips even from spec-compliant\n   * `scrollTo({ behavior: 'smooth' })` calls.\n   */\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  height: 4.5em;\n  line-height: 1.5;\n  letter-spacing: 0.01em;\n  /* \n   * Fixed-width digits so the `(i/n)` counter on range-bearing status\n   * updates (\"Loading plugins (12/80)\") doesn't jitter as the index\n   * ticks through different glyph widths. \n   */\n  font-variant-numeric: tabular-nums;\n  text-align: center;\n  overflow: hidden;\n}\n\n#boot-loader-status-fade {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 32px;\n  background: linear-gradient(to bottom, var(--boot-loader-bg-light, #fafafa), transparent);\n  z-index: 1;\n}\n@media (prefers-color-scheme: dark) {\n  #boot-loader-status-fade {\n    background: linear-gradient(to bottom, var(--boot-loader-bg-dark, #0a0a0a), transparent);\n  }\n}\n\n#boot-loader-rss {\n  background: var(--boot-loader-bg-light, #fafafa);\n  text-wrap: balance;\n}\n@media (prefers-color-scheme: dark) {\n  #boot-loader-rss {\n    background: var(--boot-loader-bg-dark, #0a0a0a);\n  }\n}\n\n/*\n * Track of every appended `.boot-loader-status-line`.\n */\n#boot-loader-status-track {\n  display: flex;\n  flex-direction: column;\n  /*\n   * Resting transform is `translateY(0)` \u2014 the bottom-anchored flex parent\n   * already positions the newest line on the last visible row. On each append\n   * `Loader.tsx` runs a one-shot FLIP: snap to `translateY(<lineHeight>px)` with\n   * no transition (placing the new line just below the viewport), force a\n   * reflow, then animate back to 0 so the track rises by one line-height and the\n   * new entry slides up into the bottom row.\n   */\n  transform: translateY(0);\n  transition: transform 500ms ease-out;\n}\n\n/* Honour reduced-motion preferences explicitly \u2014 `transition` doesn't auto-respect it. */\n@media (prefers-reduced-motion: reduce) {\n  #boot-loader-status-track {\n    transition: none;\n  }\n}\n\n.boot-loader-status-line {\n  flex: 0 0 auto;\n  height: 1.5em;\n  white-space: nowrap;\n}\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/bridge.ts?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/bridge.ts
 var bridge_default = "//\n// Copyright 2026 DXOS.org\n//\n\nimport { type LoaderStore } from './store';\nimport { type BootLoaderApi } from './types';\n\n/**\n * Wrap a reactive {@link LoaderStore} as the imperative `window.__bootLoader`\n * facade the host app drives. `status` / `progress` write into the store;\n * `ready` plays the graceful dismissal outro; `dismiss` is the immediate-remove\n * backstop for the fast-load path (and a no-op once an outro is already in\n * flight, so a late `dismiss()` from the framework never cuts the animation).\n */\nexport const createBridge = (store: LoaderStore, dismissNow: () => void): BootLoaderApi => ({\n  status: (payload) => store.pushStatus(payload),\n  progress: (fraction) => store.setProgress(fraction),\n  ready: () => store.ready(),\n  dismiss: () => {\n    if (store.phase() === 'dismissing') {\n      return;\n    }\n    dismissNow();\n  },\n});\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/entry.tsx?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/entry.tsx
 var entry_default = "//\n// Copyright 2026 DXOS.org\n//\n\nimport { mountLoader } from './mount';\nimport { DEFAULT_ROOT_ID } from './types';\n\n//\n// Production entry \u2014 bundled to a self-contained IIFE by `bootLoaderPlugin` and\n// inlined into `index.html` ahead of the app bundle. Mounts the loader into the\n// static backdrop using the config the plugin baked in just before this script\n// (including the backdrop id, so the id has a single source). The storybook\n// does NOT use this entry; it imports `mountLoader` directly so Vite compiles\n// the Solid source with HMR.\n//\n\nconst config = window.__BOOT_LOADER_CONFIG__ ?? {};\nconst el = document.getElementById(config.rootId ?? DEFAULT_ROOT_ID);\nif (el) {\n  mountLoader(el, config);\n}\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/Loader.tsx?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/Loader.tsx
 var Loader_default = "//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Component, For, createEffect, createSignal, onCleanup, onMount } from 'solid-js';\n\nimport { type LoaderStore } from './store';\n\n// Ring geometry in the SVG's `0 0 100 100` viewBox. The radius leaves a couple\n// of units of padding so the stroke, its round cap, and the end marker aren't\n// clipped at the viewBox edge.\nconst RING_RADIUS = 48;\nconst RING_CENTER = 50;\n// Leading-edge marker: a small dot drawn at the arc's head in an unmasked layer.\nconst MARKER_RADIUS = 1; // viewBox units \u2192 ~3.8px on the 384px disc\n\n/**\n * Read an element's *current animated* translateY (px) from its live transform\n * matrix \u2014 the interpolated value mid-transition, not the last-written property.\n * Used by the status FLIP so successive appends chain off the in-flight position\n * instead of yanking the track back to a fixed invert target.\n */\nconst readTranslateY = (element: HTMLElement): number => {\n  const computed = getComputedStyle(element).transform;\n  if (!computed || computed === 'none') {\n    return 0;\n  }\n  const match = computed.match(/matrix.*\\(([^)]+)\\)/);\n  if (!match) {\n    return 0;\n  }\n  const values = match[1].split(',');\n  // 2D `matrix(a, b, c, d, tx, ty)` \u2192 ty at index 5; 3D `matrix3d(...)` \u2192 ty at 13.\n  if (values.length === 6) {\n    return Number.parseFloat(values[5]) || 0;\n  }\n  if (values.length === 16) {\n    return Number.parseFloat(values[13]) || 0;\n  }\n  return 0;\n};\n\nexport type LoaderProps = {\n  /** Reactive source of truth for progress, status lines, and lifecycle phase. */\n  store: LoaderStore;\n  /** Inline SVG markup for the brand mark rendered inside the ring. */\n  markSvg?: string;\n};\n\n/**\n * The boot loader, authored as a single Solid component \u2014 the one source of\n * truth for the loader DOM. `bootLoaderPlugin` bundles this (Solid runtime\n * inlined) into `index.html`; the storybook mounts the very same component, so\n * the two can no longer drift. The DOM structure, ids, and classes mirror\n * `boot-loader.css`.\n *\n * The full-screen backdrop (`#boot-loader`) is injected as static markup so it\n * paints from CSS before this bundle executes; this component renders the disc\n * and status log *into* that backdrop. The dismissal outro (fading `#boot-loader`)\n * and its teardown are owned by {@link mountLoader}, which has the host element.\n */\nexport const Loader: Component<LoaderProps> = (props) => {\n  let trackRef: HTMLDivElement | undefined;\n  let previousCount = props.store.lines().length;\n\n  // FLIP-style slide on each appended line: snap the track down by one\n  // line-height (chained off any in-flight translate) with no transition, force\n  // a reflow, then animate back to translateY(0) so the new entry rises from\n  // below the bottom-anchored viewport. Range ticks (length unchanged) skip it.\n  createEffect(() => {\n    const count = props.store.lines().length;\n    const track = trackRef;\n    if (track && count > previousCount) {\n      const currentY = readTranslateY(track);\n      const lineHeight = track.lastElementChild?.getBoundingClientRect().height ?? 0;\n      track.style.transition = 'none';\n      track.style.transform = `translateY(${currentY + lineHeight}px)`;\n      void track.offsetHeight;\n      track.style.transition = '';\n      track.style.transform = 'translateY(0)';\n    }\n    previousCount = count;\n  });\n\n  // Eased display progress. A `<path>`'s `d` can't be CSS-transitioned, so the\n  // arc would snap on every store tick; instead we ease a displayed value toward\n  // the store's progress with a requestAnimationFrame loop (~per-frame lerp) and\n  // recompute the path each frame. This restores the compositor-smooth growth\n  // the old `transition: stroke-dashoffset` gave, while keeping the path +\n  // `marker-end` (the marker rides the arc's recomputed end automatically).\n  const [shown, setShown] = createSignal(props.store.progress());\n  let raf: number | undefined;\n  const animate = () => {\n    const target = props.store.progress();\n    const current = shown();\n    // Snap when within a hair to settle; otherwise lerp ~18% of the gap/frame.\n    const next = Math.abs(target - current) < 0.05 ? target : current + (target - current) * 0.18;\n    if (next !== current) {\n      setShown(next);\n    }\n    raf = requestAnimationFrame(animate);\n  };\n\n  onMount(() => {\n    raf = requestAnimationFrame(animate);\n  });\n\n  onCleanup(() => {\n    if (raf != null) {\n      cancelAnimationFrame(raf);\n    }\n  });\n\n  // Determinate ring as an SVG `<path>` arc: an anticlockwise sweep starting at\n  // 12 o'clock whose angle grows with the eased `shown()` progress. The sweep is\n  // capped just shy of a full turn so the single arc command never degenerates at\n  // 100%. The leading-edge dot is its `head` point, rendered separately (below) in\n  // an *unmasked* layer \u2014 drawing it via `marker-end` on this path would put it\n  // under the ring's conic fade mask, whose hard edge bisects the dot into a\n  // half-circle.\n  const arc = () => {\n    const fraction = Math.min(shown() / 100, 0.9999);\n    const sweep = fraction * 2 * Math.PI;\n    const start = -Math.PI / 2; // 12 o'clock\n    const end = start - sweep; // anticlockwise (decreasing angle)\n    const x0 = RING_CENTER + RING_RADIUS * Math.cos(start);\n    const y0 = RING_CENTER + RING_RADIUS * Math.sin(start);\n    const headX = RING_CENTER + RING_RADIUS * Math.cos(end);\n    const headY = RING_CENTER + RING_RADIUS * Math.sin(end);\n    const largeArc = sweep > Math.PI ? 1 : 0;\n    // sweep-flag 0 = anticlockwise (negative-angle) direction.\n    return { d: `M ${x0} ${y0} A ${RING_RADIUS} ${RING_RADIUS} 0 ${largeArc} 0 ${headX} ${headY}`, headX, headY };\n  };\n\n  // Once host-driven, the brand mark eases grayscale \u2192 colour and stays there.\n  const isHostDriven = () => props.store.phase() !== 'creep';\n\n  return (\n    <>\n      <div id='boot-loader-disc' data-host-driven={isHostDriven() ? '' : undefined}>\n        <svg\n          id='boot-loader-ring'\n          viewBox='0 0 100 100'\n          aria-hidden='true'\n          style={{ '--boot-loader-arc': String(shown()) }}\n        >\n          {shown() > 0 ? <path class='boot-loader-ring-progress' d={arc().d} /> : null}\n        </svg>\n        {/* Leading-edge dot in its own unmasked layer (see `arc()`), so the ring's fade mask\n            never clips it. Stacked over `#boot-loader-ring` via the disc grid. */}\n        {shown() > 0 ? (\n          <svg id='boot-loader-ring-head' viewBox='0 0 100 100' aria-hidden='true'>\n            <circle class='boot-loader-ring-marker' cx={arc().headX} cy={arc().headY} r={MARKER_RADIUS} />\n          </svg>\n        ) : null}\n        {props.markSvg ? <div id='boot-loader-mark' innerHTML={props.markSvg} /> : null}\n      </div>\n      <div id='boot-loader-status'>\n        <div id='boot-loader-status-fade' />\n        <div id='boot-loader-status-track' ref={trackRef}>\n          <For each={props.store.lines()}>{(line) => <div class='boot-loader-status-line'>{line.text}</div>}</For>\n        </div>\n      </div>\n    </>\n  );\n};\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/mount.tsx?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/mount.tsx
 var mount_default = "//\n// Copyright 2026 DXOS.org\n//\n\nimport { createEffect } from 'solid-js';\nimport { render } from 'solid-js/web';\n\nimport { createBridge } from './bridge';\nimport { Loader } from './Loader';\nimport { createLoaderStore } from './store';\nimport { type BootLoaderConfig } from './types';\n\n/** Fallback teardown if the outro's `transitionend` never fires (e.g. no opacity transition). */\nconst OUTRO_FALLBACK_MS = 800;\n\n/**\n * Mount the boot loader into a host element (`#boot-loader`, the static backdrop\n * the plugin injects \u2014 or any container in the storybook) and install the\n * `window.__bootLoader` facade. Renders the disc + status into the host, toggles\n * `data-dismissing` on it for the outro, and removes everything once the outro\n * completes.\n *\n * Returns a disposer that tears the loader down immediately (idempotent).\n */\nexport const mountLoader = (el: HTMLElement, config: BootLoaderConfig = {}): (() => void) => {\n  const store = createLoaderStore(config.status);\n\n  let removed = false;\n  // Forward-declared so `remove` can dispose the Solid render created below.\n  let disposeRender: (() => void) | undefined;\n\n  const remove = (): void => {\n    if (removed) {\n      return;\n    }\n    removed = true;\n    el.removeEventListener('transitionend', handleTransitionEnd);\n    store.dispose();\n    disposeRender?.();\n    el.remove();\n    if (window.__bootLoader === api) {\n      delete window.__bootLoader;\n    }\n  };\n\n  const handleTransitionEnd = (event: TransitionEvent): void => {\n    if (event.propertyName === 'opacity' && store.phase() === 'dismissing') {\n      remove();\n    }\n  };\n  el.addEventListener('transitionend', handleTransitionEnd);\n\n  disposeRender = render(() => {\n    // Drive the backdrop's outro from the host element (Solid owns the host's\n    // children; the host attribute is toggled imperatively within this owner).\n    createEffect(() => {\n      const dismissing = store.phase() === 'dismissing';\n      el.toggleAttribute('data-dismissing', dismissing);\n      if (dismissing) {\n        setTimeout(remove, OUTRO_FALLBACK_MS);\n      }\n    });\n    return <Loader store={store} markSvg={config.markSvg} />;\n  }, el);\n\n  const api = createBridge(store, remove);\n  window.__bootLoader = api;\n\n  return remove;\n};\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/store.ts?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/store.ts
 var store_default = "//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Accessor, createSignal } from 'solid-js';\n\nimport { type StatusPayload } from './types';\n\n//\n// Creep tuning. The ring auto-creeps toward a moving ceiling so a long\n// activation silence never reads as a frozen disc. See the original\n// hand-written driver for the rationale behind each constant.\n//\n\n/** Creep timer cadence, in milliseconds. */\nexport const CREEP_TICK_MS = 100;\n/** State-1 ease rate \u2014 a gentle \"we're alive\" hint before real progress lands. */\nexport const STATE_1_RATE = 0.05;\n/** State-1 asymptote (percent) the creep eases toward before host progress. */\nexport const STATE_1_ASYMPTOTE = 40;\n/** State-2 ease rate \u2014 bridges the gap between sparse host `progress()` calls. */\nexport const STATE_2_RATE = 0.05;\n/** State-2 lead (percent) the ceiling sits ahead of the last host value. */\nexport const STATE_2_BUMP = 15;\n/** Hard ceiling the auto-creep never crosses (host must drive the rest). */\nexport const ABSOLUTE_CEILING = 90;\n\n/** Loader lifecycle phase. */\nexport type Phase = 'creep' | 'host' | 'dismissing';\n\n/** A single rendered status line; `id` keys the `<For>` and survives in-place range ticks. */\nexport type StatusLine = {\n  id: number;\n  text: string;\n  event?: string;\n  module?: string;\n};\n\n/**\n * Asymptotic ease \u2014 `next = raw + (ceiling - raw) * rate`, clamped so it never\n * overshoots (or regresses past) the ceiling. Pure; unit-tested.\n */\nexport const easeToward = (raw: number, ceiling: number, rate: number): number =>\n  raw >= ceiling - 0.1 ? raw : raw + (ceiling - raw) * rate;\n\n/**\n * Clamp a host-supplied fraction to a percent in [0, 100]. Invalid / negative /\n * non-finite values collapse to 0 rather than poisoning the CSS var. Pure;\n * unit-tested.\n */\nexport const clampPercent = (fraction?: number): number =>\n  typeof fraction !== 'number' || !Number.isFinite(fraction) || fraction < 0 ? 0 : Math.min(1, fraction) * 100;\n\n/** Display text for a payload \u2014 appends the `(index/total)` suffix when a range is present. */\nexport const displayText = (payload: StatusPayload): string =>\n  payload.range ? `${payload.humanized} (${payload.range.index}/${payload.range.total})` : payload.humanized;\n\n/**\n * Reactive loader store \u2014 owns the progress percent, the status-line log, and\n * the lifecycle phase, plus the auto-creep timer. All DOM-free, so the creep\n * math and status reduction are testable as plain functions; `Loader.tsx` binds\n * the accessors to the DOM and `bridge.ts` wraps the mutators as the imperative\n * `window.__bootLoader` facade.\n */\nexport type LoaderStore = {\n  /** Progress as a percent in [0, 100] (the CSS `--boot-loader-bar-progress` value). */\n  progress: Accessor<number>;\n  /** Appended status lines, newest last. */\n  lines: Accessor<StatusLine[]>;\n  /** Current lifecycle phase. */\n  phase: Accessor<Phase>;\n  /** Apply a status update (append, or replace-in-place for range ticks). */\n  pushStatus: (payload: StatusPayload) => void;\n  /** Enter host-driven progress with `fraction` \u2208 [0, 1]; never regresses. */\n  setProgress: (fraction?: number) => void;\n  /** Snap to 100%, stop the creep, and enter the dismissing phase. */\n  ready: () => void;\n  /** Stop the creep timer (call on teardown). */\n  dispose: () => void;\n};\n\nexport const createLoaderStore = (initialStatus?: string): LoaderStore => {\n  const [progress, setProgressPct] = createSignal(0);\n  const [lines, setLines] = createSignal<StatusLine[]>(initialStatus ? [{ id: 0, text: initialStatus }] : []);\n  const [phase, setPhase] = createSignal<Phase>('creep');\n\n  let creepCeiling = STATE_1_ASYMPTOTE;\n  let creepRate = STATE_1_RATE;\n  let nextId = initialStatus ? 1 : 0;\n  let timer: ReturnType<typeof setInterval> | null = null;\n\n  const startCreep = (): void => {\n    if (timer == null) {\n      timer = setInterval(() => setProgressPct((raw) => easeToward(raw, creepCeiling, creepRate)), CREEP_TICK_MS);\n    }\n  };\n\n  const stopCreep = (): void => {\n    if (timer != null) {\n      clearInterval(timer);\n      timer = null;\n    }\n  };\n\n  const pushStatus = (payload: StatusPayload): void => {\n    const text = displayText(payload);\n    setLines((current) => {\n      const previous = current.at(-1);\n      // Dedup back-to-back identical transitions (same text + structured fields).\n      if (\n        previous &&\n        previous.text === text &&\n        (previous.event ?? null) === (payload.event ?? null) &&\n        (previous.module ?? null) === (payload.module ?? null)\n      ) {\n        return current;\n      }\n      // Range tick \u2014 replace the current line in place rather than appending,\n      // so a counted phase produces one entry with an updating suffix.\n      if (payload.range && previous) {\n        return [...current.slice(0, -1), { ...previous, text }];\n      }\n      return [...current, { id: nextId++, text, event: payload.event, module: payload.module }];\n    });\n  };\n\n  const setProgress = (fraction?: number): void => {\n    setPhase('host');\n    const pct = clampPercent(fraction);\n    // The ring never regresses: hold the current value if the host reports lower.\n    setProgressPct((current) => Math.max(current, pct));\n    // Switch the creep to its state-2 cadence and lead the host value by a bump.\n    creepRate = STATE_2_RATE;\n    creepCeiling = Math.min(Math.max(creepCeiling, pct + STATE_2_BUMP), ABSOLUTE_CEILING);\n    startCreep();\n  };\n\n  const ready = (): void => {\n    stopCreep();\n    setProgressPct(100);\n    setPhase('dismissing');\n  };\n\n  const dispose = (): void => stopCreep();\n\n  startCreep();\n\n  return { progress, lines, phase, pushStatus, setProgress, ready, dispose };\n};\n";
-// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/types.ts?raw
+// raw-loader:/__w/dxos/dxos/packages/sdk/app-framework/src/vite-plugin/boot-loader/loader-app/types.ts
 var types_default = "//\n// Copyright 2026 DXOS.org\n//\n\n/**\n * Status payload accepted by `window.__bootLoader.status(...)`. The caller owns\n * formatting \u2014 `humanized` is the exact text rendered \u2014 while `event` / `module`\n * carry the structured activation ids for the boot trace, and `range` drives an\n * in-place `(index/total)` counter for long counted phases.\n */\nexport type StatusPayload = {\n  /**\n   * Raw activation event key (e.g. `dxos.org/plugin/observability/activate`)\n   * when the transition is event-level.\n   */\n  event?: string;\n\n  /**\n   * Raw module id (e.g. `org.dxos.plugin.observability.module.ReactSurface`)\n   * when the transition is module-level.\n   */\n  module?: string;\n\n  /** Exact text to display (e.g. \"Activating Observability: react-surface\"). */\n  humanized: string;\n\n  /**\n   * Optional `(index/total)` tick. When present the loader replaces the current\n   * line in place (\"Loading plugins (12/80)\") instead of appending a new entry \u2014\n   * keeps the visible log compact during long counted phases.\n   */\n  range?: { index: number; total: number };\n};\n\n/**\n * Imperative facade exposed on `window.__bootLoader`, installed by the inlined\n * loader bundle and driven by the host app (the React relay forwards `useApp`'s\n * startup progress through it).\n */\nexport type BootLoaderApi = {\n  /** Update the visible status line. */\n  status: (payload: StatusPayload) => void;\n  /** Enter host-driven progress \u2014 `fraction` \u2208 [0, 1]. */\n  progress: (fraction?: number) => void;\n  /** Play the dismissal outro, then remove the loader DOM (graceful path). */\n  ready: () => void;\n  /** Remove the loader DOM immediately (fast-load backstop / terminal). */\n  dismiss: () => void;\n};\n\n/**\n * Config baked into `index.html` by `bootLoaderPlugin` ahead of the loader\n * bundle, so the compiled app stays static (compiled once, independent of the\n * host's brand mark / initial status).\n */\nexport type BootLoaderConfig = {\n  /**\n   * Id of the static backdrop element the plugin injects and the loader mounts\n   * into \u2014 the single coupling between `transformIndexHtml` and the app. The\n   * plugin owns the authoritative value and passes it here so `entry.tsx` reads\n   * it rather than hardcoding (the CSS selector mirrors it \u2014 see `boot-loader.css`).\n   */\n  rootId?: string;\n  /** Inline SVG markup for the brand mark rendered inside the ring. */\n  markSvg?: string;\n  /** Initial status text rendered before the host fires its first `status(...)`. */\n  status?: string;\n};\n\n/** Fallback backdrop id when no config is present (kept in sync with `loader.ts` + the CSS). */\nexport const DEFAULT_ROOT_ID = 'boot-loader';\n\ndeclare global {\n  interface Window {\n    __bootLoader?: BootLoaderApi;\n    __BOOT_LOADER_CONFIG__?: BootLoaderConfig;\n  }\n}\n";
 // src/vite-plugin/boot-loader/loader.ts
@@ -181,34 +186,329 @@ var bootLoaderPlugin = ({ status, markSvg, include = [
   };
 };
+// src/vite-plugin/composer/index.ts
+import { readFileSync } from "node:fs";
+import { join as join2 } from "node:path";
+// src/core/capability.ts
+import * as Context from "effect/Context";
+import * as Effect from "effect/Effect";
+import * as Layer from "effect/Layer";
+var Service = class extends Context.Tag("@dxos/app-framework/CapabilityManager")() {
+};
+var ModuleTag = /* @__PURE__ */ Symbol.for("@dxos/app-framework/ModuleTag");
+var getModuleTag = (capability) => {
+  return capability && typeof capability === "function" && ModuleTag in capability ? String(capability[ModuleTag]) : void 0;
+};
+// src/core/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  LazyPluginError: () => LazyPluginError,
+  Meta: () => Meta,
+  PluginDependencyError: () => PluginDependencyError,
+  PluginModuleTypeId: () => PluginModuleTypeId,
+  PluginTypeId: () => PluginTypeId,
+  Profile: () => Profile,
+  Release: () => Release,
+  Service: () => Service2,
+  activate: () => activate,
+  addModule: () => addModule,
+  define: () => define,
+  getMetaFromConfig: () => getMetaFromConfig,
+  getURI: () => getURI,
+  isLazy: () => isLazy,
+  isPlugin: () => isPlugin,
+  isPluginModule: () => isPluginModule,
+  lazy: () => lazy,
+  make: () => make,
+  makeMeta: () => makeMeta,
+  reset: () => reset,
+  resolveLazy: () => resolveLazy,
+  shutdown: () => shutdown
+});
+import * as Context2 from "effect/Context";
+import * as Effect2 from "effect/Effect";
+import * as Option from "effect/Option";
+import * as Pipeable from "effect/Pipeable";
+import * as Schema from "effect/Schema";
+import { BaseError } from "@dxos/errors";
+import { invariant } from "@dxos/invariant";
+import { DXN } from "@dxos/keys";
+import { PluginProfileSchema, PluginReleaseSchema } from "@dxos/protocols";
+var __dxlog_file = "/__w/dxos/dxos/packages/sdk/app-framework/src/core/plugin.ts";
+var Service2 = class extends Context2.Tag("@dxos/app-framework/PluginManager")() {
+};
+var activate = (event) => Effect2.flatMap(Service2, (manager) => manager.activate(event));
+var reset = (event) => Effect2.flatMap(Service2, (manager) => manager.reset(event));
+var shutdown = () => Effect2.flatMap(Service2, (manager) => manager.shutdown());
+var computeModuleId = (pluginId, moduleName) => {
+  return `${pluginId}.module.${moduleName}`;
+};
+var PluginModuleTypeId = /* @__PURE__ */ Symbol.for("@dxos/app-framework/PluginModule");
+var isPluginModule = (value) => {
+  return typeof value === "object" && value !== null && PluginModuleTypeId in value;
+};
+var PluginModuleImpl = class {
+  [PluginModuleTypeId] = PluginModuleTypeId;
+  id;
+  activatesOn;
+  firesBeforeActivation;
+  firesAfterActivation;
+  activate;
+  constructor(options) {
+    this.id = options.id;
+    this.activatesOn = options.activatesOn;
+    this.firesBeforeActivation = options.firesBeforeActivation;
+    this.firesAfterActivation = options.firesAfterActivation;
+    this.activate = options.activate;
+  }
+};
+var Profile = Schema.Struct({
+  ...PluginProfileSchema.fields,
+  author: Schema.optional(Schema.String)
+});
+var Release = PluginReleaseSchema;
+var Meta = Schema.Struct({
+  profile: Profile,
+  release: Schema.optional(Release)
+});
+var makeMeta = (options) => {
+  const { key, ...rest } = options;
+  return {
+    profile: {
+      ...rest,
+      key: DXN.getName(key)
+    }
+  };
+};
+var getURI = (meta) => DXN.make(meta.profile.key, meta.release?.version);
+var getMetaFromConfig = ({ plugin }) => {
+  const { key, ...rest } = plugin;
+  return makeMeta({
+    key: DXN.make(key),
+    ...rest
+  });
+};
+var PluginTypeId = /* @__PURE__ */ Symbol.for("@dxos/app-framework/Plugin");
+var isPlugin = (value) => {
+  return typeof value === "object" && value !== null && PluginTypeId in value;
+};
+var PluginImpl = class {
+  _meta;
+  _modules;
+  [PluginTypeId] = PluginTypeId;
+  constructor(_meta, _modules) {
+    this._meta = _meta;
+    this._modules = _modules;
+  }
+  get meta() {
+    return this._meta;
+  }
+  get modules() {
+    return this._modules;
+  }
+};
+var PluginBuilderImpl = class {
+  meta;
+  _modules = [];
+  constructor(meta) {
+    this.meta = meta;
+  }
+  get modules() {
+    return this._modules;
+  }
+  addModule(moduleOptions) {
+    this._modules.push(moduleOptions);
+    return this;
+  }
+  pipe() {
+    return Pipeable.pipeArguments(this, arguments);
+  }
+};
+var define = (meta) => new PluginBuilderImpl(meta);
+function addModule(moduleOptionsOrBuilder, moduleOptions) {
+  if (moduleOptions !== void 0) {
+    return moduleOptionsOrBuilder.addModule(moduleOptions);
+  }
+  const moduleOpts = moduleOptionsOrBuilder;
+  return (builder) => builder.addModule(moduleOpts);
+}
+var resolveModule = (meta, module, options) => {
+  const moduleOptions = typeof module === "function" ? module(options) : module;
+  const pluginName = meta.profile.key;
+  const id = Option.fromNullable(moduleOptions.id).pipe(Option.match({
+    onNone: () => {
+      const exportName = getModuleTag(moduleOptions.activate);
+      invariant(exportName, `Plugin module missing name. Plugin: ${meta.profile.key}`, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 174, S: void 0, A: ["exportName", "`Plugin module missing name. Plugin: ${meta.profile.key}`"] });
+      return computeModuleId(pluginName, exportName);
+    },
+    onSome: (id2) => computeModuleId(pluginName, id2)
+  }));
+  return new PluginModuleImpl({
+    ...moduleOptions,
+    id
+  });
+};
+function make(builder) {
+  const meta = builder.meta;
+  invariant(!meta.profile.dependsOn?.includes(meta.profile.key), `Plugin ${meta.profile.key} declares itself as a dependency.`, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 187, S: this, A: ["!meta.profile.dependsOn?.includes(meta.profile.key)", "`Plugin ${meta.profile.key} declares itself as a dependency.`"] });
+  const factory = (options) => {
+    const modules = builder.modules.map((module) => resolveModule(meta, module, options));
+    return new PluginImpl(meta, modules);
+  };
+  return Object.assign(factory, {
+    meta
+  });
+}
+var LazyTag = /* @__PURE__ */ Symbol.for("@dxos/app-framework/Plugin/Lazy");
+var lazy = (meta, loader) => {
+  const factory = (options) => {
+    const stub = new PluginImpl(meta, []);
+    Object.defineProperty(stub, LazyTag, {
+      value: {
+        loader,
+        options
+      },
+      enumerable: false
+    });
+    return stub;
+  };
+  return Object.assign(factory, {
+    meta
+  });
+};
+var isLazy = (plugin) => LazyTag in plugin;
+var LazyPluginError = class extends BaseError.extend("LazyPluginError", "Failed to resolve lazy plugin") {
+};
+var PluginDependencyError = class extends BaseError.extend("PluginDependencyError", "Plugin dependency resolution failed") {
+};
+var resolveLazy = (plugin) => Effect2.gen(function* () {
+  if (!isLazy(plugin)) {
+    return plugin;
+  }
+  const id = plugin.meta.profile.key;
+  const { loader, options } = plugin[LazyTag];
+  const mod = yield* Effect2.tryPromise({
+    try: loader,
+    catch: (error) => new LazyPluginError({
+      context: {
+        id,
+        reason: "load-failed"
+      },
+      cause: error
+    })
+  });
+  if (!mod || typeof mod.default !== "function") {
+    return yield* Effect2.fail(new LazyPluginError({
+      context: {
+        id,
+        reason: "missing-default"
+      }
+    }));
+  }
+  const result = mod.default(options);
+  if (!isPlugin(result)) {
+    return yield* Effect2.fail(new LazyPluginError({
+      context: {
+        id,
+        reason: "invalid-plugin"
+      }
+    }));
+  }
+  if (result.meta.profile.key !== id) {
+    return yield* Effect2.fail(new LazyPluginError({
+      context: {
+        id,
+        reason: "meta-mismatch",
+        returnedId: result.meta.profile.key
+      }
+    }));
+  }
+  return result;
+});
 // src/core/plugin-manifest.ts
 import * as FetchHttpClient from "@effect/platform/FetchHttpClient";
 import * as HttpClient from "@effect/platform/HttpClient";
 import * as HttpClientRequest from "@effect/platform/HttpClientRequest";
 import * as HttpClientResponse from "@effect/platform/HttpClientResponse";
-import * as Effect from "effect/Effect";
-import * as Schema from "effect/Schema";
-import { BaseError } from "@dxos/errors";
-import { PLUGIN_ENTRY_FILENAME } from "@dxos/protocols";
+import * as Effect3 from "effect/Effect";
+import * as Schema2 from "effect/Schema";
+import { BaseError as BaseError2 } from "@dxos/errors";
+import { PLUGIN_ENTRY_FILENAME, PluginManifestSchema } from "@dxos/protocols";
 var PLUGIN_DEV_SERVER_PORT = 3967;
-var PluginManifestError = class extends BaseError.extend("PluginManifestError", "Plugin manifest is invalid") {
-};
-var Manifest = Schema.Struct({
-  id: Schema.String,
-  name: Schema.String,
-  version: Schema.String,
-  assets: Schema.Array(Schema.String),
-  devEntry: Schema.String.pipe(Schema.optional)
+var PluginManifestError = class extends BaseError2.extend("PluginManifestError", "Plugin manifest is invalid") {
+};
+var Manifest = Schema2.Struct({
+  // Reuse the build manifest field definitions from `@dxos/protocols` (the shape `composerPlugin`
+  // emits), minus `assets` which we relax below, plus the dev-only `devEntry`.
+  ...PluginManifestSchema.omit("assets").fields,
+  /**
+  * Relative asset paths. Relaxed vs the build `PluginManifestSchema` (which requires >= 1) because
+  * dev-server manifests list no assets — chunks/styles flow through the dev server on demand.
+  */
+  assets: Schema2.Array(Schema2.String),
+  /** Present only for dev-server manifests; points at the unbundled source entry. */
+  devEntry: Schema2.optional(Schema2.String)
 });
+// src/vite-plugin/load.ts
+import * as Schema3 from "effect/Schema";
+import { build as build2 } from "esbuild";
+import { randomUUID } from "node:crypto";
+import { existsSync } from "node:fs";
+import { rm, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { pathToFileURL } from "node:url";
+import { Config2 } from "@dxos/protocols";
+var CONFIG_BASENAMES = [
+  "dx.config.ts",
+  "dx.config.mjs",
+  "dx.config.js"
+];
+var decodeConfig2 = Schema3.decodeUnknownSync(Config2.Config);
+var findDxConfigFile = (dir) => CONFIG_BASENAMES.map((basename2) => join(dir, basename2)).find((candidate) => existsSync(candidate));
+var loadDxConfig = async (filePath) => {
+  const result = await build2({
+    entryPoints: [
+      filePath
+    ],
+    bundle: true,
+    format: "esm",
+    platform: "node",
+    write: false,
+    // Leave node_modules (incl. @dxos/*) as runtime imports so the temp module below resolves them
+    // from the project's node_modules rather than inlining heavy deps (effect, etc.) on every load.
+    packages: "external",
+    logLevel: "silent"
+  });
+  const tempPath = join(filePath, "..", `.dx.config.${randomUUID()}.mjs`);
+  try {
+    await writeFile(tempPath, result.outputFiles[0].text, "utf-8");
+    const module = await import(pathToFileURL(tempPath).href);
+    return decodeConfig2(module.default);
+  } finally {
+    await rm(tempPath, {
+      force: true
+    });
+  }
+};
 // src/vite-plugin/manifest.ts
 import { PLUGIN_ENTRY_FILENAME as PLUGIN_ENTRY_FILENAME2 } from "@dxos/protocols";
 var MANIFEST_ASSET_NAME = "manifest.json";
 var ENTRY_FILENAME = PLUGIN_ENTRY_FILENAME2;
+var toBuildMeta = (meta, version, dependencies) => ({
+  ...meta.profile,
+  version,
+  ...dependencies ? {
+    dependencies
+  } : {}
+});
 var serializeManifest = (meta, { assets, devEntry }) => {
-  const { key: _key, ...rest } = meta;
   return JSON.stringify({
-    ...rest,
+    ...meta,
     assets,
     ...devEntry !== void 0 ? {
       devEntry
@@ -341,7 +641,6 @@ var DEFAULT_PACKAGES = [
   "@dxos/react-ui-syntax-highlighter",
   "@dxos/react-ui-table",
   "@dxos/react-ui-tabs",
-  "@dxos/react-ui-text-tooltip",
   "@dxos/react-ui-thread",
   "@dxos/solid-ui",
   "@dxos/solid-ui-geo",
@@ -356,6 +655,33 @@ var isSharedPackage = (id) => DEFAULT_PACKAGES.some((pkg) => id === pkg || id.st
 // src/vite-plugin/composer/index.ts
 var JSX_DEV_RUNTIME = "react/jsx-dev-runtime";
+var readPackageVersion = (dir) => {
+  try {
+    return JSON.parse(readFileSync(join2(dir, "package.json"), "utf-8")).version ?? "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+};
+var readResolvedDependencies = (dir) => {
+  try {
+    const declared = JSON.parse(readFileSync(join2(dir, "package.json"), "utf-8")).dependencies;
+    if (!declared) {
+      return void 0;
+    }
+    const resolved = {};
+    for (const name of Object.keys(declared)) {
+      try {
+        const version = JSON.parse(readFileSync(join2(dir, "node_modules", name, "package.json"), "utf-8")).version;
+        resolved[name] = typeof version === "string" ? version : declared[name];
+      } catch {
+        resolved[name] = declared[name];
+      }
+    }
+    return Object.keys(resolved).length > 0 ? resolved : void 0;
+  } catch {
+    return void 0;
+  }
+};
 var isExternal = (id) => id !== JSX_DEV_RUNTIME && isSharedPackage(id);
 var REQUIRE_SHIM_BANNER = [
   "// --- composer-plugin: CJS require shim ---",
@@ -381,7 +707,8 @@ var REQUIRE_SHIM_BANNER = [
 var composerPlugin = (options) => {
   const entry = options?.entry ?? "src/plugin.tsx";
   const port = options?.port ?? PLUGIN_DEV_SERVER_PORT;
-  const meta = options?.meta;
+  const projectRoot = process.cwd();
+  const metaPromise = options?.meta ? Promise.resolve(options.meta) : Promise.resolve(options?.config ?? findDxConfigFile(projectRoot)).then((configFile) => configFile ? loadDxConfig(configFile).then((config) => toBuildMeta(plugin_exports.getMetaFromConfig(config), readPackageVersion(projectRoot), readResolvedDependencies(projectRoot))) : void 0);
   const resolved = /* @__PURE__ */ new Set();
   let base = "/";
   const plugins = [
@@ -533,53 +860,59 @@ var composerPlugin = (options) => {
       }
     }
   ];
-  if (meta) {
-    plugins.push({
-      name: "composer-plugin:emit-manifest",
-      apply: "build",
-      // `enforce: 'post'` is load-bearing: vite's CSS extraction plugin emits sibling
-      // `.css` assets in its own `generateBundle` hook. Without `post`, ours runs first
-      // and sees only the JS chunks — the manifest then omits CSS, so the host can't
-      // inject `<link>` tags for the plugin's stylesheet at install time.
-      enforce: "post",
-      generateBundle(_options, bundle) {
-        const assets = Object.keys(bundle).filter((name) => name !== MANIFEST_ASSET_NAME && !name.endsWith(".map")).sort();
-        this.emitFile({
-          type: "asset",
-          fileName: MANIFEST_ASSET_NAME,
-          source: serializeManifest(meta, {
-            assets
-          })
-        });
+  plugins.push({
+    name: "composer-plugin:emit-manifest",
+    apply: "build",
+    // `enforce: 'post'` is load-bearing: vite's CSS extraction plugin emits sibling
+    // `.css` assets in its own `generateBundle` hook. Without `post`, ours runs first
+    // and sees only the JS chunks — the manifest then omits CSS, so the host can't
+    // inject `<link>` tags for the plugin's stylesheet at install time.
+    enforce: "post",
+    async generateBundle(_options, bundle) {
+      const meta = await metaPromise;
+      if (!meta) {
+        return;
       }
-    });
-    plugins.push({
-      name: "composer-plugin:serve-manifest",
-      apply: "serve",
-      configureServer(server) {
-        const body = serializeManifest(meta, {
-          assets: [],
-          devEntry: entry.replace(/^\.?\//, "")
-        });
-        server.middlewares.use(`/${MANIFEST_ASSET_NAME}`, (req, res, next) => {
-          if (req.url && req.url !== "/" && req.url !== "") {
-            return next();
-          }
-          res.setHeader("Access-Control-Allow-Origin", "*");
-          res.setHeader("Content-Type", "application/json");
-          res.setHeader("Cache-Control", "no-store");
-          res.statusCode = 200;
-          res.end(body);
-        });
+      const assets = Object.keys(bundle).filter((name) => name !== MANIFEST_ASSET_NAME && !name.endsWith(".map")).sort();
+      this.emitFile({
+        type: "asset",
+        fileName: MANIFEST_ASSET_NAME,
+        source: serializeManifest(meta, {
+          assets
+        })
+      });
+    }
+  });
+  plugins.push({
+    name: "composer-plugin:serve-manifest",
+    apply: "serve",
+    async configureServer(server) {
+      const meta = await metaPromise;
+      if (!meta) {
+        return;
       }
-    });
-  }
+      const body = serializeManifest(meta, {
+        assets: [],
+        devEntry: entry.replace(/^\.?\//, "")
+      });
+      server.middlewares.use(`/${MANIFEST_ASSET_NAME}`, (req, res, next) => {
+        if (req.url && req.url !== "/" && req.url !== "") {
+          return next();
+        }
+        res.setHeader("Access-Control-Allow-Origin", "*");
+        res.setHeader("Content-Type", "application/json");
+        res.setHeader("Cache-Control", "no-store");
+        res.statusCode = 200;
+        res.end(body);
+      });
+    }
+  });
   return plugins;
 };
 // src/vite-plugin/import-map/index.ts
 import { init as initCjsLexer, parse as parseCjs } from "cjs-module-lexer";
-import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
+import { existsSync as existsSync2, readFileSync as readFileSync2, readdirSync, statSync } from "node:fs";
 import { createRequire as nodeCreateRequire } from "node:module";
 import path from "node:path";
 var require2 = nodeCreateRequire(import.meta.url);
@@ -595,9 +928,9 @@ var resolvedIdIsEsmModule = (resolvedId) => {
   let directory = path.dirname(file);
   while (directory !== path.dirname(directory)) {
     const packageJsonPath = path.join(directory, "package.json");
-    if (existsSync(packageJsonPath)) {
+    if (existsSync2(packageJsonPath)) {
       try {
-        const pkg = JSON.parse(readFileSync(packageJsonPath, "utf8"));
+        const pkg = JSON.parse(readFileSync2(packageJsonPath, "utf8"));
         return pkg.type === "module";
       } catch {
         return false;
@@ -611,9 +944,9 @@ var findPackageJsonPath = (resolvedId, packageName) => {
   let directory = path.dirname(trimQueryString(resolvedId));
   while (directory !== path.dirname(directory)) {
     const packageJsonPath = path.join(directory, "package.json");
-    if (existsSync(packageJsonPath)) {
+    if (existsSync2(packageJsonPath)) {
       try {
-        const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
+        const packageJson = JSON.parse(readFileSync2(packageJsonPath, "utf8"));
         if (packageJson.name === packageName) {
           return packageJsonPath;
         }
@@ -685,7 +1018,7 @@ var BUILD_TOOL_SUBPATH = /^(vite-plugin|esbuild-plugin|rollup-plugin|plugin)$/;
 var ASSET_SUBPATH = /\.(css|pcss|scss|sass|less|json|node|wasm|html|svg|png|jpe?g|gif|webp|ico)$/;
 var isAssetSubpath = (specifier) => ASSET_SUBPATH.test(specifier);
 var walkDirectoryForExtension = (baseDir, extension) => {
-  if (!existsSync(baseDir)) {
+  if (!existsSync2(baseDir)) {
     return [];
   }
   const results = [];
@@ -743,7 +1076,7 @@ var expandWildcardExport = (packageName, packageJsonDir, exportKey, exportValue)
   return files.map((relativeNoExt) => `${packageName}/${keyPrefix}${relativeNoExt}`);
 };
 var getPackageEntrypoints = (packageName, packageJsonPath) => {
-  const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
+  const packageJson = JSON.parse(readFileSync2(packageJsonPath, "utf8"));
   const exportsField = packageJson.exports;
   if (!exportsField || typeof exportsField === "string" || Array.isArray(exportsField)) {
     return [
@@ -792,7 +1125,7 @@ var getCjsNamedExports = (filePath, seen = /* @__PURE__ */ new Set()) => {
   }
   seen.add(normalized);
   try {
-    const source = readFileSync(normalized, "utf8");
+    const source = readFileSync2(normalized, "utf8");
     const { exports: directExports, reexports } = parseCjs(source);
     const reexportedNames = reexports.flatMap((reexport) => {
       const resolved = path.resolve(path.dirname(normalized), reexport);
@@ -801,7 +1134,7 @@ var getCjsNamedExports = (filePath, seen = /* @__PURE__ */ new Set()) => {
         `${resolved}.js`,
         `${resolved}.cjs`
       ];
-      const found = candidates.find((candidate) => existsSync(candidate));
+      const found = candidates.find((candidate) => existsSync2(candidate));
       return found ? getCjsNamedExports(found, seen) : [];
     });
     return [
@@ -970,8 +1303,10 @@ export {
   MANIFEST_ASSET_NAME,
   bootLoaderPlugin,
   composerPlugin,
+  findDxConfigFile,
   importMapPlugin,
   isSharedPackage,
+  loadDxConfig,
   serializeManifest
 };
 //# sourceMappingURL=index.mjs.map