@agentick/devtools 0.0.1

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

@@ -0,0 +1 @@
+:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--bg-selected: #1f6feb22;--border-color: #30363d;--border-subtle: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--accent-green: #3fb950;--accent-blue: #58a6ff;--accent-yellow: #d29922;--accent-orange: #db6d28;--accent-red: #f85149;--accent-purple: #a371f7;--accent-pink: #db61a2;--accent-cyan: #39c5cf;--shadow-md: 0 3px 6px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.header-title svg{width:20px;height:20px;color:var(--accent-purple)}.header-status{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.header-stats{display:flex;align-items:center;gap:8px;padding-right:8px;border-right:1px solid var(--border-color)}.header-stat{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px}.header-stat.running{color:var(--accent-green)}.header-stat-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border-radius:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red);animation:pulse 2s infinite}.status-dot.connected{background:var(--accent-green);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main{display:flex;flex:1;overflow:hidden}.splitter{flex-shrink:0;background:var(--border-color);transition:background .15s}.splitter:hover,.splitter:active{background:var(--accent-blue)}.splitter-horizontal{width:4px;cursor:col-resize}.splitter-vertical{height:4px;cursor:row-resize}.sidebar{display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;flex-shrink:0}.sidebar-tabs{display:flex;padding:0;gap:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-tab{flex:1;padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-blue)}.search-box{padding:8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.search-input{width:100%;padding:8px 12px 8px 32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent-blue)}.search-input::placeholder{color:var(--text-muted)}.search-wrapper{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sidebar-content{flex:1;overflow-y:auto;padding:8px}.execution-list{display:flex;flex-direction:column;gap:4px}.execution-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.execution-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.execution-item.selected{background:var(--bg-selected);border-color:var(--accent-blue)}.execution-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;flex-shrink:0}.execution-status.running{background:#3fb95026;color:var(--accent-green)}.execution-status.completed{background:#58a6ff26;color:var(--accent-blue)}.execution-status.error{background:#f8514926;color:var(--accent-red)}.execution-info{flex:1;min-width:0}.execution-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-meta{display:flex;gap:8px;font-size:11px;color:var(--text-muted);margin-top:2px}.execution-meta-item{display:flex;align-items:center;gap:3px}.execution-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.session-group{margin-bottom:8px}.session-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.session-header:hover{background:var(--bg-hover)}.session-header.selected{background:var(--bg-selected);border:1px solid var(--accent-blue)}.session-expand{color:var(--text-muted);font-size:10px;transition:transform .15s}.session-expand.expanded{transform:rotate(90deg)}.session-info{flex:1;min-width:0}.session-name{font-size:13px;font-weight:500}.session-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.session-badge{padding:2px 8px;background:var(--bg-primary);border-radius:10px;font-size:11px;color:var(--text-secondary)}.session-executions{margin-top:4px;padding-left:16px;border-left:2px solid var(--border-color);margin-left:12px}.content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.content-tabs{display:flex;gap:0;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:stretch}.content-tabs-group{display:flex;gap:0}.content-tabs-separator{width:1px;background:var(--border-color);margin:8px 12px;align-self:stretch}.content-tab{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;position:relative;margin-bottom:-1px}.content-tab:hover{color:var(--text-primary)}.content-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-blue)}.content-tab-badge{margin-left:6px;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;font-size:10px;color:var(--text-muted)}.content-tab.active .content-tab-badge{background:#58a6ff26;color:var(--accent-blue)}.content-body{flex:1;overflow-y:auto;padding:16px}.content-body:has(.network-panel){padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.empty-state-text{font-size:13px;max-width:300px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.overview-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.overview-card-value{font-size:24px;font-weight:600;color:var(--text-primary)}.overview-card-value.green{color:var(--accent-green)}.overview-card-value.blue{color:var(--accent-blue)}.overview-card-value.yellow{color:var(--accent-yellow)}.overview-card-value.purple{color:var(--accent-purple)}.overview-card-detail{font-size:11px;color:var(--text-secondary);margin-top:4px}.context-utilization-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-top:16px}.context-utilization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.context-utilization-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.context-utilization-value{font-size:12px;color:var(--text-primary);font-variant-numeric:tabular-nums}.context-utilization-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.context-utilization-bar{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.context-utilization-detail{font-size:11px;color:var(--text-muted);margin-top:8px}.context-view{display:flex;flex-direction:column;gap:16px}.context-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.context-header-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.context-header-tick{font-size:18px;font-weight:600;color:var(--accent-blue)}.context-header-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.context-header-status.running{background:#f59e0b26;color:var(--accent-yellow)}.context-header-status.completed{background:#22c55e26;color:var(--accent-green)}.context-header-stats{display:flex;flex-wrap:wrap;gap:16px}.context-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.context-stat-icon{font-size:14px}.context-header-utilization{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.context-header-utilization-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.context-header-utilization-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.context-header-utilization-value{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.context-header-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.context-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}.context-badge.provider{background:var(--bg-tertiary);color:var(--text-secondary)}.context-badge.capability{background:#58a6ff26;color:var(--accent-blue)}.context-badge.cumulative{background:#ffc70026;color:var(--accent-yellow)}.context-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.context-section.collapsible .context-section-header{cursor:pointer}.context-section.collapsible .context-section-header:hover{background:var(--bg-hover)}.context-section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.context-section-header.clickable{cursor:pointer;transition:background .15s}.context-section-expand{font-size:10px;color:var(--text-muted);transition:transform .15s;width:12px}.context-section-expand.expanded{transform:rotate(90deg)}.context-section-icon{font-size:14px}.context-section-count{margin-left:auto;font-size:11px;font-weight:400;color:var(--text-muted)}.context-section-body{padding:12px 16px}.tick-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:border-color .15s}.tick-card:hover{border-color:var(--border-color)}.tick-card.expanded{border-color:var(--accent-blue)}.tick-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.tick-header:hover{background:var(--bg-hover)}.tick-expand{color:var(--text-muted);font-size:10px;transition:transform .15s;width:16px}.tick-expand.expanded{transform:rotate(90deg)}.tick-number{font-size:14px;font-weight:600;color:var(--accent-blue);min-width:60px}.tick-status{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.tick-status.running{background:#3fb95026;color:var(--accent-green)}.tick-status.completed{background:#58a6ff26;color:var(--accent-blue)}.tick-stats{display:flex;gap:16px;margin-left:auto;font-size:12px;color:var(--text-secondary)}.tick-stat{display:flex;align-items:center;gap:4px}.tick-stat-icon{font-size:12px;opacity:.7}.tick-body{border-top:1px solid var(--border-color);background:var(--bg-primary)}.tick-section{padding:16px;border-bottom:1px solid var(--border-color)}.tick-section:last-child{border-bottom:none}.tick-section-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.tick-section-header-icon{font-size:14px}.tick-content{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px 16px;font-family:SF Mono,Monaco,Fira Code,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;line-height:1.6;max-height:300px;overflow-y:auto}.tick-timeline{display:flex;flex-direction:column;gap:8px}.tick-event{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px}.tick-event-time{color:var(--text-muted);font-family:monospace;font-size:11px;min-width:60px}.tick-event-type{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;min-width:100px;text-align:center}.tick-event-type.content_delta{background:#58a6ff26;color:var(--accent-blue)}.tick-event-type.tool_call{background:#a371f726;color:var(--accent-purple)}.tick-event-type.tool_result{background:#3fb95026;color:var(--accent-green)}.tick-event-content{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.tick-section.collapsible .tick-section-header{margin-bottom:0}.tick-section.collapsible .tick-section-header:has(+*){margin-bottom:12px}.tick-section-header.clickable{cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm);transition:background .15s}.tick-section-header.clickable:hover{background:var(--bg-hover)}.tick-section-expand{font-size:10px;color:var(--text-muted);transition:transform .15s;display:inline-block}.tick-section-expand.expanded{transform:rotate(90deg)}.tick-section-count{margin-left:auto;font-size:11px;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}.tick-section-body{margin-top:12px}.context-subsection{margin-bottom:16px}.context-subsection:last-child{margin-bottom:0}.context-subsection-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.fiber-tree-summary{display:flex;gap:16px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.fiber-tree-summary-item{display:flex;flex-direction:column}.fiber-tree-summary-value{font-size:20px;font-weight:600;color:var(--text-primary)}.fiber-tree-summary-label{font-size:11px;color:var(--text-muted)}.fiber-tree{font-family:SF Mono,Monaco,monospace;font-size:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px}.fiber-toolbar{display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.fiber-node{padding-left:0}.fiber-node-row{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.fiber-node-row:hover{background:var(--bg-hover)}.fiber-node-row.selected{background:var(--bg-selected)}.fiber-expand-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;cursor:pointer;transition:transform .15s;flex-shrink:0}.fiber-expand-btn.expanded{transform:rotate(90deg)}.fiber-expand-btn.empty{visibility:hidden}.fiber-type{color:var(--accent-purple);font-weight:500}.fiber-type.host{color:var(--accent-cyan)}.fiber-key{color:var(--accent-yellow);margin-left:4px}.fiber-summary{display:flex;gap:16px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:0;margin-left:8px;color:var(--text-secondary);font-size:11px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fiber-text-preview{margin-left:8px;color:var(--text-muted);font-style:italic;font-size:11px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fiber-hooks-badge{margin-left:8px;padding:1px 6px;background:var(--bg-tertiary);border-radius:8px;font-size:10px;color:var(--text-muted)}.fiber-children{padding-left:20px;border-left:1px dashed var(--border-color);margin-left:8px}.fiber-hooks-panel{margin:4px 0 4px 28px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-blue)}.fiber-hook{display:flex;gap:8px;padding:3px 0;font-size:11px}.fiber-hook-type{color:var(--accent-blue);min-width:100px}.fiber-hook-value{color:var(--text-primary);flex:1}.fiber-hook-deps{color:var(--text-muted)}.fiber-timeline{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px}.fiber-timeline-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.fiber-timeline-latest{padding:5px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;flex-shrink:0}.fiber-timeline-latest:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.fiber-timeline-latest.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.fiber-timeline-scrubber{flex:1;position:relative;height:32px;display:flex;align-items:center;min-width:120px}.fiber-timeline-rail{position:absolute;left:0;right:0;height:2px;background:var(--border-color);border-radius:1px}.fiber-timeline-rail-fill{position:absolute;left:0;height:2px;background:var(--accent-blue);border-radius:1px;transition:width .15s ease}.fiber-timeline-ticks{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.fiber-timeline-tick{position:relative;width:10px;height:10px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.fiber-timeline-tick:hover{background:var(--bg-hover);border-color:var(--text-muted);transform:scale(1.2)}.fiber-timeline-tick.active{width:14px;height:14px;background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 0 4px #58a6ff33}.fiber-timeline-tick-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:10px;color:var(--text-muted);opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.fiber-timeline-tick:hover .fiber-timeline-tick-label,.fiber-timeline-tick.active .fiber-timeline-tick-label{opacity:1}.fiber-timeline-tick.active .fiber-timeline-tick-label{color:var(--accent-blue);font-weight:500}.fiber-timeline-info{font-size:11px;color:var(--text-muted);flex-shrink:0;min-width:100px;text-align:right}.tick-fiber-tree{font-family:SF Mono,Monaco,monospace;font-size:12px}.props-panel{margin:4px 0 4px 28px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-yellow)}.prop-item{display:flex;gap:8px;padding:3px 0;font-size:11px}.prop-key{color:var(--accent-yellow);min-width:80px}.prop-value{color:var(--text-primary);flex:1;word-break:break-all}.tool-call-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.tool-call-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary)}.tool-call-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:16px}.tool-call-icon.call{background:#a371f726;color:var(--accent-purple)}.tool-call-icon.success{background:#3fb95026;color:var(--accent-green)}.tool-call-icon.error{background:#f8514926;color:var(--accent-red)}.tool-call-info{flex:1}.tool-call-name{font-size:14px;font-weight:600;color:var(--text-primary)}.tool-call-id{font-size:11px;color:var(--text-muted);font-family:monospace}.tool-call-meta{text-align:right}.tool-call-tick{font-size:11px;color:var(--text-secondary)}.tool-call-body{padding:16px}.tool-call-section{margin-bottom:16px}.tool-call-section:last-child{margin-bottom:0}.tool-call-section-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.json-view{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;font-family:SF Mono,Monaco,monospace;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.5;max-height:400px;overflow-y:auto}.json-key{color:var(--accent-cyan)}.json-string{color:var(--accent-green)}.json-number{color:var(--accent-yellow)}.json-boolean{color:var(--accent-orange)}.json-null{color:var(--text-muted)}.message-list{display:flex;flex-direction:column;gap:12px}.message-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.message-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary)}.message-role{padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;text-transform:uppercase}.message-role.system{background:#a371f726;color:var(--accent-purple)}.message-role.user{background:#58a6ff26;color:var(--accent-blue)}.message-role.assistant{background:#3fb95026;color:var(--accent-green)}.message-role.tool{background:#d2992226;color:var(--accent-yellow)}.message-meta{margin-left:auto;font-size:11px;color:var(--text-muted)}.message-body{padding:16px}.message-content{font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-content-block{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:8px}.message-content-block:last-child{margin-bottom:0}.message-content-block-type{font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-sm{padding:4px 8px;font-size:11px}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn-primary:hover{background:#4393e6}.btn-danger{background:transparent;border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:#f851491a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:SF Mono,Monaco,monospace}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-1{flex:1}.gap-2{gap:8px}.gap-4{gap:16px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.tree-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.tree-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.tree-toolbar-spacer{flex:1}.tree-search{position:relative;display:flex;align-items:center;flex-shrink:0}.tree-search-icon{width:14px;height:14px;position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.tree-search-input{width:100%;padding:6px 10px 6px 30px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.tree-search-input:focus{border-color:var(--accent-blue)}.tree-search-input::placeholder{color:var(--text-muted)}.tree-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.tree-search-clear:hover{color:var(--text-primary)}.tree-content{flex:1;overflow-y:auto;padding:8px;font-family:SF Mono,Monaco,monospace;font-size:12px}.tree-node{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.tree-node:hover{background:var(--bg-hover)}.tree-node.selected{background:var(--bg-selected)}.tree-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;flex-shrink:0;transition:transform .15s}.tree-toggle.expanded{transform:rotate(90deg)}.tree-toggle.leaf{visibility:hidden}.tree-type{color:var(--accent-purple);font-weight:500}.tree-node.component .tree-type{color:var(--accent-purple)}.tree-node.intrinsic .tree-type{color:var(--accent-cyan)}.tree-token-badge{margin-left:8px;padding:1px 6px;background:#d2992226;border-radius:8px;font-size:10px;color:var(--accent-yellow);font-weight:500}.tree-key{margin-left:4px;color:var(--accent-yellow);font-size:11px}.tree-summary{margin-left:8px;color:var(--text-muted);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-children{padding-left:16px;border-left:1px dashed var(--border-color);margin-left:8px}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.tree-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.tree-empty-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.tree-empty-text{font-size:12px}.tree-token-summary{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:11px}.tree-token-total{color:var(--accent-yellow);font-weight:500}.tree-token-breakdown{color:var(--text-muted)}.tree-no-results{padding:24px;text-align:center;color:var(--text-muted)}.tree-toolbar-buttons{display:flex;gap:8px}.inspector{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.inspector-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.inspector-title{font-size:14px;font-weight:600;color:var(--accent-purple);margin:0}.inspector-key{font-size:11px;color:var(--accent-yellow);font-family:SF Mono,Monaco,monospace}.inspector-summary{padding:8px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:12px}.inspector-summary-label{color:var(--text-muted);margin-right:8px}.inspector-summary-value{color:var(--text-secondary)}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.inspector-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.inspector-empty-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.inspector-empty-text{font-size:12px}.inspector-section{border-bottom:1px solid var(--border-color)}.inspector-section:last-child{border-bottom:none}.inspector-section-header{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.inspector-section-header:hover{background:var(--bg-hover)}.inspector-section-toggle{font-size:10px;color:var(--text-muted);transition:transform .15s;display:inline-block}.inspector-section-toggle.expanded{transform:rotate(90deg)}.inspector-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.inspector-section-count{margin-left:auto;font-size:11px;color:var(--text-muted);font-weight:400}.inspector-section-content{padding:8px 16px 16px;font-family:SF Mono,Monaco,monospace;font-size:12px}.inspector-prop{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--border-subtle)}.inspector-prop:last-child{border-bottom:none}.inspector-prop-key{color:var(--accent-cyan);min-width:80px;flex-shrink:0}.inspector-prop-value{color:var(--text-primary);flex:1;word-break:break-all}.inspector-prop-expandable{padding:2px 0}.inspector-prop-header{display:flex;align-items:center;gap:6px;padding:2px 0;-webkit-user-select:none;user-select:none}.inspector-prop-header:hover{background:var(--bg-hover);margin:0 -8px;padding:2px 8px;border-radius:4px}.inspector-prop-toggle{font-size:8px;color:var(--text-muted);transition:transform .15s;width:10px;display:inline-block}.inspector-prop-toggle.expanded{transform:rotate(90deg)}.inspector-prop-type{color:var(--text-muted);font-size:11px}.inspector-prop-children{padding-left:8px;border-left:1px solid var(--border-subtle);margin-left:4px;margin-top:2px}.inspector-hook{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid var(--border-subtle)}.inspector-hook:last-child{border-bottom:none}.inspector-hook-type{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;flex-shrink:0}.inspector-hook-type.hook-state{background:#58a6ff26;color:var(--accent-blue)}.inspector-hook-type.hook-effect{background:#a371f726;color:var(--accent-purple)}.inspector-hook-type.hook-ref{background:#d2992226;color:var(--accent-yellow)}.inspector-hook-type.hook-memo{background:#3fb95026;color:var(--accent-green)}.inspector-hook-type.hook-callback{background:#db61a226;color:var(--accent-pink)}.inspector-hook-type.hook-context{background:#39c5cf26;color:var(--accent-cyan)}.inspector-hook-type.hook-signal{background:#db6d2826;color:var(--accent-orange)}.inspector-hook-type.hook-other{background:var(--bg-tertiary);color:var(--text-secondary)}.inspector-hook-value{color:var(--text-primary);flex:1;word-break:break-all}.inspector-hook-deps{color:var(--text-muted);font-size:10px}.inspector-hook-status{color:var(--accent-green);font-size:10px}.token-breakdown{display:flex;flex-direction:column;gap:12px}.token-bar{display:flex;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.token-bar-segment{height:100%;transition:width .3s ease}.token-bar-segment.token-system{background:var(--accent-purple)}.token-bar-segment.token-messages{background:var(--accent-blue)}.token-bar-segment.token-tools{background:var(--accent-yellow)}.token-bar-segment.token-ephemeral{background:var(--accent-orange)}.token-legend{display:flex;flex-wrap:wrap;gap:12px}.token-legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.token-legend-color{width:10px;height:10px;border-radius:2px}.token-legend-color.token-system{background:var(--accent-purple)}.token-legend-color.token-messages{background:var(--accent-blue)}.token-legend-color.token-tools{background:var(--accent-yellow)}.token-legend-color.token-ephemeral{background:var(--accent-orange)}.token-legend-label{color:var(--text-secondary)}.token-legend-value{color:var(--text-primary);font-weight:500}.tick-navigator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0}.tick-navigator-empty{justify-content:flex-start}.tick-navigator-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.tick-navigator-empty-text{font-size:12px;color:var(--text-muted)}.tick-navigator-latest{padding:5px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;flex-shrink:0}.tick-navigator-latest:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.tick-navigator-latest.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.tick-navigator-scrubber{flex:1;position:relative;height:32px;display:flex;align-items:center;min-width:120px}.tick-navigator-rail{position:absolute;left:0;right:0;height:2px;background:var(--border-color);border-radius:1px}.tick-navigator-rail-fill{position:absolute;left:0;height:2px;background:var(--accent-blue);border-radius:1px;transition:width .15s ease}.tick-navigator-ticks{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.tick-navigator-tick{position:relative;width:10px;height:10px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1;padding:0}.tick-navigator-tick:hover{background:var(--bg-hover);border-color:var(--text-muted);transform:scale(1.2)}.tick-navigator-tick.active{width:14px;height:14px;background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 0 4px #58a6ff33}.tick-navigator-tick-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:10px;color:var(--text-muted);opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.tick-navigator-tick:hover .tick-navigator-tick-label,.tick-navigator-tick.active .tick-navigator-tick-label{opacity:1}.tick-navigator-tick.active .tick-navigator-tick-label{color:var(--accent-blue);font-weight:500}.tick-navigator-info{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;min-width:80px}.tick-navigator-current{font-size:12px;color:var(--text-primary);font-weight:500}.tick-navigator-tokens{font-size:10px;color:var(--accent-yellow)}.tick-navigator-controls{display:flex;gap:4px;flex-shrink:0}.tick-navigator-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .15s}.tick-navigator-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.tick-navigator-btn:disabled{opacity:.4;cursor:not-allowed}.content-tick-navigator{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.content-tick-navigator .tick-navigator{margin:0;border:none;padding:0;background:transparent}.inspector-panel{display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;flex-shrink:0}.inspector-panel .inspector{border:none;border-radius:0;height:100%}@media(max-width:900px){.inspector-panel{display:none}.main>.splitter:has(+.inspector-panel){display:none}}.network-panel{display:flex;flex-direction:column;height:100%}.network-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.network-tab{padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.network-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.network-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.network-content{flex:1;overflow-y:auto;padding:12px}.network-list{display:flex;flex-direction:column;gap:8px}.network-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px}.network-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.network-transport{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:uppercase}.network-transport.websocket{background:var(--accent-purple);color:#fff}.network-transport.sse{background:var(--accent-blue);color:#fff}.network-transport.http{background:var(--accent-cyan);color:#fff}.network-app-id{padding:2px 6px;background:var(--accent-purple);border-radius:var(--radius-sm);font-size:10px;font-weight:500;color:#fff}.network-method{font-weight:500;color:var(--accent-blue);font-family:monospace}.network-item-id{font-family:monospace;font-size:11px;color:var(--text-muted);margin-left:auto}.network-item-duration{font-size:11px;color:var(--text-secondary);font-family:monospace}.network-item-detail{margin-top:6px;font-size:11px;color:var(--text-secondary)}.network-detail-label{color:var(--text-muted)}.network-status{width:16px;text-align:center}.network-status.pending{color:var(--accent-yellow)}.network-status.success{color:var(--accent-green)}.network-status.error{color:var(--accent-red)}.network-latency{font-size:11px;color:var(--text-secondary);font-family:monospace}.network-error{margin-top:6px;padding:6px 8px;background:#f851491a;border-radius:var(--radius-sm);font-size:11px;color:var(--accent-red)}.network-params{margin:4px 0 0;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;font-family:monospace;overflow-x:auto;max-height:100px}.pipeline-section{margin-top:20px}.pipeline-section+.pipeline-section{margin-top:24px}.pipeline-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;padding-left:4px}.pipeline-stage{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:8px}.pipeline-stage:last-child{margin-bottom:0}.pipeline-stage.no-data{opacity:.6}.pipeline-stage-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.pipeline-stage.no-data .pipeline-stage-header{cursor:default}.pipeline-stage-header:hover{background:var(--bg-hover)}.pipeline-stage.no-data .pipeline-stage-header:hover{background:transparent}.pipeline-stage-number{width:24px;height:24px;border-radius:50%;background:var(--accent-blue);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pipeline-stage-number.dim{background:var(--bg-tertiary);color:var(--text-muted)}.pipeline-stage-info{flex:1;min-width:0}.pipeline-stage-title{font-weight:500;font-size:13px;color:var(--text-primary)}.pipeline-stage-title.dim{color:var(--text-muted)}.pipeline-stage-subtitle{font-size:11px;color:var(--text-muted)}.pipeline-stage-expand{color:var(--text-muted);font-size:10px;transition:transform .15s}.pipeline-stage-expand.expanded{transform:rotate(90deg)}.pipeline-stage-empty-badge{padding:2px 8px;background:var(--bg-tertiary);border-radius:10px;font-size:10px;color:var(--text-muted)}.pipeline-stage-body{padding:12px 16px;border-top:1px solid var(--border-color);max-height:500px;overflow-y:auto}.pipeline-stage-body .json-view{margin:0;max-height:none}.pipeline-view-toggle{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-family:monospace;cursor:pointer;transition:all .15s;margin-right:8px}.pipeline-view-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.pipeline-view-toggle.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.pretty-view{display:flex;flex-direction:column;gap:16px}.pretty-section{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.pretty-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);font-size:12px;font-weight:500;color:var(--text-secondary)}.pretty-section-icon{font-size:14px}.pretty-section-content{padding:12px;background:var(--bg-secondary)}.pretty-config{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px}.pretty-config-item{display:flex;align-items:center;gap:4px}.pretty-config-label{color:var(--text-muted)}.pretty-card{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.pretty-card:last-child{margin-bottom:0}.pretty-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary)}.pretty-card-title{font-weight:500;font-size:12px;color:var(--accent-blue)}.pretty-badge{padding:2px 6px;background:var(--bg-hover);border-radius:10px;font-size:10px;color:var(--text-muted)}.pretty-card-content{padding:10px 12px;font-size:12px;color:var(--text-secondary);max-height:200px;overflow-y:auto}.pretty-messages{display:flex;flex-direction:column;gap:8px}.pretty-message{padding:10px 12px;border-radius:var(--radius-md);font-size:12px;line-height:1.5}.pretty-message.user{background:var(--bg-tertiary);border-left:3px solid var(--accent-blue)}.pretty-message.assistant{background:var(--bg-tertiary);border-left:3px solid var(--accent-green)}.pretty-message.system{background:var(--bg-tertiary);border-left:3px solid var(--accent-purple)}.pretty-message.tool{background:var(--bg-tertiary);border-left:3px solid var(--accent-orange)}.pretty-message-role{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.pretty-message-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.pretty-system-prompt{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-purple);font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.pretty-tools{display:flex;flex-wrap:wrap;gap:8px}.pretty-tool{display:flex;flex-direction:column;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:120px}.pretty-tool-name{font-weight:500;font-size:12px;color:var(--accent-cyan)}.pretty-tool-desc{font-size:11px;color:var(--text-muted);margin-top:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pretty-tool-call{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.pretty-tool-call:last-child{margin-bottom:0}.pretty-tool-call.inline{display:inline-block;margin-right:8px}.pretty-tool-call-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary)}.pretty-tool-call-name{font-weight:500;font-size:12px;color:var(--accent-orange)}.pretty-tool-call-id{font-size:10px;font-family:monospace;color:var(--text-muted)}.pretty-tool-call .json-view{padding:8px 12px;font-size:11px}.pretty-tool-result{padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-green);margin-bottom:8px}.pretty-tool-result:last-child{margin-bottom:0}.pretty-tool-result-label{font-size:10px;font-weight:600;color:var(--accent-green);margin-bottom:4px;display:block}.pretty-usage{display:flex;gap:24px}.pretty-usage-item{display:flex;flex-direction:column;align-items:center}.pretty-usage-value{font-size:18px;font-weight:600;color:var(--accent-yellow)}.pretty-usage-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.pretty-content-text{white-space:pre-wrap;word-break:break-word;margin-bottom:8px}.pretty-content-text:last-child{margin-bottom:0}.pretty-content-image{padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);font-size:12px}.pretty-content-reasoning{padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-pink);margin-bottom:8px}.pretty-content-reasoning:last-child{margin-bottom:0}.pretty-reasoning-label{font-size:10px;font-weight:600;color:var(--accent-pink);margin-bottom:4px;display:block}.pretty-reasoning-text{font-size:12px;color:var(--text-secondary);font-style:italic;white-space:pre-wrap}

package/ui/dist/index.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Agentick DevTools</title>
+    <style>
+      * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        background: #1a1a2e;
+        color: #eee;
+      }
+    </style>
+    <script type="module" crossorigin src="/assets/index-BzMZan-d.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CXiTPQPB.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>