hypercore-cli 1.1.2 → 1.4.0

package/dist/web/static/style.css

@@ -1,602 +1 @@
-/* Hypercore Web Dashboard - Dark Theme */
-
-:root {
-  --bg-primary: #0d1117;
-  --bg-secondary: #161b22;
-  --bg-tertiary: #21262d;
-  --bg-hover: #30363d;
-  --border: #30363d;
-  --border-light: #484f58;
-  --text-primary: #e6edf3;
-  --text-secondary: #8b949e;
-  --text-muted: #6e7681;
-  --accent: #58a6ff;
-  --accent-hover: #79c0ff;
-  --green: #3fb950;
-  --yellow: #d29922;
-  --red: #f85149;
-  --purple: #bc8cff;
-  --orange: #f0883e;
-  --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', Consolas, monospace;
-  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-  --radius: 8px;
-  --radius-sm: 4px;
-}
-
-* { 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;
-  display: flex;
-  flex-direction: column;
-}
-
-/* ─── Header ─── */
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-  height: 48px;
-  background: var(--bg-secondary);
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-}
-
-.header-left { display: flex; align-items: center; gap: 8px; }
-.logo { font-weight: 700; font-size: 16px; color: var(--accent); }
-
-.header-right { display: flex; align-items: center; gap: 12px; }
-
-.header-meta {
-  font-size: 11px;
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-}
-
-.btn-icon {
-  background: none;
-  border: 1px solid var(--border);
-  color: var(--text-secondary);
-  width: 28px;
-  height: 28px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.15s;
-}
-.btn-icon:hover {
-  background: var(--bg-tertiary);
-  color: var(--text-primary);
-  border-color: var(--border-light);
-}
-.btn-icon.spinning {
-  animation: spin 0.6s ease-in-out;
-}
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
-.status-dot {
-  width: 8px; height: 8px;
-  border-radius: 50%;
-  display: inline-block;
-}
-.status-dot.online { background: var(--green); }
-.status-dot.offline { background: var(--red); }
-
-/* ─── Main Layout ─── */
-.main {
-  flex: 1;
-  display: grid;
-  grid-template-columns: 1fr;
-  overflow: hidden;
-}
-
-.panel-center {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  background: var(--bg-primary);
-}
-
-.mono { font-family: var(--font-mono); font-size: 12px; }
-
-/* Scrollbar */
-::-webkit-scrollbar { width: 6px; height: 6px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--bg-hover); border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover { background: var(--border-light); }
-
-/* ─── Tab Navigation ─── */
-.tab-nav {
-  display: flex;
-  gap: 2px;
-  margin-left: 16px;
-}
-.tab-btn {
-  background: none;
-  border: none;
-  color: var(--text-muted);
-  font-size: 13px;
-  padding: 6px 12px;
-  cursor: pointer;
-  border-radius: var(--radius-sm);
-  transition: all 0.15s;
-  font-family: var(--font-sans);
-}
-.tab-btn:hover { background: var(--bg-tertiary); color: var(--text-primary); }
-.tab-btn.active { background: var(--bg-hover); color: var(--accent); font-weight: 600; }
-
-/* Tab Content */
-.tab-content { display: none; flex-direction: column; height: 100%; overflow: hidden; }
-.tab-content.active { display: flex; }
-
-/* ─── Skeleton Loading ─── */
-.skeleton-line {
-  height: 14px;
-  background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);
-  background-size: 200% 100%;
-  animation: shimmer 1.5s infinite;
-  border-radius: 3px;
-  margin-bottom: 10px;
-}
-.skeleton-line.short {
-  width: 60%;
-}
-@keyframes shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
-/* ─── Overview Tab ─── */
-.overview-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 16px;
-  padding: 24px;
-  overflow-y: auto;
-}
-
-.overview-card {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-  transition: border-color 0.15s;
-}
-.overview-card:hover { border-color: var(--border-light); }
-
-.card-wide {
-  grid-column: 1 / -1;
-}
-
-.card-header {
-  padding: 12px 16px;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  border-bottom: 1px solid var(--border);
-}
-
-.card-body {
-  padding: 16px;
-  font-size: 13px;
-  line-height: 1.8;
-}
-
-.card-stat {
-  display: flex;
-  justify-content: space-between;
-  padding: 2px 0;
-  color: var(--text-secondary);
-}
-.card-stat span:last-child { color: var(--text-primary); font-family: var(--font-mono); }
-
-.card-value-big {
-  font-size: 28px;
-  font-weight: 700;
-  color: var(--text-primary);
-  font-family: var(--font-mono);
-}
-
-.card-value-label {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 4px;
-}
-
-.card-tag {
-  display: inline-block;
-  background: var(--bg-tertiary);
-  padding: 2px 8px;
-  border-radius: 10px;
-  font-size: 11px;
-  font-family: var(--font-mono);
-  color: var(--text-secondary);
-  margin: 2px;
-}
-
-.git-branch { color: var(--green); font-weight: 600; }
-.git-clean { color: var(--green); }
-.git-dirty { color: var(--yellow); }
-
-/* ─── Empty State ─── */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 24px 16px;
-  text-align: center;
-}
-.empty-icon {
-  font-size: 32px;
-  margin-bottom: 12px;
-  opacity: 0.5;
-}
-.empty-text {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 6px;
-}
-.empty-hint {
-  font-size: 12px;
-  color: var(--text-muted);
-}
-.empty-hint code {
-  background: var(--bg-tertiary);
-  padding: 1px 6px;
-  border-radius: 3px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--accent);
-}
-
-/* ─── Instance List (Sessions Card) ─── */
-.instance-count {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 10px;
-}
-
-.instances-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.instance-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 10px;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  transition: background 0.15s;
-}
-.instance-row:hover {
-  background: var(--bg-hover);
-}
-.instance-row.current {
-  border-left: 2px solid var(--accent);
-  background: rgba(88, 166, 255, 0.06);
-}
-
-.instance-row-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-  min-width: 0;
-}
-
-.instance-row-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-shrink: 0;
-  margin-left: 12px;
-}
-
-.instance-dot {
-  width: 6px; height: 6px;
-  border-radius: 50%;
-  background: var(--green);
-  flex-shrink: 0;
-}
-.instance-dot.current {
-  background: var(--accent);
-  box-shadow: 0 0 4px var(--accent);
-}
-
-.instance-info {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.instance-name {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.instance-meta {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-top: 1px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.instance-port {
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-  font-size: 11px;
-}
-
-.instance-uptime {
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-  font-size: 11px;
-  min-width: 40px;
-  text-align: right;
-}
-
-.badge-current {
-  display: inline-block;
-  background: rgba(88, 166, 255, 0.15);
-  color: var(--accent);
-  font-size: 10px;
-  font-weight: 600;
-  padding: 1px 6px;
-  border-radius: 8px;
-  margin-left: 6px;
-  vertical-align: middle;
-  text-transform: uppercase;
-  letter-spacing: 0.3px;
-}
-
-/* ─── Lines Tab (Split Layout) ─── */
-.tab-split {
-  display: grid;
-  grid-template-columns: 300px 1fr;
-  height: 100%;
-  overflow: hidden;
-}
-
-.lines-list-panel {
-  border-right: 1px solid var(--border);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.tab-panel-header {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
-}
-.tab-panel-header h3 {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin: 0;
-}
-
-.lines-list {
-  flex: 1;
-  overflow-y: auto;
-  padding: 8px;
-}
-
-.line-item {
-  padding: 12px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: background 0.15s;
-  margin-bottom: 4px;
-}
-.line-item:hover { background: var(--bg-tertiary); }
-.line-item.active { background: var(--bg-hover); border-left: 2px solid var(--accent); }
-.line-item-name { font-size: 14px; font-weight: 600; color: var(--text-primary); }
-.line-item-desc { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
-
-.run-panel {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.run-content {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
-}
-
-/* Run form */
-.run-form { display: flex; flex-direction: column; gap: 12px; }
-.run-field label {
-  display: block;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 4px;
-}
-.run-field input {
-  width: 100%;
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 8px 12px;
-  color: var(--text-primary);
-  font-size: 14px;
-  font-family: var(--font-sans);
-  outline: none;
-  box-sizing: border-box;
-}
-.run-field input:focus { border-color: var(--accent); }
-.run-field input::placeholder { color: var(--text-muted); }
-.run-field .field-hint { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
-
-.btn-primary {
-  background: var(--accent);
-  color: #fff;
-  border: none;
-  border-radius: var(--radius);
-  padding: 10px 20px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background 0.15s;
-  align-self: flex-start;
-  margin-top: 8px;
-}
-.btn-primary:hover { background: var(--accent-hover); }
-.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
-
-/* Run output stream */
-.run-output-stream {
-  margin-top: 16px;
-  padding: 12px;
-  background: var(--bg-primary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  max-height: 60vh;
-  overflow-y: auto;
-  font-size: 13px;
-  line-height: 1.6;
-}
-.run-event { margin-bottom: 6px; }
-.run-event-station { color: var(--accent); font-weight: 600; }
-.run-event-text { color: var(--text-secondary); }
-.run-event-tool { color: var(--orange); font-family: var(--font-mono); font-size: 12px; }
-.run-event-complete { color: var(--green); font-weight: 600; }
-.run-event-error { color: var(--red); }
-
-.text-muted { color: var(--text-muted); font-size: 13px; }
-
-/* ─── History Tab ─── */
-.history-item {
-  padding: 10px 12px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: background 0.15s;
-  margin-bottom: 4px;
-}
-.history-item:hover { background: var(--bg-tertiary); }
-.history-item.active { background: var(--bg-hover); border-left: 2px solid var(--accent); }
-.history-item-line { font-size: 13px; font-weight: 600; color: var(--text-primary); }
-.history-item-meta { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
-
-.detail-meta { margin-bottom: 16px; }
-.detail-meta-row { display: flex; justify-content: space-between; padding: 4px 0; font-size: 13px; color: var(--text-secondary); }
-.detail-meta-row span:last-child { color: var(--text-primary); font-family: var(--font-mono); }
-.detail-station { margin-bottom: 12px; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius); }
-.detail-station-header { font-size: 13px; font-weight: 600; color: var(--accent); margin-bottom: 8px; }
-.detail-station-output { font-size: 12px; color: var(--text-secondary); white-space: pre-wrap; max-height: 200px; overflow-y: auto; }
-
-/* ─── Settings Tab ─── */
-.settings-container {
-  padding: 24px;
-  overflow-y: auto;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.settings-section {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-.settings-section h3 {
-  padding: 12px 16px;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-  border-bottom: 1px solid var(--border);
-  margin: 0;
-}
-
-.settings-body {
-  padding: 16px;
-  font-size: 13px;
-}
-
-.settings-tools-count {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 8px;
-}
-
-.settings-tools-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.tool-tag {
-  background: var(--bg-tertiary);
-  padding: 4px 10px;
-  border-radius: 10px;
-  font-size: 11px;
-  font-family: var(--font-mono);
-  color: var(--text-secondary);
-}
-
-.hooks-list { font-family: var(--font-mono); font-size: 12px; line-height: 2; }
-.hook-event { color: var(--purple); }
-.hook-count { color: var(--text-muted); }
-
-/* ─── Code Blocks ─── */
-pre {
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 12px;
-  overflow-x: auto;
-  margin: 8px 0;
-  font-family: var(--font-mono);
-  font-size: 13px;
-  line-height: 1.5;
-}
-code {
-  font-family: var(--font-mono);
-  font-size: 0.9em;
-  background: var(--bg-tertiary);
-  padding: 2px 6px;
-  border-radius: 3px;
-}
-pre code { background: none; padding: 0; }
-
-/* ─── Responsive ─── */
-@media (max-width: 1024px) {
-  .tab-split { grid-template-columns: 240px 1fr; }
-  .overview-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
-  .card-wide { grid-column: 1 / -1; }
-}
-@media (max-width: 768px) {
-  .tab-split { grid-template-columns: 1fr; }
-  .lines-list-panel { display: none; }
-  .overview-grid { grid-template-columns: 1fr; padding: 16px; }
-  .card-wide { grid-column: auto; }
-}
+:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--border: #30363d;--border-light: #484f58;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--green: #3fb950;--yellow: #d29922;--red: #f85149;--purple: #bc8cff;--orange: #f0883e;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius: 8px;--radius-sm: 4px}*{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;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px}.logo{font-weight:700;font-size:16px;color:var(--accent)}.header-right{display:flex;align-items:center;gap:12px}.header-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.btn-icon{background:none;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.btn-icon.spinning{animation:spin .6s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--red)}.main{flex:1;display:grid;grid-template-columns:1fr;overflow:hidden}.panel-center{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.mono{font-family:var(--font-mono);font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.tab-nav{display:flex;gap:2px;margin-left:16px}.tab-btn{background:none;border:none;color:var(--text-muted);font-size:13px;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;font-family:var(--font-sans)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--bg-hover);color:var(--accent);font-weight:600}.tab-content{display:none;flex-direction:column;height:100%;overflow:hidden}.tab-content.active{display:flex}.skeleton-line{height:14px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:3px;margin-bottom:10px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:24px;overflow-y:auto}.overview-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.overview-card:hover{border-color:var(--border-light)}.card-wide{grid-column:1 / -1}.card-header{padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.card-body{padding:16px;font-size:13px;line-height:1.8}.card-stat{display:flex;justify-content:space-between;padding:2px 0;color:var(--text-secondary)}.card-stat span:last-child{color:var(--text-primary);font-family:var(--font-mono)}.card-value-big{font-size:28px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.card-value-label{font-size:12px;color:var(--text-muted);margin-top:4px}.card-tag{display:inline-block;background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);margin:2px}.git-branch{color:var(--green);font-weight:600}.git-clean{color:var(--green)}.git-dirty{color:var(--yellow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center}.empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-text{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-hint{font-size:12px;color:var(--text-muted)}.empty-hint code{background:var(--bg-tertiary);padding:1px 6px;border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--accent)}.instance-count{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.instances-list{display:flex;flex-direction:column;gap:6px}.instance-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);transition:background .15s}.instance-row:hover{background:var(--bg-hover)}.instance-row.current{border-left:2px solid var(--accent);background:#58a6ff0f}.instance-row-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.instance-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:12px}.instance-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.instance-dot.current{background:var(--accent);box-shadow:0 0 4px var(--accent)}.instance-info{display:flex;flex-direction:column;min-width:0}.instance-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-meta{font-size:11px;color:var(--text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-port{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.instance-uptime{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;min-width:40px;text-align:right}.badge-current{display:inline-block;background:#58a6ff26;color:var(--accent);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.3px}.tab-split{display:grid;grid-template-columns:300px 1fr;height:100%;overflow:hidden}.lines-list-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.tab-panel-header{padding:12px 16px;border-bottom:1px solid var(--border)}.tab-panel-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.lines-list{flex:1;overflow-y:auto;padding:8px}.line-item{padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;margin-bottom:4px}.line-item:hover{background:var(--bg-tertiary)}.line-item.active{background:var(--bg-hover);border-left:2px solid var(--accent)}.line-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.line-item-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.run-panel{display:flex;flex-direction:column;overflow:hidden}.run-content{flex:1;overflow-y:auto;padding:16px}.run-form{display:flex;flex-direction:column;gap:12px}.run-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.run-field input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);outline:none;box-sizing:border-box}.run-field input:focus{border-color:var(--accent)}.run-field input::placeholder{color:var(--text-muted)}.run-field .field-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-start;margin-top:8px}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.run-output-stream{margin-top:16px;padding:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);max-height:60vh;overflow-y:auto;font-size:13px;line-height:1.6}.run-event{margin-bottom:6px}.run-event-station{color:var(--accent);font-weight:600}.run-event-text{color:var(--text-secondary)}.run-event-tool{color:var(--orange);font-family:var(--font-mono);font-size:12px}.run-event-complete{color:var(--green);font-weight:600}.run-event-error{color:var(--red)}.text-muted{color:var(--text-muted);font-size:13px}.history-item{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;margin-bottom:4px}.history-item:hover{background:var(--bg-tertiary)}.history-item.active{background:var(--bg-hover);border-left:2px solid var(--accent)}.history-item-line{font-size:13px;font-weight:600;color:var(--text-primary)}.history-item-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.detail-meta{margin-bottom:16px}.detail-meta-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary)}.detail-meta-row span:last-child{color:var(--text-primary);font-family:var(--font-mono)}.detail-station{margin-bottom:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius)}.detail-station-header{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:8px}.detail-station-output{font-size:12px;color:var(--text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto}.settings-container{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-section h3{padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);margin:0}.settings-body{padding:16px;font-size:13px}.settings-tools-count{font-size:12px;color:var(--text-muted);margin-bottom:8px}.settings-tools-grid{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{background:var(--bg-tertiary);padding:4px 10px;border-radius:10px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.hooks-list{font-family:var(--font-mono);font-size:12px;line-height:2}.hook-event{color:var(--purple)}.hook-count{color:var(--text-muted)}pre{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto;margin:8px 0;font-family:var(--font-mono);font-size:13px;line-height:1.5}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-tertiary);padding:2px 6px;border-radius:3px}pre code{background:none;padding:0}@media(max-width:1024px){.tab-split{grid-template-columns:240px 1fr}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card-wide{grid-column:1 / -1}}@media(max-width:768px){.tab-split{grid-template-columns:1fr}.lines-list-panel{display:none}.overview-grid{grid-template-columns:1fr;padding:16px}.card-wide{grid-column:auto}}

package/dist/web/static/utils.js

@@ -0,0 +1 @@
+(function(_0x26fcb2,_0x2f5093){const _0x5e693b={_0x2fc82b:0xcd,_0x5630f5:'h5Uj',_0x16c9b2:0x15e,_0x4fc62b:0x179,_0x56d92b:'H@3O',_0x3028ad:0xe9,_0x527a7d:'[5g&',_0x135976:'0&s)',_0x3432b4:0x166,_0x5d67db:'$veQ',_0x877579:0xd2},_0x562837={_0x1a8411:0x96};function _0x432de4(_0x307c4f,_0x203c04){return _0x1d96(_0x203c04-0x16,_0x307c4f);}function _0x514f09(_0xf64293,_0x43bdd4){return _0x1d96(_0x43bdd4-_0x562837._0x1a8411,_0xf64293);}const _0x1e9f76=_0x26fcb2();while(!![]){try{const _0x1faea0=-parseInt(_0x432de4('p(Gu',_0x5e693b._0x2fc82b))/0x1*(parseInt(_0x514f09('Rrw0',0x163))/0x2)+parseInt(_0x514f09(_0x5e693b._0x5630f5,_0x5e693b._0x16c9b2))/0x3+-parseInt(_0x514f09('*i(v',_0x5e693b._0x4fc62b))/0x4*(-parseInt(_0x432de4(_0x5e693b._0x56d92b,_0x5e693b._0x3028ad))/0x5)+-parseInt(_0x514f09(_0x5e693b._0x527a7d,0x16c))/0x6*(parseInt(_0x432de4(_0x5e693b._0x135976,0xf0))/0x7)+-parseInt(_0x432de4('wqyJ',0xda))/0x8+-parseInt(_0x514f09('Pu58',0x176))/0x9*(-parseInt(_0x514f09('!cUx',_0x5e693b._0x3432b4))/0xa)+-parseInt(_0x432de4(_0x5e693b._0x135976,0xdc))/0xb*(-parseInt(_0x432de4(_0x5e693b._0x5d67db,_0x5e693b._0x877579))/0xc);if(_0x1faea0===_0x2f5093)break;else _0x1e9f76['push'](_0x1e9f76['shift']());}catch(_0x5e56a1){_0x1e9f76['push'](_0x1e9f76['shift']());}}}(_0x23c7,0xa8aca));const _0x1a879a=(function(){let _0x25425c=!![];return function(_0x6aef2f,_0x238d1f){const _0xa8969a={_0x56f92d:0x2f9,_0x453316:'byDJ'},_0x4dee8c=_0x25425c?function(){function _0x12b414(_0x317f60,_0x1e7ef4){return _0x1d96(_0x317f60-0x21b,_0x1e7ef4);}if(_0x238d1f){const _0x340c41=_0x238d1f[_0x12b414(_0xa8969a._0x56f92d,_0xa8969a._0x453316)](_0x6aef2f,arguments);return _0x238d1f=null,_0x340c41;}}:function(){};return _0x25425c=![],_0x4dee8c;};}()),_0x592051=_0x1a879a(this,function(){const _0x10d21c={_0x17b7db:0x2ad,_0x23476a:'[5g&',_0x39c347:0x2d9,_0xa4b65f:'qSv^',_0x37de58:0x2f0},_0x141d8b={_0x5cf039:0x3b2};function _0x6b5c44(_0x1c3ee1,_0x4f26d3){return _0x1d96(_0x1c3ee1- -0x376,_0x4f26d3);}function _0x4fc9f4(_0x19a047,_0x390f82){return _0x1d96(_0x390f82- -_0x141d8b._0x5cf039,_0x19a047);}const _0xb92b62={};_0xb92b62['RqCuY']=_0x4fc9f4('pnwm',-0x2d0)+'+)+$';const _0x15448f=_0xb92b62;return _0x592051[_0x4fc9f4('GW2w',-0x2d3)]()[_0x6b5c44(-_0x10d21c._0x17b7db,'Rrw0')](_0x15448f[_0x4fc9f4(_0x10d21c._0x23476a,-_0x10d21c._0x39c347)])[_0x4fc9f4(_0x10d21c._0xa4b65f,-_0x10d21c._0x37de58)]()['construc'+_0x4fc9f4('0&s)',-0x2e4)](_0x592051)['search'](_0x15448f[_0x6b5c44(-0x29b,'$veQ')]);});function _0x23c7(){const _0x2e4658=['DYasW6K9W6u0jmkEW6JdOMO','WPrXbWiDW5qXWRS','iWOUWRxdLW','WRBdPmo0W4NcSGiRxW','WQ/dTx7cRrC','DSocW6uKWR0EbefVkb08wt4','WRtcH8oCW5lcPW','FsVdM8kUcCo6rmkM','jCosq8oKdmk1WP7dOuq5Btu','W5TkcxZdLCkoEZVdVmoaW4RcRG','WORdO8oQrSohbq','ygaFWORdISoYtaq','WPm6W7mUW4FdNmoyW6O','bCo3WRtcJSk1WRu0','W4JcTSomr8oTfCoNWRq','ohxdIa','fmoLWQ0pWOm','WPOyWRGpnSkQwSohWO5FiCoL','WRVdPmoEW6xcUG','WRZdMCkup8kf','WPCJWQXbymoZW5FcHSkuECklW4uY','WP1fjczPEmo9hG','c8o8WQ7cV8kUWPafW48','W5iDvstcTZqQWPiuvI7cGW','eSo6WQ0aWOmgWO1U','WOxdQeK','WRrBiwBdNa','EYRdRmkMlmocCSkY','W4pcJSkKWPjF','WPddP8otD8o3','WRddPmosW5pcPa','WQBdL8onW5NcSq','WPZdGmohW77cQhqLhW','W63dOSkPlrKUeCkH','emklcW','fwlcTMhdHNfJkG','W6VcH8k8j8kDWOpdUIq','WQ9slrGr','W77cUCoMkCkw','WRxdN8k+rSoAWOCfBXtdLCofWPC','CmkmgSk4tq','WOaYWRldQ8kzWQVcTNxdQ8oGr8ox','CSknW53dUh0BudPKFcFdRCkHjW','WQjqpSk8W6m','v8k+lsW6W4tdGZq','W5NcSa/dSfpdI3NcLCoRW4RdRwm','j8oymmkrtSoZWORdRW','W49gW6ftDW','W6XHW7/cKCo2','xdXKWR1a','WQldICowW5e2WRupWPTUqSoZW4mwWQ8','W51BW4WoW7q','umo8WOpcSSok'];_0x23c7=function(){return _0x2e4658;};return _0x23c7();}function _0x1d96(_0x1028a6,_0x3c9911){_0x1028a6=_0x1028a6-0xb3;const _0x4722ed=_0x23c7();let _0x592051=_0x4722ed[_0x1028a6];if(_0x1d96['XDpSea']===undefined){var _0x1a879a=function(_0x2c1e36){const _0x552f04='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x18185c='',_0x7604d2='',_0x5ed201=_0x18185c+_0x1a879a;for(let _0x1ba93a=0x0,_0x4b6fe7,_0x1be777,_0x1b0cad=0x0;_0x1be777=_0x2c1e36['charAt'](_0x1b0cad++);~_0x1be777&&(_0x4b6fe7=_0x1ba93a%0x4?_0x4b6fe7*0x40+_0x1be777:_0x1be777,_0x1ba93a++%0x4)?_0x18185c+=_0x5ed201['charCodeAt'](_0x1b0cad+0xa)-0xa!==0x0?String['fromCharCode'](0xff&_0x4b6fe7>>(-0x2*_0x1ba93a&0x6)):_0x1ba93a:0x0){_0x1be777=_0x552f04['indexOf'](_0x1be777);}for(let _0x4b4acb=0x0,_0x86c68=_0x18185c['length'];_0x4b4acb<_0x86c68;_0x4b4acb++){_0x7604d2+='%'+('00'+_0x18185c['charCodeAt'](_0x4b4acb)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x7604d2);};const _0x2de6b3=function(_0x57a4c3,_0x840ffe){let _0x2746d7=[],_0x48015b=0x0,_0x326e18,_0x71d7fd='';_0x57a4c3=_0x1a879a(_0x57a4c3);let _0x339f3e;for(_0x339f3e=0x0;_0x339f3e<0x100;_0x339f3e++){_0x2746d7[_0x339f3e]=_0x339f3e;}for(_0x339f3e=0x0;_0x339f3e<0x100;_0x339f3e++){_0x48015b=(_0x48015b+_0x2746d7[_0x339f3e]+_0x840ffe['charCodeAt'](_0x339f3e%_0x840ffe['length']))%0x100,_0x326e18=_0x2746d7[_0x339f3e],_0x2746d7[_0x339f3e]=_0x2746d7[_0x48015b],_0x2746d7[_0x48015b]=_0x326e18;}_0x339f3e=0x0,_0x48015b=0x0;for(let _0x467889=0x0;_0x467889<_0x57a4c3['length'];_0x467889++){_0x339f3e=(_0x339f3e+0x1)%0x100,_0x48015b=(_0x48015b+_0x2746d7[_0x339f3e])%0x100,_0x326e18=_0x2746d7[_0x339f3e],_0x2746d7[_0x339f3e]=_0x2746d7[_0x48015b],_0x2746d7[_0x48015b]=_0x326e18,_0x71d7fd+=String['fromCharCode'](_0x57a4c3['charCodeAt'](_0x467889)^_0x2746d7[(_0x2746d7[_0x339f3e]+_0x2746d7[_0x48015b])%0x100]);}return _0x71d7fd;};_0x1d96['ZiMjsE']=_0x2de6b3,_0x1d96['QpnZVg']={},_0x1d96['XDpSea']=!![];}const _0x23c795=_0x4722ed[0x0],_0x1d9629=_0x1028a6+_0x23c795,_0x345cdf=_0x1d96['QpnZVg'][_0x1d9629];if(!_0x345cdf){if(_0x1d96['vYRLVj']===undefined){const _0x2b1a1d=function(_0x5cb6a6){this['rgPupJ']=_0x5cb6a6,this['prSbac']=[0x1,0x0,0x0],this['rHxixm']=function(){return'newState';},this['Pajfgm']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['OesDWw']='[\x27|\x22].+[\x27|\x22];?\x20*}';};_0x2b1a1d['prototype']['zCyeyl']=function(){const _0x296eaf=new RegExp(this['Pajfgm']+this['OesDWw']),_0x8aaf57=_0x296eaf['test'](this['rHxixm']['toString']())?--this['prSbac'][0x1]:--this['prSbac'][0x0];return this['FpAKGS'](_0x8aaf57);},_0x2b1a1d['prototype']['FpAKGS']=function(_0x40aa50){if(!Boolean(~_0x40aa50))return _0x40aa50;return this['LnkrPB'](this['rgPupJ']);},_0x2b1a1d['prototype']['LnkrPB']=function(_0x212aea){for(let _0x45a5bd=0x0,_0x309df4=this['prSbac']['length'];_0x45a5bd<_0x309df4;_0x45a5bd++){this['prSbac']['push'](Math['round'](Math['random']())),_0x309df4=this['prSbac']['length'];}return _0x212aea(this['prSbac'][0x0]);},new _0x2b1a1d(_0x1d96)['zCyeyl'](),_0x1d96['vYRLVj']=!![];}_0x592051=_0x1d96['ZiMjsE'](_0x592051,_0x3c9911),_0x1d96['QpnZVg'][_0x1d9629]=_0x592051;}else _0x592051=_0x345cdf;return _0x592051;}_0x592051();function escapeHtml(_0x5b4e2b){const _0x3b78ba={_0x549b0b:'Y($y',_0x3bb30c:'erOo',_0x2a1e84:0x42f,_0x28c7fd:0x434,_0x5fd02b:'doYc',_0x437431:'][vA',_0xf09a4c:0x42d};function _0x54406d(_0x1d46f4,_0x3c5ed6){return _0x1d96(_0x3c5ed6-0x358,_0x1d46f4);}const _0x30cb67={};_0x30cb67['iaXCS']=_0x12e04c(0x406,_0x3b78ba._0x549b0b);function _0x12e04c(_0xb07d27,_0x14346e){return _0x1d96(_0xb07d27-0x325,_0x14346e);}const _0x386971=_0x30cb67,_0x1fd278=document[_0x54406d(_0x3b78ba._0x3bb30c,_0x3b78ba._0x2a1e84)+_0x54406d(_0x3b78ba._0x3bb30c,0x427)](_0x386971[_0x54406d('Rrw0',_0x3b78ba._0x28c7fd)]);return _0x1fd278[_0x12e04c(0x3db,_0x3b78ba._0x5fd02b)+'ent']=_0x5b4e2b,_0x1fd278[_0x54406d(_0x3b78ba._0x437431,_0x3b78ba._0xf09a4c)+'L'];}function relativeTime(_0x5b3589){const _0x6e17fe={_0x536f0b:'nsDD',_0x32792b:'2guS',_0x56795b:0x25b,_0x38018c:'p(Gu',_0x558d52:'][vA',_0x5d6650:'6o%#',_0x429f27:0x2a6,_0x74b5cc:'aX4[',_0x2251ba:0x288,_0x25bca7:'byDJ',_0x364af4:'*)*7',_0x2dcc65:0x2a7,_0x18f82e:0x28e,_0x3ded75:'!cUx'},_0x27d34e={_0x2a265d:0x1d5},_0x1cbc32={_0x2ab4c5:0x1a1},_0x58583c={};_0x58583c[_0x5bad3b(_0x6e17fe._0x536f0b,0x25f)]=function(_0x3f8ec9,_0x5b0b34){return _0x3f8ec9<_0x5b0b34;},_0x58583c['yoyXz']=_0x5bad3b('*)*7',0x275),_0x58583c[_0x5bad3b(_0x6e17fe._0x32792b,_0x6e17fe._0x56795b)]=function(_0x575dbf,_0x534c19){return _0x575dbf<_0x534c19;};const _0x518f1b=_0x58583c;function _0x5bad3b(_0x1a5864,_0x5b69cd){return _0x1d96(_0x5b69cd-_0x1cbc32._0x2ab4c5,_0x1a5864);}if(!_0x5b3589)return'-';const _0x3a16c6=Date[_0x2ca04f(0x2ad,_0x6e17fe._0x38018c)]()-new Date(_0x5b3589)[_0x2ca04f(0x2a1,_0x6e17fe._0x558d52)]();function _0x2ca04f(_0x3f1613,_0x146932){return _0x1d96(_0x3f1613-_0x27d34e._0x2a265d,_0x146932);}return _0x518f1b[_0x2ca04f(0x298,_0x6e17fe._0x5d6650)](_0x3a16c6,0x0)?_0x518f1b[_0x2ca04f(_0x6e17fe._0x429f27,'qSv^')]:_0x3a16c6<0xea60?Math[_0x5bad3b(_0x6e17fe._0x74b5cc,_0x6e17fe._0x2251ba)](_0x3a16c6/0x3e8)+_0x5bad3b(_0x6e17fe._0x25bca7,0x266):_0x518f1b[_0x5bad3b(_0x6e17fe._0x364af4,0x285)](_0x3a16c6,0x36ee80)?Math[_0x2ca04f(_0x6e17fe._0x2dcc65,'*i(v')](_0x3a16c6/0xea60)+'m\x20ago':_0x3a16c6<0x5265c00?Math['floor'](_0x3a16c6/0x36ee80)+_0x5bad3b('S*uF',0x256):Math[_0x2ca04f(_0x6e17fe._0x18f82e,_0x6e17fe._0x3ded75)](_0x3a16c6/0x5265c00)+'d\x20ago';}function formatDuration(_0x3b21a5){const _0x163ece={_0x23379a:'eE#y',_0x2359e6:0x28c,_0x24f509:'R(Ae',_0x388d38:0x28e,_0x4b85e8:'qSv^',_0x35b165:0x26c,_0x52536d:0x112},_0x4808a1={_0x4ba0b7:0x349};function _0x4fd287(_0x294663,_0x4b1c17){return _0x1d96(_0x4b1c17- -_0x4808a1._0x4ba0b7,_0x294663);}const _0x1db3cb={};_0x1db3cb[_0x4fd287(_0x163ece._0x23379a,-_0x163ece._0x2359e6)]=function(_0x286912,_0x2155f7){return _0x286912/_0x2155f7;},_0x1db3cb['xRBXx']=function(_0x4c42c6,_0x22908f){return _0x4c42c6<_0x22908f;},_0x1db3cb[_0x4fd287(_0x163ece._0x24f509,-_0x163ece._0x388d38)]=function(_0x444a32,_0x3211d5){return _0x444a32%_0x3211d5;};function _0x50aa72(_0x56fa9c,_0x3336b8){return _0x1d96(_0x3336b8- -0x1d3,_0x56fa9c);}const _0x6432ce=_0x1db3cb;if(!_0x3b21a5||_0x3b21a5<=0x0)return'-';const _0x24a14d=Math[_0x4fd287(_0x163ece._0x4b85e8,-_0x163ece._0x35b165)](_0x6432ce[_0x4fd287('S%@^',-0x264)](_0x3b21a5,0x3e8));if(_0x6432ce['xRBXx'](_0x24a14d,0x3c))return _0x24a14d+'s';const _0x19a602=Math['floor'](_0x24a14d/0x3c),_0x130f0f=_0x6432ce[_0x50aa72('AN@v',-_0x163ece._0x52536d)](_0x24a14d,0x3c);return _0x19a602+'m\x20'+_0x130f0f+'s';}