holo-codex 0.1.0

package/plugins/autonomous-pr-loop/ui/src/pages/pr-inbox/PrInbox.tsx

@@ -0,0 +1,26 @@
+import type { JSX } from "react";
+import type { MissionControlData } from "../../api.js";
+import { Collapsible } from "../../components/Collapsible.js";
+import { MetricRow } from "../../components/MetricRow.js";
+import { ResponsiveTable } from "../../components/ResponsiveTable.js";
+import { StatusBadge, toneForStatus } from "../../components/StatusBadge.js";
+import { displayValueLabel, t } from "../../i18n.js";
+import { formatTime, type EffectiveLocale } from "../CommandCenterParts.js";
+
+export function PrInbox({ data, locale }: { data: MissionControlData; locale: EffectiveLocale }): JSX.Element {
+  return (
+    <div className="two-stack">
+      <section className="pr-summary">
+        <MetricRow label={t(locale, "tablePullRequest")} value={data.pr ? `#${data.pr.prNumber} ${data.pr.state}` : t(locale, "none")} tone={data.pr ? "blue" : "muted"} />
+        <MetricRow label={t(locale, "tableDraft")} value={data.pr?.draft ? t(locale, "draft") : data.pr ? t(locale, "ready") : t(locale, "unknown")} tone={data.pr?.draft ? "yellow" : data.pr ? "green" : "muted"} />
+        <MetricRow label={t(locale, "tableBranch")} value={data.pr?.branch ?? t(locale, "notLinked")} tone={data.pr ? "blue" : "muted"} />
+      </section>
+      <Collapsible title={t(locale, "reviewComments")} chip={t(locale, "commentsChip", { count: data.reviewComments.length })} defaultOpen>
+        <ResponsiveTable columns={[t(locale, "tableComment"), t(locale, "tableAuthor"), t(locale, "tablePath"), t(locale, "tableStatus")]} rows={data.reviewComments.map((comment) => ({ key: comment.id, cells: [comment.body, comment.author, comment.path, <StatusBadge key={comment.id} value={displayValueLabel(locale, comment.status)} tone={toneForStatus(comment.status)} />], cardTitle: comment.body, cardMeta: comment.path, cardSummary: comment.author }))} empty={t(locale, "noReviewComments")} />
+      </Collapsible>
+      <Collapsible title={t(locale, "ciChecks")} chip={t(locale, "checksChip", { count: data.ci.length })} defaultOpen>
+        <ResponsiveTable columns={[t(locale, "tableCheck"), t(locale, "tableStatus"), t(locale, "tableConclusion"), t(locale, "tableObserved")]} rows={data.ci.map((check) => ({ key: check.id, cells: [check.name, check.status, check.conclusion ?? t(locale, "pending"), formatTime(check.observedAt)], cardTitle: check.name, cardMeta: formatTime(check.observedAt), cardSummary: check.conclusion ?? check.status }))} empty={t(locale, "noCiChecks")} />
+      </Collapsible>
+    </div>
+  );
+}

package/plugins/autonomous-pr-loop/ui/src/pages/recovery-center/RecoveryCenter.tsx

@@ -0,0 +1,125 @@
+import type { JSX } from "react";
+import { useState } from "react";
+import type { DashboardResult, GateReevaluationData, GateReevaluationResult, MissionControlData } from "../../api.js";
+import { ActivityBadge, activityReasonLabel } from "../../components/ActivityBadge.js";
+import { Collapsible } from "../../components/Collapsible.js";
+import { List } from "../../components/List.js";
+import { MetricRow } from "../../components/MetricRow.js";
+import { t } from "../../i18n.js";
+import { RawMessageDetails, summarizeRawMessage, workerScopeSummary, type EffectiveLocale } from "../CommandCenterParts.js";
+
+export function RecoveryCenter({
+  data,
+  stale,
+  onRecover,
+  onReevaluateGate,
+  onMarkGateHandled,
+  locale
+}: {
+  data: MissionControlData;
+  stale: boolean;
+  onRecover: () => void;
+  onReevaluateGate: (gateId: string) => Promise<DashboardResult<GateReevaluationData>>;
+  onMarkGateHandled: (gateId: string) => void;
+  locale: EffectiveLocale;
+}): JSX.Element {
+  const run = data.current.run;
+  const historicalGates = data.gates.filter((gate) => gate.activity === "historical");
+  const staleWorkers = data.workers.filter((worker) => worker.activityReason === "stale_worker_failure");
+  const [results, setResults] = useState<Record<string, { result?: GateReevaluationResult; error?: string }>>({});
+
+  const reEvaluateGate = async (gateId: string): Promise<void> => {
+    const response = await onReevaluateGate(gateId);
+    const result = response.data?.result;
+    setResults((current) => ({
+      ...current,
+      [gateId]: response.ok && isGateReevaluationResult(result)
+        ? { result }
+        : { error: response.error?.message ?? t(locale, "reevaluateUnknownError") }
+    }));
+  };
+
+  return (
+    <div className="two-stack">
+      <section className="recovery-panel">
+        <MetricRow label={t(locale, "storageRun")} value={run?.id ?? t(locale, "none")} tone={run ? "blue" : "muted"} />
+        <MetricRow label={t(locale, "gitBranch")} value={run?.branch ?? t(locale, "unknown")} tone="blue" />
+        <MetricRow label={t(locale, "worktree")} value={run?.worktreeClean === false ? t(locale, "dirty") : t(locale, "clean")} tone={run?.worktreeClean === false ? "red" : "green"} />
+        <MetricRow label={t(locale, "freshness")} value={stale ? t(locale, "staleData") : t(locale, "fresh")} tone={stale ? "yellow" : "green"} />
+      </section>
+      <Collapsible title={t(locale, "recoveryWhyStopped")} chip={data.current.gate ? t(locale, "activityActive") : t(locale, "activityHistorical") } defaultOpen>
+        <List items={[recoveryExplanation(data, locale)]} locale={locale} />
+      </Collapsible>
+      {historicalGates.length ? (
+        <Collapsible title={t(locale, "historicalGates")} chip={t(locale, "gatesChip", { count: historicalGates.length })} defaultOpen>
+          <div className="compact-card-list">
+            {historicalGates.map((gate) => (
+              <article className="compact-data-card" key={gate.id}>
+                <div className="compact-data-card__head">
+                  <strong>{gate.kind}</strong>
+                  <ActivityBadge activity={gate.activity} reason={gate.activityReason} locale={locale} />
+                </div>
+                <p>{summarizeRawMessage(gate.message, locale)}</p>
+                <dl>
+                  <div><dt>{t(locale, "gateId")}</dt><dd>{gate.id}</dd></div>
+                  <div><dt>{t(locale, "reason")}</dt><dd>{activityReasonLabel(locale, gate.activityReason)}</dd></div>
+                  <div><dt>{t(locale, "tableRawMessage")}</dt><dd><RawMessageDetails message={gate.message} locale={locale} /></dd></div>
+                </dl>
+                {results[gate.id] ? (
+                  <div className={results[gate.id]?.error ? "action-result action-result--error" : "action-result"}>
+                    <strong>{t(locale, "reevaluateResultTitle")}</strong>
+                    <span>{results[gate.id]?.error ?? t(locale, `reevaluateResult.${results[gate.id]?.result}`)}</span>
+                  </div>
+                ) : null}
+                <div className="button-row">
+                  <button className="ghost-button" type="button" onClick={() => void reEvaluateGate(gate.id)}>{t(locale, "actionReevaluate")}</button>
+                  {gate.status === "open" ? (
+                    <button className="ghost-button" type="button" onClick={() => onMarkGateHandled(gate.id)}>{t(locale, "actionMarkHandled")}</button>
+                  ) : null}
+                </div>
+              </article>
+            ))}
+          </div>
+        </Collapsible>
+      ) : null}
+      {staleWorkers.length ? (
+        <Collapsible title={t(locale, "staleWorkerFailures")} chip={workerScopeSummary(data.workers, locale)}>
+          <div className="compact-card-list compact-card-list--always">
+            {staleWorkers.map((worker) => (
+              <article className="compact-data-card" key={worker.id}>
+                <div className="compact-data-card__head">
+                  <strong>{worker.id}</strong>
+                  <ActivityBadge activity={worker.activity} reason={worker.activityReason} locale={locale} />
+                </div>
+                <p>{summarizeRawMessage(worker.error, locale) ?? activityReasonLabel(locale, worker.activityReason)}</p>
+                {worker.error ? <RawMessageDetails message={worker.error} locale={locale} /> : null}
+              </article>
+            ))}
+          </div>
+        </Collapsible>
+      ) : null}
+      {data.recoveryWarnings?.length ? <Collapsible title={t(locale, "recoveryWarnings")} chip={t(locale, "warningsChip", { count: data.recoveryWarnings.length })} defaultOpen><List items={data.recoveryWarnings} locale={locale} /></Collapsible> : null}
+      <button className="ghost-button" type="button" onClick={onRecover}>{t(locale, "actionRunRecovery")}</button>
+    </div>
+  );
+}
+
+function recoveryExplanation(data: MissionControlData, locale: EffectiveLocale): string {
+  if (data.current.gate) {
+    return t(locale, "recoveryExplanationActive", { gate: data.current.gate.kind });
+  }
+  if (data.gates.some((gate) => gate.activity === "historical")) {
+    return t(locale, "recoveryExplanationHistorical");
+  }
+  if (data.current.status === "STOPPED") {
+    return t(locale, "recoveryExplanationStopped");
+  }
+  return t(locale, "recoveryExplanationClear");
+}
+
+function isGateReevaluationResult(value: unknown): value is GateReevaluationResult {
+  return value === "still_historical" ||
+    value === "overridden_by_current_reality" ||
+    value === "active_again" ||
+    value === "manually_handled";
+}

package/plugins/autonomous-pr-loop/ui/src/pages/scope-guard/ScopeGuard.tsx

@@ -0,0 +1,16 @@
+import type { JSX } from "react";
+import type { MissionControlData } from "../../api.js";
+import { ResponsiveTable } from "../../components/ResponsiveTable.js";
+import { t } from "../../i18n.js";
+import type { EffectiveLocale } from "../CommandCenterParts.js";
+
+export function ScopeGuard({ data, locale }: { data: MissionControlData; locale: EffectiveLocale }): JSX.Element {
+  const scopeEvents = data.events.filter((event) => event.kind.includes("scope") || event.kind.includes("gitnexus") || event.kind.includes("policy"));
+  return (
+    <ResponsiveTable
+      columns={[t(locale, "tableSeq"), t(locale, "tableEvent"), t(locale, "tableMessage"), t(locale, "tableState")]}
+      rows={scopeEvents.map((event) => ({ key: event.id, cells: [String(event.seq), event.kind, event.message, event.stateAfter ?? "-"], cardTitle: event.kind, cardMeta: `#${event.seq}`, cardSummary: event.message }))}
+      empty={t(locale, "noScopeEvidence")}
+    />
+  );
+}

package/plugins/autonomous-pr-loop/ui/src/pages/worker-runs/WorkerRuns.tsx

@@ -0,0 +1,39 @@
+import type { JSX } from "react";
+import type { DashboardApi, WorkerSummary } from "../../api.js";
+import { ActivityBadge, activityReasonLabel } from "../../components/ActivityBadge.js";
+import { ResponsiveTable } from "../../components/ResponsiveTable.js";
+import { StatusBadge, toneForStatus } from "../../components/StatusBadge.js";
+import { displayValueLabel, t } from "../../i18n.js";
+import { RawMessageDetails, WorkerEventDetails, formatTime, summarizeRawMessage, workerScopeSummary, type EffectiveLocale } from "../CommandCenterParts.js";
+
+export function WorkerRuns({ workers, api, locale, scopeNote, hideScopeNote = false }: { workers: WorkerSummary[]; api: DashboardApi; locale: EffectiveLocale; scopeNote?: string; hideScopeNote?: boolean }): JSX.Element {
+  return (
+    <div className="two-stack">
+      {hideScopeNote ? null : <p className="scope-note">{scopeNote ?? workerScopeSummary(workers, locale)}</p>}
+      <ResponsiveTable
+        columns={[t(locale, "tableWorker"), t(locale, "tableActivity"), t(locale, "tableRole"), t(locale, "tableStatus"), t(locale, "tableStarted"), t(locale, "tableRawResultError")]}
+        rows={workers.map((worker) => {
+          const { error, ...workerForEvents } = worker;
+          return {
+            key: worker.id,
+            cells: [
+              worker.id.slice(0, 8),
+              <ActivityBadge key={`${worker.id}-activity`} activity={worker.activity} reason={worker.activityReason} locale={locale} />,
+              worker.type,
+              <StatusBadge key={worker.id} value={displayValueLabel(locale, worker.status)} tone={toneForStatus(worker.status)} />,
+              formatTime(worker.startedAt),
+              <>
+                {error ? <RawMessageDetails message={error} locale={locale} /> : null}
+                <WorkerEventDetails worker={workerForEvents} api={api} locale={locale} />
+              </>
+            ],
+            cardTitle: `${worker.type} / ${worker.status}`,
+            cardMeta: `${worker.id} / ${activityReasonLabel(locale, worker.activityReason)} / ${formatTime(worker.startedAt)}`,
+            cardSummary: summarizeRawMessage(error, locale) ?? worker.resultArtifactId ?? t(locale, "workerEvents")
+          };
+        })}
+        empty={t(locale, "noWorkerRuns")}
+      />
+    </div>
+  );
+}