@jsonresume/jobs 0.7.0 → 0.8.0

package/README.md

@@ -1,8 +1,8 @@
-# @jsonresume/job-search
+# @jsonresume/jobs
 
-[![npm version](https://img.shields.io/npm/v/@jsonresume/job-search)](https://www.npmjs.com/package/@jsonresume/job-search)
-[![license](https://img.shields.io/npm/l/@jsonresume/job-search)](./LICENSE)
-[![node](https://img.shields.io/node/v/@jsonresume/job-search)](https://nodejs.org)
+[![npm version](https://img.shields.io/npm/v/@jsonresume/jobs)](https://www.npmjs.com/package/@jsonresume/jobs)
+[![license](https://img.shields.io/npm/l/@jsonresume/jobs)](./LICENSE)
+[![node](https://img.shields.io/node/v/@jsonresume/jobs)](https://nodejs.org)
 
 Search Hacker News "Who is Hiring" jobs matched against your [JSON Resume](https://jsonresume.org). Jobs are semantically ranked using AI embeddings — your resume is compared against hundreds of monthly job postings to surface the best fits.
 
@@ -31,7 +31,7 @@ npx @jsonresume/jobs
 Or install globally:
 
 ```bash
-npm install -g @jsonresume/job-search
+npm install -g @jsonresume/jobs
 jsonresume-jobs
 ```
 
@@ -221,7 +221,7 @@ This package includes a [Claude Code skill](https://docs.anthropic.com/en/docs/c
 
 ```bash
 mkdir -p ~/.claude/skills/jsonresume-hunt
-cp node_modules/@jsonresume/job-search/skills/jsonresume-hunt/SKILL.md \
+cp node_modules/@jsonresume/jobs/skills/jsonresume-hunt/SKILL.md \
    ~/.claude/skills/jsonresume-hunt/SKILL.md
 ```
 

package/bin/cli.js

@@ -6,7 +6,7 @@
  * Just run:  npx @jsonresume/jobs
  */
 
-const VERSION = '0.7.0';
+const VERSION = '0.8.0';
 
 const BASE_URL =
   getArg('--base-url') ||

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonresume/jobs",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "description": "Search Hacker News jobs matched against your JSON Resume",
   "bin": {

package/src/tui/App.js

@@ -26,11 +26,11 @@ import HelpModal from './HelpModal.js';
 
 const TABS = ['all', 'interested', 'applied', 'maybe', 'passed'];
 const TAB_LABELS = {
-  all: 'All Jobs',
-  interested: '⭐ Interested',
-  applied: '📨 Applied',
-  maybe: '? Maybe',
-  passed: '✗ Passed',
+  all: 'All',
+  interested: 'Interested',
+  applied: 'Applied',
+  maybe: 'Maybe',
+  passed: 'Passed',
 };
 
 function InlineSearch({ query, onChange, onSubmit }) {
@@ -268,7 +268,6 @@ function App({ baseUrl, apiKey }) {
     reranking,
     error,
     aiEnabled: ai.hasKey,
-    searchName: activeSearch?.name || null,
     toast: toastEl,
   });
 

package/src/tui/Header.js

@@ -2,10 +2,10 @@ import { Box, Text } from 'ink';
 import { h } from './h.js';
 
 const FILTER_LABELS = {
-  remote: (f) => `Remote: ${f.value}`,
-  search: (f) => `Search: "${f.value}"`,
-  minSalary: (f) => `Salary ≥ $${f.value}k`,
-  days: (f) => `Last ${f.value} days`,
+  remote: () => 'Remote',
+  search: (f) => `"${f.value}"`,
+  minSalary: (f) => `≥$${f.value}k`,
+  days: (f) => `${f.value}d`,
 };
 
 export default function Header({
@@ -17,71 +17,93 @@ export default function Header({
   searchName,
   appliedQuery,
 }) {
+  const cols = process.stdout.columns || 80;
+
+  // ── Title row ─────────────────────────────────────
+  const titleRow = h(
+    Box,
+    { paddingX: 1, justifyContent: 'space-between' },
+    h(
+      Box,
+      { gap: 1 },
+      h(
+        Text,
+        { bold: true, color: 'black', backgroundColor: 'cyan' },
+        ' jsonresume-jobs '
+      ),
+      searchName
+        ? h(Text, { color: 'magenta', bold: true }, `  ${searchName}`)
+        : null
+    ),
+    h(Text, { dimColor: true }, '?:help  /:profiles  f:filters  q:quit')
+  );
+
+  // ── Tab row ───────────────────────────────────────
   const tabElements = tabs.map((t) => {
     const active = t === tab;
     const count = counts[t] || 0;
-    const label = `${tabLabels[t]} (${count})`;
+    if (count === 0 && !active && t !== 'all') return null;
+
+    const label = `${tabLabels[t]} ${count}`;
+
+    if (active) {
+      return h(
+        Box,
+        { key: t, marginRight: 1 },
+        h(
+          Text,
+          { bold: true, color: 'black', backgroundColor: 'white' },
+          ` ${label} `
+        )
+      );
+    }
     return h(
       Box,
       { key: t, marginRight: 1 },
+      h(Text, { dimColor: true }, ` ${label} `)
+    );
+  });
+
+  const tabRow = h(Box, { paddingX: 1 }, ...tabElements.filter(Boolean));
+
+  // ── Filter pills (only if active) ────────────────
+  const tags = [];
+  for (const f of filters || []) {
+    const label = FILTER_LABELS[f.type]?.(f) || f.value;
+    tags.push(
       h(
         Text,
-        {
-          bold: active,
-          color: active ? 'cyan' : 'gray',
-          underline: active,
-        },
+        { key: f.type, color: 'black', backgroundColor: 'yellow' },
         ` ${label} `
       )
     );
-  });
+  }
+  if (appliedQuery) {
+    tags.push(
+      h(
+        Text,
+        { key: 'find', color: 'black', backgroundColor: 'green' },
+        ` find:${appliedQuery} `
+      )
+    );
+  }
 
-  const filterTags = (filters || []).map((f, i) => {
-    const label = FILTER_LABELS[f.type]?.(f) || `${f.type}: ${f.value}`;
-    return h(Text, { key: i, color: 'yellow' }, ` [${label}] `);
-  });
+  const filterRow =
+    tags.length > 0 ? h(Box, { paddingX: 1, gap: 1 }, ...tags) : null;
 
-  const hasFilters = filterTags.length > 0 || appliedQuery;
+  // ── Divider ───────────────────────────────────────
+  const divider = h(
+    Box,
+    { paddingX: 1 },
+    h(Text, { dimColor: true }, '─'.repeat(Math.max(10, cols - 2)))
+  );
 
   return h(
     Box,
-    { flexDirection: 'column', marginBottom: 0 },
-    h(
-      Box,
-      {
-        paddingX: 1,
-        borderStyle: 'single',
-        borderColor: 'cyan',
-        borderBottom: false,
-      },
-      h(Text, { bold: true, color: 'cyan' }, '⚡ '),
-      h(Text, { bold: true, color: 'white' }, 'JSON Resume Job Search'),
-      searchName ? h(Text, { color: 'magenta' }, `  🔍 ${searchName}`) : null,
-      h(Text, { color: 'gray' }, '  '),
-      h(Text, { dimColor: true }, 'tab:sections  /:searches  ?:help')
-    ),
-    h(Box, { paddingX: 1, gap: 0 }, ...tabElements),
-    hasFilters
-      ? h(
-          Box,
-          { paddingX: 1 },
-          filterTags.length > 0
-            ? h(Text, { dimColor: true }, 'Filters:')
-            : null,
-          ...filterTags,
-          appliedQuery
-            ? h(Text, { color: 'yellow' }, ` [Find: "${appliedQuery}"] `)
-            : null,
-          h(Text, { dimColor: true }, '  f:manage')
-        )
-      : h(
-          Box,
-          { paddingX: 1 },
-          h(
-            Text,
-            { dimColor: true },
-            'No filters active  f:add  n:quick search'
-          )
-        )
+    { flexDirection: 'column' },
+    titleRow,
+    tabRow,
+    filterRow,
+    divider
   );
 }

package/src/tui/StatusBar.js

@@ -3,41 +3,33 @@ import { h } from './h.js';
 
 const KEYS = {
   list: [
-    ['jk', 'nav'],
-    ['enter', 'open'],
-    ['i', '⭐'],
-    ['x', '📨'],
-    ['m', '?'],
-    ['p', '✗'],
+    ['j/k', 'nav'],
+    ['enter', 'detail'],
+    ['i', 'interested'],
+    ['x', 'applied'],
+    ['m', 'maybe'],
+    ['p', 'pass'],
     ['v', 'select'],
+    ['n', 'find'],
     ['space', 'AI'],
-    ['f', 'filter'],
-    ['/', 'search'],
-    ['e', 'export'],
-    ['?', 'help'],
-    ['q', 'quit'],
   ],
   detail: [
-    ['jk', 'nav'],
-    ['JK', 'scroll detail'],
-    ['i', '⭐'],
-    ['x', '📨'],
-    ['m', '?'],
-    ['p', '✗'],
-    ['o', 'open'],
+    ['j/k', 'nav jobs'],
+    ['J/K', 'scroll'],
+    ['i/x/m/p', 'mark'],
+    ['o', 'open URL'],
     ['space', 'AI'],
     ['esc', 'back'],
-    ['q', 'close'],
   ],
   filters: [
-    ['jk', 'nav'],
+    ['j/k', 'nav'],
     ['enter', 'edit'],
     ['a', 'add'],
     ['d', 'delete'],
     ['esc', 'close'],
   ],
   searches: [
-    ['jk', 'nav'],
+    ['j/k', 'nav'],
     ['enter', 'switch'],
     ['n', 'new'],
     ['d', 'delete'],
@@ -47,6 +39,15 @@ const KEYS = {
   help: [['?/esc', 'close']],
 };
 
+function KeyHint({ k, label }) {
+  return h(
+    Box,
+    { marginRight: 1 },
+    h(Text, { color: 'cyan' }, k),
+    h(Text, { dimColor: true }, ` ${label}`)
+  );
+}
+
 export default function StatusBar({
   view,
   jobCount,
@@ -55,54 +56,44 @@ export default function StatusBar({
   reranking,
   error,
   aiEnabled,
-  searchName,
   toast,
 }) {
+  const cols = process.stdout.columns || 80;
   const keys = KEYS[view] || KEYS.list;
 
-  const keyElements = keys.map(([key, label], i) =>
-    h(
-      Box,
-      { key: i, marginRight: 1 },
-      h(Text, { bold: true, color: 'cyan' }, key),
-      h(Text, { dimColor: true }, `:${label}`)
-    )
+  const divider = h(
+    Box,
+    { paddingX: 1 },
+    h(Text, { dimColor: true }, '─'.repeat(Math.max(10, cols - 2)))
   );
 
-  return h(
+  const rightInfo = h(
     Box,
-    {
-      flexDirection: 'column',
-      borderStyle: 'single',
-      borderColor: 'gray',
-      paddingX: 1,
-      marginTop: 0,
-    },
-    toast
-      ? h(
-          Box,
-          { justifyContent: 'space-between' },
-          toast,
-          h(
-            Box,
-            { gap: 1 },
-            h(Text, { dimColor: true }, `${jobCount}/${totalCount} jobs`)
-          )
-        )
-      : h(
+    { gap: 1 },
+    loading ? h(Text, { color: 'yellow' }, 'loading…') : null,
+    reranking ? h(Text, { color: 'magenta' }, 'reranking…') : null,
+    h(Text, { dimColor: true }, `${jobCount}/${totalCount}`),
+    aiEnabled ? null : h(Text, { dimColor: true }, 'no-AI')
+  );
+
+  const content = toast
+    ? h(Box, { paddingX: 1, justifyContent: 'space-between' }, toast, rightInfo)
+    : h(
+        Box,
+        { paddingX: 1, justifyContent: 'space-between' },
+        h(
           Box,
-          { justifyContent: 'space-between' },
-          h(Box, { flexWrap: 'wrap', gap: 0 }, ...keyElements),
-          h(
-            Box,
-            { gap: 1 },
-            loading ? h(Text, { color: 'yellow' }, '⏳') : null,
-            reranking ? h(Text, { color: 'magenta' }, '🧠 reranking…') : null,
-            h(Text, { dimColor: true }, `${jobCount}/${totalCount} jobs`),
-            searchName ? h(Text, { color: 'magenta' }, '🔍') : null,
-            aiEnabled ? null : h(Text, { color: 'gray' }, '(no AI)')
-          )
+          { flexWrap: 'wrap' },
+          ...keys.map(([k, label], i) => h(KeyHint, { key: i, k, label }))
         ),
-    error ? h(Text, { color: 'red' }, `Error: ${error}`) : null
+        rightInfo
+      );
+
+  return h(
+    Box,
+    { flexDirection: 'column' },
+    divider,
+    content,
+    error ? h(Box, { paddingX: 1 }, h(Text, { color: 'red' }, error)) : null
   );
 }