xcode-graph 0.1.1 → 0.2.1

package/custom-elements.json

@@ -59,12 +59,14 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles arrow key navigation, Home/End, and Enter/Space selection within the node tree."
             },
             {
               "kind": "method",
               "name": "focusCurrentNode",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Moves DOM focus to the tree item at the current focused index."
             },
             {
               "kind": "method",
@@ -102,7 +104,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": ""
                 }
               },
               "parameters": [
@@ -110,9 +112,11 @@
                   "name": "node",
                   "type": {
                     "text": "GraphNode"
-                  }
+                  },
+                  "description": "The graph node to describe."
                 }
-              ]
+              ],
+              "description": "Builds a human-readable description of a node for screen readers."
             },
             {
               "kind": "method",
@@ -175,9 +179,18 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Canvas-based graph visualization component. Renders nodes, edges, and clusters\non an HTML canvas with pan, zoom, and interactive selection support.",
+          "description": "Canvas2D graph visualization component. Renders nodes, edges, and clusters\nusing raw Canvas2D with pan, zoom, and interactive selection support.",
           "name": "GraphCanvas",
           "members": [
+            {
+              "kind": "field",
+              "name": "CANVAS_PROPS",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "new Set([ 'nodes', 'edges', 'selectedNode', 'selectedCluster', 'searchQuery', 'viewMode', 'enableAnimation', 'showDirectDeps', 'showTransitiveDeps', 'showDirectDependents', 'showTransitiveDependents', ])",
+              "description": "Properties that affect canvas rendering — other Lit properties (e.g. internal state) don't need a render."
+            },
             {
               "kind": "field",
               "name": "nodes",
@@ -220,8 +233,8 @@
               "type": {
                 "text": "string | null"
               },
-              "description": "Currently hovered node ID (shows tooltip)",
-              "default": "null"
+              "default": "null",
+              "description": "Currently hovered node ID — plain field, only used for canvas rendering."
             },
             {
               "kind": "field",
@@ -229,7 +242,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Active search query for dimming non-matching nodes",
+              "description": "Active search query — attribute-bound from parent via search-query=\"...\"",
               "default": "''",
               "attribute": "search-query"
             },
@@ -239,18 +252,28 @@
               "type": {
                 "text": "ViewMode"
               },
-              "description": "Display mode affecting edge visibility",
-              "attribute": "view-mode"
+              "description": "Display mode — attribute-bound from parent via view-mode=\"...\"",
+              "attribute": "view-mode",
+              "parsedType": {
+                "text": "'full' | 'focused' | 'path' | 'dependents' | 'both'"
+              }
             },
             {
               "kind": "field",
-              "name": "zoom",
+              "name": "_zoom",
               "type": {
                 "text": "number"
               },
-              "description": "Current zoom level (affects color saturation and label visibility)",
+              "privacy": "private",
               "default": "1",
-              "attribute": "zoom"
+              "description": "Current zoom level.\nUses a plain field + setter to trigger canvas re-render without a full\nLit update cycle, which was causing lag during wheel-zoom."
+            },
+            {
+              "kind": "field",
+              "name": "zoom",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
@@ -268,7 +291,7 @@
               "type": {
                 "text": "TransitiveResult | undefined"
               },
-              "description": "Transitive dependency chain for the selected node"
+              "description": "Transitive dependency chain — plain field, only used for canvas rendering."
             },
             {
               "kind": "field",
@@ -276,7 +299,7 @@
               "type": {
                 "text": "TransitiveResult | undefined"
               },
-              "description": "Transitive dependent chain for the selected node"
+              "description": "Transitive dependent chain — plain field, only used for canvas rendering."
             },
             {
               "kind": "field",
@@ -284,7 +307,10 @@
               "type": {
                 "text": "PreviewFilter | undefined"
               },
-              "description": "Active filter preview (dims non-matching nodes on hover)"
+              "description": "Active filter preview — plain field, only used for canvas rendering.",
+              "parsedType": {
+                "text": "null | { type: 'platform' | 'origin' | 'project' | 'nodeType' | 'package' | 'cluster', value: string } | undefined"
+              }
             },
             {
               "kind": "field",
@@ -292,7 +318,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight direct dependency edges",
+              "description": "Whether to highlight direct dependency edges — attribute-bound via ?show-direct-deps",
               "default": "false",
               "attribute": "show-direct-deps"
             },
@@ -302,7 +328,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight transitive dependency edges",
+              "description": "Whether to highlight transitive dependency edges — attribute-bound via ?show-transitive-deps",
               "default": "false",
               "attribute": "show-transitive-deps"
             },
@@ -312,7 +338,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight direct dependent edges",
+              "description": "Whether to highlight direct dependent edges — attribute-bound via ?show-direct-dependents",
               "default": "false",
               "attribute": "show-direct-dependents"
             },
@@ -322,7 +348,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight transitive dependent edges",
+              "description": "Whether to highlight transitive dependent edges — attribute-bound via ?show-transitive-dependents",
               "default": "false",
               "attribute": "show-transitive-dependents"
             },
@@ -332,24 +358,25 @@
               "type": {
                 "text": "Set<string>"
               },
-              "description": "Set of node IDs that should be visually dimmed",
-              "default": "new Set()"
+              "default": "new Set()",
+              "description": "Set of node IDs that should be visually dimmed"
             },
             {
               "kind": "field",
-              "name": "canvas",
+              "name": "containerEl",
               "type": {
-                "text": "HTMLCanvasElement"
+                "text": "HTMLDivElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "ctx",
+              "name": "scene",
               "type": {
-                "text": "CanvasRenderingContext2D | undefined"
+                "text": "CanvasScene | null"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
@@ -360,62 +387,60 @@
             },
             {
               "kind": "field",
-              "name": "_resize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new ResizeController(this, { callback: () => this.resizeCanvas(), })"
-            },
-            {
-              "kind": "field",
-              "name": "_visibility",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new IntersectionController(this, { callback: (entries) => entries.some((e) => e.isIntersecting), })"
-            },
-            {
-              "kind": "field",
-              "name": "interactionState",
+              "name": "resizeObserver",
               "type": {
-                "text": "InteractionState"
+                "text": "ResizeObserver | null"
               },
               "privacy": "private",
-              "default": "{ pan: { x: window.innerWidth / 2, y: window.innerHeight / 2 }, zoom: 1, isDragging: false, draggedNodeId: null, draggedClusterId: null, lastMousePos: { x: 0, y: 0 }, clickedEmptySpace: false, hasMoved: false, hoveredNode: null, hoveredCluster: null, }"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "manualNodePositions",
+              "name": "resizeRafId",
+              "type": {
+                "text": "number | null"
+              },
               "privacy": "private",
-              "default": "new Map<string, { x: number; y: number }>()"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "manualClusterPositions",
+              "name": "themeObserver",
+              "type": {
+                "text": "MutationObserver | null"
+              },
               "privacy": "private",
-              "default": "new Map<string, { x: number; y: number }>()"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "pathCache",
+              "name": "intersectionObserver",
+              "type": {
+                "text": "IntersectionObserver | null"
+              },
               "privacy": "private",
-              "default": "new Map<string, Path2D>()"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "edgePathCache",
+              "name": "_isVisible",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "default": "new Map<string, Path2D>()"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "nodeWeights",
+              "name": "manualNodePositions",
               "privacy": "private",
-              "default": "new Map<string, number>()"
+              "default": "new Map<string, { x: number; y: number }>()"
             },
             {
               "kind": "field",
-              "name": "nodeMap",
+              "name": "manualClusterPositions",
               "privacy": "private",
-              "default": "new Map<string, GraphNode>()"
+              "default": "new Map<string, { x: number; y: number }>()"
             },
             {
               "kind": "field",
@@ -426,24 +451,6 @@
               "privacy": "private",
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "routedEdgeMapCache",
-              "type": {
-                "text": "Map<string, RoutedEdge> | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "lastRoutedEdgesRef",
-              "type": {
-                "text": "RoutedEdge[] | undefined"
-              },
-              "privacy": "private",
-              "default": "undefined"
-            },
             {
               "kind": "field",
               "name": "theme",
@@ -457,7 +464,7 @@
               "name": "animationLoop",
               "privacy": "private",
               "readonly": true,
-              "default": "new AnimationLoopController(this, { onRender: (timestamp, dt) => this.onFrame(timestamp, dt), shouldAnimate: () => this.isAnimating, isVisible: () => this._visibility.value !== false, })"
+              "default": "new AnimationLoopController(this, { onRender: (timestamp, dt) => this.onFrame(timestamp, dt), shouldAnimate: () => this.isAnimating, isVisible: () => this._isVisible, })"
             },
             {
               "kind": "field",
@@ -496,18 +503,7 @@
               "kind": "field",
               "name": "fadingOutNodes",
               "privacy": "private",
-              "default": "new Map<string, { node: GraphNode; startTime: number }>()"
-            },
-            {
-              "kind": "field",
-              "name": "FADE_OUT_DURATION",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "250"
+              "default": "new Map<string, FadingNode>()"
             },
             {
               "kind": "method",
@@ -520,22 +516,14 @@
                     "text": "PropertyValues<this>"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updatePathCache",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "rebuildNodeMap",
-              "privacy": "private"
+              ],
+              "description": "Detects nodes removed between updates and queues them for fade-out animation."
             },
             {
               "kind": "method",
               "name": "updateNodeAlphaTargets",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Updates opacity animation targets based on current selection and cluster state."
             },
             {
               "kind": "method",
@@ -545,27 +533,14 @@
                 "type": {
                   "text": "Set<string>"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getRoutedEdgeMap",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Map<string, RoutedEdge>"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "getPathForNode",
-              "privacy": "private"
+              },
+              "description": "Returns the cached set of node IDs connected to the selected node."
             },
             {
               "kind": "method",
               "name": "centerGraph",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Centers the pan offset to the middle of the component's bounding rectangle."
             },
             {
               "kind": "method",
@@ -574,22 +549,20 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Adjusts zoom and pan so that all clusters fit within the visible viewport."
             },
             {
               "kind": "method",
-              "name": "getInteractionContext",
+              "name": "scheduleResize",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "InteractionContext"
-                }
-              }
+              "description": "Debounces resize via rAF so the scene resize and re-render happen\nin the same frame, preventing visible flashes during CSS transitions."
             },
             {
               "kind": "method",
-              "name": "resizeCanvas",
-              "privacy": "private"
+              "name": "resizeScene",
+              "privacy": "private",
+              "description": "Resizes the canvas to match the element dimensions."
             },
             {
               "kind": "field",
@@ -598,33 +571,14 @@
             },
             {
               "kind": "field",
-              "name": "handleCanvasMouseDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCanvasMouseMove",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCanvasMouseUp",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCanvasWheel",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCanvasKeyDown",
+              "name": "handleContainerKeyDown",
               "privacy": "private"
             },
             {
               "kind": "method",
               "name": "requestRender",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Schedules a canvas render on the next animation frame."
             },
             {
               "kind": "method",
@@ -649,32 +603,19 @@
                   }
                 }
               ],
-              "description": "Frame callback invoked by AnimationLoopController when a render is needed.\nHandles animation ticking and delegates to renderCanvas()."
+              "description": "Frame callback invoked by AnimationLoopController when a render is needed.\nHandles animation ticking and delegates to renderScene()."
             },
             {
               "kind": "method",
               "name": "updateAnimatingState",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderCanvas",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Recalculates whether the animation loop should remain active based on current state."
             },
             {
               "kind": "method",
-              "name": "renderFadingNodes",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "getMousePos",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "screenToWorld",
-              "privacy": "private"
+              "name": "renderScene",
+              "privacy": "private",
+              "description": "Builds the scene config and delegates rendering to the canvas scene."
             }
           ],
           "events": [
@@ -723,7 +664,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Active search query for dimming non-matching nodes",
+              "description": "Active search query — attribute-bound from parent via search-query=\"...\"",
               "default": "''",
               "fieldName": "searchQuery"
             },
@@ -732,17 +673,11 @@
               "type": {
                 "text": "ViewMode"
               },
-              "description": "Display mode affecting edge visibility",
-              "fieldName": "viewMode"
-            },
-            {
-              "name": "zoom",
-              "type": {
-                "text": "number"
-              },
-              "description": "Current zoom level (affects color saturation and label visibility)",
-              "default": "1",
-              "fieldName": "zoom"
+              "description": "Display mode — attribute-bound from parent via view-mode=\"...\"",
+              "fieldName": "viewMode",
+              "parsedType": {
+                "text": "'full' | 'focused' | 'path' | 'dependents' | 'both'"
+              }
             },
             {
               "name": "enable-animation",
@@ -758,7 +693,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight direct dependency edges",
+              "description": "Whether to highlight direct dependency edges — attribute-bound via ?show-direct-deps",
               "default": "false",
               "fieldName": "showDirectDeps"
             },
@@ -767,7 +702,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight transitive dependency edges",
+              "description": "Whether to highlight transitive dependency edges — attribute-bound via ?show-transitive-deps",
               "default": "false",
               "fieldName": "showTransitiveDeps"
             },
@@ -776,7 +711,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight direct dependent edges",
+              "description": "Whether to highlight direct dependent edges — attribute-bound via ?show-direct-dependents",
               "default": "false",
               "fieldName": "showDirectDependents"
             },
@@ -785,7 +720,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to highlight transitive dependent edges",
+              "description": "Whether to highlight transitive dependent edges — attribute-bound via ?show-transitive-dependents",
               "default": "false",
               "fieldName": "showTransitiveDependents"
             }
@@ -794,7 +729,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "Canvas-based interactive graph visualization",
+          "summary": "Canvas2D interactive graph visualization",
           "tagName": "xcode-graph-canvas",
           "customElement": true
         }
@@ -899,17 +834,20 @@
             {
               "kind": "method",
               "name": "handleZoomIn",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Steps zoom to the next predefined level and dispatches a 'zoom-step' event."
             },
             {
               "kind": "method",
               "name": "handleZoomOut",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Steps zoom to the previous predefined level and dispatches a 'zoom-step' event."
             },
             {
               "kind": "method",
               "name": "handleZoomReset",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Dispatches a 'zoom-reset' event to fit the graph to the viewport."
             },
             {
               "kind": "method",
@@ -922,7 +860,8 @@
                     "text": "WheelEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Stops wheel events from propagating to the canvas zoom handler."
             },
             {
               "kind": "method",
@@ -935,7 +874,8 @@
                     "text": "MouseEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Stops mousedown events from propagating to the canvas drag handler."
             }
           ],
           "events": [
@@ -1164,7 +1104,7 @@
               "description": "Button variant style",
               "default": "'ghost'",
               "attribute": "variant",
-              "expandedType": {
+              "parsedType": {
                 "text": "'ghost' | 'subtle' | 'solid'"
               }
             },
@@ -1177,7 +1117,7 @@
               "description": "Button color scheme",
               "default": "'neutral'",
               "attribute": "color",
-              "expandedType": {
+              "parsedType": {
                 "text": "'neutral' | 'primary' | 'destructive'"
               }
             },
@@ -1190,7 +1130,7 @@
               "description": "Button size",
               "default": "'md'",
               "attribute": "size",
-              "expandedType": {
+              "parsedType": {
                 "text": "'sm' | 'md'"
               }
             },
@@ -1224,7 +1164,7 @@
               "description": "Button variant style",
               "default": "'ghost'",
               "fieldName": "variant",
-              "expandedType": {
+              "parsedType": {
                 "text": "'ghost' | 'subtle' | 'solid'"
               }
             },
@@ -1236,7 +1176,7 @@
               "description": "Button color scheme",
               "default": "'neutral'",
               "fieldName": "color",
-              "expandedType": {
+              "parsedType": {
                 "text": "'neutral' | 'primary' | 'destructive'"
               }
             },
@@ -1248,7 +1188,7 @@
               "description": "Button size",
               "default": "'md'",
               "fieldName": "size",
-              "expandedType": {
+              "parsedType": {
                 "text": "'sm' | 'md'"
               }
             },
@@ -1338,7 +1278,8 @@
             {
               "kind": "method",
               "name": "handleToggle",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Dispatches the toggle-collapse event when the collapse button is clicked"
             }
           ],
           "events": [
@@ -1508,27 +1449,8 @@
                     "text": "string"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderProductTypesIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderPlatformsIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderProjectsIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderPackagesIcon",
-              "privacy": "private"
+              ],
+              "description": "Dispatches an event to expand the sidebar to the given filter section"
             }
           ],
           "events": [
@@ -1725,7 +1647,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the expanded/collapsed state"
             },
             {
               "kind": "field",
@@ -1753,7 +1676,8 @@
                 "type": {
                   "text": "TemplateResult | typeof nothing"
                 }
-              }
+              },
+              "description": "Renders the code signing settings subsection"
             },
             {
               "kind": "method",
@@ -1763,7 +1687,8 @@
                 "type": {
                   "text": "TemplateResult | typeof nothing"
                 }
-              }
+              },
+              "description": "Renders the expanded build settings content"
             }
           ],
           "attributes": [
@@ -1811,7 +1736,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Reusable stats card component for displaying metrics.\nFeatures bold left accent border and monospace typography.\nCan be toggleable for interactive highlight controls.",
+          "description": "Reusable stats card component for displaying metrics.\nCan be toggleable for interactive highlight controls.",
           "name": "GraphStatsCard",
           "members": [
             {
@@ -1871,7 +1796,8 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Dispatches card-toggle event when the card is toggleable and clicked"
             }
           ],
           "events": [
@@ -2100,7 +2026,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the section expanded/collapsed state"
             },
             {
               "kind": "method",
@@ -2113,7 +2040,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches a toggle event for the specified metric card"
             }
           ],
           "events": [
@@ -2303,10 +2231,6 @@
             {
               "description": "Border color on hover (computed from color prop)",
               "name": "--badge-border-hover"
-            },
-            {
-              "description": "Glow color on hover (computed from color prop)",
-              "name": "--badge-glow"
             }
           ],
           "members": [
@@ -2337,7 +2261,7 @@
               "description": "Badge shape variant\n- 'pill': Fully rounded (radii-full)\n- 'rounded': Small border radius (radii-sm)\n- 'accent': Small radius with left accent border",
               "default": "'pill'",
               "attribute": "variant",
-              "expandedType": {
+              "parsedType": {
                 "text": "'pill' | 'rounded' | 'accent'"
               }
             },
@@ -2350,7 +2274,7 @@
               "description": "Badge size\n- 'sm': Smaller text (xs), monospace font\n- 'md': Medium text (sm), body font",
               "default": "'md'",
               "attribute": "size",
-              "expandedType": {
+              "parsedType": {
                 "text": "'sm' | 'md'"
               }
             },
@@ -2363,16 +2287,6 @@
               "description": "Whether the badge has interactive hover states",
               "default": "false",
               "attribute": "interactive"
-            },
-            {
-              "kind": "field",
-              "name": "glow",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether to show glow effect on hover",
-              "default": "false",
-              "attribute": "glow"
             }
           ],
           "attributes": [
@@ -2400,7 +2314,7 @@
               "description": "Badge shape variant\n- 'pill': Fully rounded (radii-full)\n- 'rounded': Small border radius (radii-sm)\n- 'accent': Small radius with left accent border",
               "default": "'pill'",
               "fieldName": "variant",
-              "expandedType": {
+              "parsedType": {
                 "text": "'pill' | 'rounded' | 'accent'"
               }
             },
@@ -2412,7 +2326,7 @@
               "description": "Badge size\n- 'sm': Smaller text (xs), monospace font\n- 'md': Medium text (sm), body font",
               "default": "'md'",
               "fieldName": "size",
-              "expandedType": {
+              "parsedType": {
                 "text": "'sm' | 'md'"
               }
             },
@@ -2424,15 +2338,6 @@
               "description": "Whether the badge has interactive hover states",
               "default": "false",
               "fieldName": "interactive"
-            },
-            {
-              "name": "glow",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether to show glow effect on hover",
-              "default": "false",
-              "fieldName": "glow"
             }
           ],
           "superclass": {
@@ -2506,7 +2411,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Theme color for the icon box glow",
+              "description": "Theme color for the icon box",
               "attribute": "color"
             },
             {
@@ -2522,7 +2427,8 @@
             {
               "kind": "method",
               "name": "handleBack",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles back button click and dispatches back event"
             }
           ],
           "events": [
@@ -2556,7 +2462,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Theme color for the icon box glow",
+              "description": "Theme color for the icon box",
               "fieldName": "color"
             },
             {
@@ -2633,7 +2539,8 @@
                 "type": {
                   "text": "{ prefix: string; value: string; color: string }"
                 }
-              }
+              },
+              "description": "Splits the tag into prefix and value, returning the associated color"
             }
           ],
           "attributes": [
@@ -2722,7 +2629,8 @@
             {
               "kind": "method",
               "name": "handleBack",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles back navigation to parent cluster or dispatches close event"
             }
           ],
           "events": [
@@ -2826,12 +2734,14 @@
             {
               "kind": "method",
               "name": "renderPlatformTargets",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders platform minimum OS version badges"
             },
             {
               "kind": "method",
               "name": "renderDestinations",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders destination device type badges"
             }
           ],
           "attributes": [
@@ -2921,7 +2831,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the section expanded/collapsed state"
             },
             {
               "kind": "field",
@@ -2953,7 +2864,8 @@
             {
               "kind": "method",
               "name": "renderForeignBuild",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the foreign build details section if present"
             },
             {
               "kind": "method",
@@ -2963,7 +2875,8 @@
                 "type": {
                   "text": "TemplateResult"
                 }
-              }
+              },
+              "description": "Renders the expanded node info rows and subsections"
             }
           ],
           "attributes": [
@@ -3011,7 +2924,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Reusable row component for displaying nodes in lists.\nFeatures sharp edges, accent borders, and monospace typography.",
+          "description": "Reusable row component for displaying nodes in lists.",
           "name": "GraphListItemRow",
           "members": [
             {
@@ -3061,17 +2974,20 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles row click and dispatches row-select event"
             },
             {
               "kind": "method",
               "name": "handleMouseEnter",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles mouse enter and dispatches row-hover event"
             },
             {
               "kind": "method",
               "name": "handleMouseLeave",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles mouse leave and dispatches row-hover-end event"
             }
           ],
           "events": [
@@ -3330,7 +3246,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the list expanded/collapsed state"
             },
             {
               "kind": "field",
@@ -3339,38 +3256,22 @@
                 "text": "NodeWithEdge[]"
               },
               "privacy": "private",
+              "description": "Returns the resolved item list, supporting both items and legacy nodes props",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "getNodeSubtitle",
+              "name": "renderKindBadge",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
               "parameters": [
                 {
-                  "name": "node",
+                  "name": "item",
                   "type": {
-                    "text": "GraphNode"
+                    "text": "NodeWithEdge"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderKindBadge",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "NodeWithEdge"
-                  }
-                }
-              ]
+              ],
+              "description": "Renders a dependency kind badge for the given item"
             },
             {
               "kind": "method",
@@ -3642,7 +3543,7 @@
               "name": "focusTrap",
               "privacy": "private",
               "readonly": true,
-              "default": "new FocusTrapController(this, { isActive: () => !!this.node, onDeactivate: () => this.bubbleEvent('close'), escapeDeactivates: true, clickOutsideDeactivates: true, })"
+              "default": "new FocusTrapController(this, { isActive: () => Boolean(this.node), onDeactivate: () => this.bubbleEvent('close'), escapeDeactivates: true, clickOutsideDeactivates: true, })"
             },
             {
               "kind": "field",
@@ -3668,7 +3569,8 @@
                     "text": "unknown"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches a composed bubbling custom event with the given name and detail"
             }
           ],
           "events": [
@@ -3916,7 +3818,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the expanded/collapsed state"
             },
             {
               "kind": "field",
@@ -4083,7 +3986,8 @@
                 "type": {
                   "text": "SourceType"
                 }
-              }
+              },
+              "description": "Determines the source type (Local/Registry/Git) from the cluster path"
             },
             {
               "kind": "method",
@@ -4093,12 +3997,14 @@
                 "type": {
                   "text": "string"
                 }
-              }
+              },
+              "description": "Extracts a shortened display path from the full cluster path"
             },
             {
               "kind": "method",
               "name": "handleCopyPath",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Copies the full cluster path to the clipboard"
             }
           ],
           "events": [
@@ -4278,7 +4184,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the expanded/collapsed state"
             },
             {
               "kind": "method",
@@ -4291,12 +4198,14 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches a toggle event for the given stats card"
             },
             {
               "kind": "method",
               "name": "renderTargetBreakdown",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the target type breakdown badges"
             },
             {
               "kind": "method",
@@ -4306,7 +4215,8 @@
                 "type": {
                   "text": "TemplateResult"
                 }
-              }
+              },
+              "description": "Renders the expanded stats content with cards and breakdowns"
             }
           ],
           "events": [
@@ -4494,7 +4404,8 @@
             {
               "kind": "method",
               "name": "toggleExpanded",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the expanded/collapsed state"
             },
             {
               "kind": "field",
@@ -4513,7 +4424,8 @@
                 "type": {
                   "text": "ClusterListItem[]"
                 }
-              }
+              },
+              "description": "Builds a flat list of headers and nodes for virtualized rendering"
             },
             {
               "kind": "method",
@@ -4531,7 +4443,8 @@
                     "text": "{\n    dependencies: number;\n    dependents: number;\n  }"
                   }
                 }
-              ]
+              ],
+              "description": "Formats dependency and dependent counts into a subtitle string"
             },
             {
               "kind": "method",
@@ -4763,7 +4676,7 @@
               "name": "focusTrap",
               "privacy": "private",
               "readonly": true,
-              "default": "new FocusTrapController(this, { isActive: () => !!this.cluster, onDeactivate: () => this.bubbleEvent('close'), escapeDeactivates: true, clickOutsideDeactivates: true, })"
+              "default": "new FocusTrapController(this, { isActive: () => Boolean(this.cluster), onDeactivate: () => this.bubbleEvent('close'), escapeDeactivates: true, clickOutsideDeactivates: true, })"
             },
             {
               "kind": "field",
@@ -4804,7 +4717,8 @@
                     "text": "unknown"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches a bubbling composed custom event"
             }
           ],
           "events": [
@@ -4902,7 +4816,8 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles the click event and dispatches clear-filters"
             }
           ],
           "events": [
@@ -4958,7 +4873,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Input field for filtering nodes by name/text search.\nFeatures sharp edges, dramatic focus glow, and animated icon.",
+          "description": "Input field for filtering nodes by name/text search.",
           "name": "GraphSearchBar",
           "members": [
             {
@@ -5007,12 +4922,14 @@
                     "text": "Event"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches search-change with the current input value"
             },
             {
               "kind": "method",
               "name": "handleClear",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Dispatches search-clear to reset the search input"
             },
             {
               "kind": "method",
@@ -5025,7 +4942,8 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Clears the search and blurs the input when Escape is pressed"
             }
           ],
           "events": [
@@ -5157,8 +5075,8 @@
               },
               "description": "The type of filter this section controls",
               "attribute": "filter-type",
-              "expandedType": {
-                "text": "'nodeType' | 'platform' | 'project' | 'package'"
+              "parsedType": {
+                "text": "'platform' | 'project' | 'nodeType' | 'package'"
               }
             },
             {
@@ -5173,7 +5091,8 @@
             {
               "kind": "method",
               "name": "handleToggle",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Dispatches section-toggle event when header is clicked"
             },
             {
               "kind": "method",
@@ -5192,7 +5111,8 @@
                     "text": "boolean"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches item-toggle event when a checkbox item is toggled"
             },
             {
               "kind": "method",
@@ -5205,7 +5125,8 @@
                     "text": "FilterItem | null"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches preview-change event on item hover for filter preview"
             },
             {
               "kind": "method",
@@ -5230,7 +5151,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the appropriate icon for a filter item based on filter type"
             },
             {
               "kind": "method",
@@ -5243,7 +5165,8 @@
                     "text": "FilterItem"
                   }
                 }
-              ]
+              ],
+              "description": "Renders a single filter item as a toggleable button"
             }
           ],
           "events": [
@@ -5309,8 +5232,8 @@
               },
               "description": "The type of filter this section controls",
               "fieldName": "filterType",
-              "expandedType": {
-                "text": "'nodeType' | 'platform' | 'project' | 'package'"
+              "parsedType": {
+                "text": "'platform' | 'project' | 'nodeType' | 'package'"
               }
             },
             {
@@ -5371,17 +5294,8 @@
             {
               "kind": "method",
               "name": "handleClearFilters",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderSearchIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderClearIcon",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles the clear filters button click"
             }
           ],
           "events": [
@@ -5514,7 +5428,8 @@
                     "text": "string | null"
                   }
                 }
-              ]
+              ],
+              "description": "Finds an existing cluster or synthesizes one from matching nodes"
             },
             {
               "kind": "field",
@@ -5555,12 +5470,14 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Updates the global search query signal when the search bar value changes."
             },
             {
               "kind": "method",
               "name": "handleClearFilters",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Resets all filters and clears the search query"
             },
             {
               "kind": "method",
@@ -5585,7 +5502,8 @@
                     "text": "boolean"
                   }
                 }
-              ]
+              ],
+              "description": "Toggles a single filter item on or off within its filter category"
             },
             {
               "kind": "method",
@@ -5598,12 +5516,14 @@
                     "text": "PreviewFilter"
                   }
                 }
-              ]
+              ],
+              "description": "Updates the global preview filter signal to highlight matching nodes on the canvas."
             },
             {
               "kind": "method",
               "name": "handleToggleCollapse",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the sidebar between collapsed and expanded states"
             },
             {
               "kind": "method",
@@ -5616,7 +5536,8 @@
                     "text": "SidebarSection"
                   }
                 }
-              ]
+              ],
+              "description": "Toggles a filter section between expanded and collapsed"
             },
             {
               "kind": "method",
@@ -5629,7 +5550,8 @@
                     "text": "SidebarSection"
                   }
                 }
-              ]
+              ],
+              "description": "Expands the sidebar, clears selection, and scrolls to the given filter section"
             },
             {
               "kind": "method",
@@ -5642,7 +5564,8 @@
                     "text": "ReturnType<typeof filters.get>"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the collapsed sidebar icon bar with filter badges"
             },
             {
               "kind": "method",
@@ -5667,7 +5590,8 @@
                     "text": "{\n      activeDirectDeps: boolean;\n      activeTransitiveDeps: boolean;\n      activeDirectDependents: boolean;\n      activeTransitiveDependents: boolean;\n    }"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the node details panel with dependency highlight toggles"
             },
             {
               "kind": "method",
@@ -5692,7 +5616,8 @@
                     "text": "{\n      activeDirectDeps: boolean;\n      activeDirectDependents: boolean;\n    }"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the cluster details panel with dependency highlight toggles"
             },
             {
               "kind": "method",
@@ -5705,7 +5630,8 @@
                     "text": "FilterViewOptions"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the filter view with search bar, stats, and filter sections"
             },
             {
               "kind": "method",
@@ -5736,17 +5662,20 @@
                     "text": "FilterItemsGroup"
                   }
                 }
-              ]
+              ],
+              "description": "Renders the product types, platforms, projects, and packages filter sections"
             },
             {
               "kind": "method",
               "name": "handleBackToFilters",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Clears both node and cluster selection to return to the filter view."
             },
             {
               "kind": "method",
               "name": "renderDetailsToolbar",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the toolbar with back-to-filters breadcrumb and collapse button"
             },
             {
               "kind": "method",
@@ -5759,7 +5688,8 @@
                     "text": "ExpandedContentOptions"
                   }
                 }
-              ]
+              ],
+              "description": "Renders expanded content: node details, cluster details, or filter view"
             }
           ],
           "superclass": {
@@ -6036,7 +5966,8 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Handles the dismiss event with slide-out animation"
             },
             {
               "kind": "method",
@@ -6046,7 +5977,8 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Handles the action button click"
             }
           ],
           "events": [
@@ -6129,7 +6061,8 @@
                     "text": "CustomEvent<{ errorId: string }>"
                   }
                 }
-              ]
+              ],
+              "description": "Dismisses an error toast by forwarding the error ID to the error service."
             },
             {
               "kind": "method",
@@ -6147,7 +6080,8 @@
                     "text": "CustomEvent<{ error: AppError }>"
                   }
                 }
-              ]
+              ],
+              "description": "Executes the action associated with an error toast (e.g. retry)."
             }
           ],
           "superclass": {
@@ -6199,7 +6133,8 @@
             {
               "kind": "method",
               "name": "handleClick",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Opens the hidden file input dialog"
             },
             {
               "kind": "method",
@@ -6212,7 +6147,8 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles keyboard activation (Enter/Space) to open file dialog"
             },
             {
               "kind": "method",
@@ -6225,7 +6161,8 @@
                     "text": "Event"
                   }
                 }
-              ]
+              ],
+              "description": "Handles file input change and reads the selected file"
             },
             {
               "kind": "method",
@@ -6238,12 +6175,14 @@
                     "text": "DragEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles dragover to enable drop and show visual feedback"
             },
             {
               "kind": "method",
               "name": "handleDragLeave",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles dragleave to reset visual feedback"
             },
             {
               "kind": "method",
@@ -6256,7 +6195,8 @@
                     "text": "DragEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles file drop and reads the dropped file"
             },
             {
               "kind": "method",
@@ -6269,7 +6209,8 @@
                     "text": "File"
                   }
                 }
-              ]
+              ],
+              "description": "Reads a file as text, parses JSON, and dispatches graph-file-loaded event"
             }
           ],
           "events": [
@@ -6359,7 +6300,7 @@
               },
               "description": "Color scheme preference. Set to `'light'` or `'dark'` to force a mode,\nor `'auto'` (default) to follow the user's system preference.",
               "attribute": "color-scheme",
-              "expandedType": {
+              "parsedType": {
                 "text": "'light' | 'dark' | 'auto'"
               }
             },
@@ -6416,7 +6357,8 @@
                     "text": "GraphEdge[]"
                   }
                 }
-              ]
+              ],
+              "description": "Recomputes graph services and circular dependency analysis when data changes."
             },
             {
               "kind": "method",
@@ -6444,7 +6386,8 @@
                     "text": "'light' | 'dark'"
                   }
                 }
-              ]
+              ],
+              "description": "Sets the `data-theme` attribute on the host element to the given theme."
             },
             {
               "kind": "method",
@@ -6454,7 +6397,8 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Pushes current nodes and edges into global signals and refreshes the graph data service."
             },
             {
               "kind": "method",
@@ -6486,7 +6430,8 @@
                     "text": "CustomEvent<{ raw: unknown }>"
                   }
                 }
-              ]
+              ],
+              "description": "Handles the `graph-file-loaded` event from the file upload component."
             }
           ],
           "attributes": [
@@ -6505,7 +6450,7 @@
               },
               "description": "Color scheme preference. Set to `'light'` or `'dark'` to force a mode,\nor `'auto'` (default) to follow the user's system preference.",
               "fieldName": "colorScheme",
-              "expandedType": {
+              "parsedType": {
                 "text": "'light' | 'dark' | 'auto'"
               }
             }
@@ -6538,6 +6483,29 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ColorScheme",
+          "declaration": {
+            "name": "ColorScheme",
+            "module": "./xcode-graph"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphApp",
+          "declaration": {
+            "name": "GraphApp",
+            "module": "./xcode-graph"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/graph/components/graph-edge.ts",
@@ -6630,7 +6598,8 @@
             {
               "kind": "method",
               "name": "resolveEdgeProps",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Resolves edge properties by merging declared values with defaults."
             }
           ],
           "attributes": [
@@ -6739,7 +6708,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "Generates and renders a cached parallax starfield on a canvas.",
           "name": "Starfield",
           "members": [
             {
@@ -6925,7 +6894,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Star"
+                  "text": ""
                 }
               },
               "parameters": [
@@ -6933,33 +6902,39 @@
                   "name": "isBright",
                   "type": {
                     "text": "boolean"
-                  }
+                  },
+                  "description": "Whether the star should use bright star parameters."
                 },
                 {
                   "name": "spanX",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Horizontal spawn region width."
                 },
                 {
                   "name": "spanY",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Vertical spawn region height."
                 },
                 {
                   "name": "offsetX",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Horizontal offset to center the spawn region."
                 },
                 {
                   "name": "offsetY",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Vertical offset to center the spawn region."
                 }
-              ]
+              ],
+              "description": "Creates a single star with randomized position, size, opacity, and color."
             },
             {
               "kind": "method",
@@ -6975,15 +6950,18 @@
                   "name": "panX",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Rounded camera X offset in world space."
                 },
                 {
                   "name": "panY",
                   "type": {
                     "text": "number"
-                  }
+                  },
+                  "description": "Rounded camera Y offset in world space."
                 }
-              ]
+              ],
+              "description": "Renders all stars with parallax offsets to an OffscreenCanvas cache."
             },
             {
               "kind": "field",
@@ -7056,6 +7034,101 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/graph/components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/graph/components/canvas"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphCanvas",
+          "declaration": {
+            "name": "GraphCanvas",
+            "module": "./graph-canvas"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphEdge",
+          "declaration": {
+            "name": "GraphEdge",
+            "module": "./graph-edge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphHiddenDom",
+          "declaration": {
+            "name": "GraphHiddenDom",
+            "module": "./graph-hidden-dom"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphBackground",
+          "declaration": {
+            "name": "GraphBackground",
+            "module": "./graph-overlays"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphControls",
+          "declaration": {
+            "name": "GraphControls",
+            "module": "./graph-overlays"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphEmptyStateOverlay",
+          "declaration": {
+            "name": "GraphEmptyStateOverlay",
+            "module": "./graph-overlays"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphInstructions",
+          "declaration": {
+            "name": "GraphInstructions",
+            "module": "./graph-overlays"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Star",
+          "declaration": {
+            "name": "Star",
+            "module": "./starfield"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "StarfieldOptions",
+          "declaration": {
+            "name": "StarfieldOptions",
+            "module": "./starfield"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Starfield",
+          "declaration": {
+            "name": "Starfield",
+            "module": "./starfield"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/ui/components/action-button.ts",
@@ -7093,8 +7166,8 @@
               "description": "Button color variant",
               "default": "'neutral'",
               "attribute": "variant",
-              "expandedType": {
-                "text": "'primary' | 'success' | 'warning' | 'neutral'"
+              "parsedType": {
+                "text": "'neutral' | 'primary' | 'success' | 'warning'"
               }
             },
             {
@@ -7137,8 +7210,8 @@
               "description": "Button color variant",
               "default": "'neutral'",
               "fieldName": "variant",
-              "expandedType": {
-                "text": "'primary' | 'success' | 'warning' | 'neutral'"
+              "parsedType": {
+                "text": "'neutral' | 'primary' | 'success' | 'warning'"
               }
             },
             {
@@ -7233,8 +7306,8 @@
               "description": "Alert variant (determines color scheme)",
               "default": "'info'",
               "attribute": "variant",
-              "expandedType": {
-                "text": "'warning' | 'error' | 'info' | 'success'"
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'info'"
               }
             },
             {
@@ -7279,7 +7352,8 @@
             {
               "kind": "method",
               "name": "handleDismiss",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles the dismiss event and hides the banner"
             }
           ],
           "events": [
@@ -7300,8 +7374,8 @@
               "description": "Alert variant (determines color scheme)",
               "default": "'info'",
               "fieldName": "variant",
-              "expandedType": {
-                "text": "'warning' | 'error' | 'info' | 'success'"
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'info'"
               }
             },
             {
@@ -7366,7 +7440,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Displays package/project badge with sharp styling and monospace typography.\nWrapper around graph-badge with container styling.",
+          "description": "Displays package/project badge with accent styling and monospace typography.\nWrapper around graph-badge with container styling.",
           "name": "GraphClusterTypeBadge",
           "members": [
             {
@@ -7482,30 +7556,14 @@
             {
               "kind": "method",
               "name": "handleToggleExpand",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the expanded details view"
             },
             {
               "kind": "method",
               "name": "handleDismiss",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "formatCycle",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "cycle",
-                  "type": {
-                    "text": "string[]"
-                  }
-                }
-              ]
+              "description": "Handles the dismiss event and hides the warning"
             }
           ],
           "events": [
@@ -7563,8 +7621,8 @@
               "description": "The icon name to render",
               "default": "'product-types'",
               "attribute": "name",
-              "expandedType": {
-                "text": "'product-types' | 'platforms' | 'projects' | 'packages'"
+              "parsedType": {
+                "text": "'platforms' | 'projects' | 'packages' | 'product-types'"
               }
             },
             {
@@ -7580,22 +7638,26 @@
             {
               "kind": "method",
               "name": "renderProductTypes",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the product types grid icon"
             },
             {
               "kind": "method",
               "name": "renderPlatforms",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the platforms grid icon"
             },
             {
               "kind": "method",
               "name": "renderProjects",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the projects folder icon"
             },
             {
               "kind": "method",
               "name": "renderPackages",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Renders the packages box icon"
             }
           ],
           "attributes": [
@@ -7607,8 +7669,8 @@
               "description": "The icon name to render",
               "default": "'product-types'",
               "fieldName": "name",
-              "expandedType": {
-                "text": "'product-types' | 'platforms' | 'projects' | 'packages'"
+              "parsedType": {
+                "text": "'platforms' | 'projects' | 'packages' | 'product-types'"
               }
             },
             {
@@ -7649,31 +7711,403 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/ui/components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ActionButtonVariant",
+          "declaration": {
+            "name": "ActionButtonVariant",
+            "module": "./action-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphActionButton",
+          "declaration": {
+            "name": "GraphActionButton",
+            "module": "./action-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AlertBannerVariant",
+          "declaration": {
+            "name": "AlertBannerVariant",
+            "module": "./alert-banner"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphAlertBanner",
+          "declaration": {
+            "name": "GraphAlertBanner",
+            "module": "./alert-banner"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BadgeSize",
+          "declaration": {
+            "name": "BadgeSize",
+            "module": "./badge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BadgeVariant",
+          "declaration": {
+            "name": "BadgeVariant",
+            "module": "./badge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphBadge",
+          "declaration": {
+            "name": "GraphBadge",
+            "module": "./badge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphBuildSettings",
+          "declaration": {
+            "name": "GraphBuildSettings",
+            "module": "./build-settings"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClearFiltersButton",
+          "declaration": {
+            "name": "GraphClearFiltersButton",
+            "module": "./clear-filters-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterComposition",
+          "declaration": {
+            "name": "GraphClusterComposition",
+            "module": "./cluster-composition"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterDetailsPanel",
+          "declaration": {
+            "name": "GraphClusterDetailsPanel",
+            "module": "./cluster-details-panel"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterHeader",
+          "declaration": {
+            "name": "GraphClusterHeader",
+            "module": "./cluster-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterStats",
+          "declaration": {
+            "name": "GraphClusterStats",
+            "module": "./cluster-stats"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterTargetsList",
+          "declaration": {
+            "name": "GraphClusterTargetsList",
+            "module": "./cluster-targets-list"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphClusterTypeBadge",
+          "declaration": {
+            "name": "GraphClusterTypeBadge",
+            "module": "./cluster-type-badge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphCycleWarning",
+          "declaration": {
+            "name": "GraphCycleWarning",
+            "module": "./cycle-warning"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphDeploymentTargets",
+          "declaration": {
+            "name": "GraphDeploymentTargets",
+            "module": "./deployment-targets"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphEmptyState",
+          "declaration": {
+            "name": "GraphEmptyState",
+            "module": "./empty-state"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphErrorToast",
+          "declaration": {
+            "name": "GraphErrorToast",
+            "module": "./error-toast"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphFileUpload",
+          "declaration": {
+            "name": "GraphFileUpload",
+            "module": "./file-upload"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FilterIconName",
+          "declaration": {
+            "name": "FilterIconName",
+            "module": "./filter-icon"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphFilterIcon",
+          "declaration": {
+            "name": "GraphFilterIcon",
+            "module": "./filter-icon"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FilterItem",
+          "declaration": {
+            "name": "FilterItem",
+            "module": "./filter-section"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FilterType",
+          "declaration": {
+            "name": "FilterType",
+            "module": "./filter-section"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphFilterSection",
+          "declaration": {
+            "name": "GraphFilterSection",
+            "module": "./filter-section"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconButtonColor",
+          "declaration": {
+            "name": "IconButtonColor",
+            "module": "./icon-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconButtonSize",
+          "declaration": {
+            "name": "IconButtonSize",
+            "module": "./icon-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconButtonVariant",
+          "declaration": {
+            "name": "IconButtonVariant",
+            "module": "./icon-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphIconButton",
+          "declaration": {
+            "name": "GraphIconButton",
+            "module": "./icon-button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphInfoRow",
+          "declaration": {
+            "name": "GraphInfoRow",
+            "module": "./info-row"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphListItemRow",
+          "declaration": {
+            "name": "GraphListItemRow",
+            "module": "./list-item-row"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphMetricsSection",
+          "declaration": {
+            "name": "GraphMetricsSection",
+            "module": "./metrics-section"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphNodeDetailsPanel",
+          "declaration": {
+            "name": "GraphNodeDetailsPanel",
+            "module": "./node-details-panel"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphNodeHeader",
+          "declaration": {
+            "name": "GraphNodeHeader",
+            "module": "./node-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphNodeInfo",
+          "declaration": {
+            "name": "GraphNodeInfo",
+            "module": "./node-info"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphNodeList",
+          "declaration": {
+            "name": "GraphNodeList",
+            "module": "./node-list"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NodeListEventsBase",
+          "declaration": {
+            "name": "NodeListEventsBase",
+            "module": "./node-list-base"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphPanelHeader",
+          "declaration": {
+            "name": "GraphPanelHeader",
+            "module": "./panel-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphRightSidebar",
+          "declaration": {
+            "name": "GraphRightSidebar",
+            "module": "./right-sidebar"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphCollapsedSidebar",
+          "declaration": {
+            "name": "GraphCollapsedSidebar",
+            "module": "./right-sidebar-collapsed"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphRightSidebarHeader",
+          "declaration": {
+            "name": "GraphRightSidebarHeader",
+            "module": "./right-sidebar-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphSearchBar",
+          "declaration": {
+            "name": "GraphSearchBar",
+            "module": "./search-bar"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphSectionHeader",
+          "declaration": {
+            "name": "GraphSectionHeader",
+            "module": "./section-header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphSidebarCollapseIcon",
+          "declaration": {
+            "name": "GraphSidebarCollapseIcon",
+            "module": "./sidebar-collapse-icon"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphStatsCard",
+          "declaration": {
+            "name": "GraphStatsCard",
+            "module": "./stats-card"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphTagBadge",
+          "declaration": {
+            "name": "GraphTagBadge",
+            "module": "./tag-badge"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphErrorNotificationContainer",
+          "declaration": {
+            "name": "GraphErrorNotificationContainer",
+            "module": "./toast-container"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/ui/layout/header.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Top header component with bold identity. Features scan line effect,\nglowing logo, and monospace typography.",
+          "description": "Top header component with logo and breadcrumb navigation.",
           "name": "GraphHeader",
-          "members": [
-            {
-              "kind": "method",
-              "name": "renderSelectorIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderSlashIcon",
-              "privacy": "private"
-            }
-          ],
+          "members": [],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "Mission control themed header bar",
+          "summary": "Application header bar",
           "tagName": "xcode-graph-header",
           "customElement": true
         }
@@ -7760,7 +8194,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Left sidebar navigation with staggered entrance animations.\nFeatures noise texture, accent borders, and monospace typography.",
+          "description": "Left sidebar navigation with tab items.",
           "name": "GraphSidebar",
           "members": [
             {
@@ -7811,12 +8245,14 @@
                     "text": "ActiveTabType"
                   }
                 }
-              ]
+              ],
+              "description": "Dispatches a tab-change event when a navigation item is clicked"
             },
             {
               "kind": "method",
               "name": "toggleCollapse",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Toggles the sidebar between collapsed and expanded states"
             }
           ],
           "events": [
@@ -7889,6 +8325,45 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ui/layout/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GraphTab",
+          "declaration": {
+            "name": "GraphTab",
+            "module": "./graph-tab"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphHeader",
+          "declaration": {
+            "name": "GraphHeader",
+            "module": "./header"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphPlaceholderTab",
+          "declaration": {
+            "name": "GraphPlaceholderTab",
+            "module": "./placeholder-tab"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GraphSidebar",
+          "declaration": {
+            "name": "GraphSidebar",
+            "module": "./sidebar"
+          }
+        }
+      ]
     }
   ]
 }