0d06a4c5fe
- Replace monolithic app.ts / app-conversation.ts / app-device-pod.ts /
app-skills.ts / app-helpers.ts / app-session-tabs.ts / auth.ts and the
364-line index.html with a Vite-built React + TypeScript SPA.
- New src/ module tree: main.tsx, App.tsx, components/{layout,auth,
conversation,command-bar,device-pod,skills,settings,help},
hooks/, services/api, services/auth, state, types, logic/ (pure
helpers from the old tree), styles/.
- Pure-logic modules (composer-policy, code-agent-facts, code-agent-
status, live-status, message-markdown, app-trace, app-session-tabs,
runtime) move to src/logic/ with their tests preserved; tests still
auto-discover.
- Build pipeline switches from Bun.build to Vite: vite.config.ts
inlines everything into a single app.js + app-assets/ for the dist;
scripts/dist-contract.ts now runs vite build and asserts the dist
against a fresh build instead of comparing dist to source.
- scripts/check.ts now verifies the React entry, the mount-only
index.html, Vite dist, the composer / session / device pod / skills
/ settings / help contracts, the React state shape, and the new
test file locations. It also refuses to run if any legacy app-*.ts
or auth.ts survives at the top level.
- New scripts/frontend-guard.ts enforces the 400-line migration target,
refuses the legacy el map and document.getElementById markers,
refuses to keep app-*.ts / auth.ts at the top level, and verifies
the required module directory layout.
- Update scripts/src/dev-cloud-workbench-smoke-lib.mjs to read the new
src/services/, src/logic/ paths and refresh cloudWebModuleSourceFiles.
- index.html is now a mount shell only (no login shell, no workbench
shell, no device pod sidebar markup). React renders the full UI from
src/main.tsx, satisfying the issue-756 migration goal of catching
unclosed tags at the TypeScript/JSX compile step instead of relying
on browser DOM healing.
- web:check (now: check + frontend-guard + tsc-check + bun test) is
green: 51 pass / 0 fail, Vite build produces dist/app.js (379 kB)
+ dist/index.html + dist/app-assets/. Vite build is reproducible;
dist freshness is verified against a fresh Vite build.
- Grandfathered pure-logic files (> 600 lines): src/logic/app-trace.ts
(1367), src/logic/live-status.ts (1006), src/logic/code-agent-facts.ts
(548), src/logic/code-agent-status.ts (572). Reason: each is a tested
pure-logic classifier with a public contract consumed by both the
CLI renderer and the Web renderer; splitting now would fork the
public function shape across two PRs and the migration target is the
React entry + module split, not a pure-logic refactor.
Refs #756. Closes #756 once merged + deployed to hwlab-v02.
Co-authored-by: Codex <codex@local>
46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
import { useCallback, useState } from "react";
|
|
|
|
import { cancelCodeAgentTurn, steerCodeAgentTurn, submitCodeAgentTurn } from "../services/api/codeAgent.ts";
|
|
|
|
export function useCodeAgentSubmit({ workspace, activeConversationId, activeSessionId }) {
|
|
const [pending, setPending] = useState(false);
|
|
const [lastError, setLastError] = useState(null);
|
|
const [lastTraceId, setLastTraceId] = useState(null);
|
|
|
|
const submit = useCallback(
|
|
async ({ message, mode = "turn" }) => {
|
|
setLastError(null);
|
|
setPending(true);
|
|
const payload = {
|
|
message,
|
|
conversationId: activeConversationId,
|
|
sessionId: activeSessionId,
|
|
workspaceId: workspace?.workspaceId ?? null,
|
|
workspaceRevision: workspace?.revision ?? null,
|
|
threadId: workspace?.threadId ?? null,
|
|
};
|
|
const action = mode === "steer" ? steerCodeAgentTurn : submitCodeAgentTurn;
|
|
const result = await action(payload);
|
|
setPending(false);
|
|
if (!result.ok) {
|
|
setLastError(`submit failed: ${result.status}`);
|
|
return { ok: false };
|
|
}
|
|
const traceId = result.data?.traceId ?? result.data?.targetTraceId ?? null;
|
|
if (traceId) setLastTraceId(traceId);
|
|
return { ok: true, traceId, data: result.data };
|
|
},
|
|
[activeConversationId, activeSessionId, workspace]
|
|
);
|
|
|
|
const cancel = useCallback(async () => {
|
|
if (!lastTraceId) return { ok: false, error: "no active trace" };
|
|
setPending(true);
|
|
const result = await cancelCodeAgentTurn({ traceId: lastTraceId });
|
|
setPending(false);
|
|
return { ok: result.ok, data: result.data };
|
|
}, [lastTraceId]);
|
|
|
|
return { submit, cancel, pending, lastError, lastTraceId };
|
|
}
|