feat: split research workflows and results into dedicated workspaces

2026-04-19 22:31:33 +00:00
parent dc7686f507
commit d1363d6677
23 changed files with 1646 additions and 713 deletions
@@ -0,0 +1,66 @@
+import React, { useState } from 'react';
+import { Files, MapPinned } from 'lucide-react';
+import type { AppUser } from '../../shared/types';
+import { BasicResultsView } from './BasicResultsView';
+import { DeepResearchResultsView } from './DeepResearchResultsView';
+
+type ResultsTab = 'basic' | 'deepResearch';
+
+interface ResultsWorkspaceProps {
+  user: AppUser;
+  selectedJobIds: string[];
+  onToggleJobSelection: (jobId: string) => void;
+  onShowSelectedOnMap: () => void;
+  onClearSelection: () => void;
+  onShowBatchOnMap: (jobIds: string[]) => void;
+}
+
+export function ResultsWorkspace({ user, selectedJobIds, onToggleJobSelection, onShowSelectedOnMap, onClearSelection, onShowBatchOnMap }: ResultsWorkspaceProps) {
+  const [activeTab, setActiveTab] = useState<ResultsTab>('basic');
+
+  return (
+    <div className="flex-1 overflow-y-auto bg-stone-50 p-6 sm:p-8">
+      <div className="mx-auto max-w-7xl space-y-8">
+        <div className="sticky top-0 z-20 -mx-2 bg-stone-50/95 px-2 pb-2 pt-1 backdrop-blur-sm">
+          <div className="rounded-3xl border border-stone-200 bg-white p-2 shadow-sm">
+            <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
+              {[
+                { id: 'basic' as const, label: 'Basic', icon: Files },
+                { id: 'deepResearch' as const, label: 'Deep Research', icon: MapPinned },
+              ].map((tab) => (
+                <button
+                  key={tab.id}
+                  type="button"
+                  onClick={() => setActiveTab(tab.id)}
+                  className={`flex items-center justify-center gap-2 rounded-2xl px-4 py-3 text-sm font-semibold transition-all ${
+                    activeTab === tab.id ? 'bg-emerald-50 text-emerald-700 shadow-sm' : 'text-stone-600 hover:bg-stone-50 hover:text-stone-900'
+                  }`}
+                >
+                  <tab.icon className="h-4 w-4" />
+                  {tab.label}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <header className="space-y-2">
+          <h1 className="text-3xl font-bold text-stone-900">Results</h1>
+          <p className="max-w-3xl text-stone-600">Browse previous Basic and Deep Research runs, select items, and send them to the map when needed.</p>
+        </header>
+
+        {activeTab === 'basic' ? (
+          <BasicResultsView
+            user={user}
+            selectedJobIds={selectedJobIds}
+            onToggleJobSelection={onToggleJobSelection}
+            onShowSelectedOnMap={onShowSelectedOnMap}
+            onClearSelection={onClearSelection}
+          />
+        ) : (
+          <DeepResearchResultsView onShowBatchOnMap={onShowBatchOnMap} />
+        )}
+      </div>
+    </div>
+  );
+}