feat: add automatic review loop (#1840)

2026-06-26 19:29:44 +03:00
parent 45df19c3b2
commit 1f549e4525
21 changed files with 787 additions and 35 deletions
@@ -0,0 +1,76 @@
+import React, { memo } from 'react';
+
+import { Icon } from '@/components/icon/Icon';
+import { BusyDots } from '@/components/chat/message/parts/BusyDots';
+import { Button } from '@/components/ui/button';
+import { useI18n } from '@/lib/i18n';
+import { getRuntimeKey } from '@/lib/runtime-switch';
+import { useAutoReviewStore } from '@/stores/useAutoReviewStore';
+import { useUIStore } from '@/stores/useUIStore';
+import { useSessionUIStore } from '@/sync/session-ui-store';
+
+export const AutoReviewBanner = memo(() => {
+  const { t } = useI18n();
+  const currentSessionId = useSessionUIStore((state) => state.currentSessionId);
+  const run = useAutoReviewStore(React.useCallback((state) => {
+    if (!currentSessionId) return null;
+    const run = state.runsByOriginalSessionID[currentSessionId] ?? null;
+    return run?.runtimeKey === getRuntimeKey() ? run : null;
+  }, [currentSessionId]));
+  const stopRun = useAutoReviewStore((state) => state.stopRun);
+  const openContextPanelTab = useUIStore((state) => state.openContextPanelTab);
+
+  if (!currentSessionId || !run || run.status !== 'running') {
+    return null;
+  }
+
+  const statusLabel = run.phase === 'waiting_for_reviewer'
+    ? t('chat.autoReview.status.waitingForReviewer')
+    : t('chat.autoReview.status.waitingForImplementer');
+
+  const handleOpenReviewSession = () => {
+    openContextPanelTab(run.directory, {
+      mode: 'chat',
+      dedupeKey: `session:${run.reviewSessionID}`,
+      label: t('chat.autoReview.reviewSessionLabel'),
+      readOnly: true,
+    });
+  };
+
+  return (
+    <div className="pb-2 w-full px-1">
+      <div className="rounded-xl border border-border/60 bg-[var(--surface-elevated)] text-[var(--surface-elevated-foreground)] shadow-sm overflow-hidden">
+        <div className="flex w-full items-center gap-2 px-3 py-2 text-left">
+          <Icon name="loader-4" className="h-4 w-4 animate-spin text-muted-foreground" aria-hidden="true" />
+          <div className="min-w-0 flex-1">
+            <span className="typography-ui-label font-medium text-foreground">
+              {t('chat.autoReview.title')}
+              <BusyDots />
+            </span>
+            <div className="typography-meta text-muted-foreground">
+              {statusLabel}
+            </div>
+          </div>
+          <Button
+            type="button"
+            variant="secondary"
+            size="xs"
+            onClick={handleOpenReviewSession}
+          >
+            {t('chat.autoReview.actions.open')}
+          </Button>
+          <Button
+            type="button"
+            variant="secondary"
+            size="xs"
+            onClick={() => stopRun(currentSessionId)}
+          >
+            {t('chat.autoReview.actions.stop')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+});
+
+AutoReviewBanner.displayName = 'AutoReviewBanner';