@swarmvaultai/viewer 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SwarmVault
+
+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,33 @@
+# @swarmvaultai/viewer
+
+`@swarmvaultai/viewer` is the graph UI package for SwarmVault.
+
+It is the frontend used by `swarmvault graph serve` to visualize `state/graph.json` as an interactive graph of sources, concepts, and entities.
+
+## What It Does
+
+The viewer loads graph data from `/api/graph` and renders:
+
+- source nodes
+- concept nodes
+- entity nodes
+- extracted, inferred, and conflicted edges
+
+Its primary use is as part of the SwarmVault runtime, but the package also exports lightweight graph types and a fetch helper for custom integrations.
+
+## Package Use
+
+```ts
+import { fetchGraphArtifact } from "@swarmvaultai/viewer";
+
+const graph = await fetchGraphArtifact("/api/graph");
+console.log(graph.nodes.length);
+```
+
+## Development
+
+```bash
+pnpm build
+pnpm lint
+pnpm test
+```

package/dist/assets/index-9TSXS8Kg.css

@@ -0,0 +1 @@
+:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 30%),radial-gradient(circle at right,rgba(245,158,11,.14),transparent 28%),linear-gradient(180deg,#020617,#0f172a);color:#e2e8f0}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px;display:grid;gap:20px}.app-header,.stats,.workspace,.panel,.filter,article{border:1px solid rgba(148,163,184,.16);background:#0f172ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px}.app-header{padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:start}.app-header h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem);line-height:.95;max-width:12ch}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;color:#7dd3fc;font-size:.78rem}.lede{margin:0;max-width:56ch;color:#cbd5e1}.filter{display:grid;gap:10px;padding:16px;min-width:180px}.filter select{background:#020617;color:#f8fafc;border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:10px 12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px}.stats article{padding:16px}.stats span,.panel-label{display:block;color:#94a3b8;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stats strong{font-size:1.25rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px;min-height:60vh}.canvas{min-height:60vh;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#020617eb,#0f172aeb),repeating-linear-gradient(90deg,rgba(148,163,184,.04),rgba(148,163,184,.04) 1px,transparent 1px,transparent 44px)}.panel{padding:20px}.panel h2,.panel h3{margin-top:0}.panel code{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.88rem}@media(max-width:900px){.app-header,.workspace,.stats{grid-template-columns:1fr}.app-header{flex-direction:column}}