@swarmvaultai/viewer 0.1.25 → 0.1.27

package/dist/assets/index-DiMCbjBi.css

@@ -0,0 +1 @@
+:root{--c-bg-base: #020617;--c-bg-surface: #0c1222;--c-bg-elevated: rgba(15, 23, 42, .88);--c-bg-inset: rgba(2, 6, 23, .82);--c-bg-input: #070d1a;--c-border: rgba(148, 163, 184, .1);--c-border-subtle: rgba(148, 163, 184, .06);--c-border-focus: rgba(125, 211, 252, .28);--c-border-danger: rgba(248, 113, 113, .24);--c-border-warning: rgba(251, 191, 36, .2);--c-text-primary: #e2e8f0;--c-text-secondary: #94a3b8;--c-text-muted: #64748b;--c-text-accent: #7dd3fc;--c-text-error: #f87171;--c-text-warning: #fbbf24;--c-accent-bg: rgba(14, 165, 233, .08);--c-danger-bg: rgba(127, 29, 29, .18);--font-sans: "Avenir Next", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--text-2xs: .65rem;--text-xs: .72rem;--text-sm: .8rem;--text-base: .88rem;--text-lg: 1rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--sidebar-width: 220px;--rail-width: 360px;--bar-height: 38px;color-scheme:dark;font-family:var(--font-sans);background:var(--c-bg-base);color:var(--c-text-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;font-size:var(--text-sm);line-height:1.45;-webkit-font-smoothing:antialiased}#root{height:100vh;overflow:hidden}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--rail-width);grid-template-rows:var(--bar-height) minmax(0,1fr);grid-template-areas:"bar     bar    bar" "sidebar center rail";height:100vh;overflow:hidden}.app-bar{grid-area:bar;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);z-index:10}.app-bar-title{font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-accent)}.app-bar-subtitle{font-size:var(--text-xs);color:var(--c-text-muted);letter-spacing:.04em}.sidebar{grid-area:sidebar;overflow-y:auto;padding:var(--sp-3);background:var(--c-bg-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--c-text-muted) transparent}.sidebar-section{display:flex;flex-direction:column;gap:var(--sp-2)}.sidebar-heading{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-muted);padding:var(--sp-1) 0;border-bottom:1px solid var(--c-border-subtle);margin-bottom:var(--sp-1)}.filter-group{display:flex;flex-direction:column;gap:3px}.filter-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}.center-area{grid-area:center;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.stats-strip{display:flex;gap:var(--sp-4);padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--c-border-subtle);background:var(--c-bg-surface);flex-wrap:wrap;align-items:baseline}.stat{display:flex;align-items:baseline;gap:var(--sp-1)}.stat-label{font-size:var(--text-2xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-text-primary);font-weight:500}.canvas{min-height:0;background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.03),transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(148,163,184,.03) 39px,rgba(148,163,184,.03) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(148,163,184,.03) 39px,rgba(148,163,184,.03) 40px),var(--c-bg-base)}.report-tabs{border-top:1px solid var(--c-border);background:var(--c-bg-surface);max-height:280px;overflow:hidden}.report-tabs .tabs{border:none;border-radius:0;background:transparent}.report-tabs .tab-panel{max-height:230px;overflow-y:auto}.report-stats{display:flex;gap:var(--sp-4);font-size:var(--text-sm);color:var(--c-text-secondary)}.report-stats strong{font-family:var(--font-mono);color:var(--c-text-primary);margin-left:var(--sp-1)}.surprise-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.detail-rail{grid-area:rail;overflow-y:auto;padding:var(--sp-3);background:var(--c-bg-surface);border-left:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-3);scrollbar-width:thin;scrollbar-color:var(--c-text-muted) transparent}.tabs{border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-bg-elevated);overflow:hidden}.tab-bar{display:flex;border-bottom:1px solid var(--c-border);padding:0 var(--sp-1);gap:0}.tab-btn{all:unset;padding:var(--sp-2) var(--sp-3);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .12s,border-color .12s;white-space:nowrap}.tab-btn.is-active{color:var(--c-text-primary);border-bottom-color:var(--c-text-accent)}.tab-btn:hover:not(.is-active){color:var(--c-text-secondary)}.tab-count{margin-left:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--c-text-accent)}.tab-panel{padding:var(--sp-3);max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-text-muted) transparent}.panel{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-3)}.panel-heading{margin:0 0 var(--sp-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}.card-list{display:grid;gap:var(--sp-2)}.card{background:var(--c-bg-inset);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:3px}.card-warning{border-color:var(--c-border-warning)}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--c-text-primary);margin:0;line-height:1.3}.result-card{all:unset;display:flex;flex-direction:column;gap:3px;background:var(--c-bg-inset);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:border-color .1s}.result-card:hover{border-color:var(--c-border-focus)}.result-card.is-active{border-color:var(--c-border-focus);background:#0ea5e90a}.input{background:var(--c-bg-input);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:6px var(--sp-2);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;outline:none;transition:border-color .12s}.input:focus{border-color:var(--c-border-focus)}.input::placeholder{color:var(--c-text-muted)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;text-overflow:ellipsis}.btn{all:unset;display:inline-flex;align-items:center;gap:var(--sp-1);height:26px;padding:0 var(--sp-2);font-size:var(--text-xs);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--c-border);background:transparent;color:var(--c-text-primary);transition:border-color .1s,background .1s;white-space:nowrap}.btn:hover{border-color:var(--c-border-focus)}.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-primary{border-color:var(--c-border-focus);background:var(--c-accent-bg)}.btn-danger{border-color:var(--c-border-danger);background:var(--c-danger-bg);color:var(--c-text-error)}.btn-ghost{border:none;background:transparent;color:var(--c-text-accent);padding:0 var(--sp-1);height:auto;font-size:var(--text-xs)}.btn-ghost:hover{text-decoration:underline;border:none}.action-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}.label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);font-weight:500}.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:2px var(--sp-3);font-size:var(--text-xs);align-items:baseline}.meta-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-2xs);white-space:nowrap}.meta-value{color:var(--c-text-primary);word-break:break-all}.meta-value.mono,.text-mono{font-family:var(--font-mono)}.linked-section{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--c-border-subtle)}.asset-preview{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.asset-card{margin:0;display:grid;gap:var(--sp-1)}.asset-card img{width:100%;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-bg-inset)}.asset-card figcaption{color:var(--c-text-muted);font-size:var(--text-2xs)}.content-pre{margin:var(--sp-2) 0 0;white-space:pre-wrap;overflow:auto;max-height:220px;padding:var(--sp-3);border-radius:var(--radius-md);background:var(--c-bg-inset);border:1px solid var(--c-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--c-text-muted) transparent}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--c-text-muted)}.text-secondary{color:var(--c-text-secondary)}.text-error{color:var(--c-text-error);font-size:var(--text-xs)}code{font-family:var(--font-mono);font-size:var(--text-xs)}p,h3,h4{margin:0}a{color:var(--c-text-accent);text-decoration:none}a:hover{text-decoration:underline}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--bar-height) auto minmax(300px,1fr) auto;grid-template-areas:"bar" "sidebar" "center" "rail";height:auto;min-height:100vh;overflow:auto}.sidebar{border-right:none;border-bottom:1px solid var(--c-border);max-height:260px}.center-area{grid-template-rows:auto minmax(50vh,1fr) auto}.detail-rail{border-left:none;border-top:1px solid var(--c-border)}.stats-strip{flex-wrap:wrap;gap:var(--sp-2)}}

package/dist/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SwarmVault Graph</title>
-    <script type="module" crossorigin src="/assets/index-CmEm2Pd_.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-mRA-6D-Z.css">
+    <script type="module" crossorigin src="/assets/index-C7PCTMog.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DiMCbjBi.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/lib.d.ts

@@ -14,6 +14,7 @@ type ViewerGraphNode = {
     label: string;
     sourceIds: string[];
     projectIds: string[];
+    sourceClass?: string;
     pageId?: string;
     language?: string;
     moduleId?: string;
@@ -50,6 +51,7 @@ type ViewerGraphPage = {
     kind: string;
     status: string;
     sourceType?: string;
+    sourceClass?: string;
     projectIds: string[];
     content: string;
     assets: ViewerOutputAsset[];
@@ -71,6 +73,7 @@ type ViewerGraphArtifact = {
         kind: string;
         status: string;
         sourceType?: string;
+        sourceClass?: string;
         projectIds: string[];
         nodeIds: string[];
         backlinks: string[];
@@ -87,6 +90,7 @@ type ViewerSearchResult = {
     status?: string;
     projectIds: string[];
     sourceType?: string;
+    sourceClass?: string;
 };
 type ViewerPagePayload = {
     path: string;
@@ -227,6 +231,18 @@ type ViewerGraphReport = {
         pages: number;
         communities: number;
     };
+    firstPartyOverview: {
+        nodes: number;
+        edges: number;
+        pages: number;
+        communities: number;
+    };
+    sourceClassBreakdown: Record<string, {
+        sources: number;
+        pages: number;
+        nodes: number;
+    }>;
+    warnings: string[];
     benchmark?: {
         generatedAt: string;
         stale: boolean;
@@ -282,6 +298,7 @@ type ViewerSearchOptions = {
     status?: string;
     project?: string;
     sourceType?: string;
+    sourceClass?: string;
 };
 declare function fetchGraphArtifact(input?: string, init?: RequestInit): Promise<ViewerGraphArtifact>;
 declare function searchViewerPages(query: string, options?: ViewerSearchOptions): Promise<ViewerSearchResult[]>;

package/dist/lib.js

@@ -33,6 +33,7 @@ async function searchViewerPages(query, options = {}) {
   const status = options.status ?? "all";
   const project = options.project ?? "all";
   const sourceType = options.sourceType ?? "all";
+  const sourceClass = options.sourceClass ?? "all";
   if (embedded) {
     const normalizedQuery = query.trim().toLowerCase();
     if (!normalizedQuery) {
@@ -40,7 +41,7 @@ async function searchViewerPages(query, options = {}) {
     }
     return embedded.pages.filter((page) => kind === "all" ? true : page.kind === kind).filter((page) => status === "all" ? true : page.status === status).filter(
       (page) => project === "all" ? true : project === "unassigned" ? page.projectIds.length === 0 : page.projectIds.includes(project)
-    ).filter((page) => sourceType === "all" ? true : (page.sourceType ?? "") === sourceType).map((page) => {
+    ).filter((page) => sourceType === "all" ? true : (page.sourceType ?? "") === sourceType).filter((page) => sourceClass === "all" ? true : (page.sourceClass ?? "") === sourceClass).map((page) => {
       const haystack = `${page.title}
 ${page.content}`.toLowerCase();
       const score = haystack.includes(normalizedQuery) ? haystack.indexOf(normalizedQuery) : Number.POSITIVE_INFINITY;
@@ -53,7 +54,8 @@ ${page.content}`.toLowerCase();
         kind: page.kind,
         status: page.status,
         projectIds: page.projectIds,
-        sourceType: page.sourceType
+        sourceType: page.sourceType,
+        sourceClass: page.sourceClass
       };
     }).filter((page) => Number.isFinite(page.rank)).sort((left, right) => left.rank - right.rank || left.title.localeCompare(right.title)).slice(0, limit);
   }
@@ -63,7 +65,8 @@ ${page.content}`.toLowerCase();
     kind,
     status,
     project,
-    sourceType
+    sourceType,
+    sourceClass
   });
   const response = await fetch(`/api/search?${params.toString()}`);
   if (!response.ok) {
@@ -86,7 +89,8 @@ async function fetchViewerPage(path) {
         kind: page.kind,
         status: page.status,
         project_ids: page.projectIds,
-        source_type: page.sourceType
+        source_type: page.sourceType,
+        source_class: page.sourceClass
       },
       content: page.content,
       assets: page.assets ?? []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swarmvaultai/viewer",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "Graph viewer package for SwarmVault graph artifacts.",
   "type": "module",
   "main": "dist/lib.js",
@@ -37,13 +37,6 @@
   "engines": {
     "node": ">=24.0.0"
   },
-  "scripts": {
-    "build": "pnpm run build:lib && pnpm run build:app",
-    "build:lib": "tsup src/lib.ts --format esm --dts --out-dir dist --clean",
-    "build:app": "vite build",
-    "test": "node -e \"process.exit(0)\"",
-    "typecheck": "tsc --noEmit"
-  },
   "dependencies": {
     "cytoscape": "^3.33.1",
     "react": "^19.1.1",
@@ -57,5 +50,12 @@
     "tsup": "^8.5.0",
     "typescript": "^5.9.2",
     "vite": "^7.1.7"
+  },
+  "scripts": {
+    "build": "pnpm run build:lib && pnpm run build:app",
+    "build:lib": "tsup src/lib.ts --format esm --dts --out-dir dist --clean",
+    "build:app": "vite build",
+    "test": "node -e \"process.exit(0)\"",
+    "typecheck": "tsc --noEmit"
   }
-}
+}