@restormel/ui-graph-svelte 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Adam Boon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,81 @@
+# `@restormel/ui-graph-svelte`
+
+Svelte 5 implementation of the Restormel Graph canvas (`GraphCanvas`, optional `NodeDetail`), aligned with **Contract v0** in `@restormel/graph-core` (`viewModel.ts`). Ported from the SOPHIA app for modular reuse.
+
+**SOPHIA / SvelteKit consumers:** follow **[docs/restormel-graph-sophia-consumer.md](../../docs/restormel-graph-sophia-consumer.md)** (npm versions, `pnpm.overrides` + tarballs, peers, Vite `ssr.noExternal`, CSS tokens).
+
+## Dependencies
+
+- `peerDependencies`: `svelte@^5`
+- `dependencies`: `@restormel/graph-core` (layout, trace, DTO types)
+
+There is **no** `@restormel/contracts` dependency.
+
+## Install (workspace / monorepo)
+
+```bash
+pnpm add @restormel/ui-graph-svelte @restormel/graph-core
+```
+
+Build `@restormel/graph-core` before consuming subpath imports in dev toolchains that read `dist/` (`pnpm --filter @restormel/graph-core run build`).
+
+## CSS variables
+
+The canvas uses SOPHIA design tokens as CSS variables (for example `--color-bg`, `--color-sage`, `--color-text`, `--radius-md`, `--font-ui`, `--text-meta`). Host apps should load a compatible token sheet. The demo app mirrors SOPHIA’s `design-tokens.css` under `apps/restormel-graph-demo/src/lib/graph-demo-tokens.css`.
+
+## Usage
+
+Pass **nodes**, **edges**, and optional **ghost** layers and semantic style maps. Shape matches `GraphRendererProps` in `@restormel/graph-core/viewModel`.
+
+```svelte
+<script lang="ts">
+  import { GraphCanvas } from "@restormel/ui-graph-svelte";
+  import type { GraphData } from "@restormel/graph-core/viewModel";
+
+  const data: GraphData = {
+    nodes: [
+      { id: "s1", type: "source", label: "Source" },
+      { id: "c1", type: "claim", label: "Claim", phase: "analysis" },
+    ],
+    edges: [{ from: "s1", to: "c1", type: "contains" }],
+    ghostNodes: [],
+    ghostEdges: [],
+  };
+</script>
+
+<GraphCanvas
+  nodes={data.nodes}
+  edges={data.edges}
+  ghostNodes={data.ghostNodes}
+  ghostEdges={data.ghostEdges}
+  showGhostLayer={false}
+  showInlineDetail={true}
+  showStatusChip={true}
+  showViewportControls={true}
+  nodeSemanticStyles={{}}
+  edgeSemanticStyles={{}}
+/>
+```
+
+Edge semantic styles are keyed with `graphCanvasEdgeKey(edge)` exported from this package (`from:type:to`).
+
+Optional props: `selectedNodeId`, `onSelectedNodeChange`, `onNodeSelect`, `viewportCommand`, `pinnedNodeIds`, `pathNodeIds`, `pathEdges`, `focusNodeIds`, `focusEdgeIds`, `dimOutOfScope`, `isFullscreen`, `onToggleFullscreen`, `onJumpToReferences`.
+
+## Demo
+
+`apps/restormel-graph-demo` — route `/dev/graph-portability`.
+
+```bash
+pnpm --filter restormel-graph-demo run dev
+```
+
+Then open `/dev/graph-portability`.
+
+## Build
+
+```bash
+pnpm --filter @restormel/graph-core run build
+pnpm --filter @restormel/ui-graph-svelte run build
+```
+
+Optional extracted stylesheet (same rules as Vite library build): `dist/ui-graph-svelte.css` (component styles are also bundled into the JS output for typical consumers).

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GraphCanvas } from './lib/GraphCanvas.svelte';
+export { default as NodeDetail } from './lib/NodeDetail.svelte';
+export { graphCanvasEdgeKey, type GraphCanvasEdgeSemanticStyle, type GraphCanvasNodeSemanticStyle, type GraphCanvasNodeShape, } from './lib/semanticStyles';

package/dist/index.js

@@ -0,0 +1,940 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { computeLayout as Lt } from "@restormel/graph-core/layout";
+import { getNodeTraceTags as Nr, formatTraceTag as Ae, getNodeTraceLabel as Tt } from "@restormel/graph-core/trace";
+import { onMount as Er } from "svelte";
+function St(te) {
+  return `${te.from}:${te.type}:${te.to}`;
+}
+var Cr = e.from_html('<span class="phase-badge svelte-vs5hf2"> </span>'), Ir = e.from_html('<span class="trace-tag svelte-vs5hf2"> </span>'), Pr = e.from_html('<section class="connections svelte-vs5hf2"><h4 class="connections-heading svelte-vs5hf2">Trace tags</h4> <div class="trace-tag-list svelte-vs5hf2"></div></section>'), Lr = e.from_html('<p class="trace-meta-row svelte-vs5hf2"><strong>Provenance:</strong> </p>'), Tr = e.from_html('<p class="trace-meta-row svelte-vs5hf2"><strong>Tension:</strong> </p>'), Sr = e.from_html('<p class="trace-meta-row svelte-vs5hf2"><strong>Derived from:</strong> </p>'), Yr = e.from_html('<section class="connections svelte-vs5hf2"><h4 class="connections-heading svelte-vs5hf2">Trace metadata</h4> <div class="trace-meta-list svelte-vs5hf2"><!> <!> <!></div></section>'), Gr = e.from_html('<li class="connection-item svelte-vs5hf2"><span class="connection-direction svelte-vs5hf2"> </span> <span class="edge-type svelte-vs5hf2"> </span> <span class="connected-node svelte-vs5hf2"><span class="node-type-indicator svelte-vs5hf2"></span> </span></li>'), Hr = e.from_html('<section class="connections svelte-vs5hf2"><h4 class="connections-heading svelte-vs5hf2"> </h4> <ul class="connection-list svelte-vs5hf2"></ul></section>'), Dr = e.from_html('<button class="jump-button svelte-vs5hf2">Jump to References <svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M1 11L11 1M11 1H1M11 1v10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>'), Rr = e.from_html('<div class="node-detail svelte-vs5hf2" role="dialog" aria-labelledby="detail-heading" aria-modal="true" tabindex="-1"><div class="detail-header svelte-vs5hf2"><h3 id="detail-heading" class="detail-title svelte-vs5hf2"><span class="type-badge svelte-vs5hf2"> </span> <!></h3> <button class="close-button svelte-vs5hf2" aria-label="Close detail panel"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M12 4L4 12M4 4l8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></button></div> <div class="detail-body svelte-vs5hf2"><p class="node-label svelte-vs5hf2"> </p> <!> <!> <!> <!></div></div>');
+function Xr(te, o) {
+  e.push(o, !0);
+  let Y = e.state(null);
+  const z = e.derived(() => Nr(o.node)), ae = e.derived(() => o.edges.filter((a) => a.from === o.node.id || a.to === o.node.id)), oe = e.derived(() => e.get(ae).map((a) => {
+    const l = a.from === o.node.id ? a.to : a.from;
+    return {
+      node: o.nodes.find((w) => w.id === l),
+      edge: a,
+      direction: a.from === o.node.id ? "outgoing" : "incoming"
+    };
+  }).filter((a) => a.node !== void 0));
+  function re(a) {
+    a.key === "Escape" && o.onClose();
+  }
+  Er(() => {
+    e.get(Y) && e.get(Y).focus();
+    const a = (l) => {
+      l.key === "Escape" && o.onClose();
+    };
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  });
+  function Ve(a) {
+    return {
+      contains: "contains",
+      supports: "supports",
+      contradicts: "contradicts",
+      "responds-to": "responds to",
+      "depends-on": "depends on",
+      defines: "defines",
+      qualifies: "qualifies"
+    }[a] || a;
+  }
+  function je(a) {
+    switch (a) {
+      case "retrieval":
+        return "var(--color-amber)";
+      case "analysis":
+        return "var(--color-sage)";
+      case "critique":
+        return "var(--color-copper)";
+      case "synthesis":
+        return "var(--color-blue)";
+      default:
+        return "var(--color-muted)";
+    }
+  }
+  var A = Rr();
+  let Q;
+  var B = e.child(A), me = e.child(B), se = e.child(me);
+  let Re;
+  var Be = e.child(se, !0);
+  e.reset(se);
+  var pe = e.sibling(se, 2);
+  {
+    var J = (a) => {
+      var l = Cr();
+      let f;
+      var w = e.child(l, !0);
+      e.reset(l), e.template_effect(
+        (P) => {
+          f = e.set_style(l, "", f, P), e.set_text(w, o.node.phase);
+        },
+        [() => ({ color: je(o.node.phase) })]
+      ), e.append(a, l);
+    };
+    e.if(pe, (a) => {
+      o.node.phase && a(J);
+    });
+  }
+  e.reset(me);
+  var $ = e.sibling(me, 2);
+  e.reset(B);
+  var be = e.sibling(B, 2), le = e.child(be), Xe = e.child(le, !0);
+  e.reset(le);
+  var ce = e.sibling(le, 2);
+  {
+    var We = (a) => {
+      var l = Pr(), f = e.sibling(e.child(l), 2);
+      e.each(f, 21, () => e.get(z), e.index, (w, P) => {
+        var R = Ir(), X = e.child(R, !0);
+        e.reset(R), e.template_effect((C) => e.set_text(X, C), [() => Ae(e.get(P))]), e.append(w, R);
+      }), e.reset(f), e.reset(l), e.append(a, l);
+    };
+    e.if(ce, (a) => {
+      e.get(z).length > 0 && a(We);
+    });
+  }
+  var xe = e.sibling(ce, 2);
+  {
+    var E = (a) => {
+      var l = Yr(), f = e.sibling(e.child(l), 2), w = e.child(f);
+      {
+        var P = (L) => {
+          var I = Lr(), O = e.sibling(e.child(I));
+          e.reset(I), e.template_effect(() => e.set_text(O, ` ${o.node.provenance_id ?? ""}`)), e.append(L, I);
+        };
+        e.if(w, (L) => {
+          o.node.provenance_id && L(P);
+        });
+      }
+      var R = e.sibling(w, 2);
+      {
+        var X = (L) => {
+          var I = Tr(), O = e.sibling(e.child(I));
+          e.reset(I), e.template_effect(() => e.set_text(O, ` ${o.node.unresolved_tension_id ?? ""}`)), e.append(L, I);
+        };
+        e.if(R, (L) => {
+          o.node.unresolved_tension_id && L(X);
+        });
+      }
+      var C = e.sibling(R, 2);
+      {
+        var ge = (L) => {
+          var I = Sr(), O = e.sibling(e.child(I));
+          e.reset(I), e.template_effect((ue) => e.set_text(O, ` ${ue ?? ""}`), [() => o.node.derived_from.slice(0, 3).join(", ")]), e.append(L, I);
+        };
+        e.if(C, (L) => {
+          o.node.derived_from && o.node.derived_from.length > 0 && L(ge);
+        });
+      }
+      e.reset(f), e.reset(l), e.append(a, l);
+    };
+    e.if(xe, (a) => {
+      (o.node.provenance_id || o.node.unresolved_tension_id || o.node.derived_from && o.node.derived_from.length > 0) && a(E);
+    });
+  }
+  var ie = e.sibling(xe, 2);
+  {
+    var Oe = (a) => {
+      var l = Hr(), f = e.child(l), w = e.child(f);
+      e.reset(f);
+      var P = e.sibling(f, 2);
+      e.each(P, 21, () => e.get(oe), e.index, (R, X) => {
+        let C = () => e.get(X).node, ge = () => e.get(X).edge, L = () => e.get(X).direction;
+        var I = Gr(), O = e.child(I), ue = e.child(O, !0);
+        e.reset(O);
+        var ne = e.sibling(O, 2), ye = e.child(ne, !0);
+        e.reset(ne);
+        var W = e.sibling(ne, 2), H = e.child(W);
+        let h;
+        var ze = e.sibling(H);
+        e.reset(W), e.reset(I), e.template_effect(
+          (ke) => {
+            var T, we, fe;
+            e.set_text(ue, L() === "outgoing" ? "→" : "←"), e.set_text(ye, ke), e.set_attribute(H, "aria-label", (T = C()) == null ? void 0 : T.type), h = e.set_style(H, "", h, {
+              "background-color": ((we = C()) == null ? void 0 : we.type) === "source" ? "var(--color-sage)" : "var(--color-muted)"
+            }), e.set_text(ze, ` ${((fe = C()) == null ? void 0 : fe.label) ?? ""}`);
+          },
+          [() => Ve(ge().type)]
+        ), e.append(R, I);
+      }), e.reset(P), e.reset(l), e.template_effect(() => e.set_text(w, `Connections (${e.get(oe).length ?? ""})`)), e.append(a, l);
+    };
+    e.if(ie, (a) => {
+      e.get(oe).length > 0 && a(Oe);
+    });
+  }
+  var de = e.sibling(ie, 2);
+  {
+    var G = (a) => {
+      var l = Dr();
+      e.delegated("click", l, function(...f) {
+        var w;
+        (w = o.onJumpToReferences) == null || w.apply(this, f);
+      }), e.append(a, l);
+    };
+    e.if(de, (a) => {
+      o.onJumpToReferences && a(G);
+    });
+  }
+  e.reset(be), e.reset(A), e.bind_this(A, (a) => e.set(Y, a), () => e.get(Y)), e.template_effect(() => {
+    Q = e.set_style(A, "", Q, {
+      left: `${o.position.x ?? ""}px`,
+      top: `${o.position.y ?? ""}px`
+    }), Re = e.set_style(se, "", Re, {
+      "background-color": o.node.type === "source" ? "var(--color-sage-bg)" : "var(--color-muted)",
+      color: o.node.type === "source" ? "var(--color-sage)" : "var(--color-text)"
+    }), e.set_text(Be, o.node.type), e.set_text(Xe, o.node.label);
+  }), e.delegated("keydown", A, re), e.delegated("click", A, (a) => a.stopPropagation()), e.delegated("mousedown", A, (a) => a.stopPropagation()), e.delegated("click", $, function(...a) {
+    var l;
+    (l = o.onClose) == null || l.apply(this, a);
+  }), e.append(te, A), e.pop();
+}
+e.delegate(["keydown", "click", "mousedown"]);
+var Wr = e.from_html('<div class="graph-status-chip svelte-7bxg53" aria-live="polite" aria-atomic="true"> </div>'), Or = e.from_html('<button type="button" class="graph-control-btn svelte-7bxg53"> </button>'), zr = e.from_html('<div class="graph-controls svelte-7bxg53" role="toolbar" aria-label="Graph viewport controls"><button type="button" class="graph-control-btn svelte-7bxg53" aria-label="Zoom in">+</button> <button type="button" class="graph-control-btn svelte-7bxg53" aria-label="Zoom out">-</button> <button type="button" class="graph-control-btn svelte-7bxg53">Fit</button> <button type="button" class="graph-control-btn svelte-7bxg53">Reset Layout</button> <!></div>'), Fr = e.from_svg('<line stroke="var(--color-dim)" stroke-dasharray="6 5" role="button" tabindex="0"></line>'), Zr = e.from_svg('<g class="ghost-edges-group" aria-label="Rejected traversal edges"></g>'), Ar = e.from_svg('<line role="button" tabindex="0"></line>'), Vr = e.from_svg('<text y="18" class="ghost-node-label svelte-7bxg53" text-anchor="middle" font-family="var(--font-ui)" font-size="9" fill="var(--color-dim)" pointer-events="none"> </text><text y="30" class="ghost-node-label svelte-7bxg53" text-anchor="middle" font-family="var(--font-ui)" font-size="8" fill="var(--color-dim)" pointer-events="none"> </text>', 1), jr = e.from_svg('<g class="ghost-node svelte-7bxg53" role="presentation"><circle r="8" fill="var(--color-bg)" stroke="var(--color-dim)"></circle><!></g>'), Br = e.from_svg('<g class="ghost-nodes-group" aria-label="Rejected traversal nodes"></g>'), Jr = e.from_svg('<circle class="node-ring" fill="none" stroke-width="2" opacity="0.6"></circle>'), Kr = e.from_svg('<circle class="node-highlight-ring" fill="none" stroke="var(--color-blue)" stroke-width="1.5" opacity="0.5"></circle>'), qr = e.from_svg('<circle class="node-pinned-ring" fill="none" stroke="var(--color-amber)" stroke-width="1.5" opacity="0.55"></circle>'), Ur = e.from_svg('<circle stroke-width="2" tabindex="0" role="button"></circle>'), Qr = e.from_svg('<rect stroke-width="2" tabindex="0" role="button"></rect>'), $r = e.from_svg('<polygon stroke-width="2" tabindex="0" role="button"></polygon>'), ei = e.from_svg('<polygon stroke-width="2" tabindex="0" role="button"></polygon>'), ti = e.from_svg('<rect stroke-width="2" tabindex="0" role="button"></rect>'), ri = e.from_svg('<text y="4" class="node-glyph svelte-7bxg53" text-anchor="middle" font-family="var(--font-ui)" fill="var(--color-text)" pointer-events="none"> </text>'), ii = e.from_svg('<text class="node-trace-label svelte-7bxg53" text-anchor="middle" font-family="var(--font-ui)" font-size="9" fill="var(--color-dim)" pointer-events="none"> </text>'), ni = e.from_svg('<g><!><!><!><!><!><text text-anchor="middle" font-family="var(--font-ui)" font-size="11" fill="var(--color-text)" pointer-events="none"> </text><!></g>'), ai = e.from_html('<div class="detail-backdrop svelte-7bxg53" aria-hidden="true"></div> <!>', 1), oi = e.from_html('<span class="edge-detail-badge svelte-7bxg53">rejected</span>'), si = e.from_html('<span class="edge-chip svelte-7bxg53"> </span>'), li = e.from_html('<span class="edge-chip is-reason svelte-7bxg53"> </span>'), ci = e.from_html('<p class="edge-detail-line svelte-7bxg53"> </p>'), di = e.from_html('<button type="button" class="edge-detail-close svelte-7bxg53">Close</button>'), gi = e.from_html('<div class="edge-detail svelte-7bxg53"><p class="edge-detail-title svelte-7bxg53"> <!></p> <div class="edge-chip-row svelte-7bxg53"><span class="edge-chip svelte-7bxg53"> </span> <!> <!></div> <!> <!></div>'), ui = e.from_html('<div class="graph-canvas-container svelte-7bxg53" role="application" aria-label="Argument graph visualization"><!> <!> <svg class="graph-svg svelte-7bxg53" role="img" aria-label="Interactive graph showing sources and claims"><title>Argument Graph</title><desc> </desc><defs><marker id="arrowblue" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="var(--color-blue)"></path></marker><marker id="arrowteal" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="var(--color-teal)"></path></marker><marker id="arrowcoral" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="var(--color-coral)"></path></marker><marker id="arrowamber" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="var(--color-amber)"></path></marker><marker id="arrowpurple" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="var(--color-purple)"></path></marker></defs><rect fill="var(--color-bg)"></rect><g class="viewport-group"><!><g class="edges-group" aria-label="Graph edges"></g><!><g class="nodes-group" aria-label="Graph nodes"></g></g></svg> <!> <!></div> <div class="sr-only svelte-7bxg53" role="status" aria-live="polite" aria-atomic="true"><!></div>', 1);
+function mi(te, o) {
+  e.push(o, !0);
+  let Y = e.prop(o, "nodes", 19, () => []), z = e.prop(o, "edges", 19, () => []), ae = e.prop(o, "ghostNodes", 19, () => []), oe = e.prop(o, "ghostEdges", 19, () => []), re = e.prop(o, "showGhostLayer", 3, !0), Ve = e.prop(o, "showInlineDetail", 3, !0), je = e.prop(o, "showStatusChip", 3, !0), A = e.prop(o, "showViewportControls", 3, !0), Q = e.prop(o, "viewportCommand", 3, null), B = e.prop(o, "nodeSemanticStyles", 19, () => ({})), me = e.prop(o, "edgeSemanticStyles", 19, () => ({})), se = e.prop(o, "width", 3, 800), Re = e.prop(o, "height", 3, 600), Be = e.prop(o, "isFullscreen", 3, !1), pe = e.prop(o, "pinnedNodeIds", 19, () => []), J = e.prop(o, "pathNodeIds", 19, () => []), $ = e.prop(o, "pathEdges", 19, () => []), be = e.prop(o, "focusNodeIds", 19, () => []), le = e.prop(o, "focusEdgeIds", 19, () => []), Xe = e.prop(o, "dimOutOfScope", 3, !1), ce = e.prop(o, "selectedNodeId", 3, void 0);
+  const We = 0.45, xe = 2.6;
+  let E = e.state(null), ie = e.state(null), Oe = e.state(null), de = e.state(null), G = e.state(null), a = e.state(null), l = e.state(e.proxy(/* @__PURE__ */ new Map())), f = e.state(1), w = e.state(0), P = e.state(0), R = e.state(!1), X = e.state(!1), C = e.state(null), ge = 0, L = 0, I = 0, O = 0, ue = e.state(null), ne = e.state(0), ye = e.state(0);
+  const W = e.derived(() => Math.max(e.get(ne) > 0 ? e.get(ne) : se(), 320)), H = e.derived(() => Math.max(e.get(ye) > 0 ? e.get(ye) : Re(), 240));
+  e.user_effect(() => {
+    var r;
+    if (Y().length === 0) {
+      e.set(l, /* @__PURE__ */ new Map(), !0);
+      return;
+    }
+    const t = Lt(Y(), z(), e.get(W), e.get(H));
+    if (re() && ae().length > 0) {
+      const n = /* @__PURE__ */ new Map(), s = [];
+      for (const v of ae())
+        v.anchorNodeId && t.has(v.anchorNodeId) ? (n.has(v.anchorNodeId) || n.set(v.anchorNodeId, []), (r = n.get(v.anchorNodeId)) == null || r.push(v)) : s.push(v);
+      for (const [v, x] of n.entries()) {
+        const y = t.get(v);
+        y && x.forEach((m, p) => {
+          const c = p % 8 / 8 * Math.PI * 2 - Math.PI / 2, k = 40 + Math.floor(p / 8) * 16;
+          t.set(m.id, {
+            x: y.x + Math.cos(c) * k,
+            y: y.y + Math.sin(c) * k
+          });
+        });
+      }
+      if (s.length > 0) {
+        const v = e.get(W) / 2, x = e.get(H) / 2, y = Math.min(e.get(W), e.get(H)) * 0.42;
+        s.forEach((m, p) => {
+          const c = p / Math.max(s.length, 1) * Math.PI * 2 - Math.PI / 2;
+          t.set(m.id, {
+            x: v + Math.cos(c) * y,
+            y: x + Math.sin(c) * y
+          });
+        });
+      }
+    }
+    e.set(l, t, !0);
+  });
+  const h = e.derived(() => ce() !== void 0 ? ce() : e.get(Oe)), ze = e.derived(() => e.get(h) ? Y().find((t) => t.id === e.get(h)) : null), ke = e.derived(() => e.get(h) && e.get(l).has(e.get(h)) ? e.get(l).get(e.get(h)) : null), T = e.derived(() => e.get(a) ?? e.get(G)), we = e.derived(() => {
+    if (!e.get(ke)) return null;
+    const t = 300, r = 280, n = 18, s = e.get(ke).x * e.get(f) + e.get(w), v = e.get(ke).y * e.get(f) + e.get(P);
+    return {
+      x: Math.min(Math.max(s, t / 2 + n), e.get(W) - t / 2 - n),
+      y: Math.min(Math.max(v, r + n), e.get(H) - n)
+    };
+  }), fe = e.derived(() => {
+    if (!e.get(T)) return null;
+    const t = e.get(l).get(e.get(T).edge.from), r = e.get(l).get(e.get(T).edge.to);
+    if (!t || !r) return null;
+    const n = (t.x + r.x) / 2 * e.get(f) + e.get(w), s = (t.y + r.y) / 2 * e.get(f) + e.get(P);
+    return {
+      x: Math.min(Math.max(n, 160), e.get(W) - 160),
+      y: Math.min(Math.max(s, 64), e.get(H) - 64)
+    };
+  }), rt = e.derived(() => e.get(T) ? Kt(e.get(T).edge) : null), it = e.derived(() => e.get(T) ? Ut(e.get(T).edge) : null), nt = e.derived(() => e.get(T) ? qt(e.get(T).edge) : null), at = e.derived(() => e.get(E) ? z().filter((t) => t.from === e.get(E) || t.to === e.get(E)) : []), Yt = e.derived(() => e.get(h) ? z().filter((t) => t.from === e.get(h) || t.to === e.get(h)) : []);
+  e.user_effect(() => {
+    e.get(l).size !== 0 && (e.get(X) || qe());
+  }), e.user_effect(() => {
+    var t, r;
+    re() || ((t = e.get(a)) != null && t.isGhost && e.set(a, null), (r = e.get(G)) != null && r.isGhost && e.set(G, null), e.set(ie, null));
+  });
+  function ot(t, r, n) {
+    return Math.min(Math.max(t, r), n);
+  }
+  function st(t) {
+    var r;
+    return ((r = B()[t.id]) == null ? void 0 : r.radius) ?? (t.type === "source" ? 20 : 12);
+  }
+  function ve(t) {
+    const r = B()[t.id];
+    if (r) return r.fill;
+    if (t.type === "source")
+      return "var(--color-sage)";
+    switch (t.phase) {
+      case "retrieval":
+        return "var(--color-amber)";
+      case "analysis":
+        return "var(--color-sage)";
+      case "critique":
+        return "var(--color-copper)";
+      case "synthesis":
+        return "var(--color-blue)";
+      default:
+        return "var(--color-muted)";
+    }
+  }
+  function he(t) {
+    const r = B()[t.id];
+    return e.get(h) === t.id || e.get(E) === t.id || J().includes(t.id) ? "var(--color-blue)" : (r == null ? void 0 : r.state) === "verified" ? "var(--color-teal)" : (r == null ? void 0 : r.state) === "unresolved" ? "var(--color-amber)" : (r == null ? void 0 : r.state) === "contradicted" ? "var(--color-coral)" : (r == null ? void 0 : r.state) === "synthesis" ? "var(--color-purple)" : (r == null ? void 0 : r.stroke) ?? ve(t);
+  }
+  function Gt(t) {
+    var r;
+    return ((r = B()[t.id]) == null ? void 0 : r.shape) ?? "circle";
+  }
+  function Ht(t) {
+    var r;
+    return ((r = B()[t.id]) == null ? void 0 : r.glyph) ?? null;
+  }
+  function Dt(t) {
+    return Xe() && be().length > 0 ? !be().includes(t) : J().length > 0 ? !J().includes(t) : e.get(h) ? !lt(t) : !1;
+  }
+  function Me(t) {
+    return Dt(t) ? 0.24 : e.get(h) === t ? 1 : e.get(E) === t ? 0.98 : J().includes(t) ? 1 : 0.88;
+  }
+  function Rt(t) {
+    return J().includes(t.id) || e.get(h) === t.id ? "var(--color-blue)" : he(t);
+  }
+  function Fe(t) {
+    return me()[St(t)] ?? null;
+  }
+  function Xt(t) {
+    if (e.get(h) && (t.from === e.get(h) || t.to === e.get(h)))
+      return "url(#arrowblue)";
+  }
+  function Wt(t) {
+    const r = Fe(t);
+    return Ee(t) || Ne(t) || $().some((n) => n.from === t.from && n.to === t.to || n.from === t.to && n.to === t.from) ? "var(--color-blue)" : (r == null ? void 0 : r.stroke) ?? "var(--color-dim)";
+  }
+  function Ot(t) {
+    const r = Fe(t);
+    return Ee(t) ? 2.4 : Ne(t) ? 2 : $().some((n) => n.from === t.from && n.to === t.to || n.from === t.to && n.to === t.from) ? 2.2 : (r == null ? void 0 : r.strokeWidth) ?? 1;
+  }
+  function zt(t) {
+    var r;
+    return (r = Fe(t)) == null ? void 0 : r.dasharray;
+  }
+  function Ft(t) {
+    const r = Fe(t);
+    if (Ee(t) || Ne(t) || $().some((n) => n.from === t.from && n.to === t.to || n.from === t.to && n.to === t.from))
+      return "url(#arrow-blue)";
+    if (!(!(r != null && r.marker) || r.marker === "none"))
+      return `url(#${r.marker.replace("-", "")})`;
+  }
+  function Zt(t) {
+    return Xe() && le().length > 0 ? !le().includes(St(t)) : $().length > 0 ? !$().some((r) => r.from === t.from && r.to === t.to || r.from === t.to && r.to === t.from) : e.get(h) ? !(t.from === e.get(h) || t.to === e.get(h)) : !1;
+  }
+  function At(t) {
+    return Zt(t) ? 0.12 : Ee(t) ? 0.96 : Ne(t) ? 0.86 : 0.58;
+  }
+  function Vt(t) {
+    return `0,-${t} ${t},0 0,${t} -${t},0`;
+  }
+  function jt(t) {
+    const r = t * 0.9;
+    return `${-r},0 ${-t * 0.45},-${t} ${t * 0.45},-${t} ${r},0 ${t * 0.45},${t} ${-t * 0.45},${t}`;
+  }
+  function lt(t) {
+    return e.get(E) === t || e.get(h) === t || pe().includes(t) || J().includes(t) ? !0 : !!e.get(at).find((n) => n.from === t || n.to === t);
+  }
+  function Ne(t) {
+    var r;
+    return $().some((n) => n.from === t.from && n.to === t.to || n.from === t.to && n.to === t.from) || ((r = e.get(G)) == null ? void 0 : r.isGhost) === !1 && e.get(G).edge.from === t.from && e.get(G).edge.to === t.to && e.get(G).edge.type === t.type ? !0 : e.get(at).some((n) => n.from === t.from && n.to === t.to);
+  }
+  function Bt(t) {
+    var r, n;
+    return re() ? e.get(h) && (t.from === e.get(h) || t.to === e.get(h)) || e.get(E) && (t.from === e.get(E) || t.to === e.get(E)) || ((r = e.get(a)) == null ? void 0 : r.isGhost) === !0 && "id" in e.get(a).edge && e.get(a).edge.id === t.id ? !0 : ((n = e.get(G)) == null ? void 0 : n.isGhost) === !0 && "id" in e.get(G).edge && e.get(G).edge.id === t.id : !1;
+  }
+  function Ee(t) {
+    var r;
+    return ((r = e.get(a)) == null ? void 0 : r.isGhost) === !1 && e.get(a).edge.from === t.from && e.get(a).edge.to === t.to && e.get(a).edge.type === t.type ? !0 : e.get(Yt).some((n) => n.from === t.from && n.to === t.to);
+  }
+  function ct(t, r) {
+    e.set(G, { edge: t, isGhost: r }, !0);
+  }
+  function dt() {
+    e.set(G, null);
+  }
+  function Je(t, r) {
+    if (e.get(a) && e.get(a).isGhost === r && e.get(a).edge.from === t.from && e.get(a).edge.to === t.to && e.get(a).edge.type === t.type && ("id" in e.get(a).edge ? e.get(a).edge.id : "") === ("id" in t ? t.id : "")) {
+      e.set(a, null);
+      return;
+    }
+    e.set(a, { edge: t, isGhost: r }, !0);
+  }
+  function Ce(t) {
+    var r, n;
+    ce() === void 0 && e.set(Oe, t, !0), (r = o.onSelectedNodeChange) == null || r.call(o, t), t && ((n = o.onNodeSelect) == null || n.call(o, t));
+  }
+  function gt(t, r, n) {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Je(r, n)), t.key === "Escape" && ut();
+  }
+  function ut() {
+    e.set(a, null);
+  }
+  function Jt(t) {
+    return t.pass_origin ?? ("phaseOrigin" in t ? t.phaseOrigin ?? "retrieval" : "retrieval");
+  }
+  function Kt(t) {
+    return typeof t.relation_confidence == "number" ? t.relation_confidence : "evidence_strength" in t && typeof t.evidence_strength == "number" ? t.evidence_strength : "weight" in t && typeof t.weight == "number" ? t.weight : null;
+  }
+  function qt(t) {
+    return "rationale_source" in t && t.rationale_source ? t.rationale_source : "evidence_sources" in t && t.evidence_sources && t.evidence_sources.length > 0 ? t.evidence_sources[0] : "relation_rationale" in t && t.relation_rationale ? t.relation_rationale : null;
+  }
+  function Ut(t) {
+    return "reasonCode" in t ? t.reasonCode : null;
+  }
+  function _e(t) {
+    e.get(h) !== t && (e.set(a, null), Ce(t));
+  }
+  function Ie(t) {
+    e.set(E, t, !0);
+  }
+  function Pe() {
+    e.set(E, null);
+  }
+  function Le(t, r) {
+    t.key === "Enter" || t.key === " " ? (t.preventDefault(), _e(r)) : t.key === "Escape" && (Ce(null), e.set(E, null), e.set(a, null));
+  }
+  function Te(t) {
+    e.set(de, t, !0), e.set(E, t, !0);
+  }
+  function Se() {
+    e.set(de, null), e.get(h) === null && e.set(E, null);
+  }
+  function ft() {
+    Ce(null);
+  }
+  function Qt() {
+    var t;
+    e.get(h) && ((t = o.onJumpToReferences) == null || t.call(o, e.get(h)));
+  }
+  function Ke(t, r, n) {
+    if (!e.get(C)) return;
+    const s = ot(t, We, xe);
+    if (Math.abs(s - e.get(f)) < 1e-4) return;
+    const v = e.get(C).getBoundingClientRect(), x = r - v.left, y = n - v.top, m = (x - e.get(w)) / e.get(f), p = (y - e.get(P)) / e.get(f);
+    e.set(f, s, !0), e.set(w, x - m * e.get(f)), e.set(P, y - p * e.get(f)), e.set(X, !0);
+  }
+  function $t() {
+    if (!e.get(C)) return;
+    const t = e.get(C).getBoundingClientRect();
+    Ke(e.get(f) * 1.16, t.left + t.width / 2, t.top + t.height / 2);
+  }
+  function er() {
+    if (!e.get(C)) return;
+    const t = e.get(C).getBoundingClientRect();
+    Ke(e.get(f) / 1.16, t.left + t.width / 2, t.top + t.height / 2);
+  }
+  function qe() {
+    if (e.get(l).size === 0) return;
+    const t = Y().filter((k) => e.get(l).has(k.id));
+    if (t.length === 0) return;
+    let r = Number.POSITIVE_INFINITY, n = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, v = Number.NEGATIVE_INFINITY;
+    for (const k of t) {
+      const d = e.get(l).get(k.id), g = st(k) + 16;
+      r = Math.min(r, d.x - g), n = Math.min(n, d.y - g), s = Math.max(s, d.x + g), v = Math.max(v, d.y + g);
+    }
+    const x = Math.max(s - r, 1), y = Math.max(v - n, 1), m = 36, p = Math.max(e.get(W) - m * 2, 1), c = Math.max(e.get(H) - m * 2, 1), N = ot(Math.min(p / x, c / y), We, xe);
+    e.set(f, N, !0), e.set(w, (e.get(W) - x * e.get(f)) / 2 - r * e.get(f)), e.set(P, (e.get(H) - y * e.get(f)) / 2 - n * e.get(f));
+  }
+  function vt() {
+    e.set(X, !1), qe();
+  }
+  function ht() {
+    e.set(l, Lt(Y(), z(), e.get(W), e.get(H)), !0), Ce(null), e.set(E, null), e.set(de, null), e.set(X, !1), qe();
+  }
+  function tr(t) {
+    t.preventDefault();
+    const r = Math.exp(-t.deltaY * 12e-4);
+    Ke(e.get(f) * r, t.clientX, t.clientY);
+  }
+  function rr(t) {
+    var n;
+    const r = t.target;
+    r.closest(".graph-node") || r.closest(".graph-edge") || r.closest(".ghost-edge") || r.closest(".ghost-node") || r.closest(".node-detail") || r.closest(".edge-detail") || r.closest(".graph-controls") || t.button === 0 && (e.set(a, null), e.set(R, !0), ge = t.clientX, L = t.clientY, I = e.get(w), O = e.get(P), (n = e.get(C)) == null || n.setPointerCapture(t.pointerId));
+  }
+  function ir(t) {
+    e.get(R) && (e.set(w, I + (t.clientX - ge)), e.set(P, O + (t.clientY - L)), e.set(X, !0));
+  }
+  function _t(t) {
+    var r;
+    e.get(R) && (e.set(R, !1), (r = e.get(C)) == null || r.releasePointerCapture(t.pointerId));
+  }
+  function Ye(t) {
+    const r = z().filter((n) => n.from === t.id || n.to === t.id).length;
+    return `${t.type} node: ${t.label}. ${r} connections. ${t.phase ? t.phase + " phase." : ""}`;
+  }
+  function mt(t) {
+    return t.length > 36 ? `${t.slice(0, 36)}...` : t;
+  }
+  function pt(t) {
+    return e.get(h) === t || e.get(E) === t || e.get(de) === t || pe().includes(t) || J().includes(t);
+  }
+  e.user_effect(() => {
+    if (typeof window > "u") return;
+    const t = (r) => {
+      r.key === "Escape" && (Ce(null), e.set(E, null), e.set(a, null));
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }), e.user_effect(() => {
+    if (Q() && Q().nonce !== e.get(ue)) {
+      if (e.set(ue, Q().nonce, !0), Q().type === "fit") {
+        vt();
+        return;
+      }
+      Q().type === "reset-layout" && ht();
+    }
+  });
+  var bt = ui(), Ge = e.first_child(bt), xt = e.child(Ge);
+  {
+    var nr = (t) => {
+      var r = Wr(), n = e.child(r);
+      e.reset(r), e.template_effect((s) => e.set_text(n, `Zoom ${s ?? ""}%`), [() => Math.round(e.get(f) * 100)]), e.append(t, r);
+    };
+    e.if(xt, (t) => {
+      je() && t(nr);
+    });
+  }
+  var yt = e.sibling(xt, 2);
+  {
+    var ar = (t) => {
+      var r = zr(), n = e.child(r), s = e.sibling(n, 2), v = e.sibling(s, 2), x = e.sibling(v, 2), y = e.sibling(x, 2);
+      {
+        var m = (p) => {
+          var c = Or(), N = e.child(c, !0);
+          e.reset(c), e.template_effect(() => e.set_text(N, Be() ? "Exit Fullscreen" : "Fullscreen")), e.delegated("click", c, function(...k) {
+            var d;
+            (d = o.onToggleFullscreen) == null || d.apply(this, k);
+          }), e.append(p, c);
+        };
+        e.if(y, (p) => {
+          o.onToggleFullscreen && p(m);
+        });
+      }
+      e.reset(r), e.delegated("click", n, $t), e.delegated("click", s, er), e.delegated("click", v, vt), e.delegated("click", x, ht), e.append(t, r);
+    };
+    e.if(yt, (t) => {
+      A() && t(ar);
+    });
+  }
+  var F = e.sibling(yt, 2), Ue = e.sibling(e.child(F)), or = e.child(Ue);
+  e.reset(Ue);
+  var Qe = e.sibling(Ue, 2), $e = e.sibling(Qe);
+  let kt;
+  var wt = e.child($e);
+  {
+    var sr = (t) => {
+      var r = Zr();
+      e.each(r, 21, oe, e.index, (n, s, v) => {
+        var x = e.comment(), y = e.first_child(x);
+        {
+          var m = (c) => {
+            const N = e.derived(() => e.get(l).get(e.get(s).from)), k = e.derived(() => e.get(l).get(e.get(s).to)), d = e.derived(() => Bt(e.get(s)));
+            var g = Fr();
+            let D;
+            e.set_style(g, "", {}, { "animation-delay": `${v * 18}ms` }), e.template_effect(
+              (S) => {
+                e.set_attribute(g, "x1", e.get(N).x), e.set_attribute(g, "y1", e.get(N).y), e.set_attribute(g, "x2", e.get(k).x), e.set_attribute(g, "y2", e.get(k).y), D = e.set_class(g, 0, "ghost-edge svelte-7bxg53", null, D, { highlighted: e.get(d) }), e.set_attribute(g, "stroke-width", e.get(d) ? 1.8 : 1.1), e.set_attribute(g, "opacity", e.get(d) ? 0.52 : 0.22), e.set_attribute(g, "marker-end", S), e.set_attribute(g, "aria-label", `${e.get(s).type ?? ""} rejected relation (${e.get(s).reasonCode ?? ""})`);
+              },
+              [() => Xt(e.get(s))]
+            ), e.event("mouseenter", g, () => ct(e.get(s), !0)), e.event("mouseleave", g, dt), e.delegated("click", g, () => Je(e.get(s), !0)), e.delegated("keydown", g, (S) => gt(S, e.get(s), !0)), e.append(c, g);
+          }, p = e.derived(() => e.get(l).has(e.get(s).from) && e.get(l).has(e.get(s).to));
+          e.if(y, (c) => {
+            e.get(p) && c(m);
+          });
+        }
+        e.append(n, x);
+      }), e.reset(r), e.append(t, r);
+    };
+    e.if(wt, (t) => {
+      re() && oe().length > 0 && t(sr);
+    });
+  }
+  var et = e.sibling(wt);
+  e.each(et, 21, z, e.index, (t, r, n) => {
+    var s = e.comment(), v = e.first_child(s);
+    {
+      var x = (m) => {
+        const p = e.derived(() => e.get(l).get(e.get(r).from)), c = e.derived(() => e.get(l).get(e.get(r).to)), N = e.derived(() => Ne(e.get(r))), k = e.derived(() => Ee(e.get(r)));
+        var d = Ar();
+        let g;
+        e.set_style(d, "", {}, { "animation-delay": `${n * 20}ms` }), e.template_effect(
+          (D, S, V, K, _) => {
+            e.set_attribute(d, "x1", e.get(p).x), e.set_attribute(d, "y1", e.get(p).y), e.set_attribute(d, "x2", e.get(c).x), e.set_attribute(d, "y2", e.get(c).y), g = e.set_class(d, 0, "graph-edge svelte-7bxg53", null, g, {
+              highlighted: e.get(N),
+              selected: e.get(k)
+            }), e.set_attribute(d, "stroke", D), e.set_attribute(d, "stroke-width", S), e.set_attribute(d, "stroke-dasharray", V), e.set_attribute(d, "marker-end", K), e.set_attribute(d, "opacity", _), e.set_attribute(d, "aria-label", `${e.get(r).type ?? ""} relation`);
+          },
+          [
+            () => Wt(e.get(r)),
+            () => Ot(e.get(r)),
+            () => zt(e.get(r)),
+            () => Ft(e.get(r)),
+            () => At(e.get(r))
+          ]
+        ), e.event("mouseenter", d, () => ct(e.get(r), !1)), e.event("mouseleave", d, dt), e.delegated("click", d, () => Je(e.get(r), !1)), e.delegated("keydown", d, (D) => gt(D, e.get(r), !1)), e.append(m, d);
+      }, y = e.derived(() => e.get(l).has(e.get(r).from) && e.get(l).has(e.get(r).to));
+      e.if(v, (m) => {
+        e.get(y) && m(x);
+      });
+    }
+    e.append(t, s);
+  }), e.reset(et);
+  var Mt = e.sibling(et);
+  {
+    var lr = (t) => {
+      var r = Br();
+      e.each(r, 21, ae, e.index, (n, s, v) => {
+        var x = e.comment(), y = e.first_child(x);
+        {
+          var m = (c) => {
+            const N = e.derived(() => e.get(l).get(e.get(s).id)), k = e.derived(() => e.get(ie) === e.get(s).id);
+            var d = jr();
+            e.set_style(d, "", {}, { "animation-delay": `${v * 25}ms` });
+            var g = e.child(d), D = e.sibling(g);
+            {
+              var S = (V) => {
+                var K = Vr(), _ = e.first_child(K), M = e.child(_, !0);
+                e.reset(_);
+                var j = e.sibling(_), ee = e.child(j, !0);
+                e.reset(j), e.template_effect(
+                  (tt, Ze) => {
+                    e.set_text(M, tt), e.set_text(ee, Ze);
+                  },
+                  [
+                    () => mt(e.get(s).label),
+                    () => Ae(e.get(s).reasonCode)
+                  ]
+                ), e.append(V, K);
+              };
+              e.if(D, (V) => {
+                e.get(k) && V(S);
+              });
+            }
+            e.reset(d), e.template_effect(() => {
+              e.set_attribute(d, "transform", `translate(${e.get(N).x ?? ""}, ${e.get(N).y ?? ""})`), e.set_attribute(g, "stroke-width", e.get(k) ? 1.6 : 1.2), e.set_attribute(g, "opacity", e.get(k) ? 0.66 : 0.4);
+            }), e.event("mouseenter", d, () => e.set(ie, e.get(s).id, !0)), e.event("mouseleave", d, () => e.set(ie, null)), e.append(c, d);
+          }, p = e.derived(() => e.get(l).has(e.get(s).id));
+          e.if(y, (c) => {
+            e.get(p) && c(m);
+          });
+        }
+        e.append(n, x);
+      }), e.reset(r), e.append(t, r);
+    };
+    e.if(Mt, (t) => {
+      re() && ae().length > 0 && t(lr);
+    });
+  }
+  var Nt = e.sibling(Mt);
+  e.each(Nt, 21, Y, e.index, (t, r, n) => {
+    var s = e.comment(), v = e.first_child(s);
+    {
+      var x = (m) => {
+        const p = e.derived(() => e.get(l).get(e.get(r).id)), c = e.derived(() => st(e.get(r))), N = e.derived(() => Gt(e.get(r))), k = e.derived(() => Ht(e.get(r))), d = e.derived(() => lt(e.get(r).id)), g = e.derived(() => e.get(h) === e.get(r).id), D = e.derived(() => pe().includes(e.get(r).id));
+        var S = ni();
+        let V;
+        e.set_style(S, "", {}, { "animation-delay": `${n * 30}ms` });
+        var K = e.child(S);
+        {
+          var _ = (u) => {
+            var i = Jr();
+            e.template_effect(
+              (b) => {
+                e.set_attribute(i, "r", e.get(c) + 6), e.set_attribute(i, "stroke", b);
+              },
+              [() => Rt(e.get(r))]
+            ), e.append(u, i);
+          };
+          e.if(K, (u) => {
+            e.get(g) && u(_);
+          });
+        }
+        var M = e.sibling(K);
+        {
+          var j = (u) => {
+            var i = Kr();
+            e.template_effect(() => e.set_attribute(i, "r", e.get(c) + 4)), e.append(u, i);
+          };
+          e.if(M, (u) => {
+            e.get(d) && !e.get(g) && u(j);
+          });
+        }
+        var ee = e.sibling(M);
+        {
+          var tt = (u) => {
+            var i = qr();
+            e.template_effect(() => e.set_attribute(i, "r", e.get(c) + 9)), e.append(u, i);
+          };
+          e.if(ee, (u) => {
+            e.get(D) && u(tt);
+          });
+        }
+        var Ze = e.sibling(ee);
+        {
+          var vr = (u) => {
+            var i = Ur();
+            e.set_style(i, "", {}, { cursor: "pointer" }), e.template_effect(
+              (b, Z, q, U) => {
+                e.set_attribute(i, "r", e.get(c)), e.set_attribute(i, "fill", b), e.set_attribute(i, "stroke", Z), e.set_attribute(i, "opacity", q), e.set_attribute(i, "aria-label", U), e.set_attribute(i, "aria-pressed", e.get(g));
+              },
+              [
+                () => ve(e.get(r)),
+                () => he(e.get(r)),
+                () => Me(e.get(r).id),
+                () => Ye(e.get(r))
+              ]
+            ), e.delegated("click", i, () => _e(e.get(r).id)), e.event("mouseenter", i, () => Ie(e.get(r).id)), e.event("mouseleave", i, Pe), e.delegated("keydown", i, (b) => Le(b, e.get(r).id)), e.event("focus", i, () => Te(e.get(r).id)), e.event("blur", i, Se), e.append(u, i);
+          }, hr = (u) => {
+            var i = Qr();
+            e.set_style(i, "", {}, { cursor: "pointer" }), e.template_effect(
+              (b, Z, q, U) => {
+                e.set_attribute(i, "x", -e.get(c)), e.set_attribute(i, "y", -e.get(c)), e.set_attribute(i, "width", e.get(c) * 2), e.set_attribute(i, "height", e.get(c) * 2), e.set_attribute(i, "fill", b), e.set_attribute(i, "stroke", Z), e.set_attribute(i, "opacity", q), e.set_attribute(i, "aria-label", U), e.set_attribute(i, "aria-pressed", e.get(g));
+              },
+              [
+                () => ve(e.get(r)),
+                () => he(e.get(r)),
+                () => Me(e.get(r).id),
+                () => Ye(e.get(r))
+              ]
+            ), e.delegated("click", i, () => _e(e.get(r).id)), e.event("mouseenter", i, () => Ie(e.get(r).id)), e.event("mouseleave", i, Pe), e.delegated("keydown", i, (b) => Le(b, e.get(r).id)), e.event("focus", i, () => Te(e.get(r).id)), e.event("blur", i, Se), e.append(u, i);
+          }, _r = (u) => {
+            var i = $r();
+            e.set_style(i, "", {}, { cursor: "pointer" }), e.template_effect(
+              (b, Z, q, U, De) => {
+                e.set_attribute(i, "points", b), e.set_attribute(i, "fill", Z), e.set_attribute(i, "stroke", q), e.set_attribute(i, "opacity", U), e.set_attribute(i, "aria-label", De), e.set_attribute(i, "aria-pressed", e.get(g));
+              },
+              [
+                () => Vt(e.get(c)),
+                () => ve(e.get(r)),
+                () => he(e.get(r)),
+                () => Me(e.get(r).id),
+                () => Ye(e.get(r))
+              ]
+            ), e.delegated("click", i, () => _e(e.get(r).id)), e.event("mouseenter", i, () => Ie(e.get(r).id)), e.event("mouseleave", i, Pe), e.delegated("keydown", i, (b) => Le(b, e.get(r).id)), e.event("focus", i, () => Te(e.get(r).id)), e.event("blur", i, Se), e.append(u, i);
+          }, mr = (u) => {
+            var i = ei();
+            e.set_style(i, "", {}, { cursor: "pointer" }), e.template_effect(
+              (b, Z, q, U, De) => {
+                e.set_attribute(i, "points", b), e.set_attribute(i, "fill", Z), e.set_attribute(i, "stroke", q), e.set_attribute(i, "opacity", U), e.set_attribute(i, "aria-label", De), e.set_attribute(i, "aria-pressed", e.get(g));
+              },
+              [
+                () => jt(e.get(c)),
+                () => ve(e.get(r)),
+                () => he(e.get(r)),
+                () => Me(e.get(r).id),
+                () => Ye(e.get(r))
+              ]
+            ), e.delegated("click", i, () => _e(e.get(r).id)), e.event("mouseenter", i, () => Ie(e.get(r).id)), e.event("mouseleave", i, Pe), e.delegated("keydown", i, (b) => Le(b, e.get(r).id)), e.event("focus", i, () => Te(e.get(r).id)), e.event("blur", i, Se), e.append(u, i);
+          }, pr = (u) => {
+            var i = ti();
+            e.set_style(i, "", {}, { cursor: "pointer" }), e.template_effect(
+              (b, Z, q, U, De, Mr) => {
+                e.set_attribute(i, "x", -(e.get(c) * 1.3)), e.set_attribute(i, "y", -(e.get(c) * 0.82)), e.set_attribute(i, "width", e.get(c) * 2.6), e.set_attribute(i, "height", e.get(c) * 1.64), e.set_attribute(i, "rx", b), e.set_attribute(i, "ry", Z), e.set_attribute(i, "fill", q), e.set_attribute(i, "stroke", U), e.set_attribute(i, "opacity", De), e.set_attribute(i, "aria-label", Mr), e.set_attribute(i, "aria-pressed", e.get(g));
+              },
+              [
+                () => Math.max(6, e.get(c) * 0.42),
+                () => Math.max(6, e.get(c) * 0.42),
+                () => ve(e.get(r)),
+                () => he(e.get(r)),
+                () => Me(e.get(r).id),
+                () => Ye(e.get(r))
+              ]
+            ), e.delegated("click", i, () => _e(e.get(r).id)), e.event("mouseenter", i, () => Ie(e.get(r).id)), e.event("mouseleave", i, Pe), e.delegated("keydown", i, (b) => Le(b, e.get(r).id)), e.event("focus", i, () => Te(e.get(r).id)), e.event("blur", i, Se), e.append(u, i);
+          };
+          e.if(Ze, (u) => {
+            e.get(N) === "circle" ? u(vr) : e.get(N) === "square" ? u(hr, 1) : e.get(N) === "diamond" ? u(_r, 2) : e.get(N) === "hexagon" ? u(mr, 3) : u(pr, -1);
+          });
+        }
+        var It = e.sibling(Ze);
+        {
+          var br = (u) => {
+            var i = ri(), b = e.child(i, !0);
+            e.reset(i), e.template_effect(() => {
+              e.set_attribute(i, "font-size", e.get(k).length > 1 ? 8 : 10), e.set_text(b, e.get(k));
+            }), e.append(u, i);
+          };
+          e.if(It, (u) => {
+            e.get(k) && u(br);
+          });
+        }
+        var He = e.sibling(It);
+        let Pt;
+        var xr = e.child(He, !0);
+        e.reset(He);
+        var yr = e.sibling(He);
+        {
+          var kr = (u) => {
+            var i = ii(), b = e.child(i, !0);
+            e.reset(i), e.template_effect(
+              (Z) => {
+                e.set_attribute(i, "y", e.get(c) + 31), e.set_text(b, Z);
+              },
+              [() => Tt(e.get(r))]
+            ), e.append(u, i);
+          }, wr = e.derived(() => pt(e.get(r).id) && Tt(e.get(r)));
+          e.if(yr, (u) => {
+            e.get(wr) && u(kr);
+          });
+        }
+        e.reset(S), e.template_effect(
+          (u, i) => {
+            V = e.set_class(S, 0, "graph-node", null, V, {
+              highlighted: e.get(d),
+              selected: e.get(g),
+              pinned: e.get(D)
+            }), e.set_attribute(S, "transform", `translate(${e.get(p).x ?? ""}, ${e.get(p).y ?? ""})`), e.set_attribute(He, "y", e.get(c) + 18), Pt = e.set_class(He, 0, "node-label svelte-7bxg53", null, Pt, u), e.set_text(xr, i);
+          },
+          [
+            () => ({ "is-visible": pt(e.get(r).id) }),
+            () => mt(e.get(r).label)
+          ]
+        ), e.append(m, S);
+      }, y = e.derived(() => e.get(l).has(e.get(r).id));
+      e.if(v, (m) => {
+        e.get(y) && m(x);
+      });
+    }
+    e.append(t, s);
+  }), e.reset(Nt), e.reset($e), e.reset(F), e.bind_this(F, (t) => e.set(C, t), () => e.get(C));
+  var Et = e.sibling(F, 2);
+  {
+    var cr = (t) => {
+      var r = ai(), n = e.first_child(r), s = e.sibling(n, 2);
+      Xr(s, {
+        get node() {
+          return e.get(ze);
+        },
+        get edges() {
+          return z();
+        },
+        get nodes() {
+          return Y();
+        },
+        get position() {
+          return e.get(we);
+        },
+        onClose: ft,
+        onJumpToReferences: Qt
+      }), e.delegated("click", n, ft), e.append(t, r);
+    };
+    e.if(Et, (t) => {
+      Ve() && e.get(ze) && e.get(we) && t(cr);
+    });
+  }
+  var dr = e.sibling(Et, 2);
+  {
+    var gr = (t) => {
+      var r = gi();
+      let n;
+      var s = e.child(r), v = e.child(s), x = e.sibling(v);
+      {
+        var y = (_) => {
+          var M = oi();
+          e.append(_, M);
+        };
+        e.if(x, (_) => {
+          e.get(T).isGhost && _(y);
+        });
+      }
+      e.reset(s);
+      var m = e.sibling(s, 2), p = e.child(m), c = e.child(p);
+      e.reset(p);
+      var N = e.sibling(p, 2);
+      {
+        var k = (_) => {
+          var M = si(), j = e.child(M);
+          e.reset(M), e.template_effect((ee) => e.set_text(j, `confidence ${ee ?? ""}%`), [() => (e.get(rt) * 100).toFixed(0)]), e.append(_, M);
+        };
+        e.if(N, (_) => {
+          e.get(rt) !== null && _(k);
+        });
+      }
+      var d = e.sibling(N, 2);
+      {
+        var g = (_) => {
+          var M = li(), j = e.child(M, !0);
+          e.reset(M), e.template_effect((ee) => e.set_text(j, ee), [() => Ae(e.get(it))]), e.append(_, M);
+        };
+        e.if(d, (_) => {
+          e.get(it) && _(g);
+        });
+      }
+      e.reset(m);
+      var D = e.sibling(m, 2);
+      {
+        var S = (_) => {
+          var M = ci(), j = e.child(M);
+          e.reset(M), e.template_effect(() => e.set_text(j, `source: ${e.get(nt) ?? ""}`)), e.append(_, M);
+        };
+        e.if(D, (_) => {
+          e.get(nt) && _(S);
+        });
+      }
+      var V = e.sibling(D, 2);
+      {
+        var K = (_) => {
+          var M = di();
+          e.delegated("click", M, ut), e.append(_, M);
+        };
+        e.if(V, (_) => {
+          e.get(a) && _(K);
+        });
+      }
+      e.reset(r), e.template_effect(
+        (_) => {
+          n = e.set_style(r, "", n, {
+            left: `${e.get(fe).x ?? ""}px`,
+            top: `${e.get(fe).y ?? ""}px`
+          }), e.set_text(v, `${e.get(T).edge.type ?? ""} `), e.set_text(c, `pass ${_ ?? ""}`);
+        },
+        [
+          () => Ae(Jt(e.get(T).edge))
+        ]
+      ), e.append(t, r);
+    };
+    e.if(dr, (t) => {
+      e.get(T) && e.get(fe) && t(gr);
+    });
+  }
+  e.reset(Ge);
+  var Ct = e.sibling(Ge, 2), ur = e.child(Ct);
+  {
+    var fr = (t) => {
+      const r = e.derived(() => Y().find((s) => s.id === e.get(h)));
+      var n = e.text();
+      e.template_effect(() => {
+        var s;
+        return e.set_text(n, `${((s = e.get(r)) == null ? void 0 : s.label) ?? ""} selected`);
+      }), e.append(t, n);
+    };
+    e.if(ur, (t) => {
+      e.get(h) && t(fr);
+    });
+  }
+  e.reset(Ct), e.template_effect(() => {
+    e.set_attribute(F, "width", e.get(W)), e.set_attribute(F, "height", e.get(H)), e.set_text(or, `A visualization of ${Y().length ?? ""} nodes and ${z().length ?? ""} edges representing sources and claims.
+			Use tab to navigate between nodes, enter to select, and escape to deselect.`), e.set_attribute(Qe, "width", e.get(W)), e.set_attribute(Qe, "height", e.get(H)), kt = e.set_style($e, "", kt, {
+      transform: "translate(" + e.get(w) + "px, " + e.get(P) + "px) scale(" + e.get(f) + ")",
+      "transform-origin": "0 0"
+    });
+  }), e.event("wheel", F, tr), e.delegated("pointerdown", F, rr), e.delegated("pointermove", F, ir), e.delegated("pointerup", F, _t), e.event("pointercancel", F, _t), e.bind_element_size(Ge, "clientWidth", (t) => e.set(ne, t)), e.bind_element_size(Ge, "clientHeight", (t) => e.set(ye, t)), e.append(te, bt), e.pop();
+}
+e.delegate([
+  "click",
+  "pointerdown",
+  "pointermove",
+  "pointerup",
+  "keydown"
+]);
+export {
+  mi as GraphCanvas,
+  Xr as NodeDetail,
+  St as graphCanvasEdgeKey
+};

package/dist/lib/GraphCanvas.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/lib/NodeDetail.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/lib/semanticStyles.d.ts

@@ -0,0 +1,23 @@
+export type GraphCanvasNodeShape = 'circle' | 'square' | 'diamond' | 'hexagon' | 'rounded-rect';
+export interface GraphCanvasNodeSemanticStyle {
+    kind: string;
+    shape: GraphCanvasNodeShape;
+    fill: string;
+    stroke: string;
+    glyph?: string;
+    radius?: number;
+    state?: 'default' | 'verified' | 'unresolved' | 'contradicted' | 'synthesis';
+}
+export interface GraphCanvasEdgeSemanticStyle {
+    kind: string;
+    stroke: string;
+    strokeWidth?: number;
+    dasharray?: string;
+    marker?: 'arrow-blue' | 'arrow-teal' | 'arrow-coral' | 'arrow-amber' | 'arrow-purple' | 'none';
+    state?: 'default' | 'verified' | 'unresolved' | 'contradicted' | 'synthesis';
+}
+export declare function graphCanvasEdgeKey(edge: {
+    from: string;
+    to: string;
+    type: string;
+}): string;

package/dist/ui-graph-svelte.css

@@ -0,0 +1 @@
+.node-detail.svelte-vs5hf2{position:absolute;width:280px;max-height:400px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden;display:flex;flex-direction:column;transform:translate(-50%,-100%) translateY(-20px);animation:svelte-vs5hf2-detail-enter .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes svelte-vs5hf2-detail-enter{0%{opacity:0;transform:translate(-50%,-100%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) translateY(-20px) scale(1)}}.detail-header.svelte-vs5hf2{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--color-border);gap:var(--space-2)}.detail-title.svelte-vs5hf2{margin:0;font-size:var(--text-ui);font-family:var(--font-ui);display:flex;align-items:center;gap:var(--space-2);flex:1}.type-badge.svelte-vs5hf2,.phase-badge.svelte-vs5hf2{padding:2px 6px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.phase-badge.svelte-vs5hf2{background:transparent;opacity:.8}.close-button.svelte-vs5hf2{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.close-button.svelte-vs5hf2:hover{color:var(--color-text);background:var(--color-surface)}.close-button.svelte-vs5hf2:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.detail-body.svelte-vs5hf2{padding:var(--space-3);overflow-y:auto;flex:1}.node-label.svelte-vs5hf2{margin:0 0 var(--space-3) 0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.connections.svelte-vs5hf2{margin-top:var(--space-3)}.connections-heading.svelte-vs5hf2{margin:0 0 var(--space-2) 0;font-size:var(--text-ui);font-family:var(--font-ui);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.connection-list.svelte-vs5hf2{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.trace-tag-list.svelte-vs5hf2{display:flex;flex-wrap:wrap;gap:6px}.trace-tag.svelte-vs5hf2{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:2px 8px;font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.trace-meta-list.svelte-vs5hf2{display:flex;flex-direction:column;gap:6px}.trace-meta-row.svelte-vs5hf2{margin:0;font-family:var(--font-ui);font-size:.72rem;color:var(--color-muted);line-height:1.35}.connection-item.svelte-vs5hf2{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;line-height:1.4}.connection-direction.svelte-vs5hf2{color:var(--color-dim);font-family:var(--font-ui);flex-shrink:0}.edge-type.svelte-vs5hf2{color:var(--color-muted);font-size:.75rem;font-family:var(--font-ui);flex-shrink:0}.connected-node.svelte-vs5hf2{display:flex;align-items:center;gap:6px;color:var(--color-text);flex:1;min-width:0}.node-type-indicator.svelte-vs5hf2{width:6px;height:6px;border-radius:50%;flex-shrink:0}.jump-button.svelte-vs5hf2{margin-top:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-sage-bg);border:1px solid var(--color-sage-border);color:var(--color-sage);font-family:var(--font-ui);font-size:var(--text-ui);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-fast)}.jump-button.svelte-vs5hf2:hover{background:var(--color-sage-border)}.jump-button.svelte-vs5hf2:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}html.reduce-motion .node-detail.svelte-vs5hf2{animation:none;transition:none}.graph-canvas-container.svelte-7bxg53{position:relative;width:100%;min-height:400px;height:100%;max-height:100%;overflow:hidden;background:var(--color-bg)}.graph-svg.svelte-7bxg53{display:block;max-width:100%;height:auto;touch-action:none;cursor:grab}.graph-svg.svelte-7bxg53:active{cursor:grabbing}.graph-controls.svelte-7bxg53{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:80}.graph-status-chip.svelte-7bxg53{position:absolute;top:10px;left:10px;z-index:80;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 90%,transparent);color:var(--color-text);border-radius:var(--radius-sm);padding:5px 8px;font-family:var(--font-ui);font-size:var(--text-meta);letter-spacing:.04em}.graph-control-btn.svelte-7bxg53{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text);border-radius:var(--radius-sm);padding:5px 8px;font-family:var(--font-ui);font-size:var(--text-meta);letter-spacing:.04em;cursor:pointer}.graph-control-btn.svelte-7bxg53:hover{border-color:var(--color-sage-border)}.graph-edge.svelte-7bxg53,.ghost-edge.svelte-7bxg53{cursor:pointer;transition:opacity .12s ease,stroke-width .12s ease,stroke .12s ease;stroke-linecap:round}.ghost-edge.svelte-7bxg53{stroke-linecap:round}.ghost-node.svelte-7bxg53{cursor:default}.ghost-node-label.svelte-7bxg53{paint-order:stroke;stroke:#07080af2;stroke-width:2px;text-transform:lowercase}.node-label.svelte-7bxg53{opacity:0;transition:opacity .12s ease;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#07080af5;stroke-width:3px;font-weight:500;letter-spacing:.02em}.node-glyph.svelte-7bxg53{font-weight:600;letter-spacing:.02em;paint-order:stroke;stroke:#07080ae6;stroke-width:2px;text-transform:uppercase}.node-label.is-visible.svelte-7bxg53{opacity:.95}.node-trace-label.svelte-7bxg53{opacity:.92;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#07080af5;stroke-width:2px;letter-spacing:.02em;text-transform:lowercase}.detail-backdrop.svelte-7bxg53{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:90;-webkit-user-select:none;user-select:none}.edge-detail.svelte-7bxg53{position:absolute;transform:translate(-50%,-110%);z-index:92;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);border-radius:var(--radius-sm);padding:8px 10px;min-width:210px;max-width:min(320px,42vw);box-shadow:0 10px 24px #00000059;display:flex;flex-direction:column;gap:6px}.edge-detail-title.svelte-7bxg53{margin:0;font-family:var(--font-ui);font-size:var(--text-ui);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.edge-detail-badge.svelte-7bxg53{border:1px solid var(--color-border);border-radius:999px;padding:1px 6px;font-size:.62rem;color:var(--color-muted)}.edge-chip-row.svelte-7bxg53{display:flex;flex-wrap:wrap;gap:6px}.edge-chip.svelte-7bxg53{border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;font-family:var(--font-ui);font-size:.66rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.edge-chip.is-reason.svelte-7bxg53{border-color:var(--color-copper-border);color:var(--color-copper)}.edge-detail-line.svelte-7bxg53{margin:0;font-family:var(--font-ui);font-size:.74rem;color:var(--color-muted);line-height:1.35}.edge-detail-close.svelte-7bxg53{align-self:flex-start;border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:var(--radius-sm);padding:3px 8px;font-family:var(--font-ui);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.sr-only.svelte-7bxg53{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@restormel/ui-graph-svelte",
+  "version": "0.1.0",
+  "description": "Svelte 5 graph canvas for Restormel Graph Contract v0 (ported from SOPHIA).",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Allotment-Technology-Ltd/restormel-keys.git",
+    "directory": "packages/ui-graph-svelte"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "svelte": "./dist/index.js"
+    },
+    "./styles.css": "./dist/ui-graph-svelte.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "@restormel/graph-core": "0.1.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json"
+  }
+}