@zbigniewsobiecki/squint 1.0.0

package/ui/dist/assets/index-Db204Xn1.css

@@ -0,0 +1 @@
+:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d2d;--bg-elevated: #3c3c3c;--bg-hover: #2d2d2d;--border-primary: #3c3c3c;--border-secondary: #4a4a4a;--border-highlight: #4fc1ff;--text-primary: #d4d4d4;--text-secondary: #e0e0e0;--text-muted: #858585;--text-dimmed: #666;--accent-blue: #4fc1ff;--accent-green: #6a9955;--accent-orange: #ce9178;--accent-purple: #c586c0;--accent-yellow: #dcdcaa;--kind-function: #3d5a80;--kind-function-text: #a8d0e6;--kind-class: #5a3d80;--kind-class-text: #d0a8e6;--kind-interface: #3d8050;--kind-interface-text: #a8e6b4;--kind-type: #806a3d;--kind-type-text: #e6d4a8;--kind-variable: #803d3d;--kind-variable-text: #e6a8a8;--kind-enum: #3d6880;--kind-enum-text: #a8cce6;--kind-method: #4a6670;--kind-method-text: #b8d4dc;--hierarchy-directory: #2d4a5a;--hierarchy-file: #3d4a5a;--domain-bg: #2d4a5a;--domain-text: #8cc4d4;--pure-bg: #2d5a3d;--pure-text: #8cd4a8;--side-effects-bg: #5a3d2d;--side-effects-text: #d4a88c;--shadow-tooltip: 0 2px 8px rgba(0, 0, 0, .3);--transition-fast: .2s;--transition-normal: .3s;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-pill: 10px;--radius-full: 50%;--flow-color-1: #4fc1ff;--flow-color-2: #ce9178;--flow-color-3: #6a9955;--flow-color-4: #c586c0;--flow-color-5: #dcdcaa;--flow-color-6: #9cdcfe;--flow-color-7: #d7ba7d;--flow-color-8: #b5cea8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:14px}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted)}.empty-state h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.keyboard-hint{position:absolute;bottom:12px;right:12px;font-size:10px;color:var(--text-dimmed);background:#252526e6;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.keyboard-hint kbd{background:var(--bg-elevated);padding:2px 5px;border-radius:var(--radius-sm);margin:0 2px}.hidden{display:none!important}.container{display:flex;flex-direction:column;height:100vh}header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}header h1{font-size:18px;font-weight:600;color:var(--text-secondary)}.stats{display:flex;gap:var(--spacing-lg);margin-left:auto;font-size:13px;color:var(--text-muted)}.stat{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-value{color:var(--accent-blue);font-weight:500}.stat-value.annotated{color:var(--accent-green)}.graph-container{flex:1;position:relative;overflow:hidden}.graph-container svg{width:100%;height:100%}.list-view{padding:var(--spacing-xl);overflow-y:auto;height:100%}.list-view h2{color:var(--text-secondary);font-size:16px;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.list-view .view-stats{font-size:12px;color:var(--text-muted);font-weight:400}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.flows-dag-container{display:flex;height:100%;overflow:hidden}.flows-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;transition:margin-left var(--transition-normal) ease;overflow:hidden}.flows-sidebar.collapsed{margin-left:-280px}.flows-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.flows-sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;flex:1}.flows-sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.flows-dag-main{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}.flows-dag-main svg{width:100%;height:100%}.sidebar-expand-btn{position:absolute;left:8px;top:8px;background:var(--bg-elevated);border:none;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;display:none;align-items:center;justify-content:center;z-index:10}.sidebar-expand-btn:hover{background:var(--border-secondary);color:var(--text-primary)}.flows-sidebar.collapsed+.flows-dag-main .sidebar-expand-btn{display:flex}.module-tree{padding:var(--spacing-xl);overflow-y:auto;height:100%}.module-tree h2{color:var(--text-secondary);font-size:16px;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.module-tree .view-stats{font-size:12px;color:var(--text-muted);font-weight:400}.tree-container{position:relative}.symbols-container{display:flex;height:100%;overflow:hidden}.symbols-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;transition:margin-left var(--transition-normal) ease;overflow:hidden}.symbols-sidebar.collapsed{margin-left:-280px}.symbols-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.symbols-sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;flex:1}.symbols-search{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary)}.symbols-search input{width:100%;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);padding:6px 10px;font-size:12px;outline:none;box-sizing:border-box}.symbols-search input:focus{border-color:var(--accent-blue)}.symbols-search input::placeholder{color:var(--text-dimmed)}.symbols-sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.symbol-kind-header{padding:var(--spacing-sm) var(--spacing-lg);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);position:sticky;top:0;z-index:1}.symbol-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.symbol-item:hover{background:var(--bg-tertiary)}.symbol-item.selected{background:#2a3540}.symbol-item-kind{font-size:9px;padding:2px 5px;border-radius:var(--radius-sm);font-weight:500;min-width:50px;text-align:center;flex-shrink:0}.symbol-item-name{font-size:12px;color:var(--text-primary);font-family:var(--font-mono);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-item-file{font-size:10px;color:var(--text-dimmed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.symbols-main{flex:1;position:relative;overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.symbols-main svg{width:100%;flex:1}.symbols-sidebar.collapsed+.symbols-main .sidebar-expand-btn{display:flex}.view-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-primary);border-radius:var(--radius-md);padding:2px}.view-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:background var(--transition-fast),color var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.relationship-filters{display:none;gap:6px;align-items:center}.relationship-filters.visible{display:flex}.filter-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);font-size:11px;cursor:pointer;border:1px solid;transition:opacity var(--transition-fast)}.filter-chip.active{opacity:1}.filter-chip.inactive{opacity:.4}.filter-chip .chip-dot{width:8px;height:8px;border-radius:var(--radius-full)}.legend{position:absolute;bottom:16px;left:16px;background:#252526e6;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:11px}.legend-title{color:var(--text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.legend-circle{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--border-primary)}.legend-circle.greyed{opacity:.3}.tooltip{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:12px;pointer-events:none;z-index:1000;max-width:450px;box-shadow:var(--shadow-tooltip)}.tooltip .name{font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.tooltip .kind{display:inline-block;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:500;margin-right:6px}.tooltip .lines{font-size:10px;color:var(--text-muted)}.tooltip .location{color:var(--text-muted);font-size:11px}.tooltip .semantic{color:var(--accent-orange);font-size:11px;margin-top:var(--spacing-xs);font-style:italic}.tooltip .domains{margin:6px 0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tooltip .domain-tag{background:var(--domain-bg);color:var(--domain-text);font-size:10px;padding:2px 6px;border-radius:var(--radius-sm)}.tooltip .pure{font-size:10px;margin:var(--spacing-xs) 0;padding:2px 6px;border-radius:var(--radius-sm);display:inline-block}.tooltip .pure.is-pure{background:var(--pure-bg);color:var(--pure-text)}.tooltip .pure.has-side-effects{background:var(--side-effects-bg);color:var(--side-effects-text)}.tooltip .purpose{color:var(--text-primary);font-size:11px;margin-top:6px;line-height:1.4;border-top:1px solid var(--border-secondary);padding-top:6px}.kind-function{background:var(--kind-function);color:var(--kind-function-text)}.kind-class{background:var(--kind-class);color:var(--kind-class-text)}.kind-interface{background:var(--kind-interface);color:var(--kind-interface-text)}.kind-type{background:var(--kind-type);color:var(--kind-type-text)}.kind-variable,.kind-const{background:var(--kind-variable);color:var(--kind-variable-text)}.kind-enum{background:var(--kind-enum);color:var(--kind-enum-text)}.kind-method{background:var(--kind-method);color:var(--kind-method-text)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.card:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.card.expanded{grid-column:1 / -1}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-sm)}.card-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.card-badge{font-size:10px;padding:2px 8px;border-radius:var(--radius-pill);font-weight:500}.card-description{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.4}.card-meta{display:flex;gap:var(--spacing-lg);font-size:11px;color:var(--text-dimmed)}.card-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.card-meta-value{color:var(--accent-blue)}.card-members{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);display:none}.card.expanded .card-members{display:block}.card-members h4{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.member-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 8px;background:var(--bg-primary);border-radius:var(--radius-md);font-size:12px}.member-kind{font-size:9px;padding:2px 5px;border-radius:var(--radius-sm);font-weight:500;min-width:50px;text-align:center}.member-name{color:var(--text-primary);font-family:var(--font-mono)}.member-file{color:var(--text-dimmed);margin-left:auto;font-size:10px}.step-number{width:20px;height:20px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-muted);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-arrow{color:var(--border-secondary);margin:0 var(--spacing-xs)}.modules-crossed{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.module-tag{font-size:10px;padding:2px 6px;background:var(--domain-bg);color:var(--domain-text);border-radius:var(--radius-sm)}.sidebar-toggle-btn{background:var(--bg-elevated);border:none;color:var(--text-muted);width:24px;height:24px;border-radius:var(--radius-md);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background:var(--border-secondary);color:var(--text-primary)}.flow-domain-group{margin-bottom:var(--spacing-sm)}.flow-domain-header{padding:var(--spacing-sm) var(--spacing-lg);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);position:sticky;top:0;z-index:1}.flow-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.flow-item:hover{background:var(--bg-tertiary)}.flow-item.selected{background:#2a3540}.flow-checkbox{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-blue)}.flow-color-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.flow-name{font-size:12px;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-step-count{font-size:10px;color:var(--text-dimmed);padding:2px 6px;background:var(--bg-elevated);border-radius:var(--radius-pill)}.flow-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.flow-description{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steps-flow-description{padding:var(--spacing-sm) var(--spacing-lg);font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.steps-back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;color:var(--accent-blue);font-size:12px;border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.steps-back-btn:hover{background:var(--bg-tertiary)}.steps-back-btn .back-icon{font-size:14px}.steps-flow-title{padding:var(--spacing-md) var(--spacing-lg);font-size:13px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.step-item{display:flex;align-items:flex-start;gap:10px;padding:10px var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--bg-tertiary)}.step-item:hover{background:var(--bg-tertiary)}.step-item:last-child{border-bottom:none}.step-content{flex:1;min-width:0}.step-name{font-size:12px;color:var(--text-primary);margin-bottom:2px;word-break:break-word}.step-modules{font-size:10px;color:var(--text-muted)}.step-item.step-tree{flex-direction:column;align-items:stretch;gap:0}.step-tree-header{display:flex;align-items:flex-start;gap:10px}.step-semantic{font-size:12px;color:var(--text-primary);flex:1;word-break:break-word;line-height:1.4}.step-tree-path{display:flex;align-items:center;gap:6px;margin-top:6px;margin-left:30px;font-size:11px}.step-module{padding:2px 8px;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono)}.step-tree-path .step-arrow{color:var(--text-muted);margin:0}.module-node{position:relative;margin-left:0}.module-node.depth-1{margin-left:24px}.module-node.depth-2{margin-left:48px}.module-node.depth-3{margin-left:72px}.module-node.depth-4{margin-left:96px}.module-node.depth-5{margin-left:120px}.module-node-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:2px 0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.module-node-header:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.module-node.expanded>.module-node-header{border-color:var(--accent-blue);background:#2a3540}.module-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.module-toggle.has-children{color:var(--accent-blue)}.module-node.expanded>.module-node-header .module-toggle{transform:rotate(90deg)}.module-node-name{font-size:14px;font-weight:500;color:var(--text-secondary)}.module-node-path{font-size:11px;color:var(--text-dimmed);font-family:var(--font-mono)}.module-node-badge{font-size:10px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-muted);margin-left:auto}.module-children{display:none;position:relative}.module-node.expanded>.module-children{display:block}.module-children:before{content:"";position:absolute;left:18px;top:0;bottom:12px;width:1px;background:var(--border-primary)}.module-node:before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:1px;background:var(--border-primary)}.module-node.depth-0:before{display:none}.module-details{display:none;margin:var(--spacing-sm) 0 var(--spacing-sm) 24px;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.module-node.show-details>.module-details{display:block}.module-description{font-size:12px;color:var(--text-muted);margin-bottom:var(--spacing-md);line-height:1.4}.module-members-header{font-size:11px;color:var(--text-dimmed);text-transform:uppercase;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.module-members-toggle{color:var(--accent-blue);cursor:pointer;font-size:10px}.module-members-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:250px;overflow-y:auto}.module-member{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:12px}.module-member-kind{font-size:9px;padding:2px 5px;border-radius:var(--radius-sm);font-weight:500;min-width:50px;text-align:center}.module-member-name{color:var(--text-primary);font-family:var(--font-mono)}.module-member-file{color:var(--text-dimmed);margin-left:auto;font-size:10px}.flow-arrow-tooltip{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:12px;pointer-events:none;z-index:1000;max-width:300px;box-shadow:var(--shadow-tooltip)}.flow-arrow-tooltip .arrow-title{font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.flow-arrow-tooltip .arrow-semantic{color:var(--accent-orange);font-style:italic;font-size:11px}.flow-arrow-tooltip .arrow-modules{color:var(--text-muted);font-size:10px;margin-top:var(--spacing-xs)}.symbols-detail{display:none;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg)}.symbols-detail.visible{display:block}.symbol-detail-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.symbol-detail-name{font-size:16px;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.symbol-detail-kind{font-size:10px;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.symbol-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:12px;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.symbol-detail-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.symbol-detail-purpose{font-size:12px;color:var(--text-primary);line-height:1.4;margin:var(--spacing-sm) 0;padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.symbol-detail-domains{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.symbol-detail-domains .domain-tag{background:var(--domain-bg);color:var(--domain-text);font-size:10px;padding:2px 6px;border-radius:var(--radius-sm)}.symbol-detail-badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);display:inline-block;margin:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0}.symbol-detail-badge.is-pure{background:var(--pure-bg);color:var(--pure-text)}.symbol-detail-badge.has-side-effects{background:var(--side-effects-bg);color:var(--side-effects-text)}.symbol-detail-connections{font-size:11px;color:var(--text-muted);margin-top:var(--spacing-sm)}.symbol-detail-connections span{color:var(--accent-blue);font-weight:500}.symbols-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dimmed);font-size:14px}.node circle{cursor:pointer;transition:stroke-width var(--transition-fast)}.node circle:hover{stroke-width:3px}.node text{font-size:10px;fill:var(--text-primary);pointer-events:none}.node.greyed-out circle{opacity:.3}.node.greyed-out text{opacity:.4}.link{stroke-opacity:.6;fill:none}.link-label{font-size:9px;fill:var(--text-muted);pointer-events:none}marker path{fill:var(--border-secondary)}.tree-link{fill:none;stroke:var(--border-secondary);stroke-width:1.5}.tree-node{cursor:pointer}.tree-node circle{transition:stroke-width var(--transition-fast)}.tree-node:hover circle{stroke-width:3px}.tree-node text{font-size:10px;fill:var(--text-primary);pointer-events:none}.tree-node.collapsed circle{stroke-dasharray:3,2}.dag-node{cursor:pointer}.dag-node rect{rx:4;ry:4;stroke-width:2;transition:stroke-width var(--transition-fast)}.dag-node:hover rect{stroke-width:3}.dag-node text{font-size:11px;fill:var(--text-primary);pointer-events:none}.dag-node.entry-point rect{stroke:var(--accent-blue);stroke-width:3}.dag-node.entry-point text.entry-badge{fill:var(--accent-blue);font-size:9px;font-weight:600}.dag-link{fill:none;stroke:var(--border-secondary);stroke-width:2;stroke-opacity:.8}.dag-link:hover{stroke:#6a6a6a;stroke-width:3}.card-dag-container{margin-top:var(--spacing-lg);border-top:1px solid var(--border-primary);padding-top:var(--spacing-md);display:none}.card.expanded .card-dag-container{display:block}.card-dag-container h4{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.card-dag-svg-container{position:relative;width:100%;height:280px;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.card-dag-svg-container svg{width:100%;height:100%}.card-dag-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:12px}.module-circle{cursor:pointer}.module-circle circle{transition:stroke var(--transition-fast),stroke-width var(--transition-fast);stroke-width:1}.module-circle:hover circle{stroke-width:2}.module-circle.module-selected circle{stroke:var(--text-primary);stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(255,255,255,.15))}.module-circle-label{font-weight:600;text-anchor:middle;pointer-events:none;fill:var(--text-primary)}.module-circle-count{font-size:14px;fill:var(--text-muted);text-anchor:middle;pointer-events:none}.module-circle.module-dimmed circle{opacity:.3}.module-circle.module-dimmed text{opacity:.3}.flow-arrow{fill:none;stroke-width:3;stroke-opacity:.8;pointer-events:stroke;cursor:pointer;transition:stroke-opacity var(--transition-fast),stroke-width var(--transition-fast)}.flow-arrow:hover{stroke-opacity:1;stroke-width:4}.flow-arrow-label{font-size:10px;fill:var(--text-primary);pointer-events:none;text-shadow:0 0 3px var(--bg-primary),0 0 3px var(--bg-primary)}.flow-step-number{font-size:12px;font-weight:600;pointer-events:none;text-shadow:0 0 4px var(--bg-primary),0 0 4px var(--bg-primary),0 0 4px var(--bg-primary)}.flow-semantic-label{pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.flow-semantic-label.label-visible{opacity:1}.semantic-label-bg{fill:var(--bg-elevated);stroke:var(--border-primary);stroke-width:1}.semantic-label-text{font-size:10px;fill:var(--text-primary);font-weight:500}.flow-arrow.arrow-dimmed{stroke-opacity:.2}.flow-step-number.number-dimmed{opacity:.2}.modules-dag-container{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-primary);display:flex}.modules-dag-container svg{flex:1;min-width:0;height:100%}.modules-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.modules-sidebar.hidden{display:none}.modules-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.modules-sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.modules-sidebar-path{font-size:11px;color:var(--text-muted)}.modules-sidebar-desc{padding:var(--spacing-sm) var(--spacing-lg);font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);line-height:1.4}.modules-sidebar-members{flex:1;display:flex;flex-direction:column;overflow:hidden}.modules-sidebar-members-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--border-primary)}.modules-sidebar-members-list{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0}.modules-sidebar-member{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:3px var(--spacing-lg);font-size:12px}.modules-sidebar-member .member-kind{font-size:9px;color:var(--text-muted);text-transform:uppercase;min-width:48px}.modules-sidebar-member .member-name{color:var(--text-primary);word-break:break-all}.modules-sidebar-section{padding:6px var(--spacing-lg) 2px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;border-top:1px solid var(--border-primary);margin-top:var(--spacing-xs)}.modules-sidebar-section:first-child{border-top:none;margin-top:0}.modules-sidebar-empty{padding:var(--spacing-lg);color:var(--text-muted);font-size:12px;text-align:center}.seq-title-text{font-size:16px;font-weight:600;fill:var(--text-primary);pointer-events:none}.seq-placeholder{font-size:14px;fill:var(--text-muted)}.seq-participant rect{transition:stroke-width var(--transition-fast)}.seq-participant:hover rect{stroke-width:2.5}.seq-participant text{font-size:11px;fill:var(--text-primary);font-weight:600;pointer-events:none}.seq-lifeline{stroke:var(--border-secondary);stroke-width:1;stroke-dasharray:6,4}.seq-message{transition:opacity var(--transition-fast)}.seq-message.dimmed{opacity:.15}.seq-message line,.seq-message path{pointer-events:stroke;cursor:pointer}.seq-message line:hover,.seq-message path:hover{stroke-width:3}.seq-message-label{font-size:10px;fill:var(--text-secondary);pointer-events:none}.seq-step-badge-circle{fill:var(--bg-elevated);stroke:var(--border-secondary);stroke-width:1}.seq-step-badge{font-size:10px;font-weight:600;fill:var(--text-primary);pointer-events:none}.files-treemap-container{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.files-treemap-container svg{flex:1;min-height:0;width:100%}.treemap-breadcrumb{display:flex;align-items:center;gap:2px;padding:6px var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.breadcrumb-segment{color:var(--text-secondary)}.breadcrumb-clickable{cursor:pointer;border-radius:var(--radius-sm);padding:1px 4px}.breadcrumb-clickable:hover{background:var(--bg-elevated);color:var(--text-primary)}.breadcrumb-root{color:var(--text-muted)}.breadcrumb-sep{color:var(--text-muted);margin:0 1px}.treemap-dir,.treemap-file{transition:opacity var(--transition-fast)}.treemap-dir:hover rect,.treemap-file:hover rect{opacity:.85}.treemap-dir-label{font-size:11px;font-weight:600;fill:var(--text-primary);pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.6)}.treemap-file-label{font-size:10px;fill:var(--text-secondary);pointer-events:none}.treemap-file-lines{font-size:9px;fill:var(--text-muted);pointer-events:none}.chord-container{width:100%;height:100%;display:flex;overflow:hidden}.chord-container svg{flex:1;min-width:0;height:100%}.chord-arc path{cursor:pointer;stroke-width:1;transition:opacity var(--transition-fast)}.chord-arc:hover path{stroke-width:2}.chord-ribbon{cursor:pointer;transition:fill-opacity var(--transition-fast)}.chord-ribbon-utility{stroke-dasharray:4,2;fill-opacity:.35}.chord-ribbon-business{fill-opacity:.5}.chord-label{font-size:11px;fill:var(--text-primary);pointer-events:none}.chord-sidebar{width:300px;min-width:300px;background:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.chord-sidebar.hidden{display:none}.chord-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.chord-sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.chord-sidebar-path{font-size:11px;color:var(--text-muted)}.chord-sidebar-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.chord-sidebar-list-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--border-primary)}.chord-sidebar-list-items{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0}.chord-sidebar-item{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.chord-sidebar-item-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.chord-sidebar-module{padding:1px 6px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.chord-sidebar-arrow{color:var(--text-muted)}.chord-sidebar-badge{font-size:10px;padding:1px 5px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted)}.chord-sidebar-badge.business{background:var(--kind-function);color:var(--kind-function-text)}.chord-sidebar-badge.utility{background:var(--kind-type);color:var(--kind-type-text)}.chord-sidebar-badge.weight{background:var(--bg-elevated);color:var(--accent-blue)}.chord-sidebar-badge.ast{background:var(--kind-interface);color:var(--kind-interface-text)}.chord-sidebar-badge.inferred{background:var(--kind-class);color:var(--kind-class-text)}.process-group-summary{padding:var(--spacing-sm) var(--spacing-lg);font-size:12px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.chord-sidebar-semantic{font-size:11px;color:var(--text-muted);margin-top:4px;font-style:italic;line-height:1.4}.chord-sidebar-symbols{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.chord-sidebar-symbol{padding:1px 5px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}

package/ui/dist/index.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Squint Symbol Graph</title>
+  <script type="module" crossorigin src="/assets/index-DP3dRMlh.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-Db204Xn1.css">
+</head>
+<body>
+  <div id="app">
+    <div class="container">
+      <header>
+        <h1>Squint Symbol Graph</h1>
+        <div class="view-toggle">
+          <button class="view-btn" data-view="files">Files</button>
+          <button class="view-btn active" data-view="symbols">Symbols</button>
+          <button class="view-btn" data-view="sunburst">Relationships</button>
+          <button class="view-btn" data-view="modules">Modules</button>
+          <button class="view-btn" data-view="interactions">Interactions</button>
+          <button class="view-btn" data-view="flows">Flows</button>
+        </div>
+        <div class="relationship-filters" id="relationship-filters">
+          <span style="color: var(--text-muted); font-size: 11px;">Group by:</span>
+          <div class="filter-chip active" data-type="structure">
+            <span class="chip-dot" style="background: #6a9955;"></span>
+            <span>files</span>
+          </div>
+          <div class="filter-chip" data-type="extends">
+            <span class="chip-dot" style="background: #4a9eff;"></span>
+            <span>extends</span>
+          </div>
+          <div class="filter-chip" data-type="implements">
+            <span class="chip-dot" style="background: #4ad4d4;"></span>
+            <span>implements</span>
+          </div>
+          <div class="filter-chip" data-type="calls">
+            <span class="chip-dot" style="background: #ce9178;"></span>
+            <span>calls</span>
+          </div>
+          <div class="filter-chip" data-type="imports">
+            <span class="chip-dot" style="background: #9178ce;"></span>
+            <span>imports</span>
+          </div>
+          <div class="filter-chip" data-type="uses">
+            <span class="chip-dot" style="background: #858585;"></span>
+            <span>uses</span>
+          </div>
+        </div>
+        <div class="stats" id="stats">
+          <span class="stat">Symbols: <span class="stat-value" id="stat-symbols">-</span></span>
+          <span class="stat">Annotated: <span class="stat-value annotated" id="stat-annotated">-</span></span>
+          <span class="stat">Relationships: <span class="stat-value" id="stat-relationships">-</span></span>
+        </div>
+      </header>
+
+      <div class="graph-container" id="graph-container">
+        <svg id="graph-svg"></svg>
+        <div class="loading" id="loading">Loading symbol graph...</div>
+      </div>
+
+    </div>
+
+    <div class="tooltip" id="tooltip" style="display: none;"></div>
+  </div>
+</body>
+</html>