@jsonresume/jobs 0.10.0 → 0.12.0

package/src/tui/App.js

@@ -24,9 +24,19 @@ import StatusBar from './StatusBar.js';
 import AIPanel from './AIPanel.js';
 import HelpModal from './HelpModal.js';
 
-const TABS = ['all', 'interested', 'applied', 'maybe', 'passed'];
+const TABS = [
+  'all',
+  'new',
+  'reviewed',
+  'interested',
+  'applied',
+  'maybe',
+  'passed',
+];
 const TAB_LABELS = {
   all: 'All',
+  new: 'New',
+  reviewed: 'Reviewed',
   interested: 'Interested',
   applied: 'Applied',
   maybe: 'Maybe',
@@ -65,7 +75,9 @@ function App({ baseUrl, apiKey, apiClient }) {
   // Active search profile
   const [activeSearchId, setActiveSearchId] = useState(null);
 
-  // Persistent filters
+  const searchesHook = useSearches(api);
+
+  // Persistent filters (local + server sync for search profiles)
   const [filterStore, setFilterStore] = useState(() => loadFilters());
   const activeFilters = useMemo(
     () => getFiltersForSearch(filterStore, activeSearchId),
@@ -78,8 +90,12 @@ function App({ baseUrl, apiKey, apiClient }) {
         saveFilters(next);
         return next;
       });
+      // Sync to server for search profiles
+      if (activeSearchId) {
+        searchesHook.updateFilters(activeSearchId, newActive);
+      }
     },
-    [activeSearchId]
+    [activeSearchId, searchesHook]
   );
   const filterState = useMemo(
     () => ({ active: activeFilters }),
@@ -90,6 +106,22 @@ function App({ baseUrl, apiKey, apiClient }) {
     [updateFilters]
   );
 
+  // Sync server-side filters into local store when search profiles load
+  useEffect(() => {
+    if (!searchesHook.searches.length) return;
+    setFilterStore((prev) => {
+      let updated = prev;
+      for (const s of searchesHook.searches) {
+        if (s.filters?.length && !prev.searches?.[s.id]) {
+          updated = setFiltersForSearch(updated, s.id, s.filters);
+        }
+      }
+      if (updated !== prev) saveFilters(updated);
+      return updated;
+    });
+  }, [searchesHook.searches]);
+
+  const ai = useAI(resume);
   const {
     jobs: rawJobs,
     allJobs,
@@ -98,10 +130,25 @@ function App({ baseUrl, apiKey, apiClient }) {
     error,
     markJob,
     forceRefresh,
-  } = useJobs(api, activeFilters, tab, activeSearchId);
-  const ai = useAI(resume);
-  const searchesHook = useSearches(api);
+  } = useJobs(api, activeFilters, tab, activeSearchId, ai.getDossierStatus);
   const { toast, show: showToast } = useToast();
+  const [confirmExit, setConfirmExit] = useState(false);
+
+  // Seed dossier icons from server-side flags when jobs load
+  useEffect(() => {
+    if (allJobs.length) ai.seedDossierFlags(allJobs);
+  }, [allJobs, ai]);
+
+  // Kill claude processes on exit (Ctrl+C)
+  useEffect(() => {
+    const cleanup = () => ai.cancel();
+    process.on('SIGINT', cleanup);
+    process.on('SIGTERM', cleanup);
+    return () => {
+      process.removeListener('SIGINT', cleanup);
+      process.removeListener('SIGTERM', cleanup);
+    };
+  }, [ai]);
 
   // Apply inline search filter
   const jobs = useMemo(() => {
@@ -128,12 +175,12 @@ function App({ baseUrl, apiKey, apiClient }) {
       .catch(() => {});
   }, [api]);
 
-  // Update selectedJob when cursor moves in detail view
+  // Update selectedJob when cursor moves or jobs list changes in detail view
   useEffect(() => {
     if (view === 'detail' && jobs[cursor]) {
       setSelectedJob(jobs[cursor]);
     }
-  }, [cursor, view]);
+  }, [cursor, view, jobs]);
 
   // Inline search escape handler
   useInput(
@@ -153,7 +200,19 @@ function App({ baseUrl, apiKey, apiClient }) {
       if (view === 'filters' || view === 'searches' || view === 'help') return;
       if (inlineSearch) return;
 
-      if (input === 'q' && view === 'list') exit();
+      if (input === 'q' && view === 'list') {
+        if (ai.hasActiveProcess && !confirmExit) {
+          showToast(
+            'Claude dossier still running — press q again to quit',
+            'warning'
+          );
+          setConfirmExit(true);
+          return;
+        }
+        ai.cancel();
+        exit();
+      }
+      if (input !== 'q') setConfirmExit(false);
       if (input === 'q' && view === 'detail') setView('list');
       if (input === 'R' && (view === 'list' || view === 'detail')) {
         forceRefresh();
@@ -176,9 +235,12 @@ function App({ baseUrl, apiKey, apiClient }) {
         setView('detail');
       }
       if (key.escape && view === 'detail') setView('list');
+      if (input === 'c' && view === 'detail' && selectedJob) {
+        handleDossier(selectedJob);
+      }
 
       if (key.escape && view === 'ai') {
-        ai.clear();
+        // Don't kill running dossier — just hide the panel
         setView(selectedJob ? 'detail' : 'list');
       }
 
@@ -219,6 +281,11 @@ function App({ baseUrl, apiKey, apiClient }) {
     setView('ai');
     ai.summarizeJob(job);
   };
+  const handleDossier = (job) => {
+    setSelectedJob(job);
+    setView('ai');
+    ai.dossier(job, api);
+  };
   const handleAIBatch = (visibleJobs) => {
     setView('ai');
     ai.batchReview(visibleJobs);
@@ -252,6 +319,16 @@ function App({ baseUrl, apiKey, apiClient }) {
 
   const counts = {
     all: allJobs.length,
+    new: allJobs.filter(
+      (j) =>
+        !j.state &&
+        !j.has_dossier &&
+        ai.getDossierStatus(j.id) !== 'done' &&
+        ai.getDossierStatus(j.id) !== 'generating'
+    ).length,
+    reviewed: allJobs.filter(
+      (j) => (j.has_dossier || ai.getDossierStatus(j.id) === 'done') && !j.state
+    ).length,
     interested: allJobs.filter((j) => j.state === 'interested').length,
     applied: allJobs.filter((j) => j.state === 'applied').length,
     maybe: allJobs.filter((j) => j.state === 'maybe').length,
@@ -312,6 +389,9 @@ function App({ baseUrl, apiKey, apiClient }) {
             onCursorChange: setCursor,
             onSelect: handleSelect,
             onMark: handleMark,
+            onAISummary: handleAISummary,
+            onDossier: handleDossier,
+            getDossierStatus: ai.getDossierStatus,
             isActive: true,
             compact: true,
             reservedRows: 8,
@@ -327,6 +407,8 @@ function App({ baseUrl, apiKey, apiClient }) {
             onBack: handleBack,
             onMark: handleMark,
             onAISummary: handleAISummary,
+            onDossier: handleDossier,
+            getDossierStatus: ai.getDossierStatus,
             isActive: false,
             isPanel: true,
           })
@@ -336,6 +418,74 @@ function App({ baseUrl, apiKey, apiClient }) {
     );
   }
 
+  // Split-pane: compact list on left, AI/dossier on right
+  if (view === 'ai' && selectedJob) {
+    return h(
+      Box,
+      { flexDirection: 'column', height: process.stdout.rows || 40 },
+      header,
+      h(
+        Box,
+        { flexGrow: 1, flexDirection: 'row' },
+        // Left pane: compact job list
+        h(
+          Box,
+          {
+            flexDirection: 'column',
+            width: '40%',
+            borderStyle: 'single',
+            borderColor: 'gray',
+            borderRight: true,
+            borderLeft: false,
+            borderTop: false,
+            borderBottom: false,
+          },
+          h(JobList, {
+            jobs,
+            cursor,
+            tab,
+            onCursorChange: setCursor,
+            onSelect: handleSelect,
+            onMark: handleMark,
+            onAISummary: handleAISummary,
+            onDossier: handleDossier,
+            getDossierStatus: ai.getDossierStatus,
+            isActive: false,
+            compact: true,
+            reservedRows: 8,
+          })
+        ),
+        // Right pane: AI/dossier panel
+        h(
+          Box,
+          { flexDirection: 'column', width: '60%' },
+          h(AIPanel, {
+            text: ai.text,
+            loading: ai.loading,
+            error: ai.error,
+            mode: ai.mode,
+            job: selectedJob,
+            onMark: handleMark,
+            onDismiss: () => {
+              setView(selectedJob ? 'detail' : 'list');
+            },
+            onExport: () => {
+              const f = ai.exportDossier(selectedJob);
+              if (f) showToast(`Saved ./${f}`, 'export');
+              return f;
+            },
+            onRegenerate: (job) => {
+              ai.regenerateDossier(job, api);
+              showToast('Regenerating dossier…', 'info');
+            },
+            isActive: true,
+          })
+        )
+      ),
+      statusBar
+    );
+  }
+
   // Full-width list view
   return h(
     Box,
@@ -350,6 +500,7 @@ function App({ baseUrl, apiKey, apiClient }) {
           onSelect: handleSelect,
           onMark: handleMark,
           onAISummary: handleAISummary,
+          onDossier: handleDossier,
           onAIBatch: handleAIBatch,
           onExport: handleExport,
           isActive: !inlineSearch,
@@ -384,14 +535,15 @@ function App({ baseUrl, apiKey, apiClient }) {
           onClose: () => setView('list'),
         })
       : null,
-    view === 'ai'
+    view === 'ai' && !selectedJob
       ? h(AIPanel, {
           text: ai.text,
           loading: ai.loading,
           error: ai.error,
+          mode: ai.mode,
           onDismiss: () => {
             ai.clear();
-            setView(selectedJob ? 'detail' : 'list');
+            setView('list');
           },
           isActive: true,
         })

package/src/tui/HelpModal.js

@@ -46,6 +46,7 @@ const SECTIONS = [
     title: 'AI Features (requires OPENAI_API_KEY)',
     keys: [
       ['Space', 'AI summary of current job'],
+      ['c', 'Research dossier (uses Claude Code CLI)'],
       ['S', 'AI batch review of visible jobs'],
     ],
   },

package/src/tui/JobDetail.js

@@ -10,6 +10,7 @@ export default function JobDetail({
   onBack,
   onMark,
   onAISummary,
+  onDossier,
   isActive,
   isPanel,
 }) {
@@ -45,6 +46,7 @@ export default function JobDetail({
       if (input === 'm') onMark(job.id, 'maybe');
       if (input === 'p') onMark(job.id, 'not_interested');
       if (input === ' ') onAISummary(job);
+      if (input === 'c' && onDossier) onDossier(job);
       if (input === 'o' && (detail?.url || job.url)) {
         import('child_process').then(({ exec }) => {
           const url = detail?.url || job.url;

package/src/tui/JobList.js

@@ -16,13 +16,26 @@ function useColumns(hasRerank, compact) {
   const cols = stdout?.columns || 120;
   const available = compact ? Math.floor(cols * 0.4) : cols;
 
+  const dossierW = 2;
+
   if (compact) {
-    // Compact mode: just score, title, status
+    // Compact mode: just score, title, dossier, status
     const scoreW = 5;
     const statusW = 2;
     const gaps = GAP * 2;
-    const titleW = Math.max(10, available - scoreW - statusW - gaps - 2);
-    return { cols: available, titleW, compW: 0, locW: 0, scoreW, statusW };
+    const titleW = Math.max(
+      10,
+      available - scoreW - dossierW - statusW - gaps - 2
+    );
+    return {
+      cols: available,
+      titleW,
+      compW: 0,
+      locW: 0,
+      scoreW,
+      statusW,
+      dossierW,
+    };
   }
 
   const scoreW = 5;
@@ -30,8 +43,9 @@ function useColumns(hasRerank, compact) {
   const salaryW = 12;
   const statusW = 2;
   const cursorW = 2;
-  const gaps = GAP * (hasRerank ? 6 : 5);
-  const fixed = cursorW + scoreW + aiW + salaryW + statusW + gaps + 2; // +2 paddingX
+  const gaps = GAP * (hasRerank ? 7 : 6);
+  const fixed =
+    cursorW + scoreW + aiW + salaryW + dossierW + statusW + gaps + 2;
   const flex = Math.max(30, available - fixed);
   const titleW = Math.max(12, Math.floor(flex * 0.35));
   const compW = Math.max(10, Math.floor(flex * 0.3));
@@ -44,6 +58,7 @@ function useColumns(hasRerank, compact) {
     scoreW,
     salaryW,
     statusW,
+    dossierW,
     aiW,
   };
 }
@@ -99,6 +114,11 @@ function HeaderRow({ hasRerank, titleW, compW, locW, compact }) {
       { width: 12, marginRight: GAP },
       h(Text, { bold: true, dimColor: true }, 'Salary')
     ),
+    h(
+      Box,
+      { width: 2, marginRight: GAP },
+      h(Text, { bold: true, dimColor: true }, '📋')
+    ),
     h(Box, { width: 2 }, h(Text, { bold: true, dimColor: true }, '  '))
   );
 }
@@ -112,12 +132,15 @@ function JobRow({
   locW,
   marked,
   compact,
+  dossierStatus,
 }) {
   const loc = formatLocation(job.location, job.remote);
   const sal = formatSalary(job.salary, job.salary_usd);
   const score =
     typeof job.similarity === 'number' ? job.similarity.toFixed(2) : '—';
   const icon = stateIcon(job.state);
+  const dossierIcon =
+    dossierStatus === 'generating' ? '◌' : dossierStatus === 'done' ? '📋' : '';
 
   const stColor =
     job.state === 'interested'
@@ -145,6 +168,8 @@ function JobRow({
     backgroundColor: bg,
   };
 
+  const dossierColor = dossierStatus === 'generating' ? 'yellow' : 'green';
+
   if (compact) {
     return h(
       Box,
@@ -160,6 +185,15 @@ function JobRow({
         { flexGrow: 1 },
         h(Text, props, truncate(job.title || '—', titleW))
       ),
+      h(
+        Box,
+        { width: 2 },
+        h(
+          Text,
+          { ...props, color: dossierIcon ? dossierColor : undefined },
+          dossierIcon || ' '
+        )
+      ),
       h(Box, { width: 2 }, h(Text, props, icon))
     );
   }
@@ -196,6 +230,15 @@ function JobRow({
       h(Text, props, truncate(loc, locW - 1))
     ),
     h(Box, { width: 12, marginRight: GAP }, h(Text, props, truncate(sal, 11))),
+    h(
+      Box,
+      { width: 2, marginRight: GAP },
+      h(
+        Text,
+        { ...props, color: dossierIcon ? dossierColor : undefined },
+        dossierIcon || ' '
+      )
+    ),
     h(Box, { width: 2 }, h(Text, props, icon))
   );
 }
@@ -248,8 +291,10 @@ export default function JobList({
   onSelect,
   onMark,
   onAISummary,
+  onDossier,
   onAIBatch,
   onExport,
+  getDossierStatus,
   isActive,
   tab,
   compact,
@@ -321,6 +366,7 @@ export default function JobList({
       if (input === 'p' && jobs[cursor])
         onMark(jobs[cursor].id, 'not_interested');
       if (input === ' ' && jobs[cursor]) onAISummary(jobs[cursor]);
+      if (input === 'c' && jobs[cursor] && onDossier) onDossier(jobs[cursor]);
       if (input === 'S' && onAIBatch) onAIBatch(jobs);
       if (input === 'e' && onExport) onExport();
     },
@@ -344,6 +390,7 @@ export default function JobList({
       compW,
       locW,
       compact,
+      dossierStatus: getDossierStatus ? getDossierStatus(job.id) : null,
     })
   );
 

package/src/tui/StatusBar.js

@@ -12,6 +12,7 @@ const KEYS = {
     ['v', 'select'],
     ['n', 'find'],
     ['space', 'AI'],
+    ['c', 'dossier'],
   ],
   detail: [
     ['j/k', 'nav jobs'],
@@ -19,6 +20,7 @@ const KEYS = {
     ['i/x/m/p', 'mark'],
     ['o', 'open URL'],
     ['space', 'AI'],
+    ['c', 'dossier'],
     ['esc', 'back'],
   ],
   search: [
@@ -39,7 +41,13 @@ const KEYS = {
     ['d', 'delete'],
     ['esc', 'close'],
   ],
-  ai: [['esc', 'dismiss']],
+  ai: [
+    ['j/k', 'scroll'],
+    ['g/G', 'top/bottom'],
+    ['i/x/m/p', 'mark'],
+    ['e', 'export'],
+    ['esc', 'back'],
+  ],
   help: [['?/esc', 'close']],
 };