@stephen-netu/design-system 0.1.0 → 0.2.0

package/dist/n3-force-graph/types.d.ts

@@ -0,0 +1,60 @@
+export type { GraphNode, GraphEdge, GraphSnapshot } from '../n1-flow-canvas/types.js';
+export interface ForceGraphNode {
+    id: string;
+    label: string;
+    /** Node category for visual differentiation */
+    type: 'app' | 'adr' | 'domain' | string;
+    /** Health score in permille (0–1000). 0 = critical, 1000 = healthy. */
+    health: number;
+    /** Node visual weight — controls circle radius. Default 1. */
+    weight?: number;
+    /** Optional: pinned position (drag-to-pin). Set fx/fy to pin. */
+    fx?: number;
+    fy?: number;
+    /** Arbitrary domain data for tooltip/detail rendering */
+    data?: Record<string, unknown>;
+    x?: number;
+    y?: number;
+    vx?: number;
+    vy?: number;
+    index?: number;
+}
+export interface ForceGraphLink {
+    id: string;
+    source: string;
+    target: string;
+    /** Edge rendering mode */
+    mode: 'active' | 'stub' | 'wired';
+    /** Optional label (e.g. dependency name) */
+    label?: string;
+}
+export interface HealthNodeConfig {
+    /** Base circle radius in px. Default 6. */
+    baseRadius?: number;
+    /** Whether to animate pulse on healthy nodes. Default true. */
+    pulseEnabled?: boolean;
+    /** Pulse amplitude (scale factor above 1.0). Default 0.02. */
+    pulseAmplitude?: number;
+}
+export interface AnimatedEdgeConfig {
+    /** Marching-ants dash length. Default 8. */
+    dashLength?: number;
+    /** Marching-ants gap length. Default 4. */
+    gapLength?: number;
+    /** Animation speed (px/frame). Default 0.5. */
+    marchSpeed?: number;
+}
+export interface ForceGraphData {
+    nodes: ForceGraphNode[];
+    links: ForceGraphLink[];
+}
+export interface TooltipPosition {
+    x: number;
+    y: number;
+    visible: boolean;
+}
+/** Map health permille to CSS color string. Pure function, no side effects. */
+export declare function healthToColor(permille: number): string;
+/** Map health permille to glow opacity (0.0–0.4). Healthy = brighter glow. */
+export declare function healthToGlow(permille: number): number;
+//# sourceMappingURL=types.d.ts.map

package/dist/n3-force-graph/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/n3-force-graph/types.ts"],"names":[],"mappings":"AAKA,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAItF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAKtD;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIrD"}

package/dist/n3-force-graph/types.js

@@ -0,0 +1,22 @@
+// N3 Force Graph — Types
+// Pure TypeScript — no Svelte, no DOM dependencies
+// S-02: all health values are integer permille (0–1000)
+// === Health → Color mapping (integer permille thresholds) ===
+/** Map health permille to CSS color string. Pure function, no side effects. */
+export function healthToColor(permille) {
+    if (permille >= 800)
+        return '#27ae60'; // green — healthy
+    if (permille >= 500)
+        return '#f39c12'; // amber — partial
+    if (permille >= 200)
+        return '#c0392b'; // red — blocked/stub-heavy
+    return '#3a3a3a'; // dark — no data / dead
+}
+/** Map health permille to glow opacity (0.0–0.4). Healthy = brighter glow. */
+export function healthToGlow(permille) {
+    if (permille >= 800)
+        return 0.3;
+    if (permille >= 500)
+        return 0.15;
+    return 0.0; // No glow for unhealthy/dead
+}

package/{src → dist}/n4-adaptive-manifold/AdaptiveManifold.svelte

@@ -1130,7 +1130,7 @@
         y1={cardPosition.nodeCY}
         x2={cardPosition.x + (cardPosition.x > cardPosition.nodeCX ? 0 : 220)}
         y2={cardPosition.y + 30}
-        stroke="rgba(184, 115, 51, 0.4)"
+        stroke="var(--color-accent-muted)"
         stroke-width="1"
         stroke-dasharray="4 4"
       />

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { ManifoldSnapshot, LayoutAlgorithm, ClassificationResult, LayoutPreferences, LayoutSuggestion, NodeStyleRegistry, NodeIndicatorState } from './types.js';
+interface Props {
+    snapshot: ManifoldSnapshot;
+    width?: number;
+    height?: number;
+    selectedId?: string | null;
+    preferences?: LayoutPreferences;
+    styleRegistry?: NodeStyleRegistry;
+    onalgorithmchange?: (algorithm: LayoutAlgorithm) => void;
+    onclassification?: (result: ClassificationResult) => void;
+    onsuggestion?: (suggestion: LayoutSuggestion | null) => void;
+    onselectnode?: (nodeId: string | null) => void;
+    indicatorStates?: Map<string, NodeIndicatorState>;
+    flowPhase?: string;
+}
+declare const AdaptiveManifold: import("svelte").Component<Props, {
+    acceptSuggestion: () => void;
+    dismissSuggestion: () => void;
+    pinLayout: () => void;
+    fit: () => void;
+}, "">;
+type AdaptiveManifold = ReturnType<typeof AdaptiveManifold>;
+export default AdaptiveManifold;
+//# sourceMappingURL=AdaptiveManifold.svelte.d.ts.map

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveManifold.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/AdaptiveManifold.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,gBAAgB,EAEhB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAGjB,kBAAkB,EAEnB,MAAM,YAAY,CAAC;AAapB,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmkCH,QAAA,MAAM,gBAAgB;;;;;MAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/{src → dist}/n4-adaptive-manifold/DetailCard.svelte

@@ -114,7 +114,7 @@
     flex-direction: column;
     overflow: hidden;
     background: #1e1e1e;
-    border: 1px solid rgba(184, 115, 51, 0.3);
+    border: 1px solid var(--color-accent-muted);
     border-radius: var(--radius-md, 6px);
     font-family: var(--font-mono);
     font-size: 11px;
@@ -126,7 +126,7 @@
 
   .detail-card--pinned {
     pointer-events: auto;
-    border-color: rgba(184, 115, 51, 0.6);
+    border-color: var(--color-accent-muted);
   }
 
   /* Pinned header — never scrolls */
@@ -134,13 +134,13 @@
     flex-shrink: 0;
     display: flex;
     align-items: center;
-    gap: 6px;
-    padding: 6px 8px;
-    border-bottom: 1px solid rgba(184, 115, 51, 0.15);
+    gap: var(--space-15);
+    padding: 6px var(--space-2);
+    border-bottom: 1px solid var(--color-accent-muted);
   }
 
   .detail-card__kind {
-    color: #b87333;
+    color: var(--color-accent);
     text-transform: uppercase;
     font-size: 9px;
     letter-spacing: 0.5px;
@@ -177,17 +177,17 @@
     flex-direction: column;
     gap: 3px;
     scrollbar-width: thin;
-    scrollbar-color: rgba(184, 115, 51, 0.25) transparent;
+    scrollbar-color: var(--color-accent-muted) transparent;
   }
 
   .detail-card__body::-webkit-scrollbar { width: 3px; }
-  .detail-card__body::-webkit-scrollbar-thumb { background: rgba(184, 115, 51, 0.25); border-radius: var(--radius-xs, 2px); }
+  .detail-card__body::-webkit-scrollbar-thumb { background: var(--color-accent-muted); border-radius: var(--radius-xs, 2px); }
   .detail-card__body::-webkit-scrollbar-track { background: transparent; }
 
   .detail-card__row {
     display: flex;
     justify-content: space-between;
-    gap: 8px;
+    gap: var(--space-2);
   }
 
   .detail-card__label {

package/dist/n4-adaptive-manifold/DetailCard.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ManifoldNode } from './types.js';
+interface Props {
+    node: ManifoldNode;
+    pinned: boolean;
+    onclose?: () => void;
+}
+declare const DetailCard: import("svelte").Component<Props, {}, "">;
+type DetailCard = ReturnType<typeof DetailCard>;
+export default DetailCard;
+//# sourceMappingURL=DetailCard.svelte.d.ts.map

package/dist/n4-adaptive-manifold/DetailCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailCard.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/DetailCard.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG7C,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuGH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/{src → dist}/n4-adaptive-manifold/SuggestionIndicator.svelte

@@ -41,10 +41,10 @@
   .n4-suggestion {
     display: inline-flex;
     align-items: center;
-    gap: 6px;
+    gap: var(--space-15);
     padding: var(--n4-suggestion-padding, 6px 10px);
-    background: var(--n4-suggestion-bg, color-mix(in srgb, var(--color-accent, #b87333) 8%, var(--color-bg-panel, #222)));
-    border: 1px solid var(--n4-suggestion-border, rgba(184, 115, 51, 0.25));
+    background: var(--n4-suggestion-bg, color-mix(in srgb, var(--color-accent, var(--color-accent)) 8%, var(--color-bg-panel, #222)));
+    border: 1px solid var(--n4-suggestion-border, var(--color-accent-muted));
     border-radius: var(--n4-suggestion-radius, 6px);
     font-size: var(--n4-suggestion-font-size, 11px);
     font-family: var(--font-sans, system-ui);
@@ -53,13 +53,13 @@
   }
 
   .n4-suggestion__icon {
-    color: var(--n4-suggestion-accent, #b87333);
+    color: var(--n4-suggestion-accent, var(--color-accent));
     font-size: 13px;
     line-height: 1;
   }
 
   .n4-suggestion__label {
-    color: var(--n4-suggestion-accent, #b87333);
+    color: var(--n4-suggestion-accent, var(--color-accent));
     font-weight: 600;
     letter-spacing: 0.02em;
   }
@@ -81,11 +81,11 @@
   }
 
   .n4-suggestion__action:hover {
-    color: var(--n4-suggestion-accent, #b87333);
-    border-color: var(--n4-suggestion-border, rgba(184, 115, 51, 0.25));
+    color: var(--n4-suggestion-accent, var(--color-accent));
+    border-color: var(--n4-suggestion-border, var(--color-accent-muted));
   }
 
   .n4-suggestion__action--accept {
-    color: var(--n4-suggestion-accent, #b87333);
+    color: var(--n4-suggestion-accent, var(--color-accent));
   }
 </style>

package/dist/n4-adaptive-manifold/SuggestionIndicator.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutSuggestion } from './types.js';
+interface Props {
+    suggestion: LayoutSuggestion | null;
+    onaccept?: () => void;
+    ondismiss?: () => void;
+    onpin?: () => void;
+}
+declare const SuggestionIndicator: import("svelte").Component<Props, {}, "">;
+type SuggestionIndicator = ReturnType<typeof SuggestionIndicator>;
+export default SuggestionIndicator;
+//# sourceMappingURL=SuggestionIndicator.svelte.d.ts.map

package/dist/n4-adaptive-manifold/SuggestionIndicator.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionIndicator.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/SuggestionIndicator.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGlE,UAAU,KAAK;IACb,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAsCH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/n4-adaptive-manifold/classifier.d.ts

@@ -0,0 +1,6 @@
+import type { ManifoldSnapshot, ClassificationResult, TopologyMetrics } from './types.js';
+/** Number of consecutive matching classifications before suggesting. */
+export declare const STABILITY_TICKS = 3;
+export declare function classifyTopology(snapshot: ManifoldSnapshot): ClassificationResult;
+export declare function computeMetrics(snapshot: ManifoldSnapshot): TopologyMetrics;
+//# sourceMappingURL=classifier.d.ts.map

package/dist/n4-adaptive-manifold/classifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classifier.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/classifier.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,gBAAgB,EAEhB,oBAAoB,EACpB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,wEAAwE;AACxE,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,gBAAgB,GACzB,oBAAoB,CAgBtB;AAID,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,GAAG,eAAe,CAsG1E"}

package/dist/n4-adaptive-manifold/classifier.js

@@ -0,0 +1,123 @@
+// N4 TopologyClassifier — always returns manifold layout.
+// Pure function, no state. Deterministic given same input.
+// S-02: uses Map (ordered) for adjacency, not Set.
+/** Number of consecutive matching classifications before suggesting. */
+export const STABILITY_TICKS = 3;
+export function classifyTopology(snapshot) {
+    // Manifold is the implemented layout algorithm.
+    // computeMetrics() is preserved for topology analysis.
+    const nodeCount = snapshot.nodes.length;
+    const edgeCount = snapshot.edges.length;
+    const edgeDensity = nodeCount > 0 ? edgeCount / nodeCount : 0;
+    return {
+        recommended: 'manifold',
+        confidence: 1.0,
+        reason: edgeCount === 0
+            ? 'manifold: sparse (no edges, S³ projection only)'
+            : `manifold: ${edgeCount} edges, density ${edgeDensity.toFixed(2)}`,
+        ranked: [{ algorithm: 'manifold', fitness: 1.0 }],
+        metrics: { nodeCount, edgeCount, edgeDensity, maxDepth: 0, rootCount: 0, cycleCount: 0, componentCount: 0, maxClusterSize: 0 },
+    };
+}
+// === Metrics computation (single pass, O(V+E)) ===
+export function computeMetrics(snapshot) {
+    const nodeCount = snapshot.nodes.length;
+    const edgeCount = snapshot.edges.length;
+    if (nodeCount === 0) {
+        return { nodeCount: 0, edgeCount: 0, edgeDensity: 0, maxDepth: 0, rootCount: 0, cycleCount: 0, componentCount: 0, maxClusterSize: 0 };
+    }
+    // Note: "edgeDensity" here is edges/nodes (avg out-degree), NOT graph density (edges/(n*(n-1)/2)).
+    const edgeDensity = nodeCount > 0 ? edgeCount / nodeCount : 0;
+    // Build adjacency (directed) and undirected adjacency
+    // S-02: Map preserves insertion order (deterministic)
+    const adj = new Map();
+    const uAdj = new Map();
+    const inDegree = new Map();
+    for (const n of snapshot.nodes) {
+        adj.set(n.id, []);
+        uAdj.set(n.id, []);
+        inDegree.set(n.id, 0);
+    }
+    for (const e of snapshot.edges) {
+        adj.get(e.source)?.push(e.target);
+        uAdj.get(e.source)?.push(e.target);
+        uAdj.get(e.target)?.push(e.source);
+        inDegree.set(e.target, (inDegree.get(e.target) ?? 0) + 1);
+    }
+    // Roots: in-degree 0
+    let rootCount = 0;
+    for (const [, deg] of inDegree) {
+        if (deg === 0)
+            rootCount++;
+    }
+    // Cycle detection via DFS (directed)
+    const WHITE = 0, GRAY = 1, BLACK = 2;
+    const color = new Map();
+    for (const n of snapshot.nodes)
+        color.set(n.id, WHITE);
+    let cycleCount = 0;
+    function dfs(nodeId) {
+        color.set(nodeId, GRAY);
+        for (const neighbor of adj.get(nodeId) ?? []) {
+            const c = color.get(neighbor) ?? WHITE;
+            if (c === GRAY) {
+                cycleCount++;
+            }
+            else if (c === WHITE) {
+                dfs(neighbor);
+            }
+        }
+        color.set(nodeId, BLACK);
+    }
+    for (const n of snapshot.nodes) {
+        if (color.get(n.id) === WHITE)
+            dfs(n.id);
+    }
+    // Max depth via BFS from roots (or all nodes if no roots)
+    let maxDepth = 0;
+    const depthVisited = new Map();
+    const roots = snapshot.nodes.filter(n => (inDegree.get(n.id) ?? 0) === 0);
+    const bfsStart = roots.length > 0 ? roots : [snapshot.nodes[0]];
+    for (const root of bfsStart) {
+        if (depthVisited.get(root.id))
+            continue;
+        const queue = [{ id: root.id, depth: 0 }];
+        depthVisited.set(root.id, true);
+        while (queue.length > 0) {
+            const cur = queue.shift();
+            if (cur.depth > maxDepth)
+                maxDepth = cur.depth;
+            for (const neighbor of adj.get(cur.id) ?? []) {
+                if (!depthVisited.get(neighbor)) {
+                    depthVisited.set(neighbor, true);
+                    queue.push({ id: neighbor, depth: cur.depth + 1 });
+                }
+            }
+        }
+    }
+    // Connected components via BFS on undirected graph
+    const compVisited = new Map();
+    let componentCount = 0;
+    let maxClusterSize = 0;
+    for (const n of snapshot.nodes) {
+        if (compVisited.get(n.id))
+            continue;
+        componentCount++;
+        let clusterSize = 0;
+        const queue = [n.id];
+        compVisited.set(n.id, true);
+        while (queue.length > 0) {
+            const cur = queue.shift();
+            clusterSize++;
+            for (const nb of uAdj.get(cur) ?? []) {
+                if (!compVisited.get(nb)) {
+                    compVisited.set(nb, true);
+                    queue.push(nb);
+                }
+            }
+        }
+        if (clusterSize > maxClusterSize)
+            maxClusterSize = clusterSize;
+    }
+    return { nodeCount, edgeCount, edgeDensity, maxDepth, rootCount, cycleCount, componentCount, maxClusterSize };
+}

package/dist/n4-adaptive-manifold/index.d.ts

@@ -0,0 +1,12 @@
+export type { LayoutAlgorithm, NodeStatus, ManifoldNode, ManifoldEdge, ManifoldSnapshot, NodeStyleEntry, NodeStyleRegistry, LayoutPreferences, EasingCurve, AlgorithmProvider, TopologyMetrics, ClassificationResult, AnimationMomentKind, AnimationFrame, EasingFn, LayoutSuggestion, ResolvedThemeColors, NodeLayout, LayoutResult, LoopPhase, PinnacleEvent, PhaseVisualParams, PhaseTheme, GravitationalConfig, NodeIndicatorState, } from './types.js';
+export { DEFAULT_LAYOUT_PREFERENCES, DEFAULT_GRAVITATIONAL_CONFIG } from './types.js';
+export { classifyTopology, computeMetrics, STABILITY_TICKS } from './classifier.js';
+export { LayoutOrchestrator } from './orchestrator.js';
+export { TransitionAnimator, EASING_FUNCTIONS } from './transition.js';
+export { GravitationalProvider } from './providers/gravitational-provider.js';
+export { default as AdaptiveManifold } from './AdaptiveManifold.svelte';
+export { default as SuggestionIndicator } from './SuggestionIndicator.svelte';
+export { default as DetailCard } from './DetailCard.svelte';
+export { PinnacleEventInferrer } from './pinnacle-events.js';
+export { resolvePhaseTheme, DEFAULT_PHASE_THEME } from './phase-theme.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/n4-adaptive-manifold/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/{src/n4-adaptive-manifold/index.ts → dist/n4-adaptive-manifold/index.js}

@@ -1,45 +1,12 @@
 // N4 Adaptive Manifold — Unified topology-aware graph layout layer
 // Gravitational canvas: GravitationalProvider, classifier, orchestrator, transitions
-
-export type {
-  LayoutAlgorithm,
-  NodeStatus,
-  ManifoldNode,
-  ManifoldEdge,
-  ManifoldSnapshot,
-  NodeStyleEntry,
-  NodeStyleRegistry,
-  LayoutPreferences,
-  EasingCurve,
-  AlgorithmProvider,
-  TopologyMetrics,
-  ClassificationResult,
-  AnimationMomentKind,
-  AnimationFrame,
-  EasingFn,
-  LayoutSuggestion,
-  ResolvedThemeColors,
-  NodeLayout,
-  LayoutResult,
-  LoopPhase,
-  PinnacleEvent,
-  PhaseVisualParams,
-  PhaseTheme,
-  GravitationalConfig,
-  NodeIndicatorState,
-} from './types.js';
-
 export { DEFAULT_LAYOUT_PREFERENCES, DEFAULT_GRAVITATIONAL_CONFIG } from './types.js';
-
 export { classifyTopology, computeMetrics, STABILITY_TICKS } from './classifier.js';
 export { LayoutOrchestrator } from './orchestrator.js';
 export { TransitionAnimator, EASING_FUNCTIONS } from './transition.js';
-
 export { GravitationalProvider } from './providers/gravitational-provider.js';
-
 export { default as AdaptiveManifold } from './AdaptiveManifold.svelte';
 export { default as SuggestionIndicator } from './SuggestionIndicator.svelte';
 export { default as DetailCard } from './DetailCard.svelte';
-
 export { PinnacleEventInferrer } from './pinnacle-events.js';
 export { resolvePhaseTheme, DEFAULT_PHASE_THEME } from './phase-theme.js';

package/dist/n4-adaptive-manifold/n4-tokens.css

@@ -0,0 +1,155 @@
+/* N4 Adaptive Manifold — Design Tokens
+ * Prefix: --n4-*
+ * Consumed by AdaptiveManifold.svelte and SuggestionIndicator.svelte
+ */
+
+:root {
+  /* ── Node rendering ─────────────────────────────────────────────────────── */
+  --n4-node-width: 120px;
+  --n4-node-height: 28px;
+  --n4-node-radius: 4px;
+  --n4-node-bg: #222;
+  --n4-node-bg-hover: #2a2a2a;
+  --n4-node-bg-selected: color-mix(in srgb, var(--color-accent, #b87333) 12%, #222);
+  --n4-node-border: var(--color-accent-subtle, rgba(184, 115, 51, 0.15));
+  --n4-node-border-hover: var(--color-accent-muted, rgba(184, 115, 51, 0.35));
+  --n4-node-border-selected: var(--color-accent, #b87333);
+  --n4-node-text: var(--color-text-primary, #e8e0d0);
+  --n4-node-text-muted: var(--color-text-secondary, #a09880);
+  --n4-node-id-font: var(--font-mono, 'JetBrains Mono', monospace);
+  --n4-node-id-size: 10px;
+  --n4-node-label-size: 11px;
+  --n4-node-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  --n4-node-shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --n4-node-shadow-selected: 0 0 12px var(--color-accent-glow, rgba(184, 115, 51, 0.2));
+
+  /* ── Edge rendering ─────────────────────────────────────────────────────── */
+  --n4-edge-width: 1.5px;
+  --n4-edge-color: var(--color-accent-muted, rgba(184, 115, 51, 0.25));
+  --n4-edge-color-hover: var(--color-accent-muted, rgba(184, 115, 51, 0.55));
+  --n4-edge-color-active: var(--color-accent, #b87333);
+  --n4-edge-dash-length: 6px;
+  --n4-edge-dash-gap: 3px;
+  --n4-edge-arrow-size: 6px;
+
+  /* ── Canvas ─────────────────────────────────────────────────────────────── */
+  --n4-canvas-bg: var(--color-bg-canvas, #1a1a1a);
+  --n4-canvas-grid-color: var(--color-accent-faint, rgba(184, 115, 51, 0.04));
+  --n4-canvas-grid-size: 24px;
+  --n4-canvas-padding: 40px;
+
+  /* ── Scatter grid (fallback topology) ───────────────────────────────────── */
+  --n4-scatter-gap: 8px;
+  --n4-scatter-chip-bg: var(--color-bg-panel, #222);
+  --n4-scatter-chip-border: var(--color-accent-subtle, rgba(184, 115, 51, 0.15));
+  --n4-scatter-chip-accent: var(--color-accent, #b87333);
+
+  /* ── Suggestion indicator ───────────────────────────────────────────────── */
+  --n4-suggestion-bg: color-mix(in srgb, var(--color-accent, #b87333) 8%, var(--color-bg-panel, #222));
+  --n4-suggestion-border: var(--color-accent-muted, rgba(184, 115, 51, 0.25));
+  --n4-suggestion-text: var(--color-text-secondary, #a09880);
+  --n4-suggestion-accent: var(--color-accent, #b87333);
+  --n4-suggestion-radius: var(--radius-md, 6px);
+  --n4-suggestion-padding: 6px 10px;
+  --n4-suggestion-font-size: var(--text-xs, 11px);
+
+  /* ── Transition ─────────────────────────────────────────────────────────── */
+  --n4-transition-duration: 400ms;
+  --n4-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* ── Node status accents ─────────────────────────────────────────────────── */
+  --n4-node-active: var(--color-accent, #b87333);
+  --n4-node-idle: var(--color-text-secondary, #a09880);
+  --n4-node-blocked: var(--color-status-warning, #f39c12);
+  --n4-node-completed: var(--color-text-secondary, #a09880);
+  --n4-node-critical: var(--color-status-error, #c0392b);
+
+  /* ── Kind accents (overridden by consuming apps) ───────────────────────── */
+  --n4-kind-task: var(--color-accent, #b87333);
+  --n4-kind-agent: var(--color-expert-sovereign, #b87333);
+  --n4-kind-signal: var(--color-status-info, #2980b9);
+  --n4-kind-capability: var(--color-accent-secondary, #d4a574);
+  --n4-kind-intent: var(--color-expert-atelier, #b87333);
+  --n4-kind-subtask: color-mix(in srgb, var(--color-accent, #b87333) 60%, transparent);
+  --n4-kind-note: var(--color-text-primary, #e8e0d0);
+  --n4-kind-concept: var(--color-accent-secondary, #d4a574);
+  --n4-kind-claim: var(--color-status-success, #27ae60);
+  --n4-kind-grove: color-mix(in srgb, var(--color-accent, #b87333) 75%, #5a7a3a);
+  --n4-kind-member: var(--color-text-secondary, #a09880);
+  --n4-kind-daemon: var(--color-accent, #b87333);
+  --n4-kind-spark: var(--color-status-warning, #f39c12);
+
+  /* ── Easing curves ─────────────────────────────────────────────────────── */
+  --n4-ease-settle: cubic-bezier(0.0, 0.0, 0.2, 1.0);
+  --n4-ease-morph: cubic-bezier(0.34, 1.56, 0.64, 1.0);
+  --n4-ease-arrive: cubic-bezier(0.22, 1.0, 0.36, 1.0);
+  --n4-ease-pulse: linear;
+
+  /* ── Animation durations ───────────────────────────────────────────────── */
+  --n4-morph-duration: 600ms;
+  --n4-arrive-duration: 250ms;
+  --n4-depart-duration: 200ms;
+  --n4-focus-duration: 150ms;
+  --n4-pulse-duration: 400ms;
+
+  /* ── Phase ambient theming ──────────────────────────────────── */
+  --n4-phase-seed-background: #1a1a1a;
+  --n4-phase-seed-brightness: 0.4;
+  --n4-phase-seed-indicator-intensity: 0.3;
+  --n4-phase-seed-pulse-speed: 4s;
+  --n4-phase-seed-saturation: 0.6;
+
+  --n4-phase-sprout-background: #1a1c1a;
+  --n4-phase-sprout-brightness: 0.7;
+  --n4-phase-sprout-indicator-intensity: 0.7;
+  --n4-phase-sprout-pulse-speed: 2.5s;
+  --n4-phase-sprout-saturation: 0.85;
+
+  --n4-phase-go-background: #1c1a18;
+  --n4-phase-go-brightness: 1.0;
+  --n4-phase-go-indicator-intensity: 1.0;
+  --n4-phase-go-pulse-speed: 1.5s;
+  --n4-phase-go-saturation: 1.0;
+
+  --n4-phase-consult-background: #1b1a1c;
+  --n4-phase-consult-brightness: 0.85;
+  --n4-phase-consult-indicator-intensity: 0.85;
+  --n4-phase-consult-pulse-speed: 2s;
+  --n4-phase-consult-saturation: 0.9;
+
+  --n4-phase-weed-background: #1c1b18;
+  --n4-phase-weed-brightness: 0.65;
+  --n4-phase-weed-indicator-intensity: 0.6;
+  --n4-phase-weed-pulse-speed: 2.5s;
+  --n4-phase-weed-saturation: 0.75;
+
+  --n4-phase-freeze-background: #1a1a1e;
+  --n4-phase-freeze-brightness: 0.2;
+  --n4-phase-freeze-indicator-intensity: 0.1;
+  --n4-phase-freeze-pulse-speed: 8s;
+  --n4-phase-freeze-saturation: 0.2;
+
+  --n4-phase-compost-background: #1a1a1a;
+  --n4-phase-compost-brightness: 0.25;
+  --n4-phase-compost-indicator-intensity: 0.15;
+  --n4-phase-compost-pulse-speed: 6s;
+  --n4-phase-compost-saturation: 0.3;
+
+  --n4-phase-prune-background: #1c1a1a;
+  --n4-phase-prune-brightness: 0.2;
+  --n4-phase-prune-indicator-intensity: 0.1;
+  --n4-phase-prune-pulse-speed: 8s;
+  --n4-phase-prune-saturation: 0.2;
+}
+
+/* ── Accessibility: reduced motion ─────────────────────────────────────── */
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --n4-morph-duration: 0ms;
+    --n4-arrive-duration: 0ms;
+    --n4-depart-duration: 0ms;
+    --n4-focus-duration: 0ms;
+    --n4-pulse-duration: 0ms;
+    --n4-transition-duration: 0ms;
+  }
+}