jowork 0.3.7 → 0.3.8

package/dist/{chunk-KIETDRXF.js → chunk-NNCA4SWS.js}

@@ -317,8 +317,8 @@ var FileWriter = class {
       existingHeaders = [...existing.matchAll(/^## .+/gm)].map((m) => m[0]);
     }
     const newMessages = messages.filter((m) => {
-      const header2 = `## ${m.time} \u2014 ${m.sender}`;
-      return !existingHeaders.includes(header2);
+      const header = `## ${m.time} \u2014 ${m.sender}`;
+      return !existingHeaders.includes(header);
     });
     if (newMessages.length === 0) return filePath;
     if (!existsSync(absPath)) {
@@ -381,70 +381,6 @@ ${sanitizeContent(m.content)}`).join("\n");
 };
 
 // src/commands/sync.ts
-var isTTY = process.stdout.isTTY;
-var c = {
-  reset: isTTY ? "\x1B[0m" : "",
-  bold: isTTY ? "\x1B[1m" : "",
-  dim: isTTY ? "\x1B[2m" : "",
-  green: isTTY ? "\x1B[32m" : "",
-  yellow: isTTY ? "\x1B[33m" : "",
-  red: isTTY ? "\x1B[31m" : "",
-  cyan: isTTY ? "\x1B[36m" : "",
-  gray: isTTY ? "\x1B[90m" : "",
-  white: isTTY ? "\x1B[37m" : "",
-  bgGreen: isTTY ? "\x1B[42m" : "",
-  bgRed: isTTY ? "\x1B[41m" : "",
-  bgYellow: isTTY ? "\x1B[43m" : ""
-};
-var icon = {
-  ok: `${c.green}\u2713${c.reset}`,
-  warn: `${c.yellow}\u26A0${c.reset}`,
-  fail: `${c.red}\u2717${c.reset}`,
-  skip: `${c.gray}\u25CB${c.reset}`,
-  sync: `${c.cyan}\u21BB${c.reset}`,
-  link: `${c.cyan}\u27E1${c.reset}`,
-  git: `${c.gray}\u2387${c.reset}`
-};
-function header(text) {
-  console.log("");
-  console.log(`  ${c.bold}${text}${c.reset}`);
-  console.log(`  ${c.dim}${"\u2500".repeat(Math.min(text.length + 4, 50))}${c.reset}`);
-}
-function progressBar(current, total, width = 20) {
-  const pct = total > 0 ? current / total : 0;
-  const filled = Math.round(pct * width);
-  const empty = width - filled;
-  const bar = `${c.green}${"\u2588".repeat(filled)}${c.gray}${"\u2591".repeat(empty)}${c.reset}`;
-  return `${bar} ${c.dim}${current}/${total}${c.reset}`;
-}
-function sourceLabel(name) {
-  const colors = {
-    feishu: c.cyan,
-    github: c.white,
-    gitlab: c.yellow,
-    linear: c.cyan,
-    posthog: c.red,
-    firebase: c.yellow
-  };
-  return `${colors[name] ?? c.white}${c.bold}${name}${c.reset}`;
-}
-function resultLine(ok, msg) {
-  if (isTTY) process.stdout.write("\r\x1B[K");
-  console.log(`    ${ok ? icon.ok : icon.warn} ${msg}`);
-}
-var _currentSource = "";
-function progressLine(msg) {
-  if (!isTTY) return;
-  process.stdout.write(`\r  ${icon.sync} ${_currentSource} ${c.dim}${msg}${c.reset}\x1B[K`);
-}
-function clearProgress() {
-  if (!isTTY) return;
-  process.stdout.write("\r\x1B[K");
-}
-function elapsed(start) {
-  const ms = Date.now() - start;
-  return ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
-}
 function getSyncErrorHint(source, error) {
   const is401 = /401|unauthorized|auth.*fail/i.test(error);
   const is403 = /403|forbidden/i.test(error);
@@ -474,7 +410,6 @@ async function runSync(sources) {
   db.ensureTables();
   const fileWriter = new FileWriter();
   const syncResults = [];
-  const t0 = Date.now();
   let totalNew = 0;
   let gitManager = null;
   try {
@@ -482,28 +417,32 @@ async function runSync(sources) {
     await gitManager.init();
   } catch {
   }
-  header(`Syncing ${sources.length} source${sources.length > 1 ? "s" : ""}`);
-  for (let i = 0; i < sources.length; i++) {
-    const source = sources[i];
+  const isTTY = process.stdout.isTTY;
+  let ui;
+  if (isTTY) {
+    const { renderSyncProgress } = await import("./render-TRVEKILS.js");
+    ui = renderSyncProgress(sources);
+  } else {
+    const { renderSyncProgressPlain } = await import("./render-TRVEKILS.js");
+    ui = renderSyncProgressPlain(sources);
+  }
+  for (const source of sources) {
     const cred = loadCredential(source);
     if (!cred) {
-      console.log(`  ${icon.skip} ${sourceLabel(source)} ${c.dim}no credentials, skipping${c.reset}`);
+      ui.updateSource(source, { status: "skipped" });
       continue;
     }
     const sourceStart = Date.now();
-    _currentSource = sourceLabel(source);
-    progressLine("syncing...");
+    ui.updateSource(source, { status: "syncing", progress: "connecting..." });
     const logger = {
       info: (msg) => {
-        progressLine(msg);
+        ui.updateSource(source, { progress: msg });
       },
       warn: (msg) => {
-        clearProgress();
-        resultLine(false, `${c.dim}${msg}${c.reset}`);
+        ui.updateSource(source, { progress: `\u26A0 ${msg}` });
       },
       error: (msg) => {
-        clearProgress();
-        console.error(`    ${icon.fail} ${c.red}${msg}${c.reset}`);
+        ui.updateSource(source, { progress: `\u2717 ${msg}` });
       }
     };
     try {
@@ -511,106 +450,129 @@ async function runSync(sources) {
         case "feishu": {
           const feishuCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const result = await syncFeishu(feishuCtx, cred.data, logger);
-          resultLine(true, `${result.newMessages} new messages from ${result.chats} chats`);
+          const parts = [`${result.newMessages} messages from ${result.chats} chats`];
           totalNew += result.newMessages;
           syncResults.push({ source: "feishu", newObjects: result.newMessages, label: "messages" });
           try {
             const mr = await syncFeishuMeetings(feishuCtx, cred.data, logger);
-            if (mr.newObjects > 0) resultLine(true, `${mr.newObjects} calendar events`);
+            if (mr.newObjects > 0) parts.push(`${mr.newObjects} events`);
             syncResults.push({ source: "feishu/meetings", newObjects: mr.newObjects, label: "events" });
           } catch {
           }
           try {
             const dr = await syncFeishuDocs(feishuCtx, cred.data, logger);
-            if (dr.newObjects > 0) resultLine(true, `${dr.newObjects} documents`);
+            if (dr.newObjects > 0) parts.push(`${dr.newObjects} docs`);
             syncResults.push({ source: "feishu/docs", newObjects: dr.newObjects, label: "docs" });
           } catch {
           }
           try {
             const ar = await syncFeishuApprovals(feishuCtx, cred.data, logger);
-            if (ar.newObjects > 0) resultLine(true, `${ar.newObjects} approvals`);
+            if (ar.newObjects > 0) parts.push(`${ar.newObjects} approvals`);
             syncResults.push({ source: "feishu/approvals", newObjects: ar.newObjects, label: "approvals" });
           } catch {
           }
           try {
             const lr = await syncFeishuLinks(feishuCtx, cred.data, logger);
-            if (lr.fetched > 0) resultLine(true, `${lr.fetched} link contents fetched (${lr.extracted} URLs found)`);
-            else if (lr.extracted > 0) resultLine(false, `${lr.extracted} URLs found, ${lr.failed} failed to fetch`);
+            if (lr.fetched > 0) parts.push(`${lr.fetched} links`);
             syncResults.push({ source: "feishu/links", newObjects: lr.fetched, label: "links" });
           } catch {
           }
+          ui.updateSource(source, {
+            status: "done",
+            result: parts.join(", "),
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         case "github": {
           const ghCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const r = await syncGitHub(ghCtx, cred.data, logger);
           const changeInfo = r.updatedObjects > 0 ? `, ${r.updatedObjects} updated` : "";
-          const cloneInfo = r.clonedRepos > 0 ? ` | ${r.clonedRepos} repos cloned` : "";
-          resultLine(true, `${r.repos} repos, ${r.prs} PRs, ${r.issues} issues ${c.dim}(${r.newObjects} new${changeInfo})${cloneInfo}${c.reset}`);
+          const cloneInfo = r.clonedRepos > 0 ? ` | ${r.clonedRepos} cloned` : "";
           totalNew += r.newObjects;
           syncResults.push({ source: "github", newObjects: r.newObjects + r.updatedObjects });
+          ui.updateSource(source, {
+            status: "done",
+            result: `${r.repos} repos, ${r.prs} PRs, ${r.issues} issues (${r.newObjects} new${changeInfo})${cloneInfo}`,
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         case "gitlab": {
           const glCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const r = await syncGitLab(glCtx, cred.data, logger);
           const glChangeInfo = r.updatedObjects > 0 ? `, ${r.updatedObjects} updated` : "";
-          resultLine(true, `${r.projects} projects, ${r.mrs} MRs, ${r.issues} issues ${c.dim}(${r.newObjects} new${glChangeInfo})${c.reset}`);
           totalNew += r.newObjects;
           syncResults.push({ source: "gitlab", newObjects: r.newObjects + r.updatedObjects });
+          ui.updateSource(source, {
+            status: "done",
+            result: `${r.projects} projects, ${r.mrs} MRs, ${r.issues} issues (${r.newObjects} new${glChangeInfo})`,
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         case "linear": {
           const lnCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const r = await syncLinear(lnCtx, cred.data, logger);
           const lnChangeInfo = r.updatedObjects > 0 ? `, ${r.updatedObjects} updated` : "";
-          resultLine(true, `${r.issues} issues ${c.dim}(${r.newObjects} new${lnChangeInfo})${c.reset}`);
           totalNew += r.newObjects;
           syncResults.push({ source: "linear", newObjects: r.newObjects + r.updatedObjects, label: "issues" });
+          ui.updateSource(source, {
+            status: "done",
+            result: `${r.issues} issues (${r.newObjects} new${lnChangeInfo})`,
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         case "posthog": {
           const phCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const r = await syncPostHog(phCtx, cred.data, logger);
           const phChangeInfo = r.updatedObjects > 0 ? `, ${r.updatedObjects} updated` : "";
-          resultLine(true, `${r.insights} insights, ${r.events} events ${c.dim}(${r.newObjects} new${phChangeInfo})${c.reset}`);
           totalNew += r.newObjects;
           syncResults.push({ source: "posthog", newObjects: r.newObjects + r.updatedObjects });
+          ui.updateSource(source, {
+            status: "done",
+            result: `${r.insights} insights, ${r.events} events (${r.newObjects} new${phChangeInfo})`,
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         case "firebase": {
           const fbCtx = new SyncContext(db.getSqlite(), logger, fileWriter);
           const r = await syncFirebase(fbCtx, cred.data, logger);
           const fbChangeInfo = r.updatedObjects > 0 ? `, ${r.updatedObjects} updated` : "";
-          resultLine(true, `${r.events} events ${c.dim}(${r.newObjects} new${fbChangeInfo})${c.reset}`);
           totalNew += r.newObjects;
           syncResults.push({ source: "firebase", newObjects: r.newObjects + r.updatedObjects, label: "events" });
+          ui.updateSource(source, {
+            status: "done",
+            result: `${r.events} events (${r.newObjects} new${fbChangeInfo})`,
+            elapsedMs: Date.now() - sourceStart
+          });
           break;
         }
         default:
-          console.log(`    ${icon.skip} ${c.dim}unknown source${c.reset}`);
+          ui.updateSource(source, { status: "skipped" });
       }
-      clearProgress();
-      console.log(`    ${c.dim}${elapsed(sourceStart)}${c.reset}`);
+      ui.setTotalNew(totalNew);
     } catch (err) {
       logError("sync", `Failed to sync ${source}`, { error: String(err) });
       const errStr = String(err);
-      console.log(`    ${icon.fail} ${c.red}sync failed${c.reset} ${c.dim}${errStr.slice(0, 60)}${c.reset}`);
       const hint = getSyncErrorHint(source, errStr);
-      if (hint) {
-        console.log(`    ${c.yellow}Hint: ${hint}${c.reset}`);
-      }
-    }
-    if (sources.length > 1) {
-      console.log(`  ${progressBar(i + 1, sources.length)}`);
+      ui.updateSource(source, {
+        status: "error",
+        error: hint ? `${errStr.slice(0, 50)} \u2014 ${hint}` : errStr.slice(0, 80),
+        elapsedMs: Date.now() - sourceStart
+      });
     }
   }
-  console.log("");
-  console.log(`  ${icon.link} ${c.dim}extracting links...${c.reset}`);
+  ui.updatePhase("linking");
   const { processed, linksCreated } = linkAllUnprocessed(db.getSqlite());
   if (processed > 0) {
-    resultLine(true, `${linksCreated} links from ${processed} objects`);
+    ui.setLinkResult(`${linksCreated} links from ${processed} objects`);
+  } else {
+    ui.setLinkResult("no new links");
   }
+  ui.updatePhase("backfilling");
   try {
     const sqlite = db.getSqlite();
     const { readObjectContent } = await import("./content-reader-VPGTR2SF.js");
@@ -621,7 +583,6 @@ async function runSync(sources) {
       LIMIT 500
     `).all();
     if (noFilePath.length > 0) {
-      console.log(`  ${icon.sync} ${c.dim}backfilling ${noFilePath.length} objects without files...${c.reset}`);
       let backfilled = 0;
       for (const obj of noFilePath) {
         try {
@@ -638,23 +599,22 @@ async function runSync(sources) {
         }
       }
       if (backfilled > 0) {
-        resultLine(true, `${backfilled} files backfilled`);
+        ui.setBackfillResult(`${backfilled} files backfilled`);
       }
     }
   } catch {
   }
   db.close();
   if (gitManager) {
+    ui.updatePhase("committing");
     try {
       const sha = await gitManager.commitSync({ timestamp: (/* @__PURE__ */ new Date()).toISOString(), sources: syncResults });
-      if (sha) console.log(`  ${icon.git} ${c.dim}committed ${sha.slice(0, 7)}${c.reset}`);
+      if (sha) ui.setGitResult(`committed ${sha.slice(0, 7)}`);
     } catch {
     }
   }
-  console.log("");
-  console.log(`  ${c.bold}${c.green}Done${c.reset} ${c.dim}in ${elapsed(t0)}${c.reset}`);
-  console.log(`  ${c.bold}${totalNew}${c.reset} new objects synced from ${c.bold}${syncResults.length}${c.reset} sources`);
-  console.log("");
+  ui.setTotalNew(totalNew);
+  ui.done();
 }
 function syncCommand(program) {
   program.command("sync").description("Sync data from connected sources").option("--source <source>", "Sync specific source only").action(async (opts) => {

package/dist/cli.js

@@ -5,7 +5,7 @@ import {
   syncCommand,
   syncFirebase,
   syncPostHog
-} from "./chunk-KIETDRXF.js";
+} from "./chunk-NNCA4SWS.js";
 import {
   linkAllUnprocessed,
   syncGitLab,
@@ -102,7 +102,7 @@ function initCommand(program2) {
         default: true
       }]);
       if (continueSetup) {
-        const { runSetupWizard } = await import("./setup-5LFE6XDW.js");
+        const { runSetupWizard } = await import("./setup-33MSPJXN.js");
         await runSetupWizard();
       } else {
         console.log("");
@@ -2793,7 +2793,7 @@ function isInstalled(packageName) {
 // src/cli.ts
 process.env["I18NEXT_DISABLE_BANNER"] = "1";
 var program = new Command();
-program.name("jowork").description("AI Agent Infrastructure \u2014 let AI agents truly understand your work").version("0.3.7");
+program.name("jowork").description("AI Agent Infrastructure \u2014 let AI agents truly understand your work").version("0.3.8");
 initCommand(program);
 serveCommand(program);
 registerCommand(program);
@@ -2820,7 +2820,7 @@ program.action(async () => {
   const config = readConfig2();
   if (!config.initialized || !existsSync18(dbPath2())) {
     if (process.stdin.isTTY) {
-      const { runSetupWizard } = await import("./setup-5LFE6XDW.js");
+      const { runSetupWizard } = await import("./setup-33MSPJXN.js");
       await runSetupWizard();
     } else {
       console.log("JoWork is not initialized. Run `jowork init` in an interactive terminal.");

package/dist/render-TRVEKILS.js

@@ -0,0 +1,284 @@
+import "./chunk-UJ4KEHGZ.js";
+
+// src/tui/render.tsx
+import React2 from "react";
+import { render } from "ink";
+
+// src/tui/SyncProgress.tsx
+import { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SOURCE_COLORS = {
+  feishu: "cyan",
+  github: "white",
+  gitlab: "yellow",
+  linear: "cyan",
+  posthog: "red",
+  firebase: "yellow"
+};
+function sourceColor(name) {
+  return SOURCE_COLORS[name] ?? "white";
+}
+function ProgressBar({ value, width = 20 }) {
+  const filled = Math.round(Math.max(0, Math.min(1, value)) * width);
+  const empty = width - filled;
+  return /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2591".repeat(empty) })
+  ] });
+}
+function StatusIcon({ status }) {
+  switch (status) {
+    case "done":
+      return /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2713" });
+    case "syncing":
+      return /* @__PURE__ */ jsx(Spinner, {});
+    case "error":
+      return /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2717" });
+    case "skipped":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u25CB" });
+    case "waiting":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u25CB" });
+  }
+}
+var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function Spinner() {
+  const [frame, setFrame] = useState(0);
+  useEffect(() => {
+    const id = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] });
+}
+function ElapsedTime({ ms }) {
+  const text = ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
+  return /* @__PURE__ */ jsx(Text, { dimColor: true, children: text });
+}
+function PhaseIcon({ phase }) {
+  switch (phase) {
+    case "linking":
+      return /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u27E1" });
+    case "backfilling":
+      return /* @__PURE__ */ jsx(Spinner, {});
+    case "committing":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2387" });
+    default:
+      return null;
+  }
+}
+function SourceRow({ source }) {
+  const color = sourceColor(source.name);
+  const nameWidth = 10;
+  const padded = source.name.padEnd(nameWidth);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+    /* @__PURE__ */ jsx(Text, { children: "  " }),
+    /* @__PURE__ */ jsx(StatusIcon, { status: source.status }),
+    /* @__PURE__ */ jsx(Text, { color, bold: true, children: padded }),
+    source.status === "syncing" && source.progress && /* @__PURE__ */ jsx(Text, { dimColor: true, children: source.progress }),
+    source.status === "done" && source.result && /* @__PURE__ */ jsx(Text, { children: source.result }),
+    source.status === "done" && source.elapsedMs != null && /* @__PURE__ */ jsx(ElapsedTime, { ms: source.elapsedMs }),
+    source.status === "error" && source.error && /* @__PURE__ */ jsx(Text, { color: "red", children: source.error.slice(0, 60) }),
+    source.status === "skipped" && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "no credentials, skipping" })
+  ] }) });
+}
+function SyncProgress({ state }) {
+  const [now, setNow] = useState(Date.now());
+  useEffect(() => {
+    if (state.phase === "done") return;
+    const id = setInterval(() => setNow(Date.now()), 200);
+    return () => clearInterval(id);
+  }, [state.phase]);
+  const elapsedMs = now - state.startTime;
+  const doneCount = state.sources.filter((s) => s.status === "done").length;
+  const total = state.sources.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingTop: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+        "Syncing ",
+        total,
+        " source",
+        total > 1 ? "s" : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(40) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingTop: 1, gap: 0, children: state.sources.map((source) => /* @__PURE__ */ jsx(SourceRow, { source }, source.name)) }),
+    total > 1 && /* @__PURE__ */ jsxs(Box, { paddingTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(ProgressBar, { value: doneCount / total }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        doneCount,
+        "/",
+        total
+      ] })
+    ] }),
+    (state.phase === "linking" || state.linkResult) && /* @__PURE__ */ jsxs(Box, { paddingTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(PhaseIcon, { phase: state.linkResult ? "done" : "linking" }),
+      state.linkResult ? /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2713" }),
+        " ",
+        state.linkResult
+      ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "extracting links..." })
+    ] }),
+    state.backfillResult && /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx(Text, { children: state.backfillResult })
+    ] }),
+    state.gitResult && /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2387" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: state.gitResult })
+    ] }),
+    state.phase === "done" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingTop: 1, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { children: "  " }),
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Done" }),
+        /* @__PURE__ */ jsx(ElapsedTime, { ms: elapsedMs })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { children: "  " }),
+        /* @__PURE__ */ jsx(Text, { bold: true, children: state.totalNew }),
+        /* @__PURE__ */ jsx(Text, { children: "new objects synced from" }),
+        /* @__PURE__ */ jsx(Text, { bold: true, children: doneCount }),
+        /* @__PURE__ */ jsx(Text, { children: "sources" })
+      ] })
+    ] }),
+    state.phase !== "done" && /* @__PURE__ */ jsxs(Box, { paddingTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "  " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "elapsed:" }),
+      /* @__PURE__ */ jsx(ElapsedTime, { ms: elapsedMs })
+    ] })
+  ] });
+}
+
+// src/tui/render.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function renderSyncProgress(sourceNames) {
+  const state = {
+    sources: sourceNames.map((name) => ({
+      name,
+      status: "waiting"
+    })),
+    totalNew: 0,
+    phase: "syncing",
+    startTime: Date.now()
+  };
+  let triggerUpdate;
+  function App() {
+    const [, setTick] = React2.useState(0);
+    triggerUpdate = () => setTick((t) => t + 1);
+    return /* @__PURE__ */ jsx2(SyncProgress, { state });
+  }
+  const instance = render(/* @__PURE__ */ jsx2(App, {}));
+  function rerender() {
+    triggerUpdate?.();
+  }
+  return {
+    updateSource(name, patch) {
+      const src = state.sources.find((s) => s.name === name);
+      if (src) {
+        Object.assign(src, patch);
+        rerender();
+      }
+    },
+    updatePhase(phase) {
+      state.phase = phase;
+      rerender();
+    },
+    setTotalNew(n) {
+      state.totalNew = n;
+      rerender();
+    },
+    setLinkResult(msg) {
+      state.linkResult = msg;
+      rerender();
+    },
+    setBackfillResult(msg) {
+      state.backfillResult = msg;
+      rerender();
+    },
+    setGitResult(msg) {
+      state.gitResult = msg;
+      rerender();
+    },
+    done() {
+      state.phase = "done";
+      rerender();
+      setTimeout(() => instance.unmount(), 100);
+    },
+    getState() {
+      return state;
+    }
+  };
+}
+function renderSyncProgressPlain(sourceNames) {
+  const state = {
+    sources: sourceNames.map((name) => ({
+      name,
+      status: "waiting"
+    })),
+    totalNew: 0,
+    phase: "syncing",
+    startTime: Date.now()
+  };
+  console.log(`
+  Syncing ${sourceNames.length} source${sourceNames.length > 1 ? "s" : ""}`);
+  console.log(`  ${"\u2500".repeat(40)}`);
+  return {
+    updateSource(name, patch) {
+      const src = state.sources.find((s) => s.name === name);
+      if (!src) return;
+      Object.assign(src, patch);
+      if (patch.status === "syncing" && !patch.result) return;
+      if (patch.status === "done" && patch.result) {
+        const elapsed = src.elapsedMs != null ? ` (${src.elapsedMs < 1e3 ? `${src.elapsedMs}ms` : `${(src.elapsedMs / 1e3).toFixed(1)}s`})` : "";
+        console.log(`  \u2713 ${name}  ${patch.result}${elapsed}`);
+      }
+      if (patch.status === "error") {
+        console.log(`  \u2717 ${name}  ${patch.error ?? "sync failed"}`);
+      }
+      if (patch.status === "skipped") {
+        console.log(`  \u25CB ${name}  no credentials, skipping`);
+      }
+    },
+    updatePhase(phase) {
+      state.phase = phase;
+    },
+    setTotalNew(n) {
+      state.totalNew = n;
+    },
+    setLinkResult(msg) {
+      console.log(`  \u2713 ${msg}`);
+      state.linkResult = msg;
+    },
+    setBackfillResult(msg) {
+      console.log(`  \u2713 ${msg}`);
+      state.backfillResult = msg;
+    },
+    setGitResult(msg) {
+      console.log(`  \u2387 ${msg}`);
+      state.gitResult = msg;
+    },
+    done() {
+      state.phase = "done";
+      const ms = Date.now() - state.startTime;
+      const elapsed = ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
+      console.log(`
+  Done in ${elapsed}`);
+      console.log(`  ${state.totalNew} new objects synced
+`);
+    },
+    getState() {
+      return state;
+    }
+  };
+}
+export {
+  renderSyncProgress,
+  renderSyncProgressPlain
+};

package/dist/{setup-5LFE6XDW.js → setup-33MSPJXN.js}

@@ -212,7 +212,7 @@ async function runSetupWizard() {
     console.log("");
     console.log(zh ? `  \u6B63\u5728\u540C\u6B65 ${connectedSources.length} \u4E2A\u6570\u636E\u6E90...` : `  Syncing ${connectedSources.length} source${connectedSources.length > 1 ? "s" : ""}...`);
     console.log("");
-    const { runSync } = await import("./sync-XUDNMTTA.js");
+    const { runSync } = await import("./sync-E46TEV3R.js");
     try {
       await runSync(connectedSources);
     } catch {

package/dist/{sync-XUDNMTTA.js → sync-E46TEV3R.js}

@@ -1,7 +1,7 @@
 import {
   runSync,
   syncCommand
-} from "./chunk-KIETDRXF.js";
+} from "./chunk-NNCA4SWS.js";
 import "./chunk-3IYVMICH.js";
 import "./chunk-L2SHMRM6.js";
 import "./chunk-EYP6WMFF.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jowork",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "AI Agent Infrastructure — let AI agents truly understand your work. Connect data sources, give agents awareness and goals. Local-first, one command.",
   "type": "module",
   "license": "AGPL-3.0",
@@ -47,17 +47,23 @@
   },
   "dependencies": {
     "@hono/node-server": "^1.14.0",
+    "@json-render/core": "^0.15.0",
+    "@json-render/ink": "^0.15.0",
     "@modelcontextprotocol/sdk": "^1.27.0",
+    "@types/react": "^19.2.14",
     "better-sqlite3": "^12.6.2",
     "chalk": "^5.4.0",
     "commander": "^13.0.0",
     "croner": "^9.0.0",
     "drizzle-orm": "^0.44.0",
     "hono": "^4.7.0",
+    "ink": "^6.8.0",
     "inquirer": "^12.0.0",
     "ora": "^8.0.0",
     "pino": "^9.0.0",
     "pino-pretty": "^13.0.0",
+    "react": "^19.2.4",
+    "react-devtools-core": "^7.0.1",
     "simple-git": "^3.33.0",
     "ws": "^8.18.3",
     "zod": "^3.24.0"