@vibesdotdev/runnable 0.0.0-stage → 1.0.0-rc.0

package/dist/svelte/viz/crystal/Crystal3DRenderer.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { CrystalBonds, CrystalSlice, Crystal3DRendererStats, VfxTier } from './types';
+type $$ComponentProps = {
+    crystalBonds: CrystalBonds | null;
+    sliceMap: Record<number, CrystalSlice>;
+    N: number;
+    threshold: number;
+    autoRotate: boolean;
+    glowIntensity: number;
+    zLayer: number;
+    vfxTier?: VfxTier;
+    onStats?: (stats: Crystal3DRendererStats) => void;
+};
+declare const Crystal3DRenderer: import("svelte").Component<$$ComponentProps, {}, "">;
+type Crystal3DRenderer = ReturnType<typeof Crystal3DRenderer>;
+export default Crystal3DRenderer;
+//# sourceMappingURL=Crystal3DRenderer.svelte.d.ts.map

package/dist/svelte/viz/crystal/Crystal3DRenderer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Crystal3DRenderer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/crystal/Crystal3DRenderer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG1F,KAAK,gBAAgB,GAAI;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACnD,CAAC;AA41BJ,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/viz/crystal/Crystal3DStats.svelte

@@ -0,0 +1,110 @@
+<script lang="ts">
+  type Props = {
+    nodes: number;
+    bonds: number;
+    density: number;
+    fps: number;
+    dataPass?: number;
+    class?: string;
+  };
+
+  let {
+    nodes,
+    bonds,
+    density,
+    fps,
+    dataPass,
+    class: className = '',
+  }: Props = $props();
+
+  const densityColor = $derived(
+    density > 70 ? '#e06050' :
+    density > 40 ? '#e0a030' :
+    '#00c864'
+  );
+</script>
+
+<div class="stats-overlay {className}">
+  <div class="stat">
+    <span class="stat-label">FPS</span>
+    <span class="stat-value">{fps}</span>
+  </div>
+
+  <div class="stat-sep"></div>
+
+  <div class="stat">
+    <span class="stat-label">Nodes</span>
+    <span class="stat-value">{nodes.toLocaleString()}</span>
+  </div>
+
+  <div class="stat-sep"></div>
+
+  <div class="stat">
+    <span class="stat-label">Bonds</span>
+    <span class="stat-value">{bonds.toLocaleString()}</span>
+  </div>
+
+  <div class="stat-sep"></div>
+
+  <div class="stat">
+    <span class="stat-label">Density</span>
+    <span class="stat-value" style:color={densityColor}>{density.toFixed(1)}%</span>
+  </div>
+
+  {#if dataPass !== undefined && dataPass > 0}
+    <div class="stat-sep"></div>
+    <div class="stat">
+      <span class="stat-label">Pass</span>
+      <span class="stat-value pass-value">{dataPass}</span>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .stats-overlay {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 5px 10px;
+    background: rgba(4, 10, 6, 0.85);
+    border: 1px solid rgba(0, 180, 90, 0.12);
+    border-radius: 4px;
+    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
+    font-size: 10px;
+    letter-spacing: 0.06em;
+    backdrop-filter: blur(6px);
+  }
+
+  .stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1px;
+    min-width: 42px;
+  }
+
+  .stat-label {
+    font-size: 8px;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--text-dim, #5a6a5c);
+  }
+
+  .stat-value {
+    font-size: 12px;
+    font-variant-numeric: tabular-nums;
+    color: var(--text-secondary, #8a9e8c);
+    text-shadow: 0 0 4px rgba(0, 200, 100, 0.2);
+  }
+
+  .pass-value {
+    color: var(--accent, #e0a030);
+    text-shadow: 0 0 4px rgba(224, 160, 48, 0.3);
+  }
+
+  .stat-sep {
+    width: 1px;
+    height: 20px;
+    background: rgba(0, 180, 90, 0.12);
+  }
+</style>

package/dist/svelte/viz/crystal/Crystal3DStats.svelte.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    nodes: number;
+    bonds: number;
+    density: number;
+    fps: number;
+    dataPass?: number;
+    class?: string;
+};
+declare const Crystal3DStats: import("svelte").Component<Props, {}, "">;
+type Crystal3DStats = ReturnType<typeof Crystal3DStats>;
+export default Crystal3DStats;
+//# sourceMappingURL=Crystal3DStats.svelte.d.ts.map

package/dist/svelte/viz/crystal/Crystal3DStats.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Crystal3DStats.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/crystal/Crystal3DStats.svelte.ts"],"names":[],"mappings":"AAGE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4DJ,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/viz/crystal/LatticePanel.svelte

@@ -0,0 +1,230 @@
+<!-- Replay uses the selected owner's persisted artifacts; live data shares the same run source. -->
+<script lang="ts">
+  import { settleNow } from '@vibesdotdev/kernel';
+  import type { JsonValue } from '@vibesdotdev/kernel/schemas/json';
+  import * as z from 'zod/v4';
+  import type { RunArtifactWrite } from '@vibesdotdev/runnable/events';
+  import Crystal3D from './Crystal3D.svelte';
+  import type { CrystalBonds } from './types';
+
+  let { runId, liveCrystalBonds = null, runIsActive = false, artifacts = [], class: className = '' }: {
+    runId: string;
+    liveCrystalBonds?: CrystalBonds | null;
+    runIsActive?: boolean;
+    artifacts?: RunArtifactWrite[];
+    class?: string;
+  } = $props();
+
+  let selectedId = $state<string | null>(null);
+  const frameIndex = $derived(artifacts.filter(row => row.artifactKind === 'crystal_frame')
+    .map(row => ({ row, frame: numberOrNull(row.metadata?.frame) ?? row.sequenceNo ?? 0 }))
+    .sort((a, b) => a.frame - b.frame || a.row.ts - b.row.ts));
+  const selected = $derived(frameIndex.find(entry => entry.row.id === selectedId));
+  const inReplay = $derived(selected !== undefined);
+  const replayFrame = $derived(selected?.frame ?? null);
+  const decoded = $derived(settleNow(() => decodeFrame(selected ?? frameIndex.at(-1))));
+  const displayBonds = $derived(inReplay ? (decoded.ok ? decoded.value : null)
+    : liveCrystalBonds ?? (decoded.ok ? decoded.value : null));
+  const displayN = $derived(displayBonds?.N ?? 0);
+  const livePass = $derived(liveCrystalBonds?.pass ?? null);
+  const indexError = $derived(decoded.ok ? null : `Crystal replay failed: ${String(decoded.cause)}`);
+  const totalFrames = $derived(frameIndex.length);
+  const hasFrames = $derived(totalFrames > 0);
+  const scrubIndex = $derived(selected ? frameIndex.indexOf(selected) : Math.max(totalFrames - 1, 0));
+
+  $effect(() => {
+    void runId;
+    selectedId = null;
+  });
+
+  function numberOrNull(value: JsonValue | undefined): number | null {
+    const number = z.number().safeParse(value);
+    return number.success ? number.data : null;
+  }
+
+  function decodeFrame(entry: { row: RunArtifactWrite; frame: number } | undefined): CrystalBonds | null {
+    if (!entry?.row.data) return null;
+    const binary = atob(entry.row.data);
+    return {
+      N: numberOrNull(entry.row.metadata?.N) ?? 0,
+      pass: numberOrNull(entry.row.metadata?.pass) ?? 0,
+      frame: entry.frame,
+      bonds: Uint8Array.from(binary, character => character.charCodeAt(0))
+    };
+  }
+
+  function handleScrub(event: Event): void {
+    if (!(event.currentTarget instanceof HTMLInputElement)) return;
+    const index = Number(event.currentTarget.value);
+    selectedId = frameIndex[index]?.row.id ?? null;
+  }
+
+  function returnToLive(): void {
+    selectedId = null;
+  }
+</script>
+
+<div class="lattice-panel {className}">
+  <div class="lattice-render">
+    <Crystal3D crystalBonds={displayBonds} N={displayN} />
+  </div>
+
+  <div class="lattice-toolbar">
+    <div class="toolbar-left">
+      {#if runIsActive && !inReplay}
+        <span class="live-pill" title="Showing live SSE bonds" role="status" aria-live="polite">
+          <span class="live-dot" aria-hidden="true"></span> LIVE
+          {#if livePass !== null}<span class="pill-aux">PASS {livePass}</span>{/if}
+        </span>
+      {:else if inReplay}
+        <button
+          type="button"
+          class="live-pill replay-pill"
+          onclick={returnToLive}
+          aria-label="Return to live crystal feed"
+        >
+          REPLAY
+          {#if replayFrame !== null}<span class="pill-aux">FRAME {replayFrame}</span>{/if}
+          <span class="pill-action">↺ LIVE</span>
+        </button>
+      {:else}
+        <span class="live-pill idle-pill">
+          IDLE
+          {#if hasFrames}<span class="pill-aux">{totalFrames} FRAMES</span>{/if}
+        </span>
+      {/if}
+    </div>
+
+    <div class="toolbar-right">
+      {#if indexError}
+        <span class="status-text status-error" role="alert">{indexError}</span>
+      {:else if !hasFrames}
+        <span class="status-text">no replay frames yet</span>
+      {:else}
+        <input
+          type="range"
+          min="0"
+          max={Math.max(totalFrames - 1, 0)}
+          value={scrubIndex}
+          oninput={handleScrub}
+          class="scrub"
+          aria-label="Scrub crystal frame timeline"
+          aria-valuetext={`Frame ${scrubIndex + 1} of ${totalFrames}`}
+        />
+        <span class="frame-label">
+          {scrubIndex + 1} / {totalFrames}
+        </span>
+      {/if}
+    </div>
+  </div>
+</div>
+
+<style>
+  .lattice-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .lattice-render {
+    min-height: 320px;
+  }
+  .lattice-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 8px 10px;
+    background: color-mix(in srgb, var(--nerv-verdigris) 4%, var(--card));
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    font-family: var(--font-brand, "IBM Plex Mono", monospace);
+    font-size: 10px;
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+    justify-content: flex-end;
+  }
+  .live-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 3px 8px;
+    border: 1px solid var(--nerv-verdigris);
+    border-radius: 4px;
+    color: var(--nerv-green);
+    font-weight: 700;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    background: transparent;
+    cursor: default;
+  }
+  .replay-pill {
+    color: var(--nerv-amber);
+    border-color: var(--nerv-amber);
+    cursor: pointer;
+  }
+  .replay-pill:hover {
+    background: color-mix(in srgb, var(--nerv-amber) 8%, transparent);
+  }
+  .idle-pill {
+    color: var(--muted-foreground);
+    border-color: var(--border);
+  }
+  .live-dot {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--nerv-green);
+    animation: live-pulse 1.6s ease-in-out infinite;
+  }
+  @keyframes live-pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.4; }
+  }
+  .pill-aux {
+    color: var(--muted-foreground);
+    font-weight: 500;
+    margin-left: 4px;
+  }
+  .pill-action {
+    margin-left: 6px;
+    color: var(--nerv-verdigris);
+    font-weight: 600;
+  }
+  .scrub {
+    flex: 1;
+    max-width: 400px;
+    accent-color: var(--nerv-verdigris);
+    cursor: pointer;
+  }
+  .frame-label {
+    font-variant-numeric: tabular-nums;
+    color: var(--muted-foreground);
+    letter-spacing: 0.08em;
+    min-width: 56px;
+    text-align: right;
+  }
+  .status-text {
+    color: var(--muted-foreground);
+    font-style: italic;
+  }
+  .status-error {
+    color: var(--nerv-red);
+    font-style: normal;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    * {
+      animation: none;
+    }
+  }
+</style>

package/dist/svelte/viz/crystal/LatticePanel.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { RunArtifactWrite } from '@vibesdotdev/runnable/events';
+import type { CrystalBonds } from './types';
+type $$ComponentProps = {
+    runId: string;
+    liveCrystalBonds?: CrystalBonds | null;
+    runIsActive?: boolean;
+    artifacts?: RunArtifactWrite[];
+    class?: string;
+};
+declare const LatticePanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type LatticePanel = ReturnType<typeof LatticePanel>;
+export default LatticePanel;
+//# sourceMappingURL=LatticePanel.svelte.d.ts.map

package/dist/svelte/viz/crystal/LatticePanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LatticePanel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/crystal/LatticePanel.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0GJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/viz/crystal/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Crystal3D } from './Crystal3D.svelte';
+export { default as Crystal3DRenderer } from './Crystal3DRenderer.svelte';
+export { default as Crystal3DControls } from './Crystal3DControls.svelte';
+export { default as Crystal3DStats } from './Crystal3DStats.svelte';
+export { default as LatticePanel } from './LatticePanel.svelte';
+export type { CrystalBonds, CrystalSlice, Crystal3DRendererStats, VfxTier, VfxProfile } from './types';
+export { FCC_DIRS, VFX_PROFILES, getVfxProfile } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/viz/crystal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/crystal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EACX,YAAY,EACZ,YAAY,EACZ,sBAAsB,EACtB,OAAO,EACP,UAAU,EACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/svelte/viz/crystal/index.js

@@ -0,0 +1,6 @@
+export { default as Crystal3D } from './Crystal3D.svelte';
+export { default as Crystal3DRenderer } from './Crystal3DRenderer.svelte';
+export { default as Crystal3DControls } from './Crystal3DControls.svelte';
+export { default as Crystal3DStats } from './Crystal3DStats.svelte';
+export { default as LatticePanel } from './LatticePanel.svelte';
+export { FCC_DIRS, VFX_PROFILES, getVfxProfile } from './types';

package/dist/svelte/viz/crystal/types.d.ts

@@ -0,0 +1,59 @@
+/** Crystal bonds data from training event (crystal_bonds / crystal_frame) */
+export type CrystalBonds = {
+    N: number;
+    pass: number;
+    frame?: number;
+    bonds: Uint8Array;
+};
+/** Crystal slice data for 2D heatmap reconstruction */
+export type CrystalSlice = {
+    pass: number;
+    z: number;
+    N: number;
+    data: number[];
+};
+/** Stats reported by Crystal3DRenderer each frame */
+export type Crystal3DRendererStats = {
+    nodes: number;
+    bonds: number;
+    avgStrength: number;
+    maxStrength: number;
+    density: number;
+    dataPass: number;
+    dataFrame: number;
+    fps: number;
+};
+/** Visual quality tier */
+export type VfxTier = 'low' | 'medium' | 'high';
+/** VFX quality profile for renderer tuning */
+export type VfxProfile = {
+    dprLimit: number;
+    glowCap: number;
+    pulseScale: number;
+    doublePass: boolean;
+};
+/** FCC lattice neighbor directions (12 directions) */
+export declare const FCC_DIRS: [number, number, number][];
+/** Default VFX profiles by tier */
+export declare const VFX_PROFILES: {
+    low: {
+        dprLimit: number;
+        glowCap: number;
+        pulseScale: number;
+        doublePass: false;
+    };
+    medium: {
+        dprLimit: number;
+        glowCap: number;
+        pulseScale: number;
+        doublePass: false;
+    };
+    high: {
+        dprLimit: number;
+        glowCap: number;
+        pulseScale: number;
+        doublePass: true;
+    };
+};
+export declare function getVfxProfile(tier: VfxTier): VfxProfile;
+//# sourceMappingURL=types.d.ts.map

package/dist/svelte/viz/crystal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/crystal/types.ts"],"names":[],"mappings":"AAIA,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,uDAAuD;AACvD,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,EAAE,CAAC;CACf,CAAC;AAEF,qDAAqD;AACrD,MAAM,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,0BAA0B;AAC1B,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhD,8CAA8C;AAC9C,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAa9C,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAIc,CAAC;AAExC,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,CAEvD"}

package/dist/svelte/viz/crystal/types.js

@@ -0,0 +1,27 @@
+// ═══════════════════════════════════════════════════════════════
+// Crystal 3D — Types
+// ═══════════════════════════════════════════════════════════════
+/** FCC lattice neighbor directions (12 directions) */
+export const FCC_DIRS = [
+    [1, 1, 0],
+    [-1, 1, 0],
+    [1, -1, 0],
+    [-1, -1, 0],
+    [1, 0, 1],
+    [-1, 0, 1],
+    [1, 0, -1],
+    [-1, 0, -1],
+    [0, 1, 1],
+    [0, -1, 1],
+    [0, 1, -1],
+    [0, -1, -1]
+];
+/** Default VFX profiles by tier */
+export const VFX_PROFILES = {
+    low: { dprLimit: 1, glowCap: 0.4, pulseScale: 0.3, doublePass: false },
+    medium: { dprLimit: 2, glowCap: 0.7, pulseScale: 0.7, doublePass: false },
+    high: { dprLimit: 2, glowCap: 1.0, pulseScale: 1.0, doublePass: true }
+};
+export function getVfxProfile(tier) {
+    return VFX_PROFILES[tier];
+}

package/dist/svelte/viz/index.d.ts

@@ -0,0 +1,18 @@
+export { default as DescriptorPanel } from './DescriptorPanel.svelte';
+export { default as MFDPanel } from './mfd/MFDPanel.svelte';
+export { default as MFDScope } from './mfd/MFDScope.svelte';
+export { default as MFDBarMeter } from './mfd/MFDBarMeter.svelte';
+export { default as MFDArcGauge } from './mfd/MFDArcGauge.svelte';
+export { default as MFDHexMatrix } from './mfd/MFDHexMatrix.svelte';
+export { default as MFDStatusGrid } from './mfd/MFDStatusGrid.svelte';
+export * from './crystal/index.ts';
+export * from './mfd/types.ts';
+export * from './mfd/grid.ts';
+export * from './mfd/palette.ts';
+export { mfd } from './mfd/pipeline/store.svelte.ts';
+export * from './registry.ts';
+export { GLContext } from './mfd/renderer/context.ts';
+export type { CompiledProgram } from './mfd/renderer/context.ts';
+export { RenderPipeline } from './mfd/renderer/pipeline.ts';
+export { linkProgram, compileShader, getUniforms, QUAD_VERT, MODULE_SHADERS } from './mfd/renderer/shaders.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/viz/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/svelte/viz/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AACrD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/svelte/viz/index.js

@@ -0,0 +1,16 @@
+export { default as DescriptorPanel } from './DescriptorPanel.svelte';
+export { default as MFDPanel } from './mfd/MFDPanel.svelte';
+export { default as MFDScope } from './mfd/MFDScope.svelte';
+export { default as MFDBarMeter } from './mfd/MFDBarMeter.svelte';
+export { default as MFDArcGauge } from './mfd/MFDArcGauge.svelte';
+export { default as MFDHexMatrix } from './mfd/MFDHexMatrix.svelte';
+export { default as MFDStatusGrid } from './mfd/MFDStatusGrid.svelte';
+export * from "./crystal/index.js";
+export * from "./mfd/types.js";
+export * from "./mfd/grid.js";
+export * from "./mfd/palette.js";
+export { mfd } from "./mfd/pipeline/store.svelte.js";
+export * from "./registry.js";
+export { GLContext } from "./mfd/renderer/context.js";
+export { RenderPipeline } from "./mfd/renderer/pipeline.js";
+export { linkProgram, compileShader, getUniforms, QUAD_VERT, MODULE_SHADERS } from "./mfd/renderer/shaders.js";

package/dist/svelte/viz/mfd/MFDArcGauge.svelte

@@ -0,0 +1,59 @@
+<!--
+  MFDArcGauge — Circular gauge with segmented fill and needle
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import type { MFDSize, PaletteName } from './types';
+  import MFDPanel from './MFDPanel.svelte';
+
+  type Props = {
+    id: string;
+    size?: MFDSize;
+    palette?: PaletteName;
+    label?: string;
+    sublabel?: string;
+    intensity?: number;
+    startAngle?: number;
+    sweepAngle?: number;
+    segments?: number;
+    value?: number;
+    overlay?: Snippet;
+    class?: string;
+    alert?: boolean;
+  };
+
+  let {
+    id,
+    size = '2x2',
+    palette = 'cyan',
+    label = 'GAUGE',
+    sublabel = '',
+    intensity = 1.0,
+    startAngle = 225,
+    sweepAngle = 270,
+    segments = 18,
+    value = 0,
+    overlay,
+    class: extraClass = '',
+    alert = false,
+  }: Props = $props();
+
+  const DEG = Math.PI / 180;
+  const params = $derived<[number, number, number, number]>(
+    [startAngle * DEG, sweepAngle * DEG, segments, value],
+  );
+</script>
+
+<MFDPanel
+  {id}
+  module="arc-gauge"
+  {size}
+  {palette}
+  {label}
+  {sublabel}
+  {intensity}
+  {params}
+  {overlay}
+  class={extraClass}
+  {alert}
+/>

package/dist/svelte/viz/mfd/MFDArcGauge.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Snippet } from 'svelte';
+import type { MFDSize, PaletteName } from './types';
+type Props = {
+    id: string;
+    size?: MFDSize;
+    palette?: PaletteName;
+    label?: string;
+    sublabel?: string;
+    intensity?: number;
+    startAngle?: number;
+    sweepAngle?: number;
+    segments?: number;
+    value?: number;
+    overlay?: Snippet;
+    class?: string;
+    alert?: boolean;
+};
+declare const MFDArcGauge: import("svelte").Component<Props, {}, "">;
+type MFDArcGauge = ReturnType<typeof MFDArcGauge>;
+export default MFDArcGauge;
+//# sourceMappingURL=MFDArcGauge.svelte.d.ts.map

package/dist/svelte/viz/mfd/MFDArcGauge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MFDArcGauge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/viz/mfd/MFDArcGauge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIlD,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAkCJ,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}