mirror of
https://github.com/andrewyng/openworker.git
synced 2026-09-04 16:42:35 +00:00
Rohit C Prasad
2451486609
Slack installer joins the workspace allow-list on managed connect; MCP interactive oauth only from explicit connects. Run-started toast over a new app-wide /ws/events socket; Automations e2e locators scoped to the account menu.
1626 lines
69 KiB
TypeScript
1626 lines
69 KiB
TypeScript
import { useCallback, useEffect, useRef, useState, type PointerEvent } from "react";
|
||
import {
|
||
announceInboxUnlock,
|
||
finalizeAutomationRun,
|
||
getArtifacts,
|
||
getHealth,
|
||
getRecentWorkspaces,
|
||
getSessionMessages,
|
||
getSessions,
|
||
announceAutomationsChanged,
|
||
connectEvents,
|
||
getSettings,
|
||
getPersonas,
|
||
getInbox,
|
||
getUnattended,
|
||
PERSONAS_CHANGED,
|
||
resolveInboxItem,
|
||
deleteSession,
|
||
renameSession,
|
||
runAutomation,
|
||
setSessionFlags,
|
||
setUnattended,
|
||
Session,
|
||
type InboxItem,
|
||
type MessageSource,
|
||
type Persona,
|
||
type RecentWorkspace,
|
||
type SurfaceVisibility,
|
||
} from "./api";
|
||
import type { ApprovalDecision, Attachment, Item, SessionInfo, TodoItem, WsEvent } from "./types";
|
||
import { isProjectScoped, shortPersonaName } from "./personaScope";
|
||
import { baseName } from "./paths";
|
||
import { itemsFromMessages } from "./itemsFromMessages";
|
||
import { streamMode } from "./streamGate";
|
||
import { InboxItemCard } from "./components/InboxItemCard";
|
||
import { isTauri, startWindowDrag } from "./tauri";
|
||
import { Icon } from "./components/Icon";
|
||
import { Sidebar } from "./components/Sidebar";
|
||
import { Transcript } from "./components/Transcript";
|
||
import { Composer } from "./components/Composer";
|
||
import { Markdown } from "./components/Markdown";
|
||
import { SearchModal } from "./components/SearchModal";
|
||
import { SessionIntro } from "./components/SessionIntro";
|
||
import { FolderGate } from "./components/FolderGate";
|
||
import { Onboarding } from "./components/Onboarding";
|
||
import { UpdateBanner } from "./components/UpdateBanner";
|
||
import { ScheduledView } from "./components/ScheduledView";
|
||
import { RightRail } from "./components/RightRail";
|
||
import { IntegrationsView } from "./components/IntegrationsView";
|
||
import { SettingsView } from "./components/SettingsView";
|
||
import { PersonaView } from "./components/PersonaView";
|
||
import { AuditView } from "./components/AuditView";
|
||
import { InboxView } from "./components/InboxView";
|
||
import { ApprovalCard } from "./components/ApprovalCard";
|
||
import { DirectoryRequestCard } from "./components/DirectoryRequestCard";
|
||
import { PlanCard } from "./components/PlanCard";
|
||
|
||
const newId = () =>
|
||
(crypto as any).randomUUID ? crypto.randomUUID().slice(0, 12) : Math.random().toString(36).slice(2, 14);
|
||
|
||
const SUGGESTIONS = [
|
||
{ ico: "⚙", text: "Run the test suite and summarize any failures." },
|
||
{ ico: "✦", text: "Read the project and give me a 5-bullet overview." },
|
||
{ ico: "↻", text: "Find and fix the failing build." },
|
||
];
|
||
|
||
// Tools whose success means a new/changed file should show up under Artifacts right away.
|
||
const FILE_WRITE_TOOLS = new Set(["write_file", "apply_patch", "apply_unified_diff", "replace_in_file"]);
|
||
|
||
// Models sometimes pass todo items as bare strings instead of {content, status} objects (the
|
||
// backend tool normalizes them the same way; the GUI reads the raw proposal args, so mirror it).
|
||
function normalizeTodos(raw: unknown): TodoItem[] {
|
||
if (!Array.isArray(raw)) return [];
|
||
const statuses = new Set(["pending", "in_progress", "done"]);
|
||
return raw.map((entry: any) => {
|
||
if (entry && typeof entry === "object") {
|
||
const status = entry.status === "completed" ? "done" : entry.status; // common model alias
|
||
return {
|
||
content: String(entry.content ?? ""),
|
||
status: statuses.has(status) ? status : "pending",
|
||
};
|
||
}
|
||
return { content: String(entry ?? ""), status: "pending" as const };
|
||
});
|
||
}
|
||
|
||
// Fallbacks used only before the persona list loads (the in-component, family-aware
|
||
// needsWorkspace/gatesWorkspace consult the real persona once available).
|
||
const needsWorkspaceFallback = (a: string) => a === "code" || a === "cowork";
|
||
const gatesWorkspaceFallback = (a: string) => a === "code";
|
||
const LAST_SESSION_KEY = "coworker:last-session-by-agent:v1";
|
||
const NAV_COLLAPSED_KEY = "coworker:nav-collapsed:v1";
|
||
|
||
type LastSession = { sessionId: string; workspace: string; updatedAt: number };
|
||
|
||
function readLastSessions(): Record<string, LastSession> {
|
||
try {
|
||
const raw = localStorage.getItem(LAST_SESSION_KEY);
|
||
return raw ? JSON.parse(raw) : {};
|
||
} catch {
|
||
return {};
|
||
}
|
||
}
|
||
|
||
function rememberLastSession(agent: string, sessionId: string, workspace: string | null) {
|
||
if (!agent || !sessionId) return;
|
||
try {
|
||
const all = readLastSessions();
|
||
all[agent] = { sessionId, workspace: workspace || "", updatedAt: Date.now() };
|
||
localStorage.setItem(LAST_SESSION_KEY, JSON.stringify(all));
|
||
} catch {
|
||
/* localStorage may be unavailable; session restore is best effort. */
|
||
}
|
||
}
|
||
|
||
function sessionTs(s: SessionInfo): number {
|
||
return Date.parse(s.updated_at || "") || Number(s.updated_at) || 0;
|
||
}
|
||
|
||
function resumeTargetForAgent(agent: string, sessions: SessionInfo[]): LastSession | null {
|
||
const remembered = readLastSessions()[agent];
|
||
if (remembered?.sessionId) {
|
||
const live = sessions.find((s) => s.session_id === remembered.sessionId && s.agent === agent);
|
||
if (live || remembered.workspace) {
|
||
return {
|
||
sessionId: remembered.sessionId,
|
||
workspace: live?.workspace ?? remembered.workspace ?? "",
|
||
updatedAt: live ? sessionTs(live) : remembered.updatedAt,
|
||
};
|
||
}
|
||
}
|
||
const recent = sessions
|
||
.filter((s) => s.agent === agent && s.session_id && !s.session_id.startsWith("__"))
|
||
.sort((a, b) => sessionTs(b) - sessionTs(a))[0];
|
||
return recent ? { sessionId: recent.session_id, workspace: recent.workspace || "", updatedAt: sessionTs(recent) } : null;
|
||
}
|
||
|
||
function fallbackWorkspace(current: string | null, projects: RecentWorkspace[]): string {
|
||
if (current) return current;
|
||
const existing = projects.find((p) => p.exists);
|
||
return existing?.path || projects[0]?.path || "";
|
||
}
|
||
|
||
export function App() {
|
||
const [workspace, setWorkspace] = useState<string | null>(null);
|
||
const [branch, setBranch] = useState<string | null>(null);
|
||
const [showGate, setShowGate] = useState(false);
|
||
const [agent, setAgent] = useState("cowork");
|
||
const [model, setModel] = useState("gpt-5.6-sol");
|
||
const [models, setModels] = useState<string[]>([]);
|
||
const [modelLabels, setModelLabels] = useState<Record<string, string>>({});
|
||
const [surfaces, setSurfaces] = useState<SurfaceVisibility>({ cowork: true, chat: false, code: false });
|
||
const [mode, setMode] = useState("interactive");
|
||
const [connected, setConnected] = useState(false);
|
||
const [running, setRunning] = useState(false);
|
||
const [items, setItems] = useState<Item[]>([]);
|
||
const [streaming, setStreaming] = useState("");
|
||
const [todo, setTodo] = useState<TodoItem[]>([]);
|
||
const [sessions, setSessions] = useState<SessionInfo[]>([]);
|
||
const [projects, setProjects] = useState<RecentWorkspace[]>([]);
|
||
const [sessionId, setSessionId] = useState<string>(newId());
|
||
// Automation-run context (§ owner ask 2026-07-04): which task an open __run__ session belongs
|
||
// to, driving the banner + "Back to runs". Best-effort — a run session without context still
|
||
// shows a generic banner (detected by its __run__ id).
|
||
const [runContext, setRunContext] = useState<{ id: string; title: string } | null>(null);
|
||
// Which automation the Automations surface opens on (set by the banner's Back link
|
||
// or a sidebar Scheduled-band click). Cleared on leaving the surface: a remembered
|
||
// id going stale (e.g. the automation was deleted) reopened a dead detail —
|
||
// "Loading…" forever (owner-hit 2026-07-20). Nav re-entry should land on the list.
|
||
const [scheduledOpenId, setScheduledOpenId] = useState<string | null>(null);
|
||
const [gateCreate, setGateCreate] = useState(false);
|
||
// Which Settings section the full-page Settings surface opens on (§ Settings-as-page).
|
||
const [settingsTab, setSettingsTab] = useState<"appearance" | "models" | "voice" | "personas">(
|
||
"appearance",
|
||
);
|
||
const openSettings = (tab: "appearance" | "models" | "voice" | "personas" = "appearance") => {
|
||
setSettingsTab(tab);
|
||
setSurface("settings");
|
||
};
|
||
// Whether the default model's provider is actually configured (any provider). Drives the
|
||
// composer's "No model connected" chip. Default true so we don't flash the chip before settings
|
||
// load; corrected by loadSettings.
|
||
const [modelReady, setModelReady] = useState(true);
|
||
const [surface, setSurface] = useState<
|
||
"session" | "scheduled" | "integrations" | "audit" | "inbox" | "persona" | "settings"
|
||
>("session");
|
||
// A remembered Scheduled-detail target must not outlive the surface (see the
|
||
// scheduledOpenId comment above): nav re-entry lands on the list, never a
|
||
// possibly-deleted automation's dead detail.
|
||
useEffect(() => {
|
||
if (surface !== "scheduled") setScheduledOpenId(null);
|
||
}, [surface]);
|
||
// The persona whose detail page is showing (surface === "persona"); empty falls back to the
|
||
// active session's persona. Phase 5 wires the grouped-nav gear + "Manage personas…" entry points.
|
||
const [personaViewId, setPersonaViewId] = useState<string>("");
|
||
// Where the persona page returns on "back": the active session, or Settings ▸ Personas when it
|
||
// was opened from there (persona config now lives in Settings).
|
||
const [personaViewReturn, setPersonaViewReturn] = useState<"session" | "settings">("session");
|
||
const openPersona = (id: string, from: "session" | "settings" = "session") => {
|
||
setPersonaViewReturn(from);
|
||
setPersonaViewId(id);
|
||
setSurface("persona");
|
||
};
|
||
const [browserRefreshKey, setBrowserRefreshKey] = useState(0);
|
||
const [railHidden, setRailHidden] = useState(false);
|
||
// Left-nav collapse (⌘B): when collapsed the sidebar leaves the grid so content reclaims the
|
||
// width; hovering the left edge peeks it back as a floating overlay. Persisted per-device.
|
||
const [navCollapsed, setNavCollapsed] = useState<boolean>(() => {
|
||
try { return localStorage.getItem(NAV_COLLAPSED_KEY) === "1"; } catch { return false; }
|
||
});
|
||
const [navPeek, setNavPeek] = useState(false);
|
||
// While an artifact preview is open we auto-collapse the nav (#3). Remember the pre-preview
|
||
// collapse state so we can restore it on close — unless the user re-opened the nav meanwhile.
|
||
const navBeforePreview = useRef<boolean | null>(null);
|
||
const setNavCollapsedPersist = useCallback((v: boolean) => {
|
||
setNavCollapsed(v);
|
||
try { localStorage.setItem(NAV_COLLAPSED_KEY, v ? "1" : "0"); } catch { /* best effort */ }
|
||
}, []);
|
||
const toggleNav = useCallback(() => {
|
||
setNavPeek(false);
|
||
navBeforePreview.current = null; // a manual toggle takes control from the artifact auto-collapse
|
||
setNavCollapsedPersist(!navCollapsed);
|
||
}, [navCollapsed, setNavCollapsedPersist]);
|
||
// #3: collapse the nav while a full artifact preview is open, restore it on close (unless the
|
||
// user manually toggled meanwhile). The collapse is transient — it never overwrites the pref.
|
||
const onArtifactPreview = useCallback((open: boolean) => {
|
||
if (open) {
|
||
if (navBeforePreview.current === null) navBeforePreview.current = navCollapsed;
|
||
setNavPeek(false);
|
||
setNavCollapsed(true);
|
||
} else if (navBeforePreview.current !== null) {
|
||
setNavCollapsed(navBeforePreview.current);
|
||
navBeforePreview.current = null;
|
||
}
|
||
}, [navCollapsed]);
|
||
useEffect(() => {
|
||
const onKey = (e: KeyboardEvent) => {
|
||
if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "b") {
|
||
e.preventDefault();
|
||
toggleNav();
|
||
}
|
||
// ⌘, — the platform Settings shortcut (advertised in the account menu, §26).
|
||
if ((e.metaKey || e.ctrlKey) && e.key === ",") {
|
||
e.preventDefault();
|
||
setSurface("settings");
|
||
}
|
||
};
|
||
window.addEventListener("keydown", onKey);
|
||
return () => window.removeEventListener("keydown", onKey);
|
||
}, [toggleNav]);
|
||
// Count of files this Cowork conversation has produced — surfaces an "Artifacts (N)" button in
|
||
// the topbar when the side panel is hidden, so produced files are never buried.
|
||
const [artifactCount, setArtifactCount] = useState(0);
|
||
// §32 deep link into the rail's Access section (the former Session-settings drawer): bumping
|
||
// the key expands the section and scrolls it into view. Callers also un-hide the rail.
|
||
const [accessKey, setAccessKey] = useState(0);
|
||
const openAccess = () => {
|
||
setRailHidden(false);
|
||
setAccessKey((k) => k + 1);
|
||
};
|
||
// §34 (UX-016): clicking an artifact chip in the transcript must land somewhere visible —
|
||
// RightRail opens the viewer; this just makes sure the rail isn't hidden.
|
||
useEffect(() => {
|
||
const show = () => setRailHidden(false);
|
||
window.addEventListener("ocw-open-artifact", show);
|
||
return () => window.removeEventListener("ocw-open-artifact", show);
|
||
}, []);
|
||
// The command-palette search, openable from the collapsed-sidebar topbar cluster (§22). The
|
||
// expanded sidebar owns its own instance; this one exists so search never disappears with it.
|
||
const [searchOpen, setSearchOpen] = useState(false);
|
||
// A pending composer prefill (text + attachments) pushed from the session start panel.
|
||
const [composerPrefill, setComposerPrefill] = useState<{ text: string; attachments?: Attachment[]; nonce: number }>();
|
||
|
||
// Persona metadata drives workspace behavior by FAMILY, not by hardcoded id (so a DevOps/SecOps
|
||
// code-family persona gates a folder like Code, and a knowledge persona starts orphan like Cowork).
|
||
const [personas, setPersonas] = useState<Persona[] | null>(null);
|
||
useEffect(() => {
|
||
getPersonas().then(setPersonas).catch(() => {});
|
||
}, []);
|
||
const personaOf = (a: string) => personas?.find((p) => p.id === a);
|
||
|
||
// Pending Inbox items for the ACTIVE session — surfaced inline above the composer so an
|
||
// unattended session's blocking question/approval can be answered in context (resolving the
|
||
// same item the Inbox shows; first responder wins).
|
||
const [sessionInbox, setSessionInbox] = useState<InboxItem[]>([]);
|
||
// Whether the active session is Unattended — when true, the agent's prompts route to the Inbox,
|
||
// so we suppress the inline live cards (the Inbox / answer-in-context path shows them instead).
|
||
// A ref too, because the WS event handler closes over stale state.
|
||
const [unattended, setUnattendedState] = useState(false);
|
||
const unattendedRef = useRef(false);
|
||
const markUnattended = useCallback((on: boolean) => {
|
||
unattendedRef.current = on;
|
||
setUnattendedState(on);
|
||
}, []);
|
||
// The Mode menu's "Send approvals to Inbox" toggle (§22 — the old InboxControl, folded in).
|
||
const toggleUnattended = async (on: boolean) => {
|
||
await setUnattended(sessionId, on);
|
||
markUnattended(on);
|
||
// First Unattended enable = Inbox machinery engaged → the account row's chip unlocks (§26).
|
||
if (on) announceInboxUnlock();
|
||
};
|
||
const resolveSessionInbox = async (id: string, resolution: string) => {
|
||
await resolveInboxItem(id, resolution);
|
||
getInbox(sessionId, "pending").then(setSessionInbox).catch(() => setSessionInbox([]));
|
||
refreshSessions(); // attention badge should drop right away
|
||
};
|
||
// Shows a working-area chip / project grouping. Persona's needs_workspace; fallback before load.
|
||
const needsWorkspace = (a: string) => personaOf(a)?.needs_workspace ?? needsWorkspaceFallback(a);
|
||
// MUST pick a folder before starting — project-scoped personas (git-bound Code, project-bound
|
||
// Ops). Scratch/deliverable personas start orphan: the server auto-provisions a per-conversation
|
||
// scratch dir and reports it in the `ready` event.
|
||
const gatesWorkspace = (a: string) => {
|
||
const p = personaOf(a);
|
||
return p ? isProjectScoped(p) : gatesWorkspaceFallback(a);
|
||
};
|
||
|
||
// The desktop tray's "Settings" item dispatches this on the window.
|
||
useEffect(() => {
|
||
const open = () => openSettings("appearance");
|
||
window.addEventListener("coworker:open-settings", open);
|
||
return () => window.removeEventListener("coworker:open-settings", open);
|
||
}, []);
|
||
|
||
// "Run setup again" (from Settings) re-opens the wizard.
|
||
useEffect(() => {
|
||
const open = () => {
|
||
setOnboarding(true);
|
||
};
|
||
window.addEventListener("coworker:open-onboarding", open);
|
||
return () => window.removeEventListener("coworker:open-onboarding", open);
|
||
}, []);
|
||
|
||
const sessionRef = useRef<Session | null>(null);
|
||
const scrollRef = useRef<HTMLDivElement | null>(null);
|
||
// A prompt to auto-send once the next session connects (used by "Run now").
|
||
const pendingPromptRef = useRef<string | null>(null);
|
||
// The in-flight manual run to finalize after its first turn ({taskId, runId, sessionId}).
|
||
const activeRunRef = useRef<{ taskId: string; runId: string; sessionId: string } | null>(null);
|
||
|
||
// Fetch ALL sessions + known projects so the sidebar can group them.
|
||
const refreshSessions = useCallback(() => {
|
||
getSessions().then(setSessions).catch(() => setSessions([]));
|
||
getRecentWorkspaces().then(setProjects).catch(() => setProjects([]));
|
||
}, []);
|
||
|
||
// initial: adopt the server's seed workspace if any, else force the gate.
|
||
// Retry health for a while: the desktop shell starts its sidecar in parallel, so the
|
||
// server may not answer for a second or two. Only fall back to the gate once it's truly up.
|
||
const [booting, setBooting] = useState(true);
|
||
const [onboarding, setOnboarding] = useState(false);
|
||
// True once we've resumed a prior conversation on boot (drives the splash wording).
|
||
const [resumedExisting, setResumedExisting] = useState(false);
|
||
// Latched: keep the boot splash up until the restored session is actually CONNECTED (not just
|
||
// until `booting` clears), so an early click can't land on a session that's still settling.
|
||
const [uiReady, setUiReady] = useState(false);
|
||
|
||
// On boot with no seeded workspace, reopen the last thing the user had — most recent
|
||
// conversation (restores its folder + agent + transcript), else the most recent project
|
||
// folder. Only a true first run (nothing to resume) falls through to the folder gate.
|
||
const resumeLastOrGate = async () => {
|
||
let loadedSessions: SessionInfo[] = [];
|
||
try {
|
||
loadedSessions = (await getSessions()).filter((s) => s.session_id && !s.session_id.startsWith("__"));
|
||
setSessions(loadedSessions);
|
||
const sess = loadedSessions;
|
||
const ts = (s: SessionInfo) => Date.parse(s.updated_at || "") || Number(s.updated_at) || 0;
|
||
const last = [...sess].sort((a, b) => ts(b) - ts(a))[0];
|
||
if (last) {
|
||
setResumedExisting(true);
|
||
if (last.agent) setAgent(last.agent);
|
||
if (last.workspace) {
|
||
setWorkspace(last.workspace);
|
||
setBranch(null);
|
||
}
|
||
try {
|
||
setItems(itemsFromMessages(await getSessionMessages(last.session_id)));
|
||
} catch {
|
||
setItems([]);
|
||
}
|
||
setSessionId(last.session_id);
|
||
setShowGate(false);
|
||
return;
|
||
}
|
||
} catch {
|
||
/* fall through */
|
||
}
|
||
try {
|
||
const recents = await getRecentWorkspaces();
|
||
setProjects(recents);
|
||
// Only auto-adopt a recent folder for gated surfaces (Code). Cowork starts orphan.
|
||
if (gatesWorkspace(agent)) {
|
||
const ws = recents.find((w) => w.exists) || recents[0];
|
||
if (ws) {
|
||
setWorkspace(ws.path);
|
||
setShowGate(false);
|
||
return;
|
||
}
|
||
}
|
||
} catch {
|
||
/* fall through */
|
||
}
|
||
setShowGate(gatesWorkspace(agent)); // only Code forces a first-run folder gate
|
||
};
|
||
|
||
useEffect(() => {
|
||
let cancelled = false;
|
||
const attempt = (tries: number) => {
|
||
getHealth()
|
||
.then(async (h) => {
|
||
if (cancelled) return;
|
||
setModel(h.model);
|
||
// First-run setup wizard (desktop): show until the user completes/dismisses it.
|
||
if (isTauri()) {
|
||
getSettings()
|
||
.then((s) => !cancelled && !s.onboarded && setOnboarding(true))
|
||
.catch(() => {});
|
||
}
|
||
// Settle the active session BEFORE clearing `booting` (which unblocks the connection
|
||
// effect). resumeLastOrGate is async — if we cleared `booting` first, the throwaway
|
||
// initial sessionId would connect against an empty/stale workspace and the server
|
||
// would provision a junk per-conversation scratch dir for it before resume could
|
||
// flip to the real session. Cowork ignores default_workspace (a Code concept).
|
||
if (h.default_workspace && gatesWorkspace(agent)) setWorkspace(h.default_workspace);
|
||
else await resumeLastOrGate();
|
||
if (!cancelled) setBooting(false);
|
||
})
|
||
.catch(() => {
|
||
if (cancelled) return;
|
||
if (tries <= 0) {
|
||
setBooting(false);
|
||
setShowGate(true);
|
||
} else {
|
||
setTimeout(() => attempt(tries - 1), 500);
|
||
}
|
||
});
|
||
};
|
||
attempt(40); // ~20s of 500ms retries
|
||
return () => {
|
||
cancelled = true;
|
||
};
|
||
}, []);
|
||
|
||
// Reveal the UI once boot has settled AND the restored session is connected (or we're showing
|
||
// the folder gate). Latched, so later reconnects never flash the splash again.
|
||
useEffect(() => {
|
||
if (uiReady || booting) return;
|
||
if (connected || showGate) setUiReady(true);
|
||
}, [uiReady, booting, connected, showGate]);
|
||
// Safety net: if the restored session never reports connected (backend slow/unreachable), reveal
|
||
// the UI anyway. Boot already passed the health check, so a live connect is sub-second; this only
|
||
// bites in the failure case, so keep it short.
|
||
useEffect(() => {
|
||
if (uiReady || booting) return;
|
||
const t = setTimeout(() => setUiReady(true), 1500);
|
||
return () => clearTimeout(t);
|
||
}, [uiReady, booting]);
|
||
|
||
const loadSettings = () =>
|
||
getSettings()
|
||
.then((s) => {
|
||
setModels(s.models || []);
|
||
setModelLabels(s.model_labels || {});
|
||
setModelReady(s.model_ready);
|
||
if (s.surfaces) setSurfaces(s.surfaces);
|
||
})
|
||
.catch(() => {});
|
||
|
||
// Open Settings → Configure Models (from the composer's "No model connected" chip).
|
||
const openModelSetup = () => openSettings("models");
|
||
|
||
// Leaving the Settings page: pick up any model/surface changes for the composer (the modal used to
|
||
// do this on close).
|
||
useEffect(() => {
|
||
if (surface !== "settings") loadSettings();
|
||
}, [surface]);
|
||
|
||
useEffect(() => {
|
||
refreshSessions();
|
||
loadSettings(); // selectable models + which session surfaces are visible
|
||
}, [refreshSessions]);
|
||
|
||
// Poll the session list so the attention/liveness badges stay live and sessions created
|
||
// out-of-band (unattended work, messaging, automations) appear without a manual refresh.
|
||
useEffect(() => {
|
||
const t = setInterval(refreshSessions, 5000);
|
||
return () => clearInterval(t);
|
||
}, [refreshSessions]);
|
||
|
||
// Persona toggles can archive sessions server-side (disable-archives, §18): refetch on the
|
||
// personas-changed event so the sidebar section disappears immediately, not on the next poll.
|
||
useEffect(() => {
|
||
const onPersonas = () => refreshSessions();
|
||
window.addEventListener(PERSONAS_CHANGED, onPersonas);
|
||
return () => window.removeEventListener(PERSONAS_CHANGED, onPersonas);
|
||
}, [refreshSessions]);
|
||
|
||
// If the active surface isn't visible (hidden in Settings, or a resumed session landed on a
|
||
// hidden surface), fall back to Cowork (always visible). Watches both agent and surfaces so it
|
||
// corrects regardless of which settled last.
|
||
useEffect(() => {
|
||
if ((agent === "chat" && !surfaces.chat) || (agent === "code" && !surfaces.code)) {
|
||
switchAgent("cowork");
|
||
}
|
||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||
}, [agent, surfaces]);
|
||
|
||
useEffect(() => {
|
||
if (surface === "session") rememberLastSession(agent, sessionId, workspace);
|
||
}, [surface, agent, sessionId, workspace]);
|
||
|
||
// (re)connect when workspace, session, or agent changes
|
||
useEffect(() => {
|
||
if (booting) return; // wait until boot/resume settles the session before connecting
|
||
if (gatesWorkspace(agent) && !workspace) return; // Code needs a folder (gate handles it)
|
||
const handleEvent = (ev: WsEvent) => {
|
||
const d = ev.data || {};
|
||
switch (ev.type) {
|
||
case "ready":
|
||
setConnected(true);
|
||
if (d.model) setModel(d.model);
|
||
if (d.mode) setMode(d.mode);
|
||
// Cowork: adopt the server-provisioned scratch dir (only when we don't already have one).
|
||
if (d.workspace) setWorkspace((cur) => cur || d.workspace);
|
||
break;
|
||
case "turn_start":
|
||
setRunning(true);
|
||
setStreaming("");
|
||
// Background-delivered turns (channel message, self-wake, durable resume) have no local
|
||
// send(), so the triggering message isn't in `items` yet — surface it. A connector message
|
||
// carries a structured `source` (§3.1) → render the rich card; otherwise a plain user item.
|
||
// Foreground turns already appended it in send(); skip the duplicate.
|
||
if (d.source?.connector) {
|
||
const src = d.source as MessageSource;
|
||
setItems((p) => {
|
||
const last = p[p.length - 1];
|
||
return last && last.kind === "connector" && last.source.ts === src.ts && last.source.text === src.text
|
||
? p
|
||
: [...p, { kind: "connector", source: src }];
|
||
});
|
||
} else if (typeof d.input === "string" && d.input) {
|
||
setItems((p) => {
|
||
const last = p[p.length - 1];
|
||
return last && last.kind === "user" && last.text === d.input
|
||
? p
|
||
: [...p, { kind: "user", text: d.input as string, ts: Date.now() / 1000 }];
|
||
});
|
||
}
|
||
break;
|
||
case "assistant_delta":
|
||
setStreaming((s) => s + (d.text || ""));
|
||
break;
|
||
case "assistant_message":
|
||
if (d.text) setItems((p) => [...p, { kind: "assistant", text: d.text, ts: Date.now() / 1000 }]);
|
||
setStreaming(""); // finalized into items (or empty tool-only turn)
|
||
break;
|
||
case "tool_proposed":
|
||
if (d.name === "todo_write" && d.arguments?.items) setTodo(normalizeTodos(d.arguments.items));
|
||
setItems((p) => [
|
||
...p,
|
||
{ kind: "tool", id: newId(), name: d.name, args: d.arguments, status: "…" },
|
||
]);
|
||
break;
|
||
case "permission_required":
|
||
// Unattended → the backend parked it in the Inbox; don't also surface a live card.
|
||
if (unattendedRef.current) break;
|
||
setItems((p) => [
|
||
...p,
|
||
{
|
||
kind: "approval",
|
||
name: d.name,
|
||
args: d.arguments,
|
||
reason: d.reason,
|
||
category: d.category,
|
||
standingTarget: d.standing_target || undefined,
|
||
},
|
||
]);
|
||
break;
|
||
case "directory_requested":
|
||
if (unattendedRef.current) break;
|
||
setItems((p) => [
|
||
...p,
|
||
{ kind: "dirreq", reason: d.reason || "", path: d.path || "", writable: !!d.writable },
|
||
]);
|
||
break;
|
||
case "plan_proposed":
|
||
if (unattendedRef.current) break;
|
||
setItems((p) => [...p, { kind: "planreq", plan: d.plan || "" }]);
|
||
break;
|
||
case "question_requested":
|
||
// ask_user in an attended session — answered inline (not routed to the Inbox).
|
||
setItems((p) => [
|
||
...p,
|
||
{
|
||
kind: "question",
|
||
question: d.question || "",
|
||
options: d.options || [],
|
||
allow_text: d.allow_text !== false,
|
||
multi: !!d.multi,
|
||
},
|
||
]);
|
||
break;
|
||
case "tool_finished":
|
||
setItems((p) =>
|
||
updateLastTool(
|
||
p,
|
||
d.name,
|
||
d.status,
|
||
d.result_preview || d.reason,
|
||
d.display?.hidden_by_filters,
|
||
d.standing_rule,
|
||
),
|
||
);
|
||
// Refresh the right rail when something it shows may have changed: browser state, or a
|
||
// file write that should appear under Artifacts immediately (not only after the turn).
|
||
if (String(d.name || "").startsWith("browser_") || FILE_WRITE_TOOLS.has(d.name)) {
|
||
setBrowserRefreshKey((k) => k + 1);
|
||
}
|
||
break;
|
||
case "turn_end":
|
||
if (d.status === "max_iterations_exceeded")
|
||
setItems((p) => [...p, { kind: "notice", tone: "warn", text: "Stopped: max iterations reached." }]);
|
||
break;
|
||
case "interrupted":
|
||
setItems((p) => [...p, { kind: "notice", tone: "warn", text: "Interrupted." }]);
|
||
break;
|
||
case "error":
|
||
setItems((p) => [...p, { kind: "notice", tone: "warn", text: "Error: " + (d.error || "unknown") }]);
|
||
break;
|
||
case "turn_done":
|
||
setRunning(false);
|
||
refreshSessions();
|
||
// Catch-all artifact refresh: files created via shell or on a brand-new session (whose
|
||
// record only exists after the first save) appear once the turn completes.
|
||
setBrowserRefreshKey((k) => k + 1);
|
||
// Finalize a manual run after its first turn completes (mark it ok in history).
|
||
{
|
||
const ar = activeRunRef.current;
|
||
if (ar && ar.sessionId === sessionId) {
|
||
activeRunRef.current = null;
|
||
finalizeAutomationRun(ar.taskId, ar.runId).catch(() => {});
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
};
|
||
|
||
const session = new Session(sessionId, workspace || "", agent, {
|
||
onEvent: handleEvent,
|
||
onOpen: () => {
|
||
setConnected(true);
|
||
// Auto-send the task prompt once a "Run now" session connects.
|
||
const p = pendingPromptRef.current;
|
||
if (p) {
|
||
pendingPromptRef.current = null;
|
||
setItems((prev) => [...prev, { kind: "user", text: p, ts: Date.now() / 1000 }]);
|
||
sessionRef.current?.userMessage(p);
|
||
}
|
||
},
|
||
onClose: () => setConnected(false),
|
||
});
|
||
sessionRef.current = session;
|
||
return () => session.close();
|
||
// NOTE: `workspace` is intentionally NOT a dependency. Every real workspace change
|
||
// (pick folder, select/switch session, new session) is paired with a `sessionId`
|
||
// change, so the socket still reconnects when it should. The one workspace-only change
|
||
// is the `ready` handler adopting the server's provisioned Cowork scratch dir — listing
|
||
// `workspace` here made that adoption tear down and rebuild the socket immediately after
|
||
// first connect, dropping the user's first message (the "send twice" bug). The scratch
|
||
// dir is deterministic from `sessionId` server-side, so skipping that reconnect is safe.
|
||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||
}, [booting, sessionId, agent, refreshSessions]);
|
||
|
||
// Stream-following (FB-004): auto-scroll only while the user is AT the bottom, so scrolling
|
||
// up to read during a streaming turn sticks. `atBottomRef` is the live truth (per scroll
|
||
// event, no re-render); `following` mirrors it into state for the jump-to-latest pill.
|
||
// Programmatic smooth-scrolls fire scroll events of their own — while one is in flight
|
||
// (`autoScrollingRef`) they must not read as "the user scrolled up", or every stream tick
|
||
// would disengage its OWN follow. The animation only moves down, so a decreasing scrollTop
|
||
// mid-flight can only be the user taking over.
|
||
const atBottomRef = useRef(true);
|
||
const autoScrollingRef = useRef(false);
|
||
const lastScrollTopRef = useRef(0);
|
||
const [following, setFollowing] = useState(true);
|
||
const scrollToBottom = () => {
|
||
const el = scrollRef.current;
|
||
if (!el) return;
|
||
autoScrollingRef.current = true;
|
||
el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
|
||
};
|
||
const followLatest = () => {
|
||
atBottomRef.current = true;
|
||
setFollowing(true);
|
||
scrollToBottom();
|
||
};
|
||
const handleScroll = () => {
|
||
const el = scrollRef.current;
|
||
if (!el) return;
|
||
const top = el.scrollTop;
|
||
const atBottom = el.scrollHeight - top - el.clientHeight < 48;
|
||
if (autoScrollingRef.current) {
|
||
if (atBottom) autoScrollingRef.current = false; // landed
|
||
else if (top >= lastScrollTopRef.current) {
|
||
lastScrollTopRef.current = top; // still animating down — not the user
|
||
return;
|
||
} else autoScrollingRef.current = false; // moved UP mid-flight — user takeover
|
||
}
|
||
lastScrollTopRef.current = top;
|
||
atBottomRef.current = atBottom;
|
||
setFollowing(atBottom);
|
||
};
|
||
// A different session is a fresh viewport — never inherit a scrolled-up state. Declared
|
||
// BEFORE the auto-scroll effect: when a session switch and its hydrated items land in one
|
||
// commit, the reset must run first or the stale ref would skip the initial bottom-scroll.
|
||
useEffect(() => {
|
||
atBottomRef.current = true;
|
||
setFollowing(true);
|
||
}, [sessionId]);
|
||
useEffect(() => {
|
||
if (atBottomRef.current) scrollToBottom();
|
||
}, [items, streaming]);
|
||
|
||
// Track produced-file count for the topbar "Artifacts" affordance (works even when the rail is
|
||
// hidden, where the rail itself doesn't fetch). Cowork only; refreshes on file writes/turn end.
|
||
useEffect(() => {
|
||
if (agent !== "cowork" || surface !== "session") {
|
||
setArtifactCount(0);
|
||
return;
|
||
}
|
||
getArtifacts(sessionId).then((a) => setArtifactCount(a.length)).catch(() => {});
|
||
}, [agent, surface, sessionId, browserRefreshKey]);
|
||
|
||
// Keep the active session's pending Inbox items fresh (answer-in-context card). Loads on session
|
||
// change + after each turn, plus a slow poll so an unattended agent's new question surfaces.
|
||
useEffect(() => {
|
||
if (surface !== "session") return;
|
||
const load = () => {
|
||
getInbox(sessionId, "pending").then(setSessionInbox).catch(() => setSessionInbox([]));
|
||
getUnattended(sessionId).then(markUnattended).catch(() => markUnattended(false));
|
||
};
|
||
load();
|
||
const t = setInterval(load, 4000);
|
||
return () => clearInterval(t);
|
||
}, [surface, sessionId, browserRefreshKey, markUnattended]);
|
||
|
||
const send = (text: string, attachments?: Attachment[]) => {
|
||
setItems((p) => [...p, { kind: "user", text, attachments, ts: Date.now() / 1000 }]);
|
||
// The visible model rides along with the message (single source of truth per turn).
|
||
sessionRef.current?.userMessage(text, attachments, model);
|
||
followLatest(); // sending always re-engages stream-following, wherever the user had scrolled
|
||
};
|
||
// Resolving a LIVE prompt also resolves its parked Inbox mirror server-side, but the polled
|
||
// `sessionInbox` copy stays "pending" for up to a poll cycle — long enough for the docked
|
||
// answer-in-context card to flash the SAME request again right after the user answered it
|
||
// (tester catch 2026-07-12: a Slack send "asked twice"). Drop the mirror optimistically;
|
||
// the 4s poll restores anything genuinely still pending.
|
||
const dropSessionInbox = (kind: string) =>
|
||
setSessionInbox((cur) => cur.filter((it) => it.kind !== kind));
|
||
const approve = (decision: ApprovalDecision) => {
|
||
setItems((p) => resolveLastApproval(p, decision));
|
||
dropSessionInbox("approval");
|
||
sessionRef.current?.approve(decision);
|
||
};
|
||
const respondPlan = (approved: boolean, mode?: string, feedback?: string) => {
|
||
setItems((p) => resolveLastPlan(p, approved ? "approved" : "rejected"));
|
||
dropSessionInbox("plan");
|
||
sessionRef.current?.respondPlan(approved, mode, feedback);
|
||
if (approved && mode) setMode(mode); // the server flips the live engine to this mode
|
||
};
|
||
const respondDirectory = (granted: boolean, path?: string, writable?: boolean) => {
|
||
setItems((p) => resolveLastDirReq(p, granted ? "granted" : "denied"));
|
||
dropSessionInbox("directory");
|
||
sessionRef.current?.respondDirectory(granted, path, writable);
|
||
};
|
||
const answerQuestion = (answer: string) => {
|
||
setItems((p) => resolveLastQuestion(p, answer));
|
||
dropSessionInbox("question");
|
||
sessionRef.current?.respondQuestion(answer);
|
||
};
|
||
const prefillComposer = (text: string, attachments?: Attachment[]) =>
|
||
setComposerPrefill((p) => ({ text, attachments, nonce: (p?.nonce ?? 0) + 1 }));
|
||
const interrupt = () => sessionRef.current?.interrupt();
|
||
const changeMode = (m: string) => {
|
||
setMode(m);
|
||
sessionRef.current?.setMode(m);
|
||
};
|
||
const changeModel = (m: string) => {
|
||
setModel(m);
|
||
sessionRef.current?.setModel(m);
|
||
};
|
||
|
||
const startNewSession = (forAgent?: string) => {
|
||
const target = forAgent || agent;
|
||
setSurface("session"); // return to the conversation view if we were on a sub-view
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setRunning(false);
|
||
// "New session" under a browsed persona switches to it (expand≠switch: the header alone
|
||
// doesn't switch; this explicit action does).
|
||
if (target !== agent) {
|
||
setAgent(target);
|
||
if (gatesWorkspace(target)) {
|
||
// Never inherit the previous persona's folder — it may be a scratch dir. Clearing it
|
||
// also blocks the connection effect, so nothing can chat behind the open gate.
|
||
setWorkspace(null);
|
||
setBranch(null);
|
||
setShowGate(true);
|
||
} else setShowGate(false);
|
||
}
|
||
// Knowledge family: a new conversation starts fresh (orphan) — clear the workspace so the
|
||
// server provisions a NEW scratch dir for the new session id. Code keeps its repo.
|
||
if (!gatesWorkspace(target)) setWorkspace(null);
|
||
setSessionId(newId());
|
||
};
|
||
// Inbox → session: the item carries its session's workspace/agent, so open it directly.
|
||
// UX-026: 5s top-right toast when a SCHEDULED automation run starts (never for
|
||
// manual Run-now — the user is already watching). Rides the app-wide /ws/events
|
||
// stream; View run opens the run's live session.
|
||
const [runToast, setRunToast] = useState<{
|
||
title: string; sessionId: string; workspace: string; agent: string; time: string;
|
||
} | null>(null);
|
||
useEffect(() => {
|
||
const stop = connectEvents((msg) => {
|
||
if (msg.type !== "automation_run_started") return;
|
||
const d = (msg.data ?? {}) as Record<string, string>;
|
||
setRunToast({
|
||
title: d.task_title || "Automation",
|
||
sessionId: d.session_id || "",
|
||
workspace: d.workspace || "",
|
||
agent: d.agent || "cowork",
|
||
time: new Date().toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }),
|
||
});
|
||
announceAutomationsChanged(); // the Scheduled band's badge is now stale
|
||
});
|
||
return stop;
|
||
}, []);
|
||
useEffect(() => {
|
||
if (!runToast) return;
|
||
const t = window.setTimeout(() => setRunToast(null), 5000);
|
||
return () => window.clearTimeout(t);
|
||
}, [runToast]);
|
||
|
||
const openSessionFromInbox = (sid: string, ws: string, ag: string) => selectSession(sid, ws, ag);
|
||
const selectSession = async (id: string, ws: string, ag: string) => {
|
||
setSurface("session"); // selecting a conversation always returns to the conversation view
|
||
setTodo([]);
|
||
setStreaming("");
|
||
setRunning(false);
|
||
if (ag) setAgent(ag);
|
||
if (!gatesWorkspace(ag)) setShowGate(false);
|
||
if (ws && ws !== workspace) {
|
||
setWorkspace(ws); // switch project to the session's folder
|
||
setBranch(null);
|
||
}
|
||
setSessionId(id);
|
||
try {
|
||
const messages = await getSessionMessages(id);
|
||
setItems(itemsFromMessages(messages));
|
||
} catch {
|
||
setItems([]);
|
||
}
|
||
};
|
||
const switchAgent = async (name: string) => {
|
||
setSurface("session");
|
||
if (name === agent) return;
|
||
rememberLastSession(agent, sessionId, workspace);
|
||
const knownSessions = sessions.length ? sessions : await getSessions().catch(() => []);
|
||
const knownProjects = projects.length ? projects : await getRecentWorkspaces().catch(() => []);
|
||
const target = resumeTargetForAgent(name, knownSessions);
|
||
|
||
setAgent(name);
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setRunning(false);
|
||
|
||
// The live workspace is only a valid fallback for a gated persona if it came from
|
||
// another gated persona — a knowledge persona's workspace is a scratch dir, and a
|
||
// code-family session must never adopt one. (`agent` is still the previous persona here.)
|
||
const inheritable = gatesWorkspace(agent) ? workspace : null;
|
||
|
||
if (target) {
|
||
// Code falls back to a recent folder; Cowork resumes its scratch (target.workspace) or
|
||
// starts orphan ("" → server provisions). Chat has no workspace.
|
||
const targetWorkspace = gatesWorkspace(name)
|
||
? target.workspace || fallbackWorkspace(inheritable, knownProjects)
|
||
: needsWorkspace(name)
|
||
? target.workspace || ""
|
||
: "";
|
||
if (targetWorkspace && targetWorkspace !== workspace) {
|
||
setWorkspace(targetWorkspace);
|
||
setBranch(null);
|
||
} else if (!targetWorkspace) {
|
||
setWorkspace(null); // orphan cowork: clear so the next `ready` adopts a fresh scratch
|
||
}
|
||
if (!gatesWorkspace(name)) setShowGate(false);
|
||
else if (targetWorkspace) setShowGate(false);
|
||
else setShowGate(true);
|
||
setSessionId(target.sessionId);
|
||
try {
|
||
setItems(itemsFromMessages(await getSessionMessages(target.sessionId)));
|
||
} catch {
|
||
setItems([]);
|
||
}
|
||
return;
|
||
}
|
||
|
||
const id = newId();
|
||
const fallback = gatesWorkspace(name) ? fallbackWorkspace(inheritable, knownProjects) : "";
|
||
if (fallback && fallback !== workspace) {
|
||
setWorkspace(fallback);
|
||
setBranch(null);
|
||
} else if (!fallback && needsWorkspace(name)) {
|
||
setWorkspace(null); // orphan cowork: server provisions a fresh scratch on connect
|
||
}
|
||
setSessionId(id);
|
||
rememberLastSession(name, id, fallback);
|
||
if (!gatesWorkspace(name)) setShowGate(false);
|
||
else setShowGate(!fallback);
|
||
};
|
||
const chooseWorkspace = (path: string, b?: string | null) => {
|
||
setWorkspace(path);
|
||
setBranch(b ?? null);
|
||
setShowGate(false);
|
||
setGateCreate(false);
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setSessionId(newId());
|
||
getRecentWorkspaces().then(setProjects).catch(() => {});
|
||
};
|
||
// "New project" lives under a project-scoped persona's accordion. Switch to that persona, start a
|
||
// fresh session with no folder yet, and open the gate in create mode — so the gate's
|
||
// surface==="session" && gatesWorkspace(agent) guard passes even if the active session was Chat/Cowork.
|
||
const newProject = (forAgent?: string) => {
|
||
const target = forAgent || agent;
|
||
setSurface("session");
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setRunning(false);
|
||
if (target !== agent) setAgent(target);
|
||
setWorkspace(null);
|
||
setBranch(null);
|
||
setSessionId(newId());
|
||
setGateCreate(true);
|
||
setShowGate(true);
|
||
};
|
||
const renameConversation = async (id: string, title: string) => {
|
||
const res = await renameSession(id, title);
|
||
if (res.ok) refreshSessions();
|
||
};
|
||
const togglePinned = async (id: string, pinned: boolean) => {
|
||
await setSessionFlags(id, { pinned });
|
||
refreshSessions();
|
||
};
|
||
const toggleArchived = async (id: string, archived: boolean) => {
|
||
await setSessionFlags(id, { archived });
|
||
refreshSessions();
|
||
// Archiving the open chat: leave it and start fresh (it moves to the Archived section).
|
||
if (archived && id === sessionId) {
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setRunning(false);
|
||
setSessionId(newId());
|
||
}
|
||
};
|
||
const deleteConversation = async (id: string) => {
|
||
const res = await deleteSession(id);
|
||
if (!res.ok) return;
|
||
refreshSessions();
|
||
if (id === sessionId) {
|
||
setItems([]);
|
||
setStreaming("");
|
||
setTodo([]);
|
||
setRunning(false);
|
||
setSessionId(newId());
|
||
}
|
||
};
|
||
|
||
// "Run now": prepare a manual run, open its session, and auto-send the task so the agent
|
||
// runs LIVE in the main view; finalize it in history once the first turn finishes.
|
||
const openRunSession = (
|
||
sessionId: string,
|
||
ws: string,
|
||
ag: string,
|
||
task?: { id: string; title: string },
|
||
) => {
|
||
setRunContext(task ?? null);
|
||
setSurface("session");
|
||
setShowGate(false);
|
||
selectSession(sessionId, ws, ag);
|
||
};
|
||
const runTaskNow = async (taskId: string, title?: string) => {
|
||
const r = await runAutomation(taskId);
|
||
if (!r || !r.ok) return;
|
||
pendingPromptRef.current = r.prompt;
|
||
activeRunRef.current = { taskId, runId: r.run_id, sessionId: r.session_id };
|
||
openRunSession(r.session_id, r.workspace, r.agent, { id: taskId, title: title || "" });
|
||
};
|
||
|
||
const idle = items.length === 0 && !streaming;
|
||
const pendingApproval = [...items].reverse().find((i) => i.kind === "approval" && !i.resolved);
|
||
const pendingDirReq = [...items].reverse().find((i) => i.kind === "dirreq" && !i.resolved);
|
||
const pendingPlan = [...items].reverse().find((i) => i.kind === "planreq" && !i.resolved);
|
||
const pendingQuestion = [...items].reverse().find((i) => i.kind === "question" && !i.resolved);
|
||
// Topbar trim: the active persona's short display name (mock's "· SRE persona").
|
||
const personaName = shortPersonaName(personaOf(agent)?.name, agent);
|
||
// Facts subtitle (§22): the session's FIXED facts, not controls — persona · model (+ the
|
||
// workspace folder for project-scoped sessions). Renders only once the session has history;
|
||
// until then the model is still choosable in the composer, so there's no locked fact to state.
|
||
const hasHistory = items.length > 0;
|
||
// Curated labels read "Claude Opus 4.8 · Anthropic" — the provider suffix is dropdown context,
|
||
// noise in a facts line. Fall back to the raw id without its provider prefix.
|
||
const modelDisplay =
|
||
modelLabels[model]?.split(" · ")[0] ||
|
||
(model.includes(":") ? model.split(":").slice(1).join(":") : model);
|
||
const subtitleParts = [personaName, modelDisplay];
|
||
if (isProjectScoped(personaOf(agent)) && workspace) subtitleParts.push(baseName(workspace));
|
||
const activeInfo = sessions.find((s) => s.session_id === sessionId);
|
||
const activeTitle = activeInfo?.title || "New session";
|
||
|
||
const desktop = isTauri();
|
||
// Dev-only: `?overlay=1` simulates the desktop overlay layout in the browser (adds the
|
||
// tauri-overlay class + draws fake traffic lights at the real position) so the top-left can be
|
||
// tuned in the preview without a DMG build. Never active in the real app (isTauri() short-circuits).
|
||
const simOverlay = !desktop && new URLSearchParams(window.location.search).has("overlay");
|
||
const overlay = desktop || simOverlay;
|
||
const beginWindowDrag = (event: PointerEvent) => {
|
||
if (!desktop || event.button !== 0) return;
|
||
startWindowDrag();
|
||
};
|
||
|
||
if (booting || !uiReady) {
|
||
return (
|
||
<div className={"app boot-splash" + (overlay ? " tauri-overlay" : "")}>
|
||
{/* overlay (not desktop): ?overlay=1 previews the splash's top-left in the browser
|
||
too — the wordmark/traffic-light alignment is exactly what it exists to tune. */}
|
||
{overlay && (
|
||
<div className="titlebar-drag" data-tauri-drag-region>
|
||
<span className="titlebar-brand brand-wordmark">
|
||
<Icon name="logo" size={13} className="mark" /> OpenWorker
|
||
</span>
|
||
</div>
|
||
)}
|
||
{simOverlay && (
|
||
<div className="sim-traffic-lights" aria-hidden="true">
|
||
<span /><span /><span />
|
||
</div>
|
||
)}
|
||
<div className="boot-mark">✦</div>
|
||
<div className="boot-text">{resumedExisting ? "Restoring your session…" : "Starting coworker…"}</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
return (
|
||
<div
|
||
className={
|
||
"app" +
|
||
(overlay ? " tauri-overlay" : "") +
|
||
(navCollapsed ? " nav-collapsed" : "") +
|
||
(navCollapsed && navPeek ? " nav-peek" : "")
|
||
}
|
||
>
|
||
{/* Dev-only fake traffic lights so ?overlay=1 previews the real desktop top-left. */}
|
||
{simOverlay && (
|
||
<div className="sim-traffic-lights" aria-hidden="true">
|
||
<span /><span /><span />
|
||
</div>
|
||
)}
|
||
{/* Desktop-only auto-update prompt (15s after boot, then every 30 min; inert in browser). */}
|
||
<UpdateBanner />
|
||
{/* UX-026: automation-start toast — quiet panel, neutral dot/drain, accent only
|
||
on the action (rev 2); auto-dismisses with the 5s drain bar. */}
|
||
{runToast && (
|
||
<div
|
||
className="fixed top-3 right-3 z-[45] w-[290px] bg-panel border border-line rounded-xl shadow-lg px-3.5 pt-3 pb-2.5"
|
||
data-testid="automation-toast"
|
||
>
|
||
<div className="flex items-center gap-2 text-[12.5px] font-semibold">
|
||
<span className="w-[7px] h-[7px] rounded-full bg-faint toast-pulse" />
|
||
Automation started
|
||
</div>
|
||
<div className="text-[12.5px] text-muted mt-0.5 ml-[15px] truncate">
|
||
{runToast.title} · {runToast.time} run
|
||
</div>
|
||
<div className="flex items-center justify-between ml-[15px] mt-1.5">
|
||
<button
|
||
className="text-[12.5px] text-accent font-medium"
|
||
data-testid="toast-view-run"
|
||
onClick={() => {
|
||
selectSession(runToast.sessionId, runToast.workspace, runToast.agent);
|
||
setRunToast(null);
|
||
}}
|
||
>
|
||
View run ›
|
||
</button>
|
||
<button
|
||
className="text-[12px] text-faint px-0.5"
|
||
data-testid="toast-dismiss"
|
||
title="Dismiss"
|
||
onClick={() => setRunToast(null)}
|
||
>
|
||
✕
|
||
</button>
|
||
</div>
|
||
<div className="absolute left-3 right-3 bottom-1 h-[2px] rounded bg-line overflow-hidden">
|
||
<span className="block h-full bg-faint toast-drain" />
|
||
</div>
|
||
</div>
|
||
)}
|
||
{/* When collapsed, a thin left-edge zone peeks the nav back as a floating overlay. */}
|
||
{navCollapsed && (
|
||
<div
|
||
className="nav-hover-zone"
|
||
onMouseEnter={() => setNavPeek(true)}
|
||
aria-hidden="true"
|
||
/>
|
||
)}
|
||
{/* Explicit reveal affordance while collapsed (alongside hover-peek + ⌘B) — on every
|
||
surface EXCEPT the session view, whose topbar carries the [sidebar][+][search] cluster
|
||
instead (§22; no duplicate reveal buttons). */}
|
||
{navCollapsed && !navPeek && surface !== "session" && (
|
||
<button
|
||
className="nav-reveal-btn"
|
||
onClick={toggleNav}
|
||
onMouseEnter={() => setNavPeek(true)}
|
||
title="Show sidebar (⌘B)"
|
||
aria-label="Show sidebar"
|
||
>
|
||
<Icon name="sidebar" size={16} />
|
||
</button>
|
||
)}
|
||
{onboarding && (
|
||
<Onboarding
|
||
onDone={(next) => {
|
||
setOnboarding(false);
|
||
getHealth().then((h) => setModel(h.model)).catch(() => {});
|
||
loadSettings(); // pick up a model connected during setup (clears the composer chip)
|
||
if (next === "gallery") {
|
||
// The specialists tip: land on Settings ▸ Personas, where the Gallery link lives.
|
||
openSettings("personas");
|
||
} else if (next === "automations") {
|
||
// "Create your first automation" (§29) lands on the Automations quickstart.
|
||
setSurface("scheduled");
|
||
} else if (next === "work") {
|
||
// "Start working" teaches by landing (§24, §32): a fresh session with the rail's
|
||
// Access section expanded. Bump after the session switch settles.
|
||
startNewSession();
|
||
setTimeout(openAccess, 80);
|
||
}
|
||
}}
|
||
/>
|
||
)}
|
||
<Sidebar
|
||
agent={agent}
|
||
workspace={workspace || ""}
|
||
surfaces={surfaces}
|
||
sessions={sessions}
|
||
projects={projects}
|
||
activeSession={sessionId}
|
||
onSwitchAgent={switchAgent}
|
||
onNewSession={startNewSession}
|
||
onSelectSession={selectSession}
|
||
onNewProject={newProject}
|
||
onRenameSession={renameConversation}
|
||
onDeleteSession={deleteConversation}
|
||
onArchiveSession={toggleArchived}
|
||
onTogglePin={togglePinned}
|
||
onManage={() => openSettings("appearance")}
|
||
onOpenPersona={(id) => {
|
||
openPersona(id, "session");
|
||
}}
|
||
onManagePersonas={() => openSettings("personas")}
|
||
onOpenScheduled={() => setSurface("scheduled")}
|
||
onOpenAutomation={(id) => {
|
||
setScheduledOpenId(id);
|
||
setSurface("scheduled");
|
||
}}
|
||
onOpenIntegrations={() => setSurface("integrations")}
|
||
onOpenAudit={() => setSurface("audit")}
|
||
onOpenInbox={() => setSurface("inbox")}
|
||
scheduledActive={surface === "scheduled"}
|
||
integrationsActive={surface === "integrations"}
|
||
auditActive={surface === "audit"}
|
||
inboxActive={surface === "inbox"}
|
||
collapsed={navCollapsed}
|
||
onCollapse={toggleNav}
|
||
onPeekLeave={() => setNavPeek(false)}
|
||
/>
|
||
{surface === "scheduled" ? (
|
||
<ScheduledView
|
||
onOpenRun={openRunSession}
|
||
onRunNow={runTaskNow}
|
||
initialOpenId={scheduledOpenId}
|
||
/>
|
||
) : surface === "integrations" ? (
|
||
<IntegrationsView />
|
||
) : surface === "settings" ? (
|
||
<SettingsView
|
||
key={settingsTab}
|
||
initialTab={settingsTab}
|
||
onOpenPersona={(id) => openPersona(id, "settings")}
|
||
/>
|
||
) : surface === "audit" ? (
|
||
<AuditView />
|
||
) : surface === "inbox" ? (
|
||
<InboxView onOpenSession={openSessionFromInbox} />
|
||
) : surface === "persona" ? (
|
||
<PersonaView
|
||
personaId={personaViewId || agent}
|
||
onBack={() =>
|
||
personaViewReturn === "settings" ? openSettings("personas") : setSurface("session")
|
||
}
|
||
onOpenIntegrations={() => setSurface("integrations")}
|
||
/>
|
||
) : (
|
||
<div className={"main" + (surface === "session" && agent !== "chat" && !railHidden ? " rail-open" : "")}>
|
||
<div className="main-topbar">
|
||
{/* Left: the contextual cluster — [sidebar] [+ new session] [search] — rendered ONLY
|
||
while the sidebar is collapsed (§22; the expanded sidebar already owns those
|
||
actions). Clicks must not start a window drag. */}
|
||
<div className="main-topbar-side" onPointerDown={beginWindowDrag}>
|
||
{navCollapsed && (
|
||
<div
|
||
className="flex items-center gap-1"
|
||
data-testid="topbar-cluster"
|
||
onPointerDown={(e) => e.stopPropagation()}
|
||
>
|
||
<button
|
||
className="topbar-icon-btn"
|
||
onClick={toggleNav}
|
||
aria-label="Show sidebar"
|
||
title="Show sidebar (⌘B)"
|
||
>
|
||
<Icon name="sidebar" size={16} />
|
||
</button>
|
||
<button
|
||
className="topbar-icon-btn"
|
||
onClick={() => startNewSession()}
|
||
aria-label="New session"
|
||
title="New session"
|
||
>
|
||
<Icon name="plus" size={16} />
|
||
</button>
|
||
<button
|
||
className="topbar-icon-btn"
|
||
onClick={() => setSearchOpen(true)}
|
||
aria-label="Search"
|
||
title="Search"
|
||
>
|
||
<Icon name="search" size={16} />
|
||
</button>
|
||
</div>
|
||
)}
|
||
{/* §32: no session-settings row up here anymore — the §23 rest/hover/click glance
|
||
machinery retired with the drawer. "What can this touch" lives permanently on
|
||
the rail's Access section header; the panel toggle is the one entry. */}
|
||
</div>
|
||
{/* Center: title + facts subtitle (§22, amended: the ⋯ menu removed — the nav row's
|
||
hover cluster owns pin/rename/archive/delete). The title stays: with the sidebar
|
||
collapsed it is the only session identifier, and it anchors the subtitle. */}
|
||
<div className="main-title" onPointerDown={beginWindowDrag}>
|
||
<span
|
||
className={"main-title-text" + (activeInfo ? "" : " title-ghost")}
|
||
title={activeTitle}
|
||
>
|
||
{activeTitle}
|
||
</span>
|
||
{hasHistory && (
|
||
<button
|
||
className="title-sub"
|
||
data-testid="session-subtitle"
|
||
onMouseDown={(e) => e.stopPropagation()}
|
||
onClick={agent !== "chat" ? () => openPersona(agent, "session") : undefined}
|
||
title={agent !== "chat" ? "About this coworker" : undefined}
|
||
>
|
||
{subtitleParts.join(" · ")}
|
||
</button>
|
||
)}
|
||
</div>
|
||
{/* Right: session-settings icon (§23) + panel toggle. Model/mode/persona chrome is
|
||
gone — the facts live in the subtitle, the controls in the composer (§22). */}
|
||
<div className="main-topbar-side main-topbar-actions" onPointerDown={beginWindowDrag}>
|
||
{agent === "cowork" && railHidden && artifactCount > 0 && (
|
||
<button
|
||
className="topbar-artifacts-btn"
|
||
onMouseDown={(e) => e.stopPropagation()}
|
||
onClick={() => setRailHidden(false)}
|
||
title="Show files this conversation produced"
|
||
>
|
||
<Icon name="file" size={14} />
|
||
<span>Artifacts</span>
|
||
<span className="topbar-artifacts-count">{artifactCount}</span>
|
||
</button>
|
||
)}
|
||
{/* §32: the panel toggle is the ONE session-panel entry, for every non-chat persona
|
||
(the rail now carries Access, so code-family gets it too). */}
|
||
{agent !== "chat" && (
|
||
<button
|
||
className="topbar-icon-btn"
|
||
onMouseDown={(e) => e.stopPropagation()}
|
||
onClick={() => setRailHidden((h) => !h)}
|
||
aria-label={railHidden ? "Show side panel" : "Hide side panel"}
|
||
title={railHidden ? "Show side panel" : "Hide side panel"}
|
||
>
|
||
<Icon name="sidebarRight" size={16} />
|
||
</button>
|
||
)}
|
||
</div>
|
||
</div>
|
||
<div className={"main-workspace" + (railHidden ? " rail-hidden" : "")}>
|
||
<div className="main-chat">
|
||
{/* Automation-run context (owner ask 2026-07-04): a __run__ session looked like any
|
||
other chat with no way back to the runs list. Lives INSIDE the chat column (which
|
||
is padded to clear the absolute glass topbar — rendering above .main-workspace put
|
||
it underneath the topbar; owner-reported CSS bug). */}
|
||
{sessionId.startsWith("__run__") && (
|
||
<div
|
||
className="flex items-center gap-2 px-4 py-2 mb-1 rounded-lg text-[12.5px] border border-line bg-accentSoft/40"
|
||
data-testid="run-banner"
|
||
>
|
||
<Icon name="clock" size={14} className="text-accent shrink-0" />
|
||
<span className="truncate text-muted">
|
||
Scheduled run
|
||
{runContext?.title ? (
|
||
<>
|
||
{" — "}
|
||
<span className="text-ink font-medium">{runContext.title}</span>
|
||
</>
|
||
) : null}{" "}
|
||
· started by an automation
|
||
</span>
|
||
<button
|
||
className="ml-auto shrink-0 text-accent font-medium hover:underline"
|
||
onClick={() => {
|
||
if (runContext) setScheduledOpenId(runContext.id);
|
||
setSurface("scheduled");
|
||
}}
|
||
>
|
||
← Back to runs
|
||
</button>
|
||
</div>
|
||
)}
|
||
<div className="main-scroll" ref={scrollRef} onScroll={handleScroll}>
|
||
{idle ? (
|
||
agent === "cowork" ? (
|
||
<SessionIntro
|
||
sessionId={sessionId}
|
||
onOpenSessionSettings={openAccess}
|
||
onPrefill={prefillComposer}
|
||
/>
|
||
) : (
|
||
<div className="hero">
|
||
<h1 className="greeting">
|
||
<span className="mark">✦</span>
|
||
{agent === "chat" ? "How can I help?" : "Let's build something."}
|
||
</h1>
|
||
{needsWorkspace(agent) && (
|
||
<div className="suggestions">
|
||
<div className="suggest-head">Try a task</div>
|
||
{SUGGESTIONS.map((s, i) => (
|
||
<div className="suggest" key={i} onClick={() => workspace && send(s.text)}>
|
||
<span className="ico">{s.ico}</span>
|
||
{s.text}
|
||
</div>
|
||
))}
|
||
</div>
|
||
)}
|
||
</div>
|
||
)
|
||
) : (
|
||
<>
|
||
<Transcript
|
||
items={items}
|
||
onApprove={approve}
|
||
running={running}
|
||
// §33 ref #3: sub-threshold streamed text renders INSIDE the live turn
|
||
// group (header when collapsed, quiet line when expanded) — never as a
|
||
// floating paragraph.
|
||
streamingText={streamMode(streaming, items, running) === "quiet" ? streaming : undefined}
|
||
/>
|
||
{running &&
|
||
(!streaming || streamMode(streaming, items, running) === "hold") &&
|
||
!lastItemIsAssistant(items) && <WaitingForAgent />}
|
||
{streaming && streamMode(streaming, items, running) === "answer" && (
|
||
<div className="transcript">
|
||
<div className="bubble-assistant">
|
||
<div className="who">assistant</div>
|
||
<Markdown text={streaming} />
|
||
<span className="stream-cursor">▍</span>
|
||
</div>
|
||
</div>
|
||
)}
|
||
</>
|
||
)}
|
||
</div>
|
||
|
||
{/* Scrolled up while the transcript is still growing → offer the way back down.
|
||
Zero-height strip keeps the pill floating over the scroll area, above the
|
||
composer, without reserving layout space. */}
|
||
{!following && (running || !!streaming) && (
|
||
<div className="relative h-0 z-10">
|
||
<button
|
||
className="absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-line bg-panel shadow-md text-[12px] text-muted hover:text-ink cursor-pointer whitespace-nowrap"
|
||
data-testid="jump-to-latest"
|
||
onClick={followLatest}
|
||
>
|
||
<Icon name="chevronDown" size={13} />
|
||
Jump to latest
|
||
</button>
|
||
</div>
|
||
)}
|
||
|
||
<Composer
|
||
mode={mode}
|
||
model={model}
|
||
models={models}
|
||
modelLabels={modelLabels}
|
||
modelLocked={items.length > 0}
|
||
running={running}
|
||
connected={connected}
|
||
modelReady={modelReady}
|
||
onConnectModel={openModelSetup}
|
||
onConfigureVoiceInput={() => openSettings("voice")}
|
||
onSend={send}
|
||
onInterrupt={interrupt}
|
||
onModeChange={changeMode}
|
||
onModelChange={changeModel}
|
||
workspace={needsWorkspace(agent) ? workspace || "" : undefined}
|
||
unattended={unattended}
|
||
onUnattendedChange={agent !== "chat" ? toggleUnattended : undefined}
|
||
prefill={composerPrefill}
|
||
resetKey={sessionId}
|
||
placeholder={
|
||
agent === "code"
|
||
? "Ask the coder to build, fix, or explain… (drop or paste files)"
|
||
: agent === "chat"
|
||
? "Ask anything… (drop or paste files)"
|
||
: "Ask the coworker… (drop or paste files)"
|
||
}
|
||
approvalSlot={
|
||
// Live inline cards are for ATTENDED sessions only; when Unattended the prompt is
|
||
// parked in the Inbox and surfaced via the answer-in-context card below.
|
||
!unattended && pendingPlan?.kind === "planreq" ? (
|
||
<PlanCard item={pendingPlan} onRespond={respondPlan} />
|
||
) : !unattended && pendingDirReq?.kind === "dirreq" ? (
|
||
<DirectoryRequestCard item={pendingDirReq} onRespond={respondDirectory} />
|
||
) : !unattended && pendingApproval?.kind === "approval" ? (
|
||
<ApprovalCard item={pendingApproval} onApprove={approve} runTask={runContext} compact />
|
||
) : !unattended && pendingQuestion?.kind === "question" ? (
|
||
// Live ask_user in an attended session — answer inline (reuses the Inbox card UI).
|
||
<InboxItemCard
|
||
item={{
|
||
id: "live-question",
|
||
session_id: sessionId,
|
||
kind: "question",
|
||
title: pendingQuestion.question,
|
||
body: "",
|
||
state: "pending",
|
||
resolution: null,
|
||
inbox: "default",
|
||
created_at: "",
|
||
resolved_at: null,
|
||
options: pendingQuestion.options,
|
||
allow_text: pendingQuestion.allow_text,
|
||
multi: pendingQuestion.multi,
|
||
}}
|
||
onResolve={(_id, answer) => answerQuestion(answer)}
|
||
compact
|
||
/>
|
||
) : sessionInbox[0] ? (
|
||
// Unattended session blocked on an Inbox item — answer it in context.
|
||
<InboxItemCard item={sessionInbox[0]} onResolve={resolveSessionInbox} compact />
|
||
) : undefined
|
||
}
|
||
/>
|
||
</div>
|
||
<RightRail
|
||
active={surface === "session" && agent !== "chat" && !railHidden}
|
||
sessionId={sessionId}
|
||
refreshKey={browserRefreshKey}
|
||
toolNames={items.filter((i) => i.kind === "tool").map((i: any) => i.name)}
|
||
todo={todo}
|
||
running={running}
|
||
onPreviewChange={onArtifactPreview}
|
||
showArtifacts={agent === "cowork"}
|
||
personaId={agent}
|
||
projectScoped={isProjectScoped(personaOf(agent))}
|
||
workspace={workspace || undefined}
|
||
branch={branch}
|
||
scratchPrimary={agent === "cowork"}
|
||
openAccessKey={accessKey}
|
||
onOpenIntegrations={() => setSurface("integrations")}
|
||
/>
|
||
</div>
|
||
</div>
|
||
)}
|
||
|
||
{/* Search from the collapsed-sidebar topbar cluster (the sidebar's own instance is
|
||
unreachable while it's collapsed). */}
|
||
{searchOpen && (
|
||
<SearchModal
|
||
sessions={sessions}
|
||
personas={personas ?? undefined}
|
||
onSelect={(id, ws, ag) => {
|
||
setSearchOpen(false);
|
||
selectSession(id, ws, ag);
|
||
}}
|
||
onClose={() => setSearchOpen(false)}
|
||
/>
|
||
)}
|
||
|
||
{showGate && surface === "session" && gatesWorkspace(agent) && (
|
||
<FolderGate
|
||
create={gateCreate}
|
||
onChoose={chooseWorkspace}
|
||
onCancel={
|
||
workspace
|
||
? () => {
|
||
setShowGate(false);
|
||
setGateCreate(false);
|
||
}
|
||
: undefined
|
||
}
|
||
/>
|
||
)}
|
||
</div>
|
||
);
|
||
}
|
||
|
||
function lastItemIsAssistant(items: Item[]): boolean {
|
||
for (let i = items.length - 1; i >= 0; i--) {
|
||
const item = items[i];
|
||
if (item.kind === "notice") continue;
|
||
return item.kind === "assistant";
|
||
}
|
||
return false;
|
||
}
|
||
|
||
function WaitingForAgent() {
|
||
return (
|
||
<div className="waiting-transcript">
|
||
<div className="waiting-row" aria-live="polite">
|
||
<span className="waiting-spinner" />
|
||
<span>Waiting for agent...</span>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
function updateLastTool(
|
||
items: Item[],
|
||
name: string,
|
||
status: string,
|
||
preview?: string,
|
||
hidden?: number,
|
||
standingRule?: string,
|
||
): Item[] {
|
||
const copy = [...items];
|
||
for (let i = copy.length - 1; i >= 0; i--) {
|
||
const it = copy[i];
|
||
if (it.kind === "tool" && it.name === name && it.status === "…") {
|
||
copy[i] = {
|
||
...it,
|
||
status,
|
||
preview,
|
||
...(hidden ? { hidden } : {}),
|
||
...(standingRule ? { standingRule } : {}),
|
||
};
|
||
break;
|
||
}
|
||
}
|
||
return copy;
|
||
}
|
||
|
||
function resolveLastApproval(items: Item[], decision: ApprovalDecision): Item[] {
|
||
const copy = [...items];
|
||
for (let i = copy.length - 1; i >= 0; i--) {
|
||
const it = copy[i];
|
||
if (it.kind === "approval" && !it.resolved) {
|
||
copy[i] = { ...it, resolved: decision };
|
||
break;
|
||
}
|
||
}
|
||
return copy;
|
||
}
|
||
|
||
function resolveLastDirReq(items: Item[], resolved: "granted" | "denied"): Item[] {
|
||
const copy = [...items];
|
||
for (let i = copy.length - 1; i >= 0; i--) {
|
||
const it = copy[i];
|
||
if (it.kind === "dirreq" && !it.resolved) {
|
||
copy[i] = { ...it, resolved };
|
||
break;
|
||
}
|
||
}
|
||
return copy;
|
||
}
|
||
|
||
function resolveLastPlan(items: Item[], resolved: "approved" | "rejected"): Item[] {
|
||
const copy = [...items];
|
||
for (let i = copy.length - 1; i >= 0; i--) {
|
||
const it = copy[i];
|
||
if (it.kind === "planreq" && !it.resolved) {
|
||
copy[i] = { ...it, resolved };
|
||
break;
|
||
}
|
||
}
|
||
return copy;
|
||
}
|
||
|
||
function resolveLastQuestion(items: Item[], answer: string): Item[] {
|
||
const copy = [...items];
|
||
for (let i = copy.length - 1; i >= 0; i--) {
|
||
const it = copy[i];
|
||
if (it.kind === "question" && !it.resolved) {
|
||
copy[i] = { ...it, resolved: answer };
|
||
break;
|
||
}
|
||
}
|
||
return copy;
|
||
}
|