12 lines
107 KiB
Text
12 lines
107 KiB
Text
|
{"parentUuid":null,"isSidechain":true,"promptId":"4593c3c3-7a64-4fcb-9e58-7f0ce8d6777b","agentId":"af3e772a50b71e8ec","type":"user","message":{"role":"user","content":"Fetch the full contents of these files from Forgejo (owner=zgaetano, repo=wild-dragon) using mcp__claude_ai_mcp-server__forgejo_forgejo_get_file:\n\n1. services/web-ui/public/shell.jsx\n2. services/web-ui/public/modal-new-recorder.jsx\n3. services/web-ui/public/tokens.html\n4. services/mam-api/src/routes/recorders.js\n\nReturn the complete content of all four files verbatim."},"uuid":"2ca4dae3-1092-49c2-b824-b1108e737b5e","timestamp":"2026-05-22T21:06:50.640Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"2ca4dae3-1092-49c2-b824-b1108e737b5e","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01DhfPvwxiKJCCmvEeGtvKkD","type":"message","role":"assistant","content":[{"type":"text","text":"I'll fetch all four files from the Forgejo repository for you."}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":103016,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":103016,"ephemeral_1h_input_tokens":0},"output_tokens":4,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbJHiLS79qvSFzFi93eGG","attributionAgent":"Explore","type":"assistant","uuid":"2afafb8a-1dac-43ff-a83e-6c6b149b7b95","timestamp":"2026-05-22T21:06:52.933Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"2afafb8a-1dac-43ff-a83e-6c6b149b7b95","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01DhfPvwxiKJCCmvEeGtvKkD","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01EHyXuPHJhWv5JrursqWfbR","name":"mcp__claude_ai_mcp-server__forgejo_forgejo_get_file","input":{"owner":"zgaetano","repo":"wild-dragon","path":"services/web-ui/public/shell.jsx"},"caller":{"type":"direct"}}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":103016,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":103016,"ephemeral_1h_input_tokens":0},"output_tokens":4,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbJHiLS79qvSFzFi93eGG","attributionAgent":"Explore","type":"assistant","uuid":"13a2b0c5-e7b4-44e3-bef5-5ea1e66c4935","timestamp":"2026-05-22T21:06:53.358Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"13a2b0c5-e7b4-44e3-bef5-5ea1e66c4935","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01DhfPvwxiKJCCmvEeGtvKkD","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01VjZ8139Nr3RyW849BS6ZNU","name":"mcp__claude_ai_mcp-server__forgejo_forgejo_get_file","input":{"owner":"zgaetano","repo":"wild-dragon","path":"services/web-ui/public/modal-new-recorder.jsx"},"caller":{"type":"direct"}}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":103016,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":103016,"ephemeral_1h_input_tokens":0},"output_tokens":4,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbJHiLS79qvSFzFi93eGG","attributionAgent":"Explore","type":"assistant","uuid":"97613348-ea02-4122-bb24-98003dc0422c","timestamp":"2026-05-22T21:06:53.802Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"97613348-ea02-4122-bb24-98003dc0422c","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01DhfPvwxiKJCCmvEeGtvKkD","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_018kZKBPnTFvz8wuW97oaePH","name":"mcp__claude_ai_mcp-server__forgejo_forgejo_get_file","input":{"owner":"zgaetano","repo":"wild-dragon","path":"services/web-ui/public/tokens.html"},"caller":{"type":"direct"}}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":103016,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":103016,"ephemeral_1h_input_tokens":0},"output_tokens":4,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbJHiLS79qvSFzFi93eGG","attributionAgent":"Explore","type":"assistant","uuid":"99e73c37-8790-45e1-8d9f-c6b2631a65b8","timestamp":"2026-05-22T21:06:54.048Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"99e73c37-8790-45e1-8d9f-c6b2631a65b8","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01DhfPvwxiKJCCmvEeGtvKkD","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01D7oiwZdQbgs9bH6hhW2oqT","name":"mcp__claude_ai_mcp-server__forgejo_forgejo_get_file","input":{"owner":"zgaetano","repo":"wild-dragon","path":"services/mam-api/src/routes/recorders.js"},"caller":{"type":"direct"}}],"stop_reason":"tool_use","stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":103016,"cache_read_input_tokens":0,"output_tokens":453,"server_tool_use":{"web_search_requests":0,"web_fetch_requests":0},"service_tier":"standard","cache_creation":{"ephemeral_1h_input_tokens":0,"ephemeral_5m_input_tokens":103016},"inference_geo":"","iterations":[{"input_tokens":3,"output_tokens":453,"cache_read_input_tokens":0,"cache_creation_input_tokens":103016,"cache_creation":{"ephemeral_5m_input_tokens":103016,"ephemeral_1h_input_tokens":0},"type":"message"}],"speed":"standard"},"diagnostics":null},"requestId":"req_011CbJHiLS79qvSFzFi93eGG","attributionAgent":"Explore","type":"assistant","uuid":"be02cd11-854e-439f-8137-8a5e41f716d4","timestamp":"2026-05-22T21:06:54.321Z","userType":"external","entrypoint":"sdk-ts","cwd":"/home/node","sessionId":"822a2121-d8ec-424f-ace5-d65e0b717cb0","version":"2.1.129","gitBranch":"HEAD","slug":"velvet-chasing-karp"}
|
||
|
|
{"parentUuid":"13a2b0c5-e7b4-44e3-bef5-5ea1e66c4935","isSidechain":true,"promptId":"4593c3c3-7a64-4fcb-9e58-7f0ce8d6777b","agentId":"af3e772a50b71e8ec","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01EHyXuPHJhWv5JrursqWfbR","type":"tool_result","content":"{\"result\":\"File: services/web-ui/public/shell.jsx\\n\\n// shell.jsx - app shell: sidebar nav, topbar, route container\\n\\nconst NAV_TREE = [\\n { id: \\\"home\\\", label: \\\"Home\\\", icon: \\\"home\\\" },\\n { id: \\\"library\\\", label: \\\"Library\\\", icon: \\\"library\\\" },\\n { id: \\\"projects\\\", label: \\\"Projects\\\", icon: \\\"folder\\\" },\\n {\\n id: \\\"ingest\\\", label: \\\"Ingest\\\", icon: \\\"upload\\\", group: true,\\n children: [\\n { id: \\\"upload\\\", label: \\\"Upload\\\", icon: \\\"upload\\\" },\\n { id: \\\"recorders\\\", label: \\\"Recorders\\\", icon: \\\"record\\\", badge: { kind: \\\"live\\\", text: \\\"4\\\" } },\\n { id: \\\"capture\\\", label: \\\"Capture\\\", icon: \\\"capture\\\" },\\n { id: \\\"monitors\\\", label: \\\"Monitors\\\", icon: \\\"monitor\\\" },\\n ],\\n },\\n { id: \\\"jobs\\\", label: \\\"Jobs\\\", icon: \\\"jobs\\\", badge: { kind: \\\"neutral\\\", text: \\\"3\\\" } },\\n { id: \\\"editor\\\", label: \\\"Editor\\\", icon: \\\"editor\\\", badge: { kind: \\\"dev\\\", text: \\\"DEV\\\" } },\\n];\\n\\nconst ADMIN_TREE = [\\n { id: \\\"users\\\", label: \\\"Users\\\", icon: \\\"users\\\" },\\n { id: \\\"tokens\\\", label: \\\"Tokens\\\", icon: \\\"token\\\" },\\n { id: \\\"containers\\\", label: \\\"Containers\\\", icon: \\\"container\\\" },\\n { id: \\\"cluster\\\", label: \\\"Cluster\\\", icon: \\\"cluster\\\" },\\n { id: \\\"settings\\\", label: \\\"Settings\\\", icon: \\\"settings\\\" },\\n];\\n\\nfunction NavItem({ item, active, onSelect, depth = 0, openGroups, toggleGroup }) {\\n const isGroup = item.group && item.children;\\n const isOpen = isGroup && openGroups.has(item.id);\\n const isActive = active === item.id || (isGroup && item.children.some(c => c.id === active));\\n\\n return (\\n <>\\n <div\\n className={`nav-item ${isActive && !isGroup ? \\\"active\\\" : \\\"\\\"} ${isGroup ? \\\"has-children\\\" : \\\"\\\"} ${isOpen ? \\\"open\\\" : \\\"\\\"}`}\\n onClick={() => {\\n if (isGroup) toggleGroup(item.id);\\n else onSelect(item.id);\\n }}\\n >\\n <Icon name={item.icon} size={15} className=\\\"nav-icon\\\" />\\n <span>{item.label}</span>\\n {item.badge && (\\n <span className={`nav-badge ${item.badge.kind}`}>{item.badge.text}</span>\\n )}\\n {isGroup && <Icon name=\\\"chevron\\\" size={12} className=\\\"nav-caret\\\" />}\\n </div>\\n {isGroup && isOpen && (\\n <div className=\\\"nav-children\\\">\\n {item.children.map(c => (\\n <div\\n key={c.id}\\n className={`nav-item ${active === c.id ? \\\"active\\\" : \\\"\\\"}`}\\n onClick={() => onSelect(c.id)}\\n >\\n <Icon name={c.icon} size={14} className=\\\"nav-icon\\\" />\\n <span>{c.label}</span>\\n {c.badge && <span className={`nav-badge ${c.badge.kind}`}>{c.badge.text}</span>}\\n </div>\\n ))}\\n </div>\\n )}\\n </>\\n );\\n}\\n\\nfunction Sidebar({ active, onNavigate }) {\\n const [openGroups, setOpenGroups] = React.useState(new Set([\\\"ingest\\\"]));\\n const toggleGroup = (id) => {\\n setOpenGroups(prev => {\\n const next = new Set(prev);\\n if (next.has(id)) next.delete(id);\\n else next.add(id);\\n return next;\\n });\\n };\\n\\n React.useEffect(() => {\\n const ingestChildren = [\\\"upload\\\", \\\"recorders\\\", \\\"capture\\\", \\\"monitors\\\"];\\n if (ingestChildren.includes(active)) {\\n setOpenGroups(prev => prev.has(\\\"ingest\\\") ? prev : new Set([...prev, \\\"ingest\\\"]));\\n }\\n }, [active]);\\n\\n return (\\n <aside className=\\\"sidebar\\\">\\n <div classNa
|
||
|
|
{"parentUuid":"97613348-ea02-4122-bb24-98003dc0422c","isSidechain":true,"promptId":"4593c3c3-7a64-4fcb-9e58-7f0ce8d6777b","agentId":"af3e772a50b71e8ec","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01VjZ8139Nr3RyW849BS6ZNU","type":"tool_result","content":"{\"result\":\"File: services/web-ui/public/modal-new-recorder.jsx\\n\\n// modal-new-recorder.jsx — New Recorder dialog (SRT / RTMP / SDI)\\n\\nfunction ProbeResult({ result }) {\\n if (!result.ok) {\\n return (\\n <div style={{ marginTop: 6, padding: '8px 10px', background: 'var(--danger-soft)', border: '1px solid var(--danger)', borderRadius: 5, fontSize: 11.5, color: 'var(--danger)' }}>\\n Probe failed: {result.error}\\n </div>\\n );\\n }\\n const d = result.data || {};\\n const entries = Object.entries(d).filter(([, v]) => v !== null && typeof v !== 'object');\\n if (entries.length === 0) {\\n return (\\n <div style={{ marginTop: 6, padding: '8px 10px', background: 'var(--success-soft)', border: '1px solid var(--success)', borderRadius: 5, fontSize: 11.5, color: 'var(--success)' }}>\\n ✓ Source reachable\\n </div>\\n );\\n }\\n return (\\n <div style={{ marginTop: 6, padding: '10px 12px', background: 'var(--bg-2)', border: '1px solid var(--success)', borderRadius: 5, fontSize: 11.5 }}>\\n {entries.map(([k, v]) => (\\n <div key={k} style={{ display: 'flex', gap: 8, padding: '2px 0' }}>\\n <span style={{ color: 'var(--text-3)', minWidth: 100, flexShrink: 0 }}>{k}</span>\\n <span style={{ fontFamily: 'var(--font-mono)', fontSize: 11 }}>{String(v)}</span>\\n </div>\\n ))}\\n </div>\\n );\\n}\\n\\nfunction NewRecorderModal({ open, onClose }) {\\n const { PROJECTS, NODES } = window.ZAMPP_DATA;\\n const [name, setName] = React.useState('');\\n const [sourceType, setSourceType] = React.useState('SRT');\\n const [srtUrl, setSrtUrl] = React.useState('srt://10.0.4.18:4200');\\n const [rtmpUrl, setRtmpUrl] = React.useState('rtmp://stream.local/live/cam_a');\\n const [sdiDeviceIdx, setSdiDeviceIdx] = React.useState(0);\\n const [sdiNodeId, setSdiNodeId] = React.useState(() => {\\n const n = window.ZAMPP_DATA.NODES[0];\\n return n ? (n.id || n.hostname || '') : '';\\n });\\n const [sdiDevices, setSdiDevices] = React.useState(null);\\n const [recTab, setRecTab] = React.useState('video');\\n const [proxyTab, setProxyTab] = React.useState('video');\\n const [proxyOn, setProxyOn] = React.useState(true);\\n const [projectId, setProjectId] = React.useState(PROJECTS[0]?.id || '');\\n const [submitting, setSubmitting] = React.useState(false);\\n const [submitErr, setSubmitErr] = React.useState(null);\\n const [probing, setProbing] = React.useState(false);\\n const [probeResult, setProbeResult] = React.useState(null);\\n\\n React.useEffect(() => {\\n if (sourceType !== 'SDI' || sdiDevices !== null) return;\\n window.ZAMPP_API.fetch('/cluster/devices/blackmagic')\\n .then(d => setSdiDevices(Array.isArray(d) ? d : []))\\n .catch(() => setSdiDevices([]));\\n }, [sourceType]);\\n\\n React.useEffect(() => { setProbeResult(null); }, [sourceType, srtUrl, rtmpUrl]);\\n\\n const handleProbe = () => {\\n setProbing(true);\\n setProbeResult(null);\\n const body = sourceType === 'SRT'\\n ? { source_type: 'srt', url: srtUrl }\\n : { source_type: 'rtmp', url: rtmpUrl };\\n window.ZAMPP_API.fetch('/recorders/probe', { method: 'POST', body: JSON.stringify(body) })\\n .then(r => { setProbing(false); setProbeResult({ ok: true, data: r }); })\\n .catch(e => { setProbing(false); setProbeResult({ ok: false, error: e.message }); });\\n };\\n\\n const handleCreate = () => {\\n if (!name.trim()) { setSubmitErr('Recorder name is required.'); return; }\\n if (sourceType === 'SDI' && !sdiNodeId) { setSubmitErr('Select a capture node for SDI.'); return; }\\n setSubmitting(true);\\n setSubmitErr(null);\\n\\n const body = {\\n name: name.trim(),\\n source_type: sourceType.toLowerCase(),\\
|
||
|
|
{"parentUuid":"99e73c37-8790-45e1-8d9f-c6b2631a65b8","isSidechain":true,"promptId":"4593c3c3-7a64-4fcb-9e58-7f0ce8d6777b","agentId":"af3e772a50b71e8ec","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_018kZKBPnTFvz8wuW97oaePH","type":"tool_result","content":"{\"result\":\"File: services/web-ui/public/tokens.html\\n\\n<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n <meta charset=\\\"UTF-8\\\">\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n <link rel=\\\"icon\\\" type=\\\"image/x-icon\\\" href=\\\"favicon.ico\\\">\\n <title>Token Pricing — Dragonflight</title>\\n <link rel=\\\"stylesheet\\\" href=\\\"/dist/app.css\\\">\\n <style>\\n body { margin: 0; }\\n /* GV-flavored teal-on-dark just to lean into the parody */\\n .tok-main {\\n flex: 1; overflow: auto;\\n background:\\n radial-gradient(ellipse 70% 50% at 50% 0%, oklch(38% 0.10 200 / 0.45), transparent 60%),\\n radial-gradient(ellipse 80% 60% at 20% 100%, oklch(35% 0.14 195 / 0.35), transparent 65%),\\n linear-gradient(135deg, oklch(20% 0.06 220), oklch(12% 0.025 230) 100%);\\n }\\n .tok-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 32px 80px; }\\n\\n .tok-banner {\\n text-align: center;\\n margin-bottom: 40px;\\n }\\n .tok-banner-eyebrow {\\n display: inline-flex; align-items: center; gap: 8px;\\n padding: 5px 14px;\\n background: oklch(15% 0.04 200);\\n border: 1px solid oklch(50% 0.12 200 / 0.5);\\n border-radius: 999px;\\n font-size: 10px; font-weight: 700; letter-spacing: 0.18em;\\n text-transform: uppercase; color: oklch(75% 0.12 200);\\n margin-bottom: 16px;\\n }\\n .tok-banner-eyebrow::before {\\n content: ''; width: 6px; height: 6px;\\n background: oklch(70% 0.18 200); border-radius: 50%;\\n box-shadow: 0 0 10px oklch(70% 0.18 200);\\n }\\n .tok-title {\\n font-size: 42px; font-weight: 700; letter-spacing: -0.02em;\\n line-height: 1.05; color: var(--text-primary);\\n margin-bottom: 10px;\\n }\\n .tok-title .strike { text-decoration: line-through; opacity: 0.4; }\\n .tok-title .pop { color: oklch(75% 0.14 200); }\\n .tok-sub {\\n max-width: 56ch; margin: 0 auto;\\n font-size: 14px; color: oklch(70% 0.05 215); line-height: 1.55;\\n }\\n .tok-sub b { color: oklch(80% 0.10 200); }\\n\\n /* ─ Tier cards ─ */\\n .tok-tiers {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\\n gap: 16px;\\n margin: 32px 0 40px;\\n }\\n .tok-tier {\\n position: relative;\\n background: oklch(13% 0.025 220 / 0.7);\\n border: 1px solid oklch(35% 0.06 215 / 0.5);\\n border-radius: 12px;\\n padding: 22px 22px 18px;\\n backdrop-filter: blur(6px);\\n }\\n .tok-tier.featured {\\n border-color: oklch(60% 0.15 200 / 0.7);\\n box-shadow: 0 16px 50px -16px oklch(50% 0.18 200 / 0.5);\\n }\\n .tok-tier-flag {\\n position: absolute; top: -10px; right: 18px;\\n background: oklch(58% 0.16 200);\\n color: oklch(10% 0.02 220);\\n font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\\n text-transform: uppercase;\\n padding: 4px 10px; border-radius: 999px;\\n }\\n .tok-tier-name {\\n font-size: 11px; font-weight: 700; letter-spacing: 0.18em;\\n text-transform: uppercase; color: oklch(70% 0.10 200);\\n margin-bottom: 8px;\\n }\\n .tok-tier-price {\\n font-size: 28px; font-weight: 700;\\n color: var(--text-primary); letter-spacing: -0.01em;\\n display: flex; align-items: baseline; gap: 4px;\\n }\\n .tok-tier-price small {\\n font-size: 13px; font-weight: 500;\\n color: var(--text-tertiary);\\n }\\n .tok-tier-tokens {\\n margin-top: 4px;\\n font-size: 12px; color: var(--text-secondary);\\n font-family: var(--font-mono); letter-spacing: 0.04em;\\n }\\n .tok-tier-list {\\n margin: 14px 0 16px; padding: 0; lis
|
||
|
|
{"parentUuid":"be02cd11-854e-439f-8137-8a5e41f716d4","isSidechain":true,"promptId":"4593c3c3-7a64-4fcb-9e58-7f0ce8d6777b","agentId":"af3e772a50b71e8ec","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01D7oiwZdQbgs9bH6hhW2oqT","type":"tool_result","content":"{\"result\":\"File: services/mam-api/src/routes/recorders.js\\n\\nimport express from 'express';\\nimport http from 'http';\\nimport pool from '../db/pool.js';\\nimport { requireAuth } from '../middleware/auth.js';\\nimport { v4 as uuidv4 } from 'uuid';\\n\\nconst router = express.Router();\\n\\nrouter.use(requireAuth);\\n\\n// Base port for on-demand SDI sidecar containers on remote worker nodes.\\n// Device index 0 → 7438, index 1 → 7439, etc.\\nconst SIDECAR_PORT_BASE = 7438;\\n\\n// Docker API helper function\\nfunction dockerApi(method, path, body = null) {\\n return new Promise((resolve, reject) => {\\n const options = {\\n socketPath: '/var/run/docker.sock',\\n path: `/v1.43${path}`,\\n method,\\n headers: { 'Content-Type': 'application/json' },\\n };\\n const req = http.request(options, (res) => {\\n let data = '';\\n res.on('data', chunk => data += chunk);\\n res.on('end', () => {\\n try {\\n resolve({ status: res.statusCode, data: data ? JSON.parse(data) : {} });\\n } catch {\\n resolve({ status: res.statusCode, data });\\n }\\n });\\n });\\n req.on('error', reject);\\n if (body) req.write(JSON.stringify(body));\\n req.end();\\n });\\n}\\n\\n// Look up the cluster node for a recorder and decide if it is remote.\\n// Returns { remote: false } when the node is local or unset;\\n// { remote: true, apiUrl, ip } when it is a different host.\\nasync function resolveNodeTarget(nodeId) {\\n if (!nodeId) return { remote: false };\\n const r = await pool.query(\\n 'SELECT hostname, ip_address, api_url FROM cluster_nodes WHERE id = $1',\\n [nodeId]\\n );\\n if (r.rows.length === 0) return { remote: false };\\n const node = r.rows[0];\\n const localHostname = process.env.NODE_HOSTNAME || '';\\n if (!node.api_url || node.hostname === localHostname) return { remote: false };\\n return { remote: true, apiUrl: node.api_url, ip: node.ip_address };\\n}\\n\\n// Helper function to generate clip name with timestamp\\nfunction generateClipName(recorderName) {\\n const now = new Date();\\n const year = now.getFullYear();\\n const month = String(now.getMonth() + 1).padStart(2, '0');\\n const day = String(now.getDate()).padStart(2, '0');\\n const hours = String(now.getHours()).padStart(2, '0');\\n const minutes = String(now.getMinutes()).padStart(2, '0');\\n const seconds = String(now.getSeconds()).padStart(2, '0');\\n return `${recorderName}_${year}${month}${day}_${hours}${minutes}${seconds}`;\\n}\\n\\n/**\\n * Build Docker PortBindings and ExposedPorts for listener-mode recorders.\\n */\\nfunction buildPortConfig(sourceType, sourceConfig) {\\n const portBindings = {};\\n const exposedPorts = {};\\n\\n if (sourceConfig && sourceConfig.mode === 'listener') {\\n if (sourceType === 'srt') {\\n const port = String(sourceConfig.listen_port || 9000);\\n const proto = `${port}/udp`;\\n portBindings[proto] = [{ HostPort: port }];\\n exposedPorts[proto] = {};\\n } else if (sourceType === 'rtmp') {\\n const port = String(sourceConfig.listen_port || 1935);\\n const proto = `${port}/tcp`;\\n portBindings[proto] = [{ HostPort: port }];\\n exposedPorts[proto] = {};\\n }\\n }\\n\\n return { portBindings, exposedPorts };\\n}\\n\\n// Whitelist of recorder columns the API accepts on POST/PATCH. Keeping it\\n// explicit prevents accidental writes to status / container_id / timestamps.\\nconst RECORDER_FIELDS = [\\n 'name', 'source_type', 'source_config',\\n 'recording_codec', 'recording_resolution',\\n 'recording_video_bitrate', 'recording_framerate',\\n 'recording_audio_codec', 'recording_audio_bitrate', 'recording_audio_channels',\\n 'recording_container',\\n 'proxy_enabled', 'proxy_codec'
|
||
|
|
{"parentUuid":"04766a44-77cd-4309-9632-a18a78b51977","isSidechain":true,"agentId":"af3e772a50b71e8ec","message":{"model":"claude-haiku-4-5-20251001","id":"msg_01MnA1nLdWJSjt6NkkTEBTvk","type":"message","role":"assistant","content":[{"type":"text","text":"Here are the complete contents of all four files:\n\n## 1. services/web-ui/public/shell.jsx\n\n```javascript\n// shell.jsx - app shell: sidebar nav, topbar, route container\n\nconst NAV_TREE = [\n { id: \"home\", label: \"Home\", icon: \"home\" },\n { id: \"library\", label: \"Library\", icon: \"library\" },\n { id: \"projects\", label: \"Projects\", icon: \"folder\" },\n {\n id: \"ingest\", label: \"Ingest\", icon: \"upload\", group: true,\n children: [\n { id: \"upload\", label: \"Upload\", icon: \"upload\" },\n { id: \"recorders\", label: \"Recorders\", icon: \"record\", badge: { kind: \"live\", text: \"4\" } },\n { id: \"capture\", label: \"Capture\", icon: \"capture\" },\n { id: \"monitors\", label: \"Monitors\", icon: \"monitor\" },\n ],\n },\n { id: \"jobs\", label: \"Jobs\", icon: \"jobs\", badge: { kind: \"neutral\", text: \"3\" } },\n { id: \"editor\", label: \"Editor\", icon: \"editor\", badge: { kind: \"dev\", text: \"DEV\" } },\n];\n\nconst ADMIN_TREE = [\n { id: \"users\", label: \"Users\", icon: \"users\" },\n { id: \"tokens\", label: \"Tokens\", icon: \"token\" },\n { id: \"containers\", label: \"Containers\", icon: \"container\" },\n { id: \"cluster\", label: \"Cluster\", icon: \"cluster\" },\n { id: \"settings\", label: \"Settings\", icon: \"settings\" },\n];\n\nfunction NavItem({ item, active, onSelect, depth = 0, openGroups, toggleGroup }) {\n const isGroup = item.group && item.children;\n const isOpen = isGroup && openGroups.has(item.id);\n const isActive = active === item.id || (isGroup && item.children.some(c => c.id === active));\n\n return (\n <>\n <div\n className={`nav-item ${isActive && !isGroup ? \"active\" : \"\"} ${isGroup ? \"has-children\" : \"\"} ${isOpen ? \"open\" : \"\"}`}\n onClick={() => {\n if (isGroup) toggleGroup(item.id);\n else onSelect(item.id);\n }}\n >\n <Icon name={item.icon} size={15} className=\"nav-icon\" />\n <span>{item.label}</span>\n {item.badge && (\n <span className={`nav-badge ${item.badge.kind}`}>{item.badge.text}</span>\n )}\n {isGroup && <Icon name=\"chevron\" size={12} className=\"nav-caret\" />}\n </div>\n {isGroup && isOpen && (\n <div className=\"nav-children\">\n {item.children.map(c => (\n <div\n key={c.id}\n className={`nav-item ${active === c.id ? \"active\" : \"\"}`}\n onClick={() => onSelect(c.id)}\n >\n <Icon name={c.icon} size={14} className=\"nav-icon\" />\n <span>{c.label}</span>\n {c.badge && <span className={`nav-badge ${c.badge.kind}`}>{c.badge.text}</span>}\n </div>\n ))}\n </div>\n )}\n </>\n );\n}\n\nfunction Sidebar({ active, onNavigate }) {\n const [openGroups, setOpenGroups] = React.useState(new Set([\"ingest\"]));\n const toggleGroup = (id) => {\n setOpenGroups(prev => {\n const next = new Set(prev);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n return next;\n });\n };\n\n React.useEffect(() => {\n const ingestChildren = [\"upload\", \"recorders\", \"capture\", \"monitors\"];\n if (ingestChildren.includes(active)) {\n setOpenGroups(prev => prev.has(\"ingest\") ? prev : new Set([...prev, \"ingest\"]));\n }\n }, [active]);\n\n return (\n <aside className=\"sidebar\">\n <div className=\"sidebar-header\">\n <div className=\"brand-mark\">D</div>\n <div>\n <div className=\"brand-name\">Dragonflight</div>\n </div>\n <div className=\"brand-sub\">v1.2.0</div>\n </div>\n <div className=\"sidebar-scroll\">\n {NAV_TREE.map(item => (\n <NavItem\n key={item.id}\n
|