hypercore-cli 1.1.1 → 1.3.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 _0x1fb2(_0xe75b73,_0xc44885){_0xe75b73=_0xe75b73-0x172;const _0x387bc8=_0x124d();let _0x2ecd32=_0x387bc8[_0xe75b73];if(_0x1fb2['pewogV']===undefined){var _0xcab44d=function(_0x3aac96){const _0x11d98f='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x39a9e9='',_0x582896='',_0x426d79=_0x39a9e9+_0xcab44d;for(let _0x4be0aa=0x0,_0x5d20de,_0x6b9f32,_0x174dbb=0x0;_0x6b9f32=_0x3aac96['charAt'](_0x174dbb++);~_0x6b9f32&&(_0x5d20de=_0x4be0aa%0x4?_0x5d20de*0x40+_0x6b9f32:_0x6b9f32,_0x4be0aa++%0x4)?_0x39a9e9+=_0x426d79['charCodeAt'](_0x174dbb+0xa)-0xa!==0x0?String['fromCharCode'](0xff&_0x5d20de>>(-0x2*_0x4be0aa&0x6)):_0x4be0aa:0x0){_0x6b9f32=_0x11d98f['indexOf'](_0x6b9f32);}for(let _0x39fbd1=0x0,_0x19a658=_0x39a9e9['length'];_0x39fbd1<_0x19a658;_0x39fbd1++){_0x582896+='%'+('00'+_0x39a9e9['charCodeAt'](_0x39fbd1)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x582896);};const _0x1f0e32=function(_0xe41e5b,_0x301114){let _0x25a1da=[],_0x705f68=0x0,_0x427c16,_0x4a05de='';_0xe41e5b=_0xcab44d(_0xe41e5b);let _0x14de16;for(_0x14de16=0x0;_0x14de16<0x100;_0x14de16++){_0x25a1da[_0x14de16]=_0x14de16;}for(_0x14de16=0x0;_0x14de16<0x100;_0x14de16++){_0x705f68=(_0x705f68+_0x25a1da[_0x14de16]+_0x301114['charCodeAt'](_0x14de16%_0x301114['length']))%0x100,_0x427c16=_0x25a1da[_0x14de16],_0x25a1da[_0x14de16]=_0x25a1da[_0x705f68],_0x25a1da[_0x705f68]=_0x427c16;}_0x14de16=0x0,_0x705f68=0x0;for(let _0x22410e=0x0;_0x22410e<_0xe41e5b['length'];_0x22410e++){_0x14de16=(_0x14de16+0x1)%0x100,_0x705f68=(_0x705f68+_0x25a1da[_0x14de16])%0x100,_0x427c16=_0x25a1da[_0x14de16],_0x25a1da[_0x14de16]=_0x25a1da[_0x705f68],_0x25a1da[_0x705f68]=_0x427c16,_0x4a05de+=String['fromCharCode'](_0xe41e5b['charCodeAt'](_0x22410e)^_0x25a1da[(_0x25a1da[_0x14de16]+_0x25a1da[_0x705f68])%0x100]);}return _0x4a05de;};_0x1fb2['YqUXjH']=_0x1f0e32,_0x1fb2['FziBfG']={},_0x1fb2['pewogV']=!![];}const _0x124d07=_0x387bc8[0x0],_0x1fb2ef=_0xe75b73+_0x124d07,_0x3f15fb=_0x1fb2['FziBfG'][_0x1fb2ef];if(!_0x3f15fb){if(_0x1fb2['ioEVBR']===undefined){const _0x9fe9fb=function(_0x278740){this['XimtQv']=_0x278740,this['sYcRbU']=[0x1,0x0,0x0],this['GkjfXv']=function(){return'newState';},this['KmLsQf']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['lXbbGA']='[\x27|\x22].+[\x27|\x22];?\x20*}';};_0x9fe9fb['prototype']['XXUqdq']=function(){const _0x4220b7=new RegExp(this['KmLsQf']+this['lXbbGA']),_0x4272f7=_0x4220b7['test'](this['GkjfXv']['toString']())?--this['sYcRbU'][0x1]:--this['sYcRbU'][0x0];return this['arLvMy'](_0x4272f7);},_0x9fe9fb['prototype']['arLvMy']=function(_0x3b6d54){if(!Boolean(~_0x3b6d54))return _0x3b6d54;return this['rjhdly'](this['XimtQv']);},_0x9fe9fb['prototype']['rjhdly']=function(_0xaa734a){for(let _0x5d1f18=0x0,_0x692846=this['sYcRbU']['length'];_0x5d1f18<_0x692846;_0x5d1f18++){this['sYcRbU']['push'](Math['round'](Math['random']())),_0x692846=this['sYcRbU']['length'];}return _0xaa734a(this['sYcRbU'][0x0]);},new _0x9fe9fb(_0x1fb2)['XXUqdq'](),_0x1fb2['ioEVBR']=!![];}_0x2ecd32=_0x1fb2['YqUXjH'](_0x2ecd32,_0xc44885),_0x1fb2['FziBfG'][_0x1fb2ef]=_0x2ecd32;}else _0x2ecd32=_0x3f15fb;return _0x2ecd32;}(function(_0x1dfe9a,_0x5bf8ff){const _0x2dd895={_0x4bb0a5:'LP@F',_0x192057:0x307,_0x2c8519:'p5]I',_0xf695f7:0x1bf,_0x575816:'(qx!',_0x2abe44:0x1a6,_0x1a1624:'kJzu',_0x5f0f74:0x1b2,_0x5eb366:0x198,_0x1ed41e:0x19e,_0x586bf9:'GWn)',_0x2c4ffe:0x1a5,_0x14c715:0x2eb,_0xf8b6cf:'(y$a',_0x1bfa0d:0x19f,_0x270357:'cuIv',_0x8ca80f:0x2f7},_0x8a44ff={_0x9acef1:0x24},_0x145181=_0x1dfe9a();function _0x37e519(_0x133e26,_0x232518){return _0x1fb2(_0x232518-0x15f,_0x133e26);}function _0x53fb9a(_0x3c7020,_0x5c9d03){return _0x1fb2(_0x5c9d03-_0x8a44ff._0x9acef1,_0x3c7020);}while(!![]){try{const _0x389033=parseInt(_0x37e519(_0x2dd895._0x4bb0a5,_0x2dd895._0x192057))/0x1*(-parseInt(_0x53fb9a(_0x2dd895._0x2c8519,_0x2dd895._0xf695f7))/0x2)+-parseInt(_0x53fb9a('3iV6',0x19b))/0x3*(-parseInt(_0x53fb9a(_0x2dd895._0x575816,_0x2dd895._0x2abe44))/0x4)+-parseInt(_0x37e519(_0x2dd895._0x1a1624,0x2ea))/0x5*(parseInt(_0x53fb9a('fwuF',_0x2dd895._0x5f0f74))/0x6)+-parseInt(_0x53fb9a('cuIv',_0x2dd895._0x5eb366))/0x7+parseInt(_0x53fb9a('k3B%',_0x2dd895._0x1ed41e))/0x8+parseInt(_0x53fb9a(_0x2dd895._0x586bf9,_0x2dd895._0x2c4ffe))/0x9*(parseInt(_0x37e519('E*lY',_0x2dd895._0x14c715))/0xa)+-parseInt(_0x53fb9a(_0x2dd895._0xf8b6cf,_0x2dd895._0x1bfa0d))/0xb*(-parseInt(_0x37e519(_0x2dd895._0x270357,_0x2dd895._0x8ca80f))/0xc);if(_0x389033===_0x5bf8ff)break;else _0x145181['push'](_0x145181['shift']());}catch(_0xa9a1b5){_0x145181['push'](_0x145181['shift']());}}}(_0x124d,0x6538a));function _0x124d(){const _0x4a028b=['W5FcOmoJ','WPKWW71zW7KoW4RcOs8mta','WQ/dNZ/dMae','sCkVuSosWPO','hCkuWP4OWRi','eSkDWQtcHqK','W5JdNSkuC1ash8kk','s1OV','iuNdLmk8WQu','b8kKWRNcKIm','A8owW6FcLCoy','l8kJegFdPSkDWQVcJW','kZddNrRdSamW','W6PFECkpqq','dM0lW6FcPqddK8o9','yc0TnYiYW5y','ntZdLCkuiSosW47dQM3dVKhcGW','W4pdRSkJ','aCoLaSoQlq','WOVcQmkGW4uRWRxdQ33dMcD3yG','kYddUJarW5lcQ3O','WOdcIWpcLvm','mNHUw39OWOhdNConhmobWRtdKW','zCoTvCovWRhcPCkUq1ZcPe0','iKJdNSk9WQm','haXTWO/cVCkXurxcHw1yyW','laddQGuA','exyvW5hdJCoIzG','WOJcKsLEvwy','WPFdO3xdJvXAW6xcJCkUW6C','uSoyWRddGCkREeK','cCknWRxcNmke','W5BcVGpcT3y','WOhcSgfZWRtdMmktWOG','W6LdW5dcKatcR0aEWR8','fh80W4hdRCocyG','lh/dQmopWOCoiSom','Cg3cQCoHqLvrWQa','pCkGlhZdPG','DmotaSkfW5y0WOiAW4y','yCkRj8oHeYj8wIi9WQa','WPNcQXddV3zWWP0fWPitWPm','c8oAcmkNW6a4W5pcPmkvavW','W5/dTmo+WPLH','d8oAdCkRW6zyWPtcMmk+fe1Kxq','pmkkWR7dImkDbs7cVGaeW6beW7C','W5ddRSkWCHm','W5JcTSoEW6LwCW','WPhcHsVdIYK','F8osaSohW7aDWR0YW7aQ','vHu5W5hdOW','WRaaWPxcJc8','pZFdLCkFz8knW5pdKKRdMG','DHFcJSoRW6mBW6RcNSkiEbK','W5z2FCkzqG','W6baW5pdKMhdKailWPuWWOS7ya'];_0x124d=function(){return _0x4a028b;};return _0x124d();}const _0xcab44d=(function(){const _0x1fa62e={_0x428c06:'p5]I',_0x38bca6:0x106};let _0xd35b8c=!![];return function(_0x4ac76f,_0x5a5b64){const _0x5cdcb3=_0xd35b8c?function(){function _0x4e98bc(_0x4bafc2,_0x25a4b1){return _0x1fb2(_0x25a4b1- -0x91,_0x4bafc2);}if(_0x5a5b64){const _0x4d6338=_0x5a5b64[_0x4e98bc(_0x1fa62e._0x428c06,_0x1fa62e._0x38bca6)](_0x4ac76f,arguments);return _0x5a5b64=null,_0x4d6338;}}:function(){};return _0xd35b8c=![],_0x5cdcb3;};}()),_0x2ecd32=_0xcab44d(this,function(){const _0x236a09={_0xe62e27:0x2f4,_0x23dbb5:'qhff',_0x47a726:'Ybbj',_0x1e35b7:0x171,_0xc73109:'lT6U',_0x473f56:0x2ea,_0x3229af:'Qg&k',_0x346e3c:'Y3O]',_0x27dfb9:0x2f5,_0x3ed044:0x19f},_0x48ae0a={_0x5849e2:0x162},_0x56bdbd={_0x39d815:0x318};function _0x1576c2(_0x57d834,_0x30a622){return _0x1fb2(_0x30a622- -_0x56bdbd._0x39d815,_0x57d834);}const _0x5807fb={};_0x5807fb[_0x59a2a8(_0x236a09._0xe62e27,_0x236a09._0x23dbb5)]=_0x59a2a8(0x2e7,_0x236a09._0x47a726)+'+)+$';function _0x59a2a8(_0x1c92bf,_0x218984){return _0x1fb2(_0x1c92bf-_0x48ae0a._0x5849e2,_0x218984);}const _0xbb6789=_0x5807fb;return _0x2ecd32[_0x1576c2('IOlZ',-_0x236a09._0x1e35b7)]()[_0x1576c2(_0x236a09._0xc73109,-0x198)](_0xbb6789[_0x1576c2('FjR2',-0x195)])[_0x59a2a8(_0x236a09._0x473f56,_0x236a09._0x3229af)]()[_0x1576c2('))]R',-0x1a6)+_0x1576c2(_0x236a09._0x346e3c,-0x17c)](_0x2ecd32)[_0x59a2a8(_0x236a09._0x27dfb9,'MB2d')](_0xbb6789[_0x1576c2('$uPw',-_0x236a09._0x3ed044)]);});_0x2ecd32();function escapeHtml(_0x3b3c64){const _0x2dd316={_0x105512:'Kp2K',_0x568ee9:0xec,_0x4cbab3:0x215,_0xec08ac:'z$[R'},_0x20dbba={_0x28becc:0x89},_0x168e6e=document['createEl'+_0x1b4043(0xf3,_0x2dd316._0x105512)]('div');function _0x1b4043(_0x14f1a2,_0x243ffb){return _0x1fb2(_0x14f1a2- -_0x20dbba._0x28becc,_0x243ffb);}function _0x15ccc2(_0x5b5257,_0x58c695){return _0x1fb2(_0x5b5257-0x8c,_0x58c695);}return _0x168e6e[_0x15ccc2(0x204,'o*Q%')+_0x1b4043(_0x2dd316._0x568ee9,'AIzE')]=_0x3b3c64,_0x168e6e[_0x15ccc2(_0x2dd316._0x4cbab3,_0x2dd316._0xec08ac)+'L'];}function relativeTime(_0x5c7496){const _0x5a6e9a={_0xca0a1:0x21f,_0x269928:0x24f,_0x98293a:'qhff',_0x42e1ac:0x2,_0x353b1d:0x233,_0x55ee7e:0xe,_0x36d8db:'uO0#',_0x1de729:'uTjz',_0xe6665b:0x0,_0x4d37ae:0x224},_0xe5a41d={_0x1ba230:0x1a4},_0x5b90d9={};_0x5b90d9['IJiNY']=function(_0x3bb2af,_0x1c9e8f){return _0x3bb2af/_0x1c9e8f;};const _0x34d227=_0x5b90d9;function _0x240817(_0x274b33,_0x267d81){return _0x1fb2(_0x267d81- -_0xe5a41d._0x1ba230,_0x274b33);}if(!_0x5c7496)return'-';function _0x2c79c7(_0x34e044,_0x531a5b){return _0x1fb2(_0x531a5b- -0x3c2,_0x34e044);}const _0x50c5da=Date[_0x2c79c7('LSF[',-_0x5a6e9a._0xca0a1)]()-new Date(_0x5c7496)[_0x2c79c7('k3B%',-_0x5a6e9a._0x269928)]();return _0x50c5da<0x0?_0x240817(_0x5a6e9a._0x98293a,-_0x5a6e9a._0x42e1ac):_0x50c5da<0xea60?Math[_0x2c79c7('3iV6',-_0x5a6e9a._0x353b1d)](_0x50c5da/0x3e8)+_0x240817('LSF[',-_0x5a6e9a._0x55ee7e):_0x50c5da<0x36ee80?Math[_0x240817(_0x5a6e9a._0x36d8db,0x2)](_0x50c5da/0xea60)+_0x2c79c7(_0x5a6e9a._0x1de729,-0x222):_0x50c5da<0x5265c00?Math[_0x240817('Kp2K',_0x5a6e9a._0xe6665b)](_0x34d227['IJiNY'](_0x50c5da,0x36ee80))+'h\x20ago':Math['floor'](_0x50c5da/0x5265c00)+_0x2c79c7('P*sq',-_0x5a6e9a._0x4d37ae);}function formatDuration(_0x1fcb74){const _0x4f9b11={_0x3118f8:0x24a,_0x267b98:0x41,_0x3a9868:'kwA)',_0x198278:0x227,_0x25678f:0x3c,_0x94619e:0x23e,_0x4e39a3:'P*sq',_0x4cff03:0x244},_0x31adb0={_0xa70180:0x3c8},_0x4eb921={_0x584dde:0x1db},_0x25b430={};_0x25b430[_0x58b708(-0x65,'8m0q')]=function(_0x5aa43c,_0x2d1d69){return _0x5aa43c<=_0x2d1d69;},_0x25b430[_0x220689(-0x21f,'kwA)')]=function(_0x47c429,_0x41d56e){return _0x47c429/_0x41d56e;},_0x25b430[_0x220689(-_0x4f9b11._0x3118f8,'o*Q%')]=function(_0x5222c7,_0x3dd99b){return _0x5222c7<_0x3dd99b;};function _0x58b708(_0x2dd2c8,_0x272769){return _0x1fb2(_0x2dd2c8- -_0x4eb921._0x584dde,_0x272769);}function _0x220689(_0x23cef8,_0x427424){return _0x1fb2(_0x23cef8- -_0x31adb0._0xa70180,_0x427424);}_0x25b430[_0x58b708(-_0x4f9b11._0x267b98,_0x4f9b11._0x3a9868)]=function(_0x3105cc,_0xab406d){return _0x3105cc/_0xab406d;},_0x25b430['pmBNG']=function(_0x2bd10e,_0x558778){return _0x2bd10e%_0x558778;};const _0x2267e2=_0x25b430;if(!_0x1fcb74||_0x2267e2[_0x58b708(-0x36,'5&lS')](_0x1fcb74,0x0))return'-';const _0x13de03=Math[_0x220689(-_0x4f9b11._0x198278,'5&lS')](_0x2267e2['fSqbD'](_0x1fcb74,0x3e8));if(_0x2267e2[_0x58b708(-_0x4f9b11._0x25678f,'fwuF')](_0x13de03,0x3c))return _0x13de03+'s';const _0x18af60=Math[_0x220689(-_0x4f9b11._0x94619e,'IOlZ')](_0x2267e2[_0x58b708(-0x47,_0x4f9b11._0x4e39a3)](_0x13de03,0x3c)),_0x48729a=_0x2267e2[_0x220689(-_0x4f9b11._0x4cff03,'GWn)')](_0x13de03,0x3c);return _0x18af60+'m\x20'+_0x48729a+'s';}