8ddab401f9
Step 2 of the nav restructure: make the H0M3 menu hub the landing page at / and move the dashboard SPA to /dashboard.html, with every surface linking back to the hub. Mechanism (frontend-only, no host-side change — confirmed against the ServeDir route table): the dashboard's ServeDir fallback serves index.html at / via append_index_html_on_directories, and there is no SPA path-routing catch-all to break. The dashboard SPA is served as the plain file dashboard.html so it never shadows the exact-match /dashboard/stream + /dashboard/history SSE routes registered before the fallback. - Swap the HTML entry files: the H0M3 page becomes index.html (loads home.js → served at /), and the dashboard SPA becomes dashboard.html (loads tabs.js → served at /dashboard.html). build.mjs copies the new set; JS bundle names are unchanged (referenced by absolute /static/ paths, independent of the HTML filename). - H0M3 Dashboard tile now points at /dashboard.html. - The dashboard gains a "← home" back-link in its chrome; flow.html and logs.html relabel their back-link from "← dashboard" to "← home" (href stays / — which is the hub now). Pages link to the hub, not to each other. - Agent page (app.js + stats.js): the "↑ dashboard" link now targets /dashboard.html. The API base (rebuild / answer-question / mark-all-read POSTs) stays the origin root, unchanged. - Comment-only: tabs.js / flow.js / common.js references to the dashboard's old index.html filename updated to dashboard.html. Note for review: git renders the file swap as a deleted home.html + an added dashboard.html + a heavily-modified index.html, because index.html exists on both sides with swapped content. It's a content swap, not a rewrite — the built dist/ is verified (index.html→home.js, dashboard.html →tabs.js). Deferred to a follow-up: removing the FL0W / L0GS / M4TR1X "→" page-links from the dashboard tab strip (touches tabs.js gating/overflow), and the shared reusable chrome component (a later step).
53 lines
2.2 KiB
HTML
53 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>hyperhive // FL0W</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/static/theme.css">
|
|
<link rel="stylesheet" href="/static/common.css">
|
|
<link rel="stylesheet" href="/static/flow.css">
|
|
</head>
|
|
<body class="flow-shell">
|
|
|
|
<!-- Minimal chrome: just a back link to the H0M3 hub (served at /).
|
|
No full tabbar — the flow page is a dedicated full-viewport
|
|
terminal surface; navigating back to the menu is the only chrome
|
|
needed. Pages link back to H0M3, not the dashboard. -->
|
|
<header class="logs-header">
|
|
<a class="logs-back" href="/">← home</a>
|
|
<span class="logs-title">FL0W</span>
|
|
<select id="flow-agent-filter" class="flow-filter" title="filter timeline by agent" aria-label="filter timeline by agent">
|
|
<option value="">all agents</option>
|
|
</select>
|
|
</header>
|
|
|
|
<!-- Main content: the full-viewport terminal. Padded for the
|
|
overlay header + composer so the first/last rows stay
|
|
reachable. -->
|
|
<main class="flow-main flow-main-slim">
|
|
<div class="terminal-wrap">
|
|
<div id="msgflow" class="live terminal"><div class="meta">connecting…</div></div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Fixed-overlay composer at the bottom. Same frosted treatment
|
|
as the header — symmetric framing, terminal goes edge-to-edge
|
|
between them. -->
|
|
<footer class="flow-composer">
|
|
<div id="op-compose" class="op-compose">
|
|
<span id="op-compose-prompt" class="op-compose-prompt">@—></span>
|
|
<textarea id="op-compose-input" class="op-compose-input"
|
|
placeholder="@agent message… (enter sends, shift+enter newline, tab completes @-mention)"
|
|
rows="1" autocomplete="off"></textarea>
|
|
<div id="op-compose-suggest" class="op-compose-suggest" hidden></div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Flow-specific bundle. Contains the broker terminal init + the
|
|
@-mention composer. Tab renderers etc. live in
|
|
`/static/tabs.js` which /flow.html doesn't load. -->
|
|
<script type="module" src="/static/flow.js" defer></script>
|
|
</body>
|
|
</html>
|