@youtyan/code-viewer 0.6.3 → 0.6.5

package/web/app.js

@@ -227,7 +227,7 @@ ${lines.join(`
   function shouldAutoLoadForRoute(route, options = {}) {
     if (route.screen === "history")
       return options.historyWorktreeSelected === true;
-    if (route.screen === "database" || route.screen === "help" || route.screen === "unknown")
+    if (route.screen === "database" || route.screen === "journal" || route.screen === "help" || route.screen === "unknown")
       return false;
     return true;
   }
@@ -517,6 +517,7 @@ ${lines.join(`
   }
   var PENCIL_16_PATH = "M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.609Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z";
   var COMMENT_DISCUSSION_16_PATH = "M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z";
+  var GRABBER_16_PATH = "M10 13h4v-2h-4v2Zm-8 0h4v-2H2v2Zm8-6h4V5h-4v2ZM2 7h4V5H2v2Zm8-6v2h4V1h-4ZM2 3h4V1H2v2Z";
   var PULSE_16_PATH = "M6 2c.306 0 .582.187.696.471L10 10.731l1.304-3.26A.751.751 0 0 1 12 7h3.25a.75.75 0 0 1 0 1.5h-2.742l-1.812 4.528a.751.751 0 0 1-1.392 0L6 4.77 4.696 8.03A.75.75 0 0 1 4 8.5H.75a.75.75 0 0 1 0-1.5h2.742l1.812-4.529A.751.751 0 0 1 6 2Z";
   var MOON_16_PATH = "M9.598 1.591a.749.749 0 0 1 .785-.175 7.001 7.001 0 1 1-8.967 8.967.75.75 0 0 1 .961-.96 5.5 5.5 0 0 0 7.046-7.046.75.75 0 0 1 .175-.786Zm1.616 1.945a7 7 0 0 1-7.678 7.678 5.499 5.499 0 1 0 7.678-7.678Z";
   var SEARCH_16_PATH = "M10.68 11.74a6 6 0 0 1-7.917-8.984 6 6 0 0 1 8.997 7.905l3.05 3.05a.75.75 0 1 1-1.06 1.06l-3.07-3.03ZM11.5 7a4.499 4.499 0 1 1-8.997 0A4.499 4.499 0 0 1 11.5 7Z";
@@ -913,6 +914,21 @@ ${lines.join(`
           range
         };
       }
+      case "/journal": {
+        const tabRaw = params.get("tab");
+        const tab = tabRaw === "tasks" || tabRaw === "journal" ? tabRaw : undefined;
+        const date = params.get("date") || undefined;
+        const label = params.get("label") || undefined;
+        const task = params.get("task") || undefined;
+        return {
+          screen: "journal",
+          ...tab ? { tab } : {},
+          ...date ? { date } : {},
+          ...label ? { label } : {},
+          ...task ? { task } : {},
+          range
+        };
+      }
       case "/database": {
         const db = params.get("db") || undefined;
         const schema = params.get("schema") || undefined;
@@ -985,6 +1001,19 @@ ${lines.join(`
         const qs = params.toString();
         return `/history${qs ? `?${qs}` : ""}`;
       }
+      case "journal": {
+        const params = new URLSearchParams;
+        if (route.tab && route.tab !== "journal")
+          params.set("tab", route.tab);
+        if (route.date)
+          params.set("date", route.date);
+        if (route.label)
+          params.set("label", route.label);
+        if (route.task)
+          params.set("task", route.task);
+        const qs = params.toString();
+        return `/journal${qs ? `?${qs}` : ""}`;
+      }
       case "database": {
         const params = new URLSearchParams;
         if (route.db)
@@ -1157,9 +1186,22 @@ ${lines.join(`
     hcl: "terraform",
     xml: "xml",
     html: "xml",
-    vue: "xml",
+    vue: "vue",
+    svelte: "svelte",
+    astro: "astro",
+    erb: "erb",
+    rhtml: "erb",
+    ejs: "html",
+    hbs: "handlebars",
+    mustache: "handlebars",
+    liquid: "liquid",
+    pug: "pug",
+    twig: "twig",
+    haml: "haml",
     css: "css",
     scss: "scss",
+    sass: "sass",
+    less: "less",
     md: "markdown",
     dockerfile: "dockerfile",
     proto: "protobuf",
@@ -1202,7 +1244,26 @@ ${lines.join(`
     mm: "objective-cpp",
     tex: "tex",
     bib: "bibtex",
-    rst: "rst"
+    rst: "rst",
+    graphql: "graphql",
+    graphqls: "graphql",
+    gql: "graphql",
+    ps1: "powershell",
+    psm1: "powershell",
+    psd1: "powershell",
+    ini: "ini",
+    conf: "ini",
+    env: "dotenv",
+    prisma: "prisma",
+    pas: "pascal",
+    adoc: "asciidoc",
+    asciidoc: "asciidoc",
+    jsonc: "jsonc",
+    mts: "typescript",
+    cts: "typescript",
+    kts: "kotlin",
+    cxx: "cpp",
+    hxx: "cpp"
   };
   var TEXT_SOURCE_EXTENSIONS = new Set([
     ...Object.keys(EXT_TO_LANG),
@@ -1354,6 +1415,12 @@ ${lines.join(`
     "rakefile",
     "procfile",
     "brewfile",
+    "guardfile",
+    "capfile",
+    "vagrantfile",
+    "podfile",
+    "fastfile",
+    "berksfile",
     "gnumakefile",
     "bsdmakefile",
     ".gitattributes",
@@ -1374,7 +1441,16 @@ ${lines.join(`
     "go.mod": "go",
     "build.bazel": "starlark",
     "workspace.bazel": "starlark",
-    "module.bazel": "starlark"
+    "module.bazel": "starlark",
+    gemfile: "ruby",
+    rakefile: "ruby",
+    brewfile: "ruby",
+    guardfile: "ruby",
+    capfile: "ruby",
+    vagrantfile: "ruby",
+    podfile: "ruby",
+    fastfile: "ruby",
+    berksfile: "ruby"
   };
   function sourceFileName(path) {
     return (path.split("/").pop() || path).toLowerCase();
@@ -8056,6 +8132,132 @@ ${frontmatter.yaml}
     return { width: rect.width || 800, height: rect.height || 600 };
   }
 
+  // web-src/views/diff-line-select.ts
+  var SELECTED_CLASS = "gdp-diff-line-selected";
+  function cardPath(el) {
+    return el.closest(".gdp-file-shell[data-path]")?.dataset.path || "";
+  }
+  function afterLineFromCell(cell) {
+    const sideCell = cell.closest("td.d2h-code-side-linenumber");
+    if (sideCell) {
+      const side = sideCell.closest(".d2h-file-side-diff");
+      const wrapper = sideCell.closest(".d2h-file-wrapper");
+      if (!side || !wrapper)
+        return null;
+      const sides = wrapper.querySelectorAll(".d2h-file-side-diff");
+      if (sides.length < 2 || side !== sides[1])
+        return null;
+      const line2 = Number((sideCell.textContent || "").trim());
+      return Number.isInteger(line2) && line2 > 0 ? line2 : null;
+    }
+    const numCell = cell.closest("td.d2h-code-linenumber");
+    if (!numCell)
+      return null;
+    const raw = (numCell.querySelector(".line-num2")?.textContent || "").trim();
+    const line = Number(raw);
+    return Number.isInteger(line) && line > 0 ? line : null;
+  }
+  function afterLineCellFromRow(row) {
+    const cells = row.querySelectorAll("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
+    for (const cell of cells) {
+      if (afterLineFromCell(cell) !== null)
+        return cell;
+    }
+    return null;
+  }
+  function diffRowAfterLineNumber(row) {
+    const cell = afterLineCellFromRow(row);
+    return cell ? afterLineFromCell(cell) : null;
+  }
+  function diffRowHasAfterChange(row) {
+    const cell = afterLineCellFromRow(row);
+    return !!cell && cell.classList.contains("d2h-ins");
+  }
+  function rowsWithAfterLines(card) {
+    const out = [];
+    card.querySelectorAll("table.d2h-diff-table tr").forEach((row) => {
+      const line = diffRowAfterLineNumber(row);
+      if (line !== null)
+        out.push({ row, line });
+    });
+    return out;
+  }
+  function createDiffLineSelect(deps) {
+    let drag = null;
+    let selection = null;
+    function clearHighlights() {
+      document.querySelectorAll(`.${SELECTED_CLASS}`).forEach((row) => {
+        row.classList.remove(SELECTED_CLASS);
+      });
+    }
+    function applySelection(next) {
+      selection = next;
+      clearHighlights();
+      if (!next) {
+        deps.pill.hide();
+        return;
+      }
+      const start = Math.min(next.start, next.end);
+      const end = Math.max(next.start, next.end);
+      const card = document.querySelector(`.gdp-file-shell[data-path="${CSS.escape(next.path)}"]`);
+      if (card) {
+        for (const item of rowsWithAfterLines(card)) {
+          if (item.line >= start && item.line <= end)
+            item.row.classList.add(SELECTED_CLASS);
+        }
+      }
+      deps.pill.show(next.path, start, end);
+    }
+    function clear() {
+      const hadSelection = !!selection || !!drag;
+      drag = null;
+      applySelection(null);
+      return hadSelection;
+    }
+    const diff = document.querySelector("#diff");
+    if (!diff)
+      return { clear };
+    diff.addEventListener("mousedown", (e2) => {
+      const target = e2.target;
+      const cell = target.closest("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
+      if (!cell)
+        return;
+      const line = afterLineFromCell(cell);
+      const path = cardPath(cell);
+      if (line === null || !path) {
+        if (selection)
+          clear();
+        return;
+      }
+      e2.preventDefault();
+      drag = { path, start: line };
+      applySelection({ path, start: line, end: line });
+    });
+    diff.addEventListener("mouseover", (e2) => {
+      if (!drag)
+        return;
+      const target = e2.target;
+      const cell = target.closest("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
+      if (!cell || cardPath(cell) !== drag.path)
+        return;
+      const line = afterLineFromCell(cell);
+      if (line === null)
+        return;
+      applySelection({ path: drag.path, start: drag.start, end: line });
+    });
+    document.addEventListener("mouseup", () => {
+      drag = null;
+    });
+    document.addEventListener("keydown", (e2) => {
+      if (isImeComposing(e2))
+        return;
+      if (e2.key === "Escape" && selection && !drag && !isEditableKeyTarget(e2.target)) {
+        clear();
+      }
+    });
+    return { clear };
+  }
+
   // web-src/views/ui-dialog.ts
   var BACKDROP_CLASS = "gdp-dialog-backdrop";
   var DIALOG_CLASS = "gdp-dialog";
@@ -8478,15 +8680,34 @@ ${frontmatter.yaml}
     function inlineAnnotationTargetRow(entry) {
       if (!entry.line)
         return null;
-      const line = entry.line.end;
       const card = document.querySelector(deps.diffCardSelector(entry.path));
       if (!card)
         return null;
+      const line = entry.line.end;
       const sourceRow = card.querySelector(`.gdp-source-table tr[data-line="${String(line)}"]`);
       if (sourceRow)
         return sourceRow;
+      const start = entry.line.start;
+      const end = entry.line.end;
       const rows = Array.from(card.querySelectorAll("table.d2h-diff-table tr"));
-      return rows.find((row) => deps.diffRowLineNumber(row) === line) || null;
+      const byLine = new Map;
+      let hasChangedAfterRow = false;
+      for (const row of rows) {
+        const rowLine = deps.diffRowLineNumber(row);
+        if (rowLine === null || rowLine < start || rowLine > end)
+          continue;
+        if (!byLine.has(rowLine))
+          byLine.set(rowLine, row);
+        if (diffRowHasAfterChange(row))
+          hasChangedAfterRow = true;
+      }
+      if (!hasChangedAfterRow)
+        return null;
+      for (let rowLine = start;rowLine <= end; rowLine++) {
+        if (!byLine.has(rowLine))
+          return null;
+      }
+      return byLine.get(end) || null;
     }
     function siblingSideRow(row) {
       const side = row.closest(".d2h-file-side-diff");
@@ -8517,10 +8738,6 @@ ${frontmatter.yaml}
         row.remove();
       });
       const session = ANNOTATIONS.sessions.find((s2) => s2.id === activeSessionId);
-      if (!annotationPanel.hidden) {
-        applyDatabaseAnnotations(undefined);
-        return;
-      }
       applyDatabaseAnnotations(session);
       if (!session)
         return;
@@ -8589,21 +8806,18 @@ ${frontmatter.yaml}
       renderAnnotationPanel();
       applyInlineAnnotations();
     }
-    async function expandAnnotationContext(entry) {
-      if (!entry.line || inlineAnnotationTargetRow(entry))
-        return;
+    async function waitForAnnotationDiffTarget(entry) {
+      if (!entry.line)
+        return null;
+      const ready = inlineAnnotationTargetRow(entry);
+      if (ready)
+        return ready;
       const card = document.querySelector(deps.diffCardSelector(entry.path));
-      const file = deps.getFiles().find((f2) => f2.path === entry.path);
-      if (!card || !file || card.classList.contains("gdp-standalone-source"))
-        return;
-      for (let i2 = 0;i2 < 50 && !card.classList.contains("loaded"); i2++)
-        await new Promise((resolve) => setTimeout(resolve, 100));
-      if (inlineAnnotationTargetRow(entry))
-        return;
-      if (card.classList.contains("gdp-context-expanded"))
-        return;
-      await deps.expandAllFileContext(card, file);
-      deps.focusDiffLine(card, annotationLineTarget(entry));
+      if (!card || card.classList.contains("gdp-standalone-source"))
+        return null;
+      if (!card.classList.contains("loaded") && !await deps.loadDiffFile(entry.path))
+        return null;
+      return inlineAnnotationTargetRow(entry);
     }
     function syncInlineAnnotationActive() {
       document.querySelectorAll(".gdp-annotation-row").forEach((row) => {
@@ -9097,11 +9311,13 @@ ${frontmatter.yaml}
           return;
         emptyDiffRangeKey = deps.getFiles().length ? null : rangeKey;
       }
-      if (deps.getFiles().some((f2) => f2.path === entry.path)) {
-        deps.setRoute({ screen: "diff", range, path: entry.path, line }, needDiffLoad);
-        deps.setPageMode();
+      let showSourceView = !deps.getFiles().some((f2) => f2.path === entry.path);
+      let replaceSourceRoute = needDiffLoad;
+      if (!showSourceView) {
         const hasDiffCards = !!document.querySelector(".gdp-file-shell:not(.gdp-standalone-source)");
         if (!hasDiffCards) {
+          deps.setRoute({ screen: "diff", range, path: entry.path, line }, needDiffLoad);
+          deps.setPageMode();
           deps.removeStandaloneSource();
           await deps.load();
           if (stale())
@@ -9109,14 +9325,22 @@ ${frontmatter.yaml}
         }
         deps.removeStandaloneSource();
         deps.scrollToFile(entry.path, line);
-        await expandAnnotationContext(entry);
+        const target = await waitForAnnotationDiffTarget(entry);
         if (stale())
           return;
-      } else {
+        if (!target) {
+          showSourceView = true;
+          replaceSourceRoute = true;
+        } else {
+          deps.setRoute({ screen: "diff", range, path: entry.path, line }, needDiffLoad);
+          deps.setPageMode();
+        }
+      }
+      if (showSourceView) {
         const ref = annotationRefForEntry(entry);
         const card = document.querySelector(".gdp-standalone-source");
         const reusable = prevRoute.screen === "file" && prevRoute.path === entry.path && prevRoute.ref === ref && card?.dataset.path === entry.path && !!card.querySelector(".gdp-source-table");
-        deps.setRoute({ screen: "file", path: entry.path, ref, view: "blob", line, range }, needDiffLoad);
+        deps.setRoute({ screen: "file", path: entry.path, ref, view: "blob", line, range }, replaceSourceRoute);
         deps.setPageMode();
         if (reusable && card) {
           focusStandaloneSourceLines(card, entry);
@@ -14544,7 +14768,7 @@ ${frontmatter.yaml}
       refreshBtn.setAttribute("aria-busy", refreshBusy ? "true" : "false");
       refreshBtn.disabled = refreshBusy;
       refreshBtn.classList.toggle("spinning", refreshBusy);
-      refreshLabel.textContent = refreshBusy ? t2.refreshingLabel : t2.refreshLabel;
+      refreshLabel.textContent = "";
     }
     function setRefreshBusy(busy) {
       refreshBusy = busy;
@@ -16200,7 +16424,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     refreshBtn.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
     const refreshLabel = document.createElement("span");
     refreshLabel.className = "db-grid-refresh-label";
-    refreshLabel.textContent = text2().grid.refreshLabel;
+    refreshLabel.textContent = "";
     refreshBtn.appendChild(refreshLabel);
     const refreshResult = document.createElement("span");
     refreshResult.className = "db-refresh-result db-grid-refresh-result";
@@ -16308,7 +16532,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filteredEmptyActions.hidden = true;
     const filteredEmptyReloadAction = document.createElement("button");
     filteredEmptyReloadAction.type = "button";
-    filteredEmptyReloadAction.className = "db-btn db-btn-primary db-btn-sm";
+    filteredEmptyReloadAction.className = "db-btn db-btn-icon db-grid-refresh";
+    filteredEmptyReloadAction.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
     filteredEmptyReloadAction.hidden = true;
     filteredEmptyReloadAction.disabled = true;
     const filteredEmptyAction = document.createElement("button");
@@ -16404,7 +16629,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let rafId = 0;
     let statusEl = null;
     let isRefreshing = false;
-    let refreshResultState = null;
     let filterTimer = null;
     let selectedRowIndex = -1;
     let activeCellRowIndex = -1;
@@ -16524,7 +16748,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function syncRefreshButton() {
       const count = activeFilterCount();
       const t2 = text2().grid;
-      refreshLabel.textContent = isRefreshing ? t2.refreshingLabel : count > 0 ? t2.refreshFilteredLabel : t2.refreshLabel;
+      refreshLabel.textContent = "";
       const action = count > 0 ? t2.refreshActionWithFilters(count) : t2.refreshAction;
       refreshBtn.classList.toggle("has-filters", count > 0);
       refreshBtn.title = action;
@@ -16532,26 +16756,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       refreshBtn.setAttribute("aria-busy", isRefreshing ? "true" : "false");
     }
     function syncRefreshResult() {
-      const result = refreshResultState;
-      refreshResult.hidden = !result;
-      refreshResult.classList.toggle("changed", !!result && result.delta !== 0);
-      if (!result) {
-        refreshResult.textContent = "";
-        return;
-      }
-      const t2 = text2().grid;
-      const total = result.totalRows.toLocaleString();
-      refreshResult.textContent = result.delta === 0 ? t2.refreshResultUnchanged(total) : t2.refreshResultChanged(result.delta, total);
+      refreshResult.hidden = true;
+      refreshResult.textContent = "";
+      refreshResult.classList.toggle("changed", false);
     }
     function clearRefreshResult() {
-      refreshResultState = null;
-      syncRefreshResult();
-    }
-    function setRefreshResult(previousTotalRows, nextTotalRows) {
-      refreshResultState = {
-        delta: nextTotalRows - previousTotalRows,
-        totalRows: nextTotalRows
-      };
       syncRefreshResult();
     }
     function syncFilterClearButton() {
@@ -16578,7 +16787,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const reloadAction = t2.refreshActionWithFilters(count);
       filteredEmptyTitle.textContent = t2.filteredEmptyTitle(count);
       filteredEmptyHint.textContent = t2.filteredEmptyHint;
-      filteredEmptyReloadAction.textContent = isRefreshing ? t2.refreshingLabel : t2.refreshFilteredLabel;
+      filteredEmptyReloadAction.classList.toggle("spinning", isRefreshing);
+      filteredEmptyReloadAction.textContent = "";
+      filteredEmptyReloadAction.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
       filteredEmptyReloadAction.title = reloadAction;
       filteredEmptyReloadAction.setAttribute("aria-label", reloadAction);
       filteredEmptyReloadAction.setAttribute("aria-busy", isRefreshing ? "true" : "false");
@@ -16628,7 +16839,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!currentTable || refreshBtn.disabled)
         return;
       const refreshTable = currentTable;
-      const previousTotalRows = totalRows;
       const refreshFilterKey = JSON.stringify(collectFilters());
       const scrollTop = viewport.scrollTop;
       const pageStart = Math.floor(scrollTop / ROW_HEIGHT / PAGE_SIZE) * PAGE_SIZE;
@@ -16661,7 +16871,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         syncFilteredEmptyState();
         if (!endedInError) {
           if (loadGeneration === refreshGeneration && JSON.stringify(collectFilters()) === refreshFilterKey) {
-            setRefreshResult(previousTotalRows, totalRows);
+            syncRefreshResult();
             callbacks.onRefreshComplete?.({
               table: refreshTable,
               totalRows,
@@ -18563,7 +18773,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     const tableSelectGuard = createAbortGuard();
     let historyRefreshPending = null;
     let isRefreshingDatastores = false;
-    let datastoreRefreshResult = null;
     const dbSelect = document.createElement("select");
     dbSelect.className = "db-file-select";
     reloc(() => {
@@ -19682,46 +19891,24 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       handleSchemaSelectChange();
     });
     function syncDbRefreshButton() {
-      const text2 = paneText().nav;
-      dbRefreshLabel.textContent = isRefreshingDatastores ? text2.refreshDatastoresBusy : text2.refreshDatastoresShort;
+      dbRefreshLabel.textContent = "";
       dbRefreshBtn.setAttribute("aria-busy", isRefreshingDatastores ? "true" : "false");
       syncDatastoreRefreshResult();
     }
     function syncDatastoreRefreshResult() {
-      const result = datastoreRefreshResult;
-      dbRefreshResult.hidden = !result;
-      dbRefreshResult.classList.toggle("changed", !!result && (result.added > 0 || result.removed > 0));
-      if (!result)
-        return;
-      const text2 = paneText().nav;
-      dbRefreshResult.textContent = result.added > 0 || result.removed > 0 ? text2.refreshDatastoresChanged(result.added, result.removed) : text2.refreshDatastoresUnchanged;
-    }
-    function diffDatastoreFiles(before, after) {
-      const beforeIds = new Set(before.map((file) => file.id));
-      const afterIds = new Set(after.map((file) => file.id));
-      let added = 0;
-      let removed = 0;
-      for (const id of afterIds) {
-        if (!beforeIds.has(id))
-          added++;
-      }
-      for (const id of beforeIds) {
-        if (!afterIds.has(id))
-          removed++;
-      }
-      return { added, removed };
+      dbRefreshResult.hidden = true;
+      dbRefreshResult.textContent = "";
+      dbRefreshResult.classList.toggle("changed", false);
     }
     async function refreshDatastoreList() {
       if (dbRefreshBtn.disabled)
         return;
-      const beforeFiles = [...lastFiles];
       isRefreshingDatastores = true;
       dbRefreshBtn.disabled = true;
       dbRefreshBtn.classList.add("spinning");
       syncDbRefreshButton();
       try {
         await outerDeps.refreshDatastores();
-        datastoreRefreshResult = cb.isActive() ? diffDatastoreFiles(beforeFiles, lastFiles) : null;
       } finally {
         isRefreshingDatastores = false;
         dbRefreshBtn.classList.remove("spinning");
@@ -19757,7 +19944,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const dbId = dbSelect.value;
       if (!dbId)
         return;
-      datastoreRefreshResult = null;
       syncDatastoreRefreshResult();
       const generation = ++loadGeneration;
       const file = lastFiles.find((f2) => f2.id === dbId);
@@ -21146,119 +21332,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     return `${bytes} B`;
   }
 
-  // web-src/views/diff-line-select.ts
-  var SELECTED_CLASS = "gdp-diff-line-selected";
-  function cardPath(el) {
-    return el.closest(".gdp-file-shell[data-path]")?.dataset.path || "";
-  }
-  function afterLineFromCell(cell) {
-    const sideCell = cell.closest("td.d2h-code-side-linenumber");
-    if (sideCell) {
-      const side = sideCell.closest(".d2h-file-side-diff");
-      const wrapper = sideCell.closest(".d2h-file-wrapper");
-      if (!side || !wrapper)
-        return null;
-      const sides = wrapper.querySelectorAll(".d2h-file-side-diff");
-      if (sides.length < 2 || side !== sides[1])
-        return null;
-      const line2 = Number((sideCell.textContent || "").trim());
-      return Number.isInteger(line2) && line2 > 0 ? line2 : null;
-    }
-    const numCell = cell.closest("td.d2h-code-linenumber");
-    if (!numCell)
-      return null;
-    const raw = (numCell.querySelector(".line-num2")?.textContent || "").trim();
-    const line = Number(raw);
-    return Number.isInteger(line) && line > 0 ? line : null;
-  }
-  function rowsWithAfterLines(card) {
-    const out = [];
-    card.querySelectorAll("table.d2h-diff-table tr").forEach((row) => {
-      const cell = row.querySelector("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
-      if (!cell)
-        return;
-      const line = afterLineFromCell(cell);
-      if (line !== null)
-        out.push({ row, line });
-    });
-    return out;
-  }
-  function createDiffLineSelect(deps) {
-    let drag = null;
-    let selection = null;
-    function clearHighlights() {
-      document.querySelectorAll(`.${SELECTED_CLASS}`).forEach((row) => {
-        row.classList.remove(SELECTED_CLASS);
-      });
-    }
-    function applySelection(next) {
-      selection = next;
-      clearHighlights();
-      if (!next) {
-        deps.pill.hide();
-        return;
-      }
-      const start = Math.min(next.start, next.end);
-      const end = Math.max(next.start, next.end);
-      const card = document.querySelector(`.gdp-file-shell[data-path="${CSS.escape(next.path)}"]`);
-      if (card) {
-        for (const item of rowsWithAfterLines(card)) {
-          if (item.line >= start && item.line <= end)
-            item.row.classList.add(SELECTED_CLASS);
-        }
-      }
-      deps.pill.show(next.path, start, end);
-    }
-    function clear() {
-      const hadSelection = !!selection || !!drag;
-      drag = null;
-      applySelection(null);
-      return hadSelection;
-    }
-    const diff = document.querySelector("#diff");
-    if (!diff)
-      return { clear };
-    diff.addEventListener("mousedown", (e2) => {
-      const target = e2.target;
-      const cell = target.closest("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
-      if (!cell)
-        return;
-      const line = afterLineFromCell(cell);
-      const path = cardPath(cell);
-      if (line === null || !path) {
-        if (selection)
-          clear();
-        return;
-      }
-      e2.preventDefault();
-      drag = { path, start: line };
-      applySelection({ path, start: line, end: line });
-    });
-    diff.addEventListener("mouseover", (e2) => {
-      if (!drag)
-        return;
-      const target = e2.target;
-      const cell = target.closest("td.d2h-code-linenumber, td.d2h-code-side-linenumber");
-      if (!cell || cardPath(cell) !== drag.path)
-        return;
-      const line = afterLineFromCell(cell);
-      if (line === null)
-        return;
-      applySelection({ path: drag.path, start: drag.start, end: line });
-    });
-    document.addEventListener("mouseup", () => {
-      drag = null;
-    });
-    document.addEventListener("keydown", (e2) => {
-      if (isImeComposing(e2))
-        return;
-      if (e2.key === "Escape" && selection && !drag && !isEditableKeyTarget(e2.target)) {
-        clear();
-      }
-    });
-    return { clear };
-  }
-
   // web-src/core/ws-highlight.ts
   function isWhitespaceOnlyInlineHighlight(text2) {
     return !!text2 && !/\S/.test(text2);
@@ -21552,22 +21625,31 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       });
     }
     function diffRowLineNumber(row) {
-      const newLine = row.querySelector(".line-num2, td.d2h-code-side-linenumber");
-      const raw = (newLine?.textContent || "").trim();
-      const line = Number(raw);
-      return Number.isInteger(line) && line > 0 ? line : null;
+      return diffRowAfterLineNumber(row);
     }
     function focusDiffLine(card, line) {
       const start = lineTargetStart(line);
       if (!start)
         return false;
+      const end = typeof line === "object" ? line.end : start;
       const rows = Array.from(card.querySelectorAll("table.d2h-diff-table tr"));
-      const row = rows.find((candidate) => diffRowLineNumber(candidate) === start);
-      if (!row)
+      const targetRows = rows.filter((candidate) => {
+        const rowLine = diffRowLineNumber(candidate);
+        return rowLine !== null && rowLine >= start && rowLine <= end;
+      });
+      const targetLines = new Set(targetRows.map((candidate) => diffRowLineNumber(candidate)).filter((value) => value !== null));
+      for (let lineNo = start;lineNo <= end; lineNo++) {
+        if (!targetLines.has(lineNo))
+          return false;
+      }
+      const firstRow = targetRows[0];
+      if (!firstRow)
         return false;
       clearDiffLineFocus();
-      row.classList.add("gdp-diff-line-target");
-      scrollDiffElementIntoView(row, "center");
+      targetRows.forEach((row) => {
+        row.classList.add("gdp-diff-line-target");
+      });
+      scrollDiffElementIntoView(firstRow, "center");
       return true;
     }
     function scrollDiffElementIntoView(element, block2) {
@@ -22075,7 +22157,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         }
       });
     }
-    function loadFile(file, card, urlOverride) {
+    function loadFile(file, card, urlOverride, options) {
       card.classList.remove("pending");
       card.classList.add("loading");
       if (lazyObserver)
@@ -22109,7 +22191,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           retryStale();
           return;
         }
-        await nextIdle();
+        if (!options?.immediate)
+          await nextIdle();
         if (String(myReq) !== card.dataset.reqId)
           return;
         renderFile(file, data, card);
@@ -22132,6 +22215,18 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           });
       });
     }
+    async function loadDiffFile(path) {
+      const card = document.querySelector(diffCardSelector(path));
+      if (!card || card.classList.contains("gdp-standalone-source"))
+        return false;
+      if (card.classList.contains("loaded"))
+        return true;
+      const file = STATE.files.find((x) => x.path === path);
+      if (!file)
+        return false;
+      await loadFile(file, card, undefined, { immediate: true });
+      return card.classList.contains("loaded");
+    }
     function mountDiff(card, file, data) {
       const head = card.querySelector(".gdp-shell-header");
       if (head)
@@ -22656,6 +22751,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       enqueueInitialLoads,
       enqueueLoad,
       loadFile,
+      loadDiffFile,
       createFileBreadcrumb,
       highlightInsertedSpans,
       setFileCollapsed,
@@ -22937,13 +23033,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       bodyExpandClose: "Collapse",
       bodyExpandMore: (n2) => `Show more (${n2} lines)`,
       refreshLabel: "Refresh",
-      refreshLabelPending: "Update",
       refreshTitle: "Refresh commit history",
       refreshTitlePending: "History may have changed. Refresh",
-      refreshPendingStatus: "History may have changed",
-      refreshResultUpdated: (sha) => `Updated: ${sha} is now latest`,
-      refreshResultUnchanged: "No new commits",
-      refreshResultUnchangedInView: "No new commits in this view",
       filterClearLabel: "Clear",
       filterClearTitle: "Clear commit filter"
     },
@@ -22952,13 +23043,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       bodyExpandClose: "閉じる",
       bodyExpandMore: (n2) => `もっと見る (${n2} 行)`,
       refreshLabel: "更新",
-      refreshLabelPending: "更新あり",
       refreshTitle: "コミット履歴を更新",
       refreshTitlePending: "新しい履歴がある可能性があります。更新",
-      refreshPendingStatus: "新しい履歴がある可能性があります",
-      refreshResultUpdated: (sha) => `更新: ${sha} が最新です`,
-      refreshResultUnchanged: "新しいコミットはありません",
-      refreshResultUnchangedInView: "この表示では新しいコミットはありません",
       filterClearLabel: "解除",
       filterClearTitle: "コミットフィルタを解除"
     }
@@ -22994,7 +23080,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     refreshButton.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
     const refreshLabel = document.createElement("span");
     refreshLabel.className = "history-refresh-label";
-    refreshLabel.textContent = HISTORY_TEXT.en.refreshLabel;
+    refreshLabel.textContent = "";
     refreshButton.appendChild(refreshLabel);
     const refreshResult = document.createElement("span");
     refreshResult.className = "db-refresh-result history-refresh-result";
@@ -23245,28 +23331,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     function setRefreshResult(previousTopSha, nextTopSha) {
       freshSha = previousTopSha && nextTopSha && previousTopSha !== nextTopSha ? nextTopSha : "";
-      refreshStatus = freshSha ? { type: "updated", sha: nextTopSha.slice(0, 7) } : { type: "unchanged", scoped: Boolean(query || pathFilter) };
+      refreshStatus = { type: "none" };
       renderList();
     }
-    function refreshStatusMessage() {
-      const text2 = historyText(deps.getLanguage());
-      switch (refreshStatus.type) {
-        case "pending":
-          return text2.refreshPendingStatus;
-        case "updated":
-          return text2.refreshResultUpdated(refreshStatus.sha);
-        case "unchanged":
-          return refreshStatus.scoped ? text2.refreshResultUnchangedInView : text2.refreshResultUnchanged;
-        case "none":
-          return "";
-        default: {
-          const exhaustive = refreshStatus;
-          return exhaustive;
-        }
-      }
-    }
     function syncRefreshStatusText() {
-      setStatusText(loading ? "loading..." : refreshStatusMessage() || (commits.length ? "" : "no commits"));
+      setStatusText(loading ? "loading..." : refreshStatus.type === "pending" ? "" : commits.length ? "" : "no commits");
     }
     function commitInfoElement() {
       return activeMount.commitInfo || document.querySelector("#history-commit-info");
@@ -23377,19 +23446,17 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       button.setAttribute("aria-label", title);
       button.classList.toggle("has-update", hasPendingUpdate);
       const label = button.querySelector(".history-refresh-label");
-      if (label) {
-        label.textContent = hasPendingUpdate ? text2.refreshLabelPending : text2.refreshLabel;
-      }
+      if (label)
+        label.textContent = "";
     }
     function syncRefreshResult(result) {
       const el = result ?? activeMount.refreshResult;
       if (!el)
         return;
-      const message = refreshStatus.type === "pending" || refreshStatus.type === "updated" || refreshStatus.type === "unchanged" ? refreshStatusMessage() : "";
-      el.textContent = message;
-      el.hidden = message.length === 0;
-      el.classList.toggle("changed", refreshStatus.type === "updated");
-      el.classList.toggle("pending", refreshStatus.type === "pending");
+      el.textContent = "";
+      el.hidden = true;
+      el.classList.toggle("changed", false);
+      el.classList.toggle("pending", false);
     }
     function syncFilterClearButton(button) {
       const clearButton = button ?? activeMount.filterClearButton;
@@ -24404,11 +24471,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                 },
                 {
                   kind: "paragraph",
-                  text: "Each row reports OK / WARN / ERROR with a remediation hint when relevant. The check groups are Runtime (Node / Bun / NODE_MODULE_VERSION), Package (version + execution origin including npx cache), SQLite driver, Snapshot store, Git, Discovery summary, Docker / Compose (CLI / v2 plugin / daemon / compose config dry-parse / compose ps health per discovered service), and Server. The most common hint is the npx cache fix for better-sqlite3 NODE_MODULE_VERSION mismatch (rm -rf ~/.npm/_npx then re-run with npx -y @youtyan/code-viewer@latest)."
+                  text: "Each row reports OK / WARN / ERROR with a remediation hint when relevant. The check groups are Runtime (Node / Bun / NODE_MODULE_VERSION), Package (version + execution origin including npx cache), SQLite driver, Snapshot store, Git, GitHub CLI, Discovery summary, Docker / Compose (CLI / v2 plugin / daemon / compose config dry-parse / compose ps health per discovered service), and Server. The most common hint is the npx cache fix for better-sqlite3 NODE_MODULE_VERSION mismatch (rm -rf ~/.npm/_npx then re-run with npx -y @youtyan/code-viewer@latest)."
                 },
                 {
                   kind: "paragraph",
-                  text: 'From the terminal — and for AI agents or CI — the same report is available without a browser. `code-viewer doctor` prints a status summary; add `--json` for the full DoctorReport (matches the /_doctor endpoint). Use `--bin git=/absolute/path` or `--bin docker=/absolute/path` when PATH resolves the wrong tool. Exit code is 1 when worstStatus is "error", so it doubles as a CI gate.'
+                  text: 'From the terminal — and for AI agents or CI — the same report is available without a browser. `code-viewer doctor` prints a status summary; add `--json` for the full DoctorReport (matches the /_doctor endpoint). Use `--bin git=/absolute/path`, `--bin docker=/absolute/path`, or `--bin gh=/absolute/path` when PATH resolves the wrong tool. Exit code is 1 when worstStatus is "error", so it doubles as a CI gate.'
                 },
                 {
                   kind: "command",
@@ -24420,7 +24487,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                   title: "Doctor JSON for agents and CI",
                   command: `code-viewer doctor --json
 code-viewer doctor --cwd /path/to/repo --port 64160 --json
-code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --json`
+code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --bin gh=/opt/bin/gh --json`
                 }
               ]
             }
@@ -24776,7 +24843,7 @@ code-viewer query snapshot delete --id snap-abc123`
         skills: {
           nav: "Agent Skill",
           title: "Agent Skill Setup",
-          intro: "The package bundles three skills — code-viewer-annotate, code-viewer-query, and code-viewer-snapshot — so AI agents know when and how to create browser walkthroughs, run read-only queries, and capture snapshot / diff sessions. A single skill install command copies all three into the selected agent directories.",
+          intro: "The package bundles four skills — code-viewer-annotate, code-viewer-journal, code-viewer-query, and code-viewer-snapshot — so AI agents know when and how to create browser walkthroughs, manage Work Log task queues, run read-only queries, and capture snapshot / diff sessions. A single skill install command copies all four into the selected agent directories.",
           groups: [
             {
               title: "Install the skills",
@@ -24821,12 +24888,16 @@ code-viewer query snapshot delete --id snap-abc123`
                       "Code reviews, onboarding walkthroughs, and explanations of changes."
                     ],
                     [
-                      "How to target code",
-                      "Use --file and --line, and include --from / --to when explaining a diff range."
+                      "How to manage Work Log tasks",
+                      "Use the journal CLI for task lists, task creation, claim/done flows, and GitHub Issue linking."
+                    ],
+                    [
+                      "How to inspect data",
+                      "Use read-only query commands for schema, SQL, saved query history, and table-wide search."
                     ],
                     [
-                      "How to keep history clean",
-                      "Use one session per topic, edit wrong notes in place, and avoid unrelated cleanup."
+                      "How to verify data changes",
+                      "Use snapshot create/list/diff workflows to compare before and after states."
                     ]
                   ]
                 }
@@ -24841,8 +24912,10 @@ code-viewer query snapshot delete --id snap-abc123`
                 },
                 {
                   kind: "command",
-                  title: "Show the agent guide",
-                  command: "code-viewer annotate agent-help"
+                  title: "Show the agent guides",
+                  command: `code-viewer annotate agent-help
+code-viewer journal agent-help
+code-viewer query agent-help`
                 }
               ]
             }
@@ -25057,11 +25130,11 @@ code-viewer query snapshot delete --id snap-abc123`
                 },
                 {
                   kind: "paragraph",
-                  text: "各項目は OK / WARN / ERROR で表示され、必要に応じて対処手順のヒントが付きます。診断グループは Runtime (Node / Bun / NODE_MODULE_VERSION)、Package (バージョン + 実行元: npx cache / global / local / bunx)、SQLite driver、Snapshot store、Git、Discovery summary、Docker / Compose (CLI / v2 plugin / daemon / compose config dry parse / compose ps による各サービスのヘルス)、Server (待ち受けポート) の 8 つ。よくあるヒントは npx キャッシュ起因の better-sqlite3 NODE_MODULE_VERSION 不一致で、rm -rf ~/.npm/_npx の後に npx -y @youtyan/code-viewer@latest を再実行する手順を表示します。"
+                  text: "各項目は OK / WARN / ERROR で表示され、必要に応じて対処手順のヒントが付きます。診断グループは Runtime (Node / Bun / NODE_MODULE_VERSION)、Package (バージョン + 実行元: npx cache / global / local / bunx)、SQLite driver、Snapshot store、Git、GitHub CLI、Discovery summary、Docker / Compose (CLI / v2 plugin / daemon / compose config dry parse / compose ps による各サービスのヘルス)、Server (待ち受けポート) です。よくあるヒントは npx キャッシュ起因の better-sqlite3 NODE_MODULE_VERSION 不一致で、rm -rf ~/.npm/_npx の後に npx -y @youtyan/code-viewer@latest を再実行する手順を表示します。"
                 },
                 {
                   kind: "paragraph",
-                  text: 'ターミナルからは `code-viewer doctor` で同じレポートを取得できます。AI エージェントや CI からは `--json` で /_doctor と同じ DoctorReport を受け取れます。PATH と別の実行ファイルを使いたい場合は `--bin git=/absolute/path` や `--bin docker=/absolute/path` を指定できます。worstStatus が "error" なら exit code 1 を返すので CI ガードに直接使えます。'
+                  text: 'ターミナルからは `code-viewer doctor` で同じレポートを取得できます。AI エージェントや CI からは `--json` で /_doctor と同じ DoctorReport を受け取れます。PATH と別の実行ファイルを使いたい場合は `--bin git=/absolute/path`、`--bin docker=/absolute/path`、`--bin gh=/absolute/path` を指定できます。worstStatus が "error" なら exit code 1 を返すので CI ガードに直接使えます。'
                 },
                 {
                   kind: "command",
@@ -25073,7 +25146,7 @@ code-viewer query snapshot delete --id snap-abc123`
                   title: "AI / CI 用 doctor JSON",
                   command: `code-viewer doctor --json
 code-viewer doctor --cwd /path/to/repo --port 64160 --json
-code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --json`
+code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --bin gh=/opt/bin/gh --json`
                 }
               ]
             }
@@ -25429,7 +25502,7 @@ code-viewer query snapshot delete --id snap-abc123`
         skills: {
           nav: "スキル登録",
           title: "Agent Skill の登録",
-          intro: "このパッケージには 3 つのスキル (code-viewer-annotate / code-viewer-query / code-viewer-snapshot) が同梱されており、AI エージェントに annotate でのウォークスルー、read-only な query、スナップショット / 差分の使い分けを教えます。skill install を 1 回叩くと、選んだエージェントすべてに 3 スキルがコピーされます。",
+          intro: "このパッケージには 4 つのスキル (code-viewer-annotate / code-viewer-journal / code-viewer-query / code-viewer-snapshot) が同梱されており、AI エージェントに annotate でのウォークスルー、Work Log タスク管理、read-only な query、スナップショット / 差分の使い分けを教えます。skill install を 1 回叩くと、選んだエージェントすべてに 4 スキルがコピーされます。",
           groups: [
             {
               title: "スキルをインストールする",
@@ -25474,12 +25547,16 @@ code-viewer query snapshot delete --id snap-abc123`
                       "コードレビュー、オンボーディング、変更内容の解説で使うこと。"
                     ],
                     [
-                      "どこへ注釈するか",
-                      "--file と --line を使い、diff 範囲を説明するときは --from / --to も渡すこと。"
+                      "Work Log タスクをどう扱うか",
+                      "journal CLI でタスク一覧取得、作成、claim/done、GitHub Issue 紐づけを行うこと。"
                     ],
                     [
-                      "履歴をきれいに保つ方法",
-                      "1テーマ1セッション、間違いは edit で修正、無関係な削除をしないこと。"
+                      "データをどう調査するか",
+                      "read-only な query コマンドでスキーマ、SQL、履歴、横断検索を扱うこと。"
+                    ],
+                    [
+                      "データ変更をどう検証するか",
+                      "snapshot create/list/diff で before/after を比較すること。"
                     ]
                   ]
                 }
@@ -25495,7 +25572,9 @@ code-viewer query snapshot delete --id snap-abc123`
                 {
                   kind: "command",
                   title: "AI 向けガイドを表示",
-                  command: "code-viewer annotate agent-help"
+                  command: `code-viewer annotate agent-help
+code-viewer journal agent-help
+code-viewer query agent-help`
                 }
               ]
             }
@@ -26177,6 +26256,2004 @@ code-viewer query snapshot delete --id snap-abc123`
     return { setupHunkExpand };
   }
 
+  // web-src/core/journal.ts
+  var JOURNAL_TASK_STATUSES = [
+    "draft",
+    "todo",
+    "doing",
+    "blocked",
+    "done"
+  ];
+  var JOURNAL_TASK_PRIORITIES = ["p0", "p1", "p2", "p3"];
+  var JOURNAL_LABEL_MAX_CHARS = 48;
+  var JOURNAL_MAX_LABELS = 24;
+  var PRIORITY_SCORE = {
+    p0: 0,
+    p1: 1,
+    p2: 2,
+    p3: 3
+  };
+  function isJournalTaskStatus(value) {
+    return JOURNAL_TASK_STATUSES.includes(value);
+  }
+  function todayIsoDate(now = new Date) {
+    const year = now.getFullYear();
+    const month = String(now.getMonth() + 1).padStart(2, "0");
+    const date = String(now.getDate()).padStart(2, "0");
+    return `${year}-${month}-${date}`;
+  }
+  function taskClaimActive(task, now = Date.now()) {
+    if (!task.claim)
+      return false;
+    const expires = Date.parse(task.claim.lease_expires_at);
+    return Number.isFinite(expires) && expires > now;
+  }
+  function normalizeJournalLabel(value) {
+    if (typeof value !== "string")
+      return null;
+    const label = value.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{L}\p{N}._:-]+/gu, "").slice(0, JOURNAL_LABEL_MAX_CHARS).replace(/^[-_.:]+|[-_.:]+$/g, "");
+    return label || null;
+  }
+  function normalizeJournalLabels(raw) {
+    if (!Array.isArray(raw))
+      return [];
+    const labels = [];
+    const seen = new Set;
+    for (const item of raw) {
+      const label = normalizeJournalLabel(item);
+      if (!label || seen.has(label))
+        continue;
+      seen.add(label);
+      labels.push(label);
+      if (labels.length >= JOURNAL_MAX_LABELS)
+        break;
+    }
+    return labels;
+  }
+  function journalIssueLabel(issueNumber) {
+    return `issue-${issueNumber}`;
+  }
+  function journalIssueRepoLabel(repo) {
+    if (typeof repo !== "string")
+      return null;
+    return normalizeJournalLabel(`repo-${repo.replace(/[\\/]+/g, "-")}`);
+  }
+  function filterJournalTasks(state, filter = {}) {
+    const statuses = Array.isArray(filter.status) ? filter.status : filter.status ? [filter.status] : undefined;
+    const labels = filter.labels?.filter(Boolean) || [];
+    return state.tasks.filter((task) => {
+      if (statuses && !statuses.includes(task.status))
+        return false;
+      if (labels.length && !labels.every((label) => task.labels.includes(label))) {
+        return false;
+      }
+      if (!filter.includeClaimed && taskClaimActive(task, filter.now))
+        return false;
+      return true;
+    });
+  }
+  function selectNextJournalTasks(state, filter = {}, limit = 1) {
+    const status = filter.status || "todo";
+    const indexed = filterJournalTasks(state, { ...filter, status }).map((task, index) => ({ task, index }));
+    indexed.sort((a2, b2) => {
+      const priority = PRIORITY_SCORE[a2.task.priority] - PRIORITY_SCORE[b2.task.priority];
+      if (priority !== 0)
+        return priority;
+      if (a2.index !== b2.index)
+        return a2.index - b2.index;
+      return a2.task.created_at.localeCompare(b2.task.created_at);
+    });
+    return indexed.slice(0, Math.max(0, limit)).map((item) => item.task);
+  }
+
+  // web-src/views/journal-view.ts
+  var GITHUB_ISSUE_INITIAL_LIMIT = 30;
+  var GITHUB_ISSUE_LIMIT_STEP = 30;
+  var GITHUB_ISSUE_LIMIT_MAX = 100;
+  var GITHUB_ISSUE_RATE_LIMIT_RETRY_MS = 15000;
+  var TASK_DRAG_AUTOSCROLL_EDGE_PX = 72;
+  var TASK_DRAG_AUTOSCROLL_MAX_STEP_PX = 22;
+  var TASK_EDITOR_WIDTH_STORAGE_KEY = "code-viewer:journal-task-editor-width";
+  var TASK_EDITOR_DEFAULT_WIDTH = 380;
+  var TASK_EDITOR_MIN_WIDTH = 320;
+  var TASK_EDITOR_MAX_WIDTH = 760;
+  function isJournalRoute(route) {
+    return route.screen === "journal";
+  }
+  function parseGithubLabels(raw) {
+    const labels = [];
+    const seen = new Set;
+    for (const item of raw.split(",")) {
+      const label = item.trim().slice(0, 200);
+      if (!label || seen.has(label))
+        continue;
+      seen.add(label);
+      labels.push(label);
+    }
+    return labels;
+  }
+  function taskDateRange(task) {
+    const first = task.source_date || task.due_date;
+    const last = task.due_date || task.source_date;
+    if (!first || !last)
+      return null;
+    return first <= last ? { start: first, end: last } : { start: last, end: first };
+  }
+  function taskCoversDate(task, date) {
+    const range = taskDateRange(task);
+    return !!range && range.start <= date && date <= range.end;
+  }
+  function monthKey(date) {
+    return date.slice(0, 7);
+  }
+  function monthTitle(date, locale) {
+    const parsed = new Date(`${monthKey(date)}-01T00:00:00`);
+    return parsed.toLocaleString(locale, { month: "long", year: "numeric" });
+  }
+  function offsetMonth(date, delta) {
+    const parsed = new Date(`${monthKey(date)}-01T00:00:00`);
+    parsed.setMonth(parsed.getMonth() + delta);
+    return `${todayIsoDate(parsed).slice(0, 7)}-01`;
+  }
+  function labelChip(label) {
+    const chip = document.createElement("span");
+    chip.className = "journal-label-chip";
+    chip.textContent = label;
+    return chip;
+  }
+  function taskField(labelText, control) {
+    const field = document.createElement("label");
+    field.className = "journal-field";
+    const caption = document.createElement("span");
+    caption.className = "journal-field-label";
+    caption.textContent = labelText;
+    field.append(caption, control);
+    return field;
+  }
+  function createLabelEditor(initialLabels, placeholder, suggestionLabels = [], removeLabelText = (label) => `Remove ${label}`) {
+    const root = document.createElement("div");
+    root.className = "journal-label-editor";
+    const input = document.createElement("input");
+    input.className = "journal-label-editor-input";
+    input.type = "text";
+    input.autocomplete = "off";
+    const labels = normalizeJournalLabels(initialLabels);
+    const suggestions = normalizeJournalLabels(suggestionLabels);
+    const menu = document.createElement("div");
+    menu.className = "journal-label-editor-suggestions";
+    menu.hidden = true;
+    const quick = document.createElement("div");
+    quick.className = "journal-label-editor-quick";
+    quick.hidden = true;
+    let highlightedSuggestion = -1;
+    const suggestionItems = () => {
+      const raw = input.value.trim().toLowerCase();
+      const normalized = normalizeJournalLabel(raw) || raw;
+      return suggestions.filter((label) => !labels.includes(label) && (!normalized || label.includes(normalized))).slice(0, 8);
+    };
+    const renderSuggestions = () => {
+      const items = suggestionItems();
+      const hasQuery = !!(normalizeJournalLabel(input.value) || input.value.trim());
+      menu.replaceChildren();
+      if (!items.length || !hasQuery || document.activeElement !== input) {
+        menu.hidden = true;
+        highlightedSuggestion = -1;
+        return;
+      }
+      menu.hidden = false;
+      if (highlightedSuggestion >= items.length)
+        highlightedSuggestion = 0;
+      items.forEach((label, index) => {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "journal-label-editor-suggestion";
+        button.classList.toggle("active", index === highlightedSuggestion);
+        button.textContent = label;
+        button.addEventListener("mousedown", (event) => {
+          event.preventDefault();
+          commit(label);
+        });
+        menu.appendChild(button);
+      });
+    };
+    const renderQuickSuggestions = () => {
+      const items = suggestionItems().slice(0, 6);
+      quick.replaceChildren();
+      quick.hidden = !items.length;
+      for (const label of items) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "journal-label-editor-quick-chip";
+        button.textContent = label;
+        button.addEventListener("click", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          commit(label);
+        });
+        quick.appendChild(button);
+      }
+    };
+    const render = () => {
+      root.replaceChildren();
+      for (const label of labels) {
+        const chip = document.createElement("span");
+        chip.className = "journal-label-editor-chip";
+        const name = document.createElement("span");
+        name.textContent = label;
+        const remove = document.createElement("button");
+        remove.type = "button";
+        remove.className = "journal-label-editor-remove";
+        remove.setAttribute("aria-label", removeLabelText(label));
+        remove.innerHTML = iconSvg("octicon-x", X_16_PATH);
+        remove.addEventListener("click", (event) => {
+          event.stopPropagation();
+          const index = labels.indexOf(label);
+          if (index >= 0)
+            labels.splice(index, 1);
+          render();
+          input.focus();
+        });
+        chip.append(name, remove);
+        root.appendChild(chip);
+      }
+      input.placeholder = labels.length ? "" : placeholder;
+      root.append(input, quick, menu);
+      renderQuickSuggestions();
+      renderSuggestions();
+    };
+    const commit = (raw) => {
+      const label = normalizeJournalLabel(raw);
+      input.value = "";
+      if (!label || labels.includes(label))
+        return false;
+      labels.push(label);
+      highlightedSuggestion = -1;
+      render();
+      input.focus();
+      return true;
+    };
+    input.addEventListener("keydown", (event) => {
+      const items = suggestionItems();
+      if (event.key === "ArrowDown" && items.length) {
+        event.preventDefault();
+        highlightedSuggestion = (highlightedSuggestion + 1) % items.length;
+        renderSuggestions();
+        return;
+      }
+      if (event.key === "ArrowUp" && items.length) {
+        event.preventDefault();
+        highlightedSuggestion = (highlightedSuggestion - 1 + items.length) % items.length;
+        renderSuggestions();
+        return;
+      }
+      const value = input.value.trim();
+      if (event.key === "Enter" || event.key === ",") {
+        event.preventDefault();
+        commit(event.key === "Enter" && highlightedSuggestion >= 0 && items[highlightedSuggestion] ? items[highlightedSuggestion] : value);
+        return;
+      }
+      if (event.key === "Tab" && value) {
+        event.preventDefault();
+        commit(value);
+        return;
+      }
+      if (event.key === "Backspace" && !value && labels.length) {
+        labels.pop();
+        render();
+        input.focus();
+      }
+    });
+    input.addEventListener("input", () => {
+      highlightedSuggestion = -1;
+      renderQuickSuggestions();
+      renderSuggestions();
+    });
+    input.addEventListener("focus", renderSuggestions);
+    input.addEventListener("paste", (event) => {
+      const pasted = event.clipboardData?.getData("text") || "";
+      if (!/[,\n]/.test(pasted))
+        return;
+      event.preventDefault();
+      for (const item of pasted.split(/[,\n]+/))
+        commit(item);
+    });
+    input.addEventListener("blur", () => {
+      if (input.value.trim())
+        commit(input.value);
+      window.setTimeout(() => {
+        menu.hidden = true;
+        highlightedSuggestion = -1;
+      }, 120);
+    });
+    root.addEventListener("click", () => input.focus());
+    render();
+    return {
+      element: root,
+      getLabels: () => [...labels]
+    };
+  }
+  function setButtonBusy(button, busy) {
+    button.disabled = busy;
+    button.setAttribute("aria-busy", busy ? "true" : "false");
+  }
+  function createJournalView(deps) {
+    const root = document.createElement("section");
+    root.className = "journal-page";
+    root.hidden = true;
+    root.setAttribute("aria-label", deps.getText().ariaLabel);
+    let mounted = false;
+    let lifecycle = 0;
+    let data = null;
+    let activeTab = "journal";
+    let selectedDate = todayIsoDate();
+    let selectedEntryId = "";
+    let creatingEntry = false;
+    let selectedTaskId = "";
+    let labelFilter = "";
+    let editorMode = "split";
+    let message = "";
+    let draggingTaskId = "";
+    let draggingGithubIssueNumber = null;
+    let githubIssues = [];
+    let githubIssuesLoading = false;
+    let githubIssuesLoaded = false;
+    let githubIssuesError = "";
+    let githubRepoFilter = "";
+    let githubLabelFilter = "";
+    let githubSearchFilter = "";
+    let githubStateFilter = "open";
+    let githubIssueLimit = GITHUB_ISSUE_INITIAL_LIMIT;
+    let githubIssuesRetryAt = 0;
+    let githubIssueGeneration = 0;
+    let githubIssuesAutoRequested = false;
+    let githubInboxOpen = false;
+    let suppressTaskClick = false;
+    let pendingTaskEditorFocus = false;
+    let pendingTaskEditorReveal = false;
+    let lastTaskDropTarget = null;
+    let nativeTaskDragActive = false;
+    let taskEditorResizePointerId = null;
+    let taskEditorResizeStartX = 0;
+    let taskEditorResizeStartWidth = TASK_EDITOR_DEFAULT_WIDTH;
+    let taskEditorFocusRequest = 0;
+    let taskDragAutoScrollFrame = 0;
+    let taskDragAutoScrollX = 0;
+    let taskDragAutoScrollY = 0;
+    let pointerDrag = null;
+    function text2() {
+      return deps.getText();
+    }
+    function selectedEntry() {
+      if (!data)
+        return null;
+      return data.journal.entries.find((entry) => entry.id === selectedEntryId) || null;
+    }
+    function selectedTask() {
+      if (!data)
+        return null;
+      return data.tasks.tasks.find((task) => task.id === selectedTaskId) || null;
+    }
+    function journalEditorHasFocus() {
+      const active = document.activeElement;
+      return !!(active && root.contains(active) && active.closest(".journal-editor, .journal-task-editor"));
+    }
+    function labelSuggestions() {
+      return (data?.labels || []).filter((label) => !/^issue-\d+$/.test(label) && !label.startsWith("repo-"));
+    }
+    function taskEditorMaxWidth() {
+      const layoutWidth = root.querySelector(".journal-tasks-layout")?.clientWidth || window.innerWidth;
+      if (layoutWidth <= 1100)
+        return TASK_EDITOR_MAX_WIDTH;
+      return Math.max(TASK_EDITOR_MIN_WIDTH, Math.min(TASK_EDITOR_MAX_WIDTH, layoutWidth - 560));
+    }
+    function clampTaskEditorWidth(width) {
+      return Math.max(TASK_EDITOR_MIN_WIDTH, Math.min(taskEditorMaxWidth(), Math.round(width)));
+    }
+    function applyTaskEditorWidth(width, persist = true) {
+      const clamped = clampTaskEditorWidth(width);
+      document.documentElement.style.setProperty("--journal-task-editor-w", `${clamped}px`);
+      if (!persist)
+        return;
+      try {
+        window.localStorage.setItem(TASK_EDITOR_WIDTH_STORAGE_KEY, String(clamped));
+      } catch {}
+    }
+    function restoreTaskEditorWidth() {
+      let width = TASK_EDITOR_DEFAULT_WIDTH;
+      try {
+        const raw = window.localStorage.getItem(TASK_EDITOR_WIDTH_STORAGE_KEY);
+        const parsed = raw ? Number(raw) : NaN;
+        if (Number.isFinite(parsed))
+          width = parsed;
+      } catch {
+        width = TASK_EDITOR_DEFAULT_WIDTH;
+      }
+      applyTaskEditorWidth(width, false);
+    }
+    function startTaskEditorResize(event, panel) {
+      if (event.button !== 0)
+        return;
+      taskEditorResizePointerId = event.pointerId;
+      taskEditorResizeStartX = event.clientX;
+      taskEditorResizeStartWidth = panel.getBoundingClientRect().width;
+      panel.setPointerCapture?.(event.pointerId);
+      document.body.classList.add("journal-task-editor-resizing");
+      event.preventDefault();
+    }
+    function handleTaskEditorResizeMove(event) {
+      if (taskEditorResizePointerId !== event.pointerId)
+        return;
+      applyTaskEditorWidth(taskEditorResizeStartWidth - (event.clientX - taskEditorResizeStartX), false);
+    }
+    function finishTaskEditorResize(event) {
+      if (taskEditorResizePointerId !== event.pointerId)
+        return;
+      taskEditorResizePointerId = null;
+      document.body.classList.remove("journal-task-editor-resizing");
+      const panel = root.querySelector(".journal-task-editor");
+      if (panel)
+        applyTaskEditorWidth(panel.getBoundingClientRect().width);
+    }
+    function revealTaskEditorIfNeeded(editor) {
+      const layout = root.querySelector(".journal-tasks-layout");
+      if (!layout || layout.scrollHeight <= layout.clientHeight + 1)
+        return;
+      const layoutRect = layout.getBoundingClientRect();
+      const editorRect = editor.getBoundingClientRect();
+      const topPadding = 8;
+      const bottomPadding = 8;
+      const visibleTop = layoutRect.top + topPadding;
+      const visibleBottom = layoutRect.bottom - bottomPadding;
+      const minVisibleTopGap = Math.min(160, editorRect.height);
+      if (editorRect.top >= visibleTop && editorRect.top <= visibleBottom - minVisibleTopGap)
+        return;
+      layout.scrollTop += editorRect.top - visibleTop;
+    }
+    function scheduleTaskEditorInteraction(options = {}) {
+      if (options.focusEditor)
+        pendingTaskEditorFocus = true;
+      if (options.revealEditor)
+        pendingTaskEditorReveal = true;
+      const request = ++taskEditorFocusRequest;
+      const interact = (final = false) => {
+        if (request !== taskEditorFocusRequest)
+          return;
+        const editor = root.querySelector(".journal-task-editor");
+        const input = editor?.querySelector(".journal-title-input") || null;
+        if (pendingTaskEditorReveal && editor) {
+          revealTaskEditorIfNeeded(editor);
+          pendingTaskEditorReveal = false;
+        }
+        if (pendingTaskEditorFocus && input)
+          input.focus({ preventScroll: true });
+        if (final && request === taskEditorFocusRequest) {
+          pendingTaskEditorFocus = false;
+          pendingTaskEditorReveal = false;
+        }
+      };
+      window.requestAnimationFrame(() => interact());
+      window.setTimeout(() => interact(), 50);
+      window.setTimeout(() => interact(true), 250);
+    }
+    function selectTask(taskId, options = {}) {
+      activeTab = "tasks";
+      selectedTaskId = taskId;
+      setRoute({ tab: "tasks", task: taskId });
+      render();
+      if (options.focusEditor || options.revealEditor)
+        scheduleTaskEditorInteraction(options);
+    }
+    function routeFor(next) {
+      return {
+        screen: "journal",
+        tab: activeTab,
+        date: selectedDate,
+        ...labelFilter ? { label: labelFilter } : {},
+        ...selectedTaskId ? { task: selectedTaskId } : {},
+        ...next,
+        range: deps.currentRange()
+      };
+    }
+    function applyRoute(route = deps.getRoute()) {
+      if (!isJournalRoute(route))
+        return;
+      activeTab = route.tab || activeTab || "journal";
+      selectedDate = route.date || selectedDate || todayIsoDate();
+      labelFilter = route.label || "";
+      selectedTaskId = route.task || "";
+    }
+    function mount() {
+      if (mounted)
+        return;
+      const content = document.getElementById("content");
+      if (!content)
+        return;
+      document.getElementById("diff")?.setAttribute("hidden", "true");
+      document.getElementById("empty")?.classList.add("hidden");
+      document.getElementById("history-commit-info")?.setAttribute("hidden", "true");
+      root.hidden = false;
+      content.appendChild(root);
+      mounted = true;
+      document.body.classList.add("gdp-journal-page");
+      deps.setPageMode();
+      deps.syncHeaderMenu();
+    }
+    function suspend() {
+      lifecycle++;
+      if (!mounted) {
+        root.remove();
+        root.hidden = false;
+        document.body.classList.remove("gdp-journal-page");
+        document.getElementById("diff")?.removeAttribute("hidden");
+        return;
+      }
+      root.remove();
+      root.hidden = false;
+      document.body.classList.remove("gdp-journal-page");
+      document.getElementById("diff")?.removeAttribute("hidden");
+      mounted = false;
+    }
+    async function requestJournal(action, body, afterResponse) {
+      deps.setStatus("refreshing");
+      const res = await deps.trackLoad(fetch("/_journal", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Code-Viewer-Action": "1"
+        },
+        body: JSON.stringify({ action, ...body })
+      }));
+      if (!res.ok)
+        throw new Error(await res.text());
+      const response = await res.json();
+      afterResponse?.(response);
+      await refresh();
+      return response;
+    }
+    async function refresh() {
+      const seq = ++lifecycle;
+      message = data ? "" : text2().loading;
+      render();
+      deps.setStatus("refreshing");
+      try {
+        const next = await deps.trackLoad(fetch("/_journal").then(async (res) => {
+          if (!res.ok)
+            throw new Error(await res.text());
+          return await res.json();
+        }));
+        if (seq !== lifecycle)
+          return;
+        data = next;
+        if (selectedEntryId && !next.journal.entries.some((entry) => entry.id === selectedEntryId)) {
+          selectedEntryId = "";
+        }
+        if (!creatingEntry && !selectedEntryId) {
+          selectedEntryId = next.journal.entries.find((entry) => entry.date === selectedDate)?.id || "";
+        }
+        if (selectedTaskId && !next.tasks.tasks.some((task) => task.id === selectedTaskId)) {
+          selectedTaskId = "";
+        }
+        message = "";
+        deps.setStatus("live");
+        render();
+      } catch (error2) {
+        if (seq !== lifecycle)
+          return;
+        message = error2 instanceof Error ? error2.message : text2().loadFailed;
+        deps.setStatus("error");
+        render();
+      }
+    }
+    function setRoute(next, replace2 = true) {
+      deps.setRoute(routeFor(next), replace2);
+    }
+    function renderHeader() {
+      const header = document.createElement("div");
+      header.className = "journal-header";
+      const title = document.createElement("div");
+      title.className = "journal-title";
+      title.textContent = text2().title;
+      const tabs = document.createElement("div");
+      tabs.className = "seg journal-tabs";
+      tabs.setAttribute("role", "tablist");
+      for (const tab of ["journal", "tasks"]) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.classList.toggle("active", activeTab === tab);
+        button.textContent = text2().tabs[tab];
+        button.addEventListener("click", () => {
+          activeTab = tab;
+          setRoute({ tab });
+        });
+        tabs.appendChild(button);
+      }
+      const refreshButton = document.createElement("button");
+      refreshButton.type = "button";
+      refreshButton.className = "global-icon-action journal-icon-action";
+      refreshButton.title = text2().refresh;
+      refreshButton.setAttribute("aria-label", text2().refresh);
+      refreshButton.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+      refreshButton.addEventListener("click", () => void refresh());
+      const status = document.createElement("span");
+      status.className = "journal-status";
+      status.textContent = message;
+      status.hidden = !message;
+      status.setAttribute("role", "status");
+      header.append(title, tabs, refreshButton, status);
+      return header;
+    }
+    function renderCalendar() {
+      const panel = document.createElement("aside");
+      panel.className = "journal-calendar";
+      const head = document.createElement("div");
+      head.className = "journal-calendar-head";
+      const prev = document.createElement("button");
+      prev.type = "button";
+      prev.textContent = "<";
+      prev.setAttribute("aria-label", text2().previousMonth);
+      const next = document.createElement("button");
+      next.type = "button";
+      next.textContent = ">";
+      next.setAttribute("aria-label", text2().nextMonth);
+      const title = document.createElement("strong");
+      title.textContent = monthTitle(selectedDate, text2().locale);
+      prev.addEventListener("click", () => {
+        selectedDate = offsetMonth(selectedDate, -1);
+        selectedEntryId = "";
+        creatingEntry = false;
+        setRoute({ date: selectedDate });
+      });
+      next.addEventListener("click", () => {
+        selectedDate = offsetMonth(selectedDate, 1);
+        selectedEntryId = "";
+        creatingEntry = false;
+        setRoute({ date: selectedDate });
+      });
+      head.append(prev, title, next);
+      const days = document.createElement("div");
+      days.className = "journal-calendar-grid";
+      for (const label of text2().weekDays) {
+        const day = document.createElement("span");
+        day.className = "journal-weekday";
+        day.textContent = label;
+        days.appendChild(day);
+      }
+      const monthStart = new Date(`${monthKey(selectedDate)}-01T00:00:00`);
+      const first = new Date(monthStart);
+      first.setDate(first.getDate() - first.getDay());
+      const entryDates = new Set((data?.journal.entries || []).map((entry) => entry.date));
+      const monthTasks = (data?.tasks.tasks || []).filter((task) => {
+        const range = taskDateRange(task);
+        return !!range && range.end >= todayIsoDate(first) && range.start <= todayIsoDate(new Date(first.getTime() + 41 * 24 * 60 * 60 * 1000));
+      }).slice(0, 60);
+      const today = todayIsoDate();
+      for (let i2 = 0;i2 < 42; i2++) {
+        const current = new Date(first);
+        current.setDate(first.getDate() + i2);
+        const value = todayIsoDate(current);
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "journal-day-button";
+        button.classList.toggle("muted", monthKey(value) !== monthKey(selectedDate));
+        button.classList.toggle("active", value === selectedDate);
+        button.classList.toggle("today", value === today);
+        button.classList.toggle("has-entry", entryDates.has(value));
+        const number = document.createElement("span");
+        number.className = "journal-day-number";
+        number.textContent = String(current.getDate());
+        const bars = document.createElement("span");
+        bars.className = "journal-day-ranges";
+        const tasksForDay = monthTasks.filter((item) => taskCoversDate(item, value));
+        for (const task of tasksForDay.slice(0, 3)) {
+          const range = taskDateRange(task);
+          if (!range)
+            continue;
+          const bar = document.createElement("span");
+          bar.className = `journal-day-range journal-range-${task.priority}`;
+          bar.classList.toggle("start", value === range.start);
+          bar.classList.toggle("end", value === range.end);
+          bar.classList.toggle("single", value === range.start && value === range.end);
+          if (value === range.start)
+            bar.textContent = task.title;
+          bar.title = `${task.title} (${range.start} - ${range.end})`;
+          bars.appendChild(bar);
+        }
+        if (tasksForDay.length > 3) {
+          const more = document.createElement("span");
+          more.className = "journal-day-range-more";
+          more.textContent = text2().moreTasks(tasksForDay.length - 3);
+          more.title = tasksForDay.slice(3).map((task) => task.title).join(`
+`);
+          bars.appendChild(more);
+        }
+        button.append(number, bars);
+        button.addEventListener("click", () => {
+          selectedDate = value;
+          creatingEntry = false;
+          selectedEntryId = data?.journal.entries.find((entry) => entry.date === value)?.id || "";
+          setRoute({ date: value, tab: "journal" });
+        });
+        days.appendChild(button);
+      }
+      panel.append(head, days);
+      return panel;
+    }
+    function renderJournalEntryList(entries) {
+      const list2 = document.createElement("div");
+      list2.className = "journal-entry-list";
+      if (!entries.length) {
+        const empty = document.createElement("div");
+        empty.className = "journal-empty";
+        empty.textContent = text2().noEntries;
+        list2.appendChild(empty);
+        return list2;
+      }
+      for (const entry of entries) {
+        const row = document.createElement("button");
+        row.type = "button";
+        row.className = "journal-entry-row";
+        row.classList.toggle("active", entry.id === selectedEntryId);
+        row.textContent = entry.title || entry.body.split(`
+`)[0] || entry.date;
+        row.addEventListener("click", () => {
+          selectedEntryId = entry.id;
+          creatingEntry = false;
+          render();
+        });
+        list2.appendChild(row);
+      }
+      return list2;
+    }
+    function renderJournalEditor() {
+      const selected = selectedEntry();
+      const wrap = document.createElement("section");
+      wrap.className = "journal-editor";
+      const head = document.createElement("div");
+      head.className = "journal-section-head";
+      const dateInput = document.createElement("input");
+      dateInput.type = "date";
+      dateInput.value = selectedDate;
+      dateInput.addEventListener("change", () => {
+        selectedDate = dateInput.value || todayIsoDate();
+        selectedEntryId = "";
+        creatingEntry = false;
+        setRoute({ date: selectedDate });
+      });
+      const newButton = document.createElement("button");
+      newButton.type = "button";
+      newButton.innerHTML = `${iconSvg("octicon-plus", PLUS_16_PATH)}<span>${text2().new}</span>`;
+      newButton.addEventListener("click", () => {
+        selectedEntryId = "";
+        creatingEntry = true;
+        render();
+      });
+      head.append(dateInput, newButton);
+      const entriesForDate = (data?.journal.entries || []).filter((entry) => entry.date === selectedDate);
+      const title = document.createElement("input");
+      title.className = "journal-title-input";
+      title.placeholder = text2().titlePlaceholder;
+      title.value = selected?.title || "";
+      const labels = createLabelEditor(selected ? selected.labels : [], text2().labelPlaceholder, labelSuggestions(), text2().removeLabel);
+      const body = document.createElement("textarea");
+      body.className = "journal-body-input";
+      body.placeholder = text2().entryBodyPlaceholder;
+      body.value = selected?.body || "";
+      const actions = document.createElement("div");
+      actions.className = "journal-editor-actions";
+      const save = document.createElement("button");
+      save.type = "button";
+      save.className = "journal-primary-action";
+      save.textContent = selected ? text2().saveEntry : text2().addEntry;
+      save.addEventListener("click", async () => {
+        setButtonBusy(save, true);
+        try {
+          const payload = {
+            date: selectedDate,
+            title: title.value,
+            labels: labels.getLabels(),
+            body: body.value
+          };
+          if (selected)
+            await requestJournal("update-entry", { id: selected.id, ...payload });
+          else
+            await requestJournal("add-entry", payload, (next) => {
+              if (next.entry) {
+                selectedEntryId = next.entry.id;
+                creatingEntry = false;
+              }
+            });
+        } catch (error2) {
+          message = error2 instanceof Error ? error2.message : text2().saveEntryFailed;
+          deps.setStatus("error");
+          render();
+        } finally {
+          setButtonBusy(save, false);
+        }
+      });
+      actions.appendChild(save);
+      if (selected) {
+        const del = document.createElement("button");
+        del.type = "button";
+        del.className = "journal-danger-action";
+        del.innerHTML = `${iconSvg("octicon-trash", TRASH_16_PATH)}<span>${text2().delete}</span>`;
+        del.addEventListener("click", async () => {
+          const ok = await showConfirmDialog({
+            title: `${text2().delete}?`,
+            body: selected.title || selected.date,
+            confirmLabel: text2().delete,
+            danger: true,
+            focusReturnTarget: del
+          });
+          if (!ok)
+            return;
+          setButtonBusy(del, true);
+          try {
+            await requestJournal("delete-entry", { id: selected.id });
+            selectedEntryId = "";
+            creatingEntry = false;
+          } catch (error2) {
+            message = error2 instanceof Error ? error2.message : text2().deleteEntryFailed;
+            deps.setStatus("error");
+            render();
+          } finally {
+            setButtonBusy(del, false);
+          }
+        });
+        actions.appendChild(del);
+      }
+      wrap.append(head, renderJournalEntryList(entriesForDate), title, labels.element, body, actions);
+      return wrap;
+    }
+    function renderRelatedTasks() {
+      const panel = document.createElement("aside");
+      panel.className = "journal-related";
+      const heading2 = document.createElement("h2");
+      heading2.textContent = text2().relatedTasks;
+      panel.appendChild(heading2);
+      const tasks = (data?.tasks.tasks || []).filter((task) => taskCoversDate(task, selectedDate));
+      if (!tasks.length) {
+        const empty = document.createElement("div");
+        empty.className = "journal-empty";
+        empty.textContent = text2().noRelatedTasks;
+        panel.appendChild(empty);
+        return panel;
+      }
+      for (const task of tasks)
+        panel.appendChild(renderTaskCard(task, { compact: true }));
+      return panel;
+    }
+    function renderJournalTab() {
+      const body = document.createElement("div");
+      body.className = "journal-daily-layout";
+      body.append(renderCalendar(), renderJournalEditor(), renderRelatedTasks());
+      return body;
+    }
+    function taskVisible(task) {
+      return !labelFilter || task.labels.includes(labelFilter);
+    }
+    function renderTaskCard(task, options = {}) {
+      const card = document.createElement("button");
+      card.type = "button";
+      card.className = "journal-task-card";
+      card.dataset.taskId = task.id;
+      card.classList.toggle("selected", task.id === selectedTaskId);
+      card.classList.toggle("compact", !!options.compact);
+      card.addEventListener("click", (event) => {
+        if (draggingTaskId || suppressTaskClick || taskDragHandleFromTarget(card, event.target))
+          return;
+        selectTask(task.id, { revealEditor: true });
+      });
+      card.addEventListener("dragstart", (event) => {
+        if (!taskDragHandleFromTarget(card, event.target)) {
+          event.preventDefault();
+          return;
+        }
+        draggingTaskId = task.id;
+        nativeTaskDragActive = true;
+        lastTaskDropTarget = null;
+        card.classList.add("dragging");
+        if (event.dataTransfer) {
+          event.dataTransfer.effectAllowed = "move";
+          event.dataTransfer.setData("text/plain", task.id);
+          const rect = card.getBoundingClientRect();
+          event.dataTransfer.setDragImage?.(card, Math.max(0, Math.min(rect.width, event.clientX - rect.left)), Math.max(0, Math.min(rect.height, event.clientY - rect.top)));
+        }
+      });
+      card.addEventListener("dragenter", (event) => {
+        if (!draggingTaskId && !draggingGithubIssue() || draggingTaskId === task.id)
+          return;
+        event.preventDefault();
+        const after = isTaskDropAfter(card, event);
+        lastTaskDropTarget = after ? { after_id: task.id } : { before_id: task.id };
+        markTaskDropTarget(card, after);
+      });
+      card.addEventListener("dragover", (event) => {
+        const issue = draggingGithubIssue();
+        if (!draggingTaskId && !issue || draggingTaskId === task.id)
+          return;
+        event.preventDefault();
+        if (event.dataTransfer)
+          event.dataTransfer.dropEffect = issue ? "copy" : "move";
+        scheduleTaskDragAutoScroll(event);
+        const after = isTaskDropAfter(card, event);
+        lastTaskDropTarget = after ? { after_id: task.id } : { before_id: task.id };
+        markTaskDropTarget(card, after);
+      });
+      card.addEventListener("dragleave", (event) => {
+        const related = event.relatedTarget;
+        if (related && card.contains(related))
+          return;
+        lastTaskDropTarget = null;
+        card.classList.remove("drop-target", "drop-after");
+      });
+      card.addEventListener("drop", (event) => {
+        const issue = draggingGithubIssue() || githubIssueFromDataTransfer(event.dataTransfer);
+        if (!draggingTaskId && !issue || draggingTaskId === task.id)
+          return;
+        event.preventDefault();
+        event.stopPropagation();
+        const after = isTaskDropAfter(card, event);
+        const target = after ? { after_id: task.id } : { before_id: task.id };
+        lastTaskDropTarget = null;
+        if (issue)
+          linkGithubIssueToTask(issue, target);
+        else
+          moveDraggedTask(target);
+      });
+      card.addEventListener("dragend", (event) => finishNativeTaskDrag(event));
+      card.addEventListener("pointerdown", (event) => {
+        beginPointerTaskDrag(task.id, event);
+      });
+      const top = document.createElement("span");
+      top.className = "journal-task-card-top";
+      const priority = document.createElement("span");
+      priority.className = `journal-priority journal-priority-${task.priority}`;
+      priority.textContent = text2().priorityLabels[task.priority];
+      const status = document.createElement("span");
+      status.className = "journal-task-status";
+      status.textContent = text2().statusLabels[task.status];
+      top.append(priority, status);
+      const dragHandle = document.createElement("span");
+      dragHandle.className = "journal-task-drag-handle";
+      dragHandle.draggable = true;
+      dragHandle.title = text2().dragTask;
+      dragHandle.innerHTML = iconSvg("journal-task-drag-icon", GRABBER_16_PATH);
+      dragHandle.setAttribute("aria-hidden", "true");
+      top.appendChild(dragHandle);
+      const title = document.createElement("strong");
+      title.textContent = task.title;
+      const labels = document.createElement("span");
+      labels.className = "journal-task-labels";
+      for (const label of task.labels)
+        labels.appendChild(labelChip(label));
+      card.append(top, title, labels);
+      if (task.due_date) {
+        const due = document.createElement("span");
+        due.className = "journal-task-due";
+        due.textContent = `${text2().duePrefix} ${task.due_date}`;
+        card.appendChild(due);
+      }
+      if (task.claim) {
+        const claim = document.createElement("span");
+        claim.className = "journal-task-claim";
+        claim.textContent = text2().claimedBy(task.claim.by);
+        card.appendChild(claim);
+      }
+      return card;
+    }
+    function taskDragHandleFromTarget(card, target) {
+      const handle = target?.closest(".journal-task-drag-handle");
+      return handle && card.contains(handle) ? handle : null;
+    }
+    function isTaskDropAfter(card, event) {
+      const rect = card.getBoundingClientRect();
+      return event.clientY > rect.top + rect.height / 2;
+    }
+    function clearTaskDropTargets() {
+      root.querySelectorAll(".journal-task-card.drop-target, .journal-task-column.drop-target").forEach((el) => {
+        el.classList.remove("drop-target", "drop-after");
+      });
+    }
+    function clearTaskDragState() {
+      root.querySelectorAll(".journal-task-card.dragging").forEach((el) => {
+        el.classList.remove("dragging");
+      });
+      stopTaskDragAutoScroll();
+      clearTaskDropTargets();
+      lastTaskDropTarget = null;
+      nativeTaskDragActive = false;
+      draggingTaskId = "";
+      suppressTaskClick = true;
+      window.setTimeout(() => {
+        suppressTaskClick = false;
+      }, 50);
+    }
+    function clearGithubIssueDragState() {
+      draggingGithubIssueNumber = null;
+      lastTaskDropTarget = null;
+      stopTaskDragAutoScroll();
+      clearTaskDropTargets();
+    }
+    function taskCardById(taskId) {
+      return root.querySelector(`.journal-task-card[data-task-id="${CSS.escape(taskId)}"]`);
+    }
+    function taskDragScrollTargetAtPoint(clientX, clientY) {
+      const element = document.elementFromPoint(clientX, clientY);
+      let cursor = element?.closest(".journal-github-issues, .journal-github-panel, .journal-task-board-wrap, .journal-tasks-layout") || root.querySelector(".journal-task-board-wrap");
+      while (cursor && cursor !== root) {
+        const style = window.getComputedStyle(cursor);
+        if (/(auto|scroll)/.test(style.overflowY) && cursor.scrollHeight > cursor.clientHeight + 1) {
+          return cursor;
+        }
+        cursor = cursor.parentElement;
+      }
+      const layout = root.querySelector(".journal-tasks-layout");
+      return layout && layout.scrollHeight > layout.clientHeight + 1 ? layout : null;
+    }
+    function taskDragAutoScrollDelta(target, clientY) {
+      const rect = target.getBoundingClientRect();
+      const canScrollUp = target.scrollTop > 0;
+      const canScrollDown = target.scrollTop + target.clientHeight < target.scrollHeight - 1;
+      const topDistance = clientY - rect.top;
+      if (canScrollUp && topDistance < TASK_DRAG_AUTOSCROLL_EDGE_PX) {
+        const intensity = (TASK_DRAG_AUTOSCROLL_EDGE_PX - Math.max(0, topDistance)) / TASK_DRAG_AUTOSCROLL_EDGE_PX;
+        return -Math.max(4, Math.round(TASK_DRAG_AUTOSCROLL_MAX_STEP_PX * intensity));
+      }
+      const bottomDistance = rect.bottom - clientY;
+      if (canScrollDown && bottomDistance < TASK_DRAG_AUTOSCROLL_EDGE_PX) {
+        const intensity = (TASK_DRAG_AUTOSCROLL_EDGE_PX - Math.max(0, bottomDistance)) / TASK_DRAG_AUTOSCROLL_EDGE_PX;
+        return Math.max(4, Math.round(TASK_DRAG_AUTOSCROLL_MAX_STEP_PX * intensity));
+      }
+      return 0;
+    }
+    function stopTaskDragAutoScroll() {
+      if (!taskDragAutoScrollFrame)
+        return;
+      window.cancelAnimationFrame(taskDragAutoScrollFrame);
+      taskDragAutoScrollFrame = 0;
+    }
+    function runTaskDragAutoScroll() {
+      taskDragAutoScrollFrame = 0;
+      if (!draggingTaskId && !draggingGithubIssue())
+        return;
+      const target = taskDragScrollTargetAtPoint(taskDragAutoScrollX, taskDragAutoScrollY);
+      if (!target)
+        return;
+      const delta = taskDragAutoScrollDelta(target, taskDragAutoScrollY);
+      if (!delta)
+        return;
+      target.scrollBy({ top: delta, behavior: "auto" });
+      markPointerDropTarget({
+        clientX: taskDragAutoScrollX,
+        clientY: taskDragAutoScrollY
+      });
+      taskDragAutoScrollFrame = window.requestAnimationFrame(runTaskDragAutoScroll);
+    }
+    function scheduleTaskDragAutoScroll(event) {
+      taskDragAutoScrollX = event.clientX;
+      taskDragAutoScrollY = event.clientY;
+      if (taskDragAutoScrollFrame)
+        return;
+      taskDragAutoScrollFrame = window.requestAnimationFrame(runTaskDragAutoScroll);
+    }
+    function markTaskDropTarget(card, after) {
+      clearTaskDropTargets();
+      card.classList.add("drop-target");
+      card.classList.toggle("drop-after", after);
+    }
+    function markColumnDropTarget(column) {
+      clearTaskDropTargets();
+      column.classList.add("drop-target");
+    }
+    function taskDropTargetFromPoint(event) {
+      const element = document.elementFromPoint(event.clientX, event.clientY);
+      if (!element)
+        return null;
+      const card = element.closest(".journal-task-card");
+      if (card?.dataset.taskId && card.dataset.taskId !== draggingTaskId) {
+        const after = isTaskDropAfter(card, event);
+        return after ? { after_id: card.dataset.taskId } : { before_id: card.dataset.taskId };
+      }
+      const column = element.closest(".journal-task-column");
+      const status = column?.dataset.status;
+      return isJournalTaskStatus(status) ? { status } : null;
+    }
+    function finishNativeTaskDrag(event) {
+      const issue = draggingGithubIssue();
+      if (!draggingTaskId && !issue) {
+        clearTaskDropTargets();
+        stopTaskDragAutoScroll();
+        return;
+      }
+      const target = taskDropTargetFromPoint(event) || lastTaskDropTarget;
+      if (!target) {
+        if (issue)
+          clearGithubIssueDragState();
+        else
+          clearTaskDragState();
+        return;
+      }
+      lastTaskDropTarget = null;
+      if (issue)
+        linkGithubIssueToTask(issue, target);
+      else
+        moveDraggedTask(target);
+    }
+    function markPointerDropTarget(event) {
+      const element = document.elementFromPoint(event.clientX, event.clientY);
+      const card = element?.closest(".journal-task-card");
+      if (card?.dataset.taskId && card.dataset.taskId !== draggingTaskId) {
+        markTaskDropTarget(card, isTaskDropAfter(card, event));
+        return;
+      }
+      const column = element?.closest(".journal-task-column");
+      if (column) {
+        markColumnDropTarget(column);
+        return;
+      }
+      clearTaskDropTargets();
+    }
+    function beginPointerTaskDrag(taskId, event) {
+      if (event.button !== 0)
+        return;
+      const source = event.currentTarget;
+      if (!source)
+        return;
+      if (!taskDragHandleFromTarget(source, event.target))
+        return;
+      pointerDrag = {
+        taskId,
+        pointerId: event.pointerId,
+        source,
+        startX: event.clientX,
+        startY: event.clientY,
+        active: false
+      };
+      source.setPointerCapture?.(event.pointerId);
+      document.addEventListener("pointermove", handlePointerTaskDragMove);
+      document.addEventListener("pointerup", handlePointerTaskDragEnd);
+      document.addEventListener("pointercancel", handlePointerTaskDragCancel);
+    }
+    function stopPointerTaskDragListeners() {
+      document.removeEventListener("pointermove", handlePointerTaskDragMove);
+      document.removeEventListener("pointerup", handlePointerTaskDragEnd);
+      document.removeEventListener("pointercancel", handlePointerTaskDragCancel);
+    }
+    function handlePointerTaskDragMove(event) {
+      if (!pointerDrag)
+        return;
+      if (event.pointerId !== pointerDrag.pointerId)
+        return;
+      const distance = Math.hypot(event.clientX - pointerDrag.startX, event.clientY - pointerDrag.startY);
+      if (!pointerDrag.active) {
+        if (distance < 5)
+          return;
+        pointerDrag.active = true;
+        draggingTaskId = pointerDrag.taskId;
+        taskCardById(pointerDrag.taskId)?.classList.add("dragging");
+      }
+      event.preventDefault();
+      scheduleTaskDragAutoScroll(event);
+      markPointerDropTarget(event);
+    }
+    function handlePointerTaskDragEnd(event) {
+      const state = pointerDrag;
+      if (state && event.pointerId !== state.pointerId)
+        return;
+      pointerDrag = null;
+      stopPointerTaskDragListeners();
+      state?.source.releasePointerCapture?.(event.pointerId);
+      if (!state?.active)
+        return;
+      const target = taskDropTargetFromPoint(event);
+      if (target)
+        moveDraggedTask(target);
+      else
+        clearTaskDragState();
+    }
+    function handlePointerTaskDragCancel(event) {
+      const state = pointerDrag;
+      if (state && event.pointerId !== state.pointerId)
+        return;
+      pointerDrag = null;
+      stopPointerTaskDragListeners();
+      state?.source.releasePointerCapture?.(event.pointerId);
+      if (nativeTaskDragActive)
+        return;
+      clearTaskDragState();
+    }
+    async function moveDraggedTask(target) {
+      const id = draggingTaskId;
+      clearTaskDragState();
+      if (!id)
+        return;
+      try {
+        await requestJournal("move-task", { id, ...target }, () => {
+          selectedTaskId = id;
+        });
+      } catch (error2) {
+        message = error2 instanceof Error ? error2.message : text2().moveTaskFailed;
+        deps.setStatus("error");
+        render();
+      }
+    }
+    function renderQueuePreview() {
+      const queue = document.createElement("section");
+      queue.className = "journal-command-preview journal-queue";
+      const title = document.createElement("strong");
+      title.textContent = text2().aiQueue;
+      const command = document.createElement("code");
+      command.textContent = labelFilter ? `code-viewer journal task-next --label ${labelFilter} --limit 5` : "code-viewer journal task-next --limit 5";
+      queue.append(title, command);
+      const next = data ? selectNextJournalTasks(data.tasks, { labels: labelFilter ? [labelFilter] : [] }, 5) : [];
+      if (next.length) {
+        const list2 = document.createElement("ol");
+        for (const task of next) {
+          const item = document.createElement("li");
+          item.textContent = `${text2().priorityLabels[task.priority]} ${task.title}`;
+          list2.appendChild(item);
+        }
+        queue.appendChild(list2);
+      }
+      return queue;
+    }
+    function renderGithubIssueToggle() {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "journal-github-toggle";
+      button.classList.toggle("active", githubInboxOpen);
+      button.setAttribute("aria-expanded", githubInboxOpen ? "true" : "false");
+      button.innerHTML = iconSvg("journal-github-toggle-icon", COMMENT_DISCUSSION_16_PATH);
+      const label = document.createElement("span");
+      label.textContent = text2().githubIssues;
+      button.appendChild(label);
+      const count = document.createElement("span");
+      count.className = "journal-github-toggle-count";
+      count.textContent = githubIssuesLoading ? "..." : githubIssuesLoaded ? String(githubIssues.length) : "0";
+      button.appendChild(count);
+      button.addEventListener("click", () => {
+        githubInboxOpen = !githubInboxOpen;
+        render();
+        if (githubInboxOpen && !githubIssuesAutoRequested && !githubIssuesLoading) {
+          loadGithubIssues();
+        }
+      });
+      return button;
+    }
+    function issueLabel(issueNumber) {
+      return journalIssueLabel(issueNumber);
+    }
+    function linkedTaskForIssue(issueNumber) {
+      const label = issueLabel(issueNumber);
+      const repoLabel = journalIssueRepoLabel(githubRepoFilter || undefined);
+      return data?.tasks.tasks.find((task) => {
+        if (!task.labels.includes("github") || !task.labels.includes(label)) {
+          return false;
+        }
+        if (repoLabel)
+          return task.labels.includes(repoLabel);
+        return !task.labels.some((taskLabel) => taskLabel.startsWith("repo-"));
+      }) || null;
+    }
+    function githubIssueStateLabel(state) {
+      if (state === "open" || state === "closed" || state === "all") {
+        return text2().githubStateLabels[state];
+      }
+      return state;
+    }
+    function closeGithubInbox() {
+      if (!githubInboxOpen)
+        return;
+      githubInboxOpen = false;
+      render();
+    }
+    function handleGithubInboxKeydown(event) {
+      if (event.key !== "Escape" || !githubInboxOpen)
+        return;
+      closeGithubInbox();
+    }
+    function handleGithubInboxOutsidePointerDown(event) {
+      if (!githubInboxOpen)
+        return;
+      const target = event.target;
+      const panel = root.querySelector(".journal-github-panel");
+      const toggle = root.querySelector(".journal-github-toggle");
+      if (target && (panel?.contains(target) || toggle?.contains(target)))
+        return;
+      closeGithubInbox();
+    }
+    function resetGithubIssueFilters(shouldRender = true) {
+      githubIssueGeneration++;
+      githubIssueLimit = GITHUB_ISSUE_INITIAL_LIMIT;
+      githubIssues = [];
+      githubIssuesLoaded = false;
+      githubIssuesLoading = false;
+      githubIssuesAutoRequested = false;
+      githubIssuesError = githubRetrySeconds() > 0 ? text2().githubRateLimited(githubRetrySeconds()) : "";
+      if (shouldRender)
+        render();
+    }
+    function stableGithubIssues(issues) {
+      const byNumber = new Map;
+      for (const issue of issues)
+        byNumber.set(issue.number, issue);
+      return [...byNumber.values()].sort((a2, b2) => b2.number - a2.number);
+    }
+    function githubRetrySeconds() {
+      return Math.max(0, Math.ceil((githubIssuesRetryAt - Date.now()) / 1000));
+    }
+    function githubCanRequest() {
+      return !githubIssuesLoading && githubRetrySeconds() === 0;
+    }
+    async function loadGithubIssues(limit = githubIssueLimit) {
+      if (!githubCanRequest()) {
+        render();
+        return;
+      }
+      const seq = ++githubIssueGeneration;
+      githubIssuesAutoRequested = true;
+      githubIssuesLoading = true;
+      githubIssueLimit = Math.min(Math.max(GITHUB_ISSUE_INITIAL_LIMIT, limit), GITHUB_ISSUE_LIMIT_MAX);
+      githubIssuesError = "";
+      render();
+      deps.setStatus("refreshing");
+      try {
+        const res = await deps.trackLoad(fetch("/_journal", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Code-Viewer-Action": "1"
+          },
+          body: JSON.stringify({
+            action: "list-github-issues",
+            repo: githubRepoFilter || undefined,
+            labels: parseGithubLabels(githubLabelFilter),
+            search: githubSearchFilter || undefined,
+            state: githubStateFilter,
+            limit: githubIssueLimit
+          })
+        }));
+        if (!res.ok)
+          throw new Error(await res.text());
+        const response = await res.json();
+        if (seq !== githubIssueGeneration)
+          return;
+        githubIssues = stableGithubIssues(response.issues || []);
+        githubIssuesLoaded = true;
+        deps.setStatus("live");
+      } catch (error2) {
+        if (seq !== githubIssueGeneration)
+          return;
+        if (error2 instanceof Error && /rate limit|secondary rate limit/i.test(error2.message)) {
+          githubIssuesRetryAt = Date.now() + GITHUB_ISSUE_RATE_LIMIT_RETRY_MS;
+          githubIssuesError = text2().githubRateLimited(githubRetrySeconds());
+          window.setTimeout(() => {
+            if (githubRetrySeconds() === 0) {
+              githubIssuesError = "";
+              render();
+            }
+          }, GITHUB_ISSUE_RATE_LIMIT_RETRY_MS + 50);
+        } else {
+          githubIssuesError = error2 instanceof Error ? error2.message : text2().githubLoadFailed;
+        }
+        githubIssuesLoaded = false;
+        deps.setStatus("error");
+      } finally {
+        if (seq === githubIssueGeneration) {
+          githubIssuesLoading = false;
+          render();
+        }
+      }
+    }
+    async function linkGithubIssueToTask(issue, target) {
+      try {
+        const response = await requestJournal("link-github-issue", {
+          issue_number: issue.number,
+          repo: githubRepoFilter || undefined,
+          title: issue.title,
+          url: issue.url,
+          memo_label: text2().githubMemoLabel,
+          status: target.status,
+          before_id: target.before_id,
+          after_id: target.after_id,
+          priority: "p2",
+          labels: normalizeJournalLabels([labelFilter])
+        });
+        if (response.task) {
+          selectedTaskId = response.task.id;
+          githubInboxOpen = false;
+          render();
+          return response.task.id;
+        }
+      } catch (error2) {
+        message = error2 instanceof Error ? error2.message : text2().githubLinkTaskFailed;
+        deps.setStatus("error");
+        render();
+      } finally {
+        stopTaskDragAutoScroll();
+        draggingGithubIssueNumber = null;
+      }
+      return null;
+    }
+    function draggingGithubIssue() {
+      if (draggingGithubIssueNumber === null)
+        return null;
+      return githubIssues.find((issue) => issue.number === draggingGithubIssueNumber) || null;
+    }
+    function githubIssueFromDataTransfer(dataTransfer) {
+      const raw = dataTransfer?.getData("text/plain") || "";
+      const match2 = raw.trim().match(/^#?(\d+)$/);
+      if (!match2)
+        return null;
+      const issueNumber = Number(match2[1]);
+      if (!Number.isInteger(issueNumber))
+        return null;
+      return githubIssues.find((issue) => issue.number === issueNumber) || null;
+    }
+    function renderGithubIssueCard(issue) {
+      const card = document.createElement("article");
+      card.className = "journal-github-issue-card";
+      card.dataset.issueNumber = String(issue.number);
+      const linked = linkedTaskForIssue(issue.number);
+      card.draggable = !linked;
+      if (linked)
+        card.classList.add("linked");
+      if (!linked) {
+        card.addEventListener("dragstart", (event) => {
+          draggingGithubIssueNumber = issue.number;
+          lastTaskDropTarget = null;
+          event.dataTransfer?.setData("text/plain", `#${issue.number}`);
+          if (event.dataTransfer)
+            event.dataTransfer.effectAllowed = "copyMove";
+        });
+        card.addEventListener("dragend", (event) => finishNativeTaskDrag(event));
+      }
+      const head = document.createElement("div");
+      head.className = "journal-github-issue-head";
+      const number = document.createElement("span");
+      number.textContent = `#${issue.number}`;
+      const state = document.createElement("span");
+      state.textContent = githubIssueStateLabel(issue.state);
+      head.append(number, state);
+      if (linked) {
+        const linkedBadge = document.createElement("span");
+        linkedBadge.className = "journal-github-linked";
+        linkedBadge.textContent = text2().githubLinked;
+        head.appendChild(linkedBadge);
+      }
+      const title = document.createElement("strong");
+      title.textContent = issue.title;
+      const labels = document.createElement("div");
+      labels.className = "journal-github-issue-labels";
+      for (const label of issue.labels.slice(0, 4)) {
+        labels.appendChild(labelChip(label));
+      }
+      const action = document.createElement("button");
+      action.type = "button";
+      action.draggable = false;
+      action.className = "journal-github-issue-action";
+      action.textContent = linked ? text2().githubOpenTask : text2().githubAddToBoard;
+      action.addEventListener("click", async (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (linked) {
+          githubInboxOpen = false;
+          selectTask(linked.id, { focusEditor: true, revealEditor: true });
+          return;
+        }
+        action.disabled = true;
+        const taskId = await linkGithubIssueToTask(issue, { status: "draft" });
+        if (taskId)
+          selectTask(taskId, { focusEditor: true, revealEditor: true });
+      });
+      card.append(head, title, labels, action);
+      return card;
+    }
+    function renderGithubIssuesPanel() {
+      const panel = document.createElement("section");
+      panel.className = "journal-github-panel";
+      const title = document.createElement("strong");
+      title.textContent = text2().githubIssues;
+      const controls = document.createElement("div");
+      controls.className = "journal-github-controls";
+      const repo = document.createElement("input");
+      repo.type = "text";
+      repo.placeholder = text2().githubRepoPlaceholder;
+      repo.value = githubRepoFilter;
+      const ghLabel = document.createElement("input");
+      ghLabel.type = "text";
+      ghLabel.placeholder = text2().githubLabelPlaceholder;
+      ghLabel.value = githubLabelFilter;
+      const search = document.createElement("input");
+      search.type = "search";
+      search.placeholder = text2().githubSearchPlaceholder;
+      search.value = githubSearchFilter;
+      const state = document.createElement("select");
+      for (const value of ["open", "closed", "all"]) {
+        const option = document.createElement("option");
+        option.value = value;
+        option.textContent = text2().githubStateLabels[value];
+        option.selected = value === githubStateFilter;
+        state.appendChild(option);
+      }
+      const syncControls = (shouldRender = true, shouldLoad = shouldRender) => {
+        const nextState = state.value === "closed" || state.value === "all" ? state.value : "open";
+        const nextRepo = repo.value.trim();
+        const nextLabel = ghLabel.value.trim();
+        const nextSearch = search.value.trim();
+        const changed = nextRepo !== githubRepoFilter || nextLabel !== githubLabelFilter || nextSearch !== githubSearchFilter || nextState !== githubStateFilter;
+        githubRepoFilter = nextRepo;
+        githubLabelFilter = nextLabel;
+        githubSearchFilter = nextSearch;
+        githubStateFilter = nextState;
+        if (!changed)
+          return;
+        resetGithubIssueFilters(shouldRender);
+        if (shouldLoad && githubInboxOpen)
+          loadGithubIssues();
+      };
+      const loadOnEnter = (event) => {
+        if (event.key !== "Enter")
+          return;
+        event.preventDefault();
+        syncControls(false, false);
+        loadGithubIssues();
+      };
+      repo.addEventListener("change", () => syncControls());
+      repo.addEventListener("keydown", loadOnEnter);
+      ghLabel.addEventListener("change", () => syncControls());
+      ghLabel.addEventListener("keydown", loadOnEnter);
+      search.addEventListener("change", () => syncControls());
+      search.addEventListener("keydown", loadOnEnter);
+      state.addEventListener("change", () => syncControls());
+      const load = document.createElement("button");
+      load.type = "button";
+      load.textContent = githubIssuesLoading ? text2().githubLoading : text2().githubLoad;
+      load.disabled = !githubCanRequest();
+      load.addEventListener("click", () => {
+        syncControls(false, false);
+        loadGithubIssues();
+      });
+      controls.append(repo, ghLabel, search, state, load);
+      const hint = document.createElement("p");
+      hint.className = "journal-github-hint";
+      const showing = githubIssuesLoaded && !githubIssuesError ? ` ${text2().githubShowing(githubIssues.length, githubIssueLimit)}` : "";
+      hint.textContent = githubIssuesError || `${text2().githubDragHint}${showing}`;
+      const list2 = document.createElement("div");
+      list2.className = "journal-github-issues";
+      list2.addEventListener("dragover", (event) => {
+        if (!draggingGithubIssue())
+          return;
+        event.preventDefault();
+        if (event.dataTransfer)
+          event.dataTransfer.dropEffect = "copy";
+        scheduleTaskDragAutoScroll(event);
+      });
+      if (githubIssues.length) {
+        for (const issue of githubIssues) {
+          list2.appendChild(renderGithubIssueCard(issue));
+        }
+      } else {
+        const empty = document.createElement("div");
+        empty.className = "journal-empty";
+        empty.textContent = githubIssuesLoading ? text2().githubLoading : githubIssuesLoaded ? text2().githubNoIssues : text2().githubNotLoaded;
+        list2.appendChild(empty);
+      }
+      const head = document.createElement("div");
+      head.className = "journal-github-panel-head";
+      const close = document.createElement("button");
+      close.type = "button";
+      close.className = "journal-github-close";
+      close.title = text2().githubClose;
+      close.setAttribute("aria-label", text2().githubClose);
+      close.innerHTML = iconSvg("journal-github-close-icon", X_16_PATH);
+      close.addEventListener("click", () => {
+        closeGithubInbox();
+      });
+      head.append(title, close);
+      panel.append(head, controls, hint, list2);
+      if (githubIssuesLoaded && githubIssues.length >= githubIssueLimit && githubIssueLimit < GITHUB_ISSUE_LIMIT_MAX) {
+        const more = document.createElement("button");
+        more.type = "button";
+        more.className = "journal-github-load-more";
+        more.textContent = text2().githubLoadMore;
+        more.disabled = !githubCanRequest();
+        more.addEventListener("click", () => loadGithubIssues(githubIssueLimit + GITHUB_ISSUE_LIMIT_STEP));
+        panel.appendChild(more);
+      }
+      return panel;
+    }
+    function taskLabelCounts() {
+      const counts = new Map;
+      for (const task of data?.tasks.tasks || []) {
+        for (const label of task.labels) {
+          counts.set(label, (counts.get(label) || 0) + 1);
+        }
+      }
+      return counts;
+    }
+    function renderLabelFilterButton(label, count, active, value = label) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "journal-label-filter";
+      button.classList.toggle("active", active);
+      button.setAttribute("aria-pressed", active ? "true" : "false");
+      const name = document.createElement("span");
+      name.className = "journal-label-filter-name";
+      name.textContent = label;
+      const badge = document.createElement("span");
+      badge.className = "journal-label-filter-count";
+      badge.textContent = String(count);
+      button.append(name, badge);
+      button.addEventListener("click", () => {
+        labelFilter = active ? "" : value;
+        setRoute({ tab: "tasks", label: labelFilter || undefined });
+      });
+      return button;
+    }
+    function renderLabelFilters() {
+      const wrap = document.createElement("div");
+      wrap.className = "journal-label-filters";
+      wrap.setAttribute("aria-label", text2().labelFilters);
+      const counts = taskLabelCounts();
+      const total = data?.tasks.tasks.length || 0;
+      wrap.appendChild(renderLabelFilterButton(text2().allLabels, total, !labelFilter, ""));
+      for (const [label, count] of [...counts.entries()].sort((a2, b2) => a2[0].localeCompare(b2[0]))) {
+        wrap.appendChild(renderLabelFilterButton(label, count, label === labelFilter));
+      }
+      return wrap;
+    }
+    function renderTaskBoard() {
+      const board = document.createElement("div");
+      board.className = "journal-task-board";
+      for (const status of JOURNAL_TASK_STATUSES) {
+        const column = document.createElement("section");
+        column.className = `journal-task-column journal-task-column-${status}`;
+        column.dataset.status = status;
+        column.addEventListener("dragover", (event) => {
+          const issue = draggingGithubIssue() || githubIssueFromDataTransfer(event.dataTransfer);
+          if (!draggingTaskId && !issue)
+            return;
+          const targetCard = event.target?.closest(".journal-task-card");
+          if (targetCard && column.contains(targetCard))
+            return;
+          event.preventDefault();
+          if (event.dataTransfer)
+            event.dataTransfer.dropEffect = issue ? "copy" : "move";
+          scheduleTaskDragAutoScroll(event);
+          lastTaskDropTarget = { status };
+          markColumnDropTarget(column);
+        });
+        column.addEventListener("dragleave", (event) => {
+          const related = event.relatedTarget;
+          if (related && column.contains(related))
+            return;
+          lastTaskDropTarget = null;
+          column.classList.remove("drop-target");
+        });
+        column.addEventListener("drop", (event) => {
+          const issue = draggingGithubIssue();
+          if (!draggingTaskId && !issue)
+            return;
+          const targetCard = event.target?.closest(".journal-task-card");
+          if (targetCard && column.contains(targetCard))
+            return;
+          event.preventDefault();
+          lastTaskDropTarget = null;
+          if (issue)
+            linkGithubIssueToTask(issue, { status });
+          else
+            moveDraggedTask({ status });
+        });
+        const head = document.createElement("div");
+        head.className = "journal-task-column-head";
+        const title = document.createElement("strong");
+        title.textContent = text2().statusLabels[status];
+        const count = document.createElement("span");
+        const tasks = (data?.tasks.tasks || []).filter((task) => task.status === status && taskVisible(task));
+        count.textContent = String(tasks.length);
+        head.append(title, count);
+        column.appendChild(head);
+        if (!tasks.length) {
+          const empty = document.createElement("div");
+          empty.className = "journal-column-empty";
+          empty.textContent = text2().empty;
+          column.appendChild(empty);
+        }
+        for (const task of tasks)
+          column.appendChild(renderTaskCard(task));
+        board.appendChild(column);
+      }
+      return board;
+    }
+    function insertMarkdown(textarea, before, after = "") {
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const selected = textarea.value.slice(start, end);
+      textarea.value = textarea.value.slice(0, start) + before + selected + after + textarea.value.slice(end);
+      textarea.focus();
+      textarea.selectionStart = start + before.length;
+      textarea.selectionEnd = end + before.length;
+    }
+    async function renderTaskPreview(host, body) {
+      host.replaceChildren();
+      const rendered = await renderMarkdownPreview(body || `_${text2().noBody}_`, { path: "journal-task.md", ref: "worktree" }, { syntaxHighlight: false });
+      host.appendChild(rendered);
+    }
+    function renderTaskEditor() {
+      const task = selectedTask();
+      const panel = document.createElement("aside");
+      panel.className = "journal-task-editor";
+      const resizer = document.createElement("div");
+      resizer.className = "journal-task-editor-resizer";
+      resizer.role = "separator";
+      resizer.tabIndex = 0;
+      resizer.setAttribute("aria-orientation", "vertical");
+      resizer.setAttribute("aria-label", text2().resizeTaskPanel);
+      resizer.addEventListener("pointerdown", (event) => startTaskEditorResize(event, panel));
+      const heading2 = document.createElement("div");
+      heading2.className = "journal-section-head";
+      const titleText = document.createElement("strong");
+      titleText.textContent = task ? text2().taskHeading : text2().newTaskHeading;
+      const newTask = document.createElement("button");
+      newTask.type = "button";
+      newTask.innerHTML = `${iconSvg("octicon-plus", PLUS_16_PATH)}<span>${text2().new}</span>`;
+      newTask.addEventListener("click", () => {
+        selectedTaskId = "";
+        setRoute({ tab: "tasks", task: undefined });
+      });
+      heading2.append(titleText, newTask);
+      const title = document.createElement("input");
+      title.className = "journal-title-input";
+      title.placeholder = text2().titlePlaceholder;
+      title.value = task?.title || "";
+      const row = document.createElement("div");
+      row.className = "journal-task-fields";
+      const status = document.createElement("select");
+      for (const value of JOURNAL_TASK_STATUSES) {
+        const option = document.createElement("option");
+        option.value = value;
+        option.textContent = text2().statusLabels[value];
+        option.selected = (task?.status || "todo") === value;
+        status.appendChild(option);
+      }
+      const priority = document.createElement("select");
+      for (const value of JOURNAL_TASK_PRIORITIES) {
+        const option = document.createElement("option");
+        option.value = value;
+        option.textContent = text2().priorityLabels[value];
+        option.selected = (task?.priority || "p2") === value;
+        priority.appendChild(option);
+      }
+      const due = document.createElement("input");
+      due.type = "date";
+      due.title = text2().endDate;
+      due.setAttribute("aria-label", text2().endDate);
+      due.value = task?.due_date || "";
+      const sourceDate = document.createElement("input");
+      sourceDate.type = "date";
+      sourceDate.title = text2().startDate;
+      sourceDate.setAttribute("aria-label", text2().startDate);
+      sourceDate.value = task?.source_date || selectedDate;
+      row.append(taskField(text2().statusField, status), taskField(text2().priorityField, priority), taskField(text2().startDate, sourceDate), taskField(text2().endDate, due));
+      const labels = createLabelEditor(task ? task.labels : normalizeJournalLabels([labelFilter]), text2().labelPlaceholder, labelSuggestions(), text2().removeLabel);
+      const toolbar = document.createElement("div");
+      toolbar.className = "journal-markdown-toolbar";
+      const body = document.createElement("textarea");
+      body.className = "journal-body-input journal-task-body-input";
+      body.placeholder = text2().taskBodyPlaceholder;
+      body.value = task?.body || "";
+      const preview = document.createElement("div");
+      preview.className = "journal-markdown-preview";
+      const syncMode = () => {
+        body.hidden = editorMode === "preview";
+        preview.hidden = editorMode === "write";
+        renderTaskPreview(preview, body.value);
+      };
+      for (const spec of [
+        ["B", "**", "**"],
+        ["`", "`", "`"],
+        ["[]", "- [ ] ", ""],
+        [">", "> ", ""]
+      ]) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.textContent = spec[0];
+        button.addEventListener("click", () => insertMarkdown(body, spec[1], spec[2]));
+        toolbar.appendChild(button);
+      }
+      const modes = document.createElement("div");
+      modes.className = "seg journal-editor-mode";
+      for (const mode of ["write", "preview", "split"]) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.classList.toggle("active", editorMode === mode);
+        button.textContent = text2().editorModes[mode];
+        button.addEventListener("click", () => {
+          editorMode = mode;
+          render();
+        });
+        modes.appendChild(button);
+      }
+      toolbar.appendChild(modes);
+      body.addEventListener("input", () => {
+        if (editorMode !== "write")
+          renderTaskPreview(preview, body.value);
+      });
+      syncMode();
+      const actions = document.createElement("div");
+      actions.className = "journal-editor-actions";
+      const save = document.createElement("button");
+      save.type = "button";
+      save.className = "journal-primary-action";
+      save.textContent = task ? text2().saveTask : text2().addTask;
+      save.addEventListener("click", async () => {
+        setButtonBusy(save, true);
+        const payload = {
+          title: title.value,
+          status: status.value,
+          priority: priority.value,
+          labels: labels.getLabels(),
+          due_date: due.value || null,
+          source_date: sourceDate.value || null,
+          body: body.value
+        };
+        try {
+          if (task)
+            await requestJournal("update-task", { id: task.id, ...payload });
+          else {
+            const response = await requestJournal("add-task", payload, (next) => {
+              if (next.task)
+                selectedTaskId = next.task.id;
+            });
+            if (response.task)
+              setRoute({ tab: "tasks", task: response.task.id });
+          }
+        } catch (error2) {
+          message = error2 instanceof Error ? error2.message : text2().saveTaskFailed;
+          deps.setStatus("error");
+          render();
+        } finally {
+          setButtonBusy(save, false);
+        }
+      });
+      actions.appendChild(save);
+      if (task) {
+        const claim = document.createElement("button");
+        claim.type = "button";
+        claim.textContent = text2().claim;
+        claim.addEventListener("click", async () => {
+          setButtonBusy(claim, true);
+          try {
+            await requestJournal("claim-task", { id: task.id, by: "user" });
+          } catch (error2) {
+            message = error2 instanceof Error ? error2.message : text2().claimTaskFailed;
+            deps.setStatus("error");
+            render();
+          } finally {
+            setButtonBusy(claim, false);
+          }
+        });
+        const done = document.createElement("button");
+        done.type = "button";
+        done.textContent = text2().done;
+        done.disabled = task.status !== "doing" || task.claim?.by !== "user";
+        done.addEventListener("click", async () => {
+          setButtonBusy(done, true);
+          try {
+            await requestJournal("complete-task", {
+              id: task.id,
+              by: "user",
+              source: "user"
+            });
+          } catch (error2) {
+            message = error2 instanceof Error ? error2.message : text2().doneTaskFailed;
+            deps.setStatus("error");
+            render();
+          } finally {
+            setButtonBusy(done, false);
+          }
+        });
+        const del = document.createElement("button");
+        del.type = "button";
+        del.className = "journal-danger-action";
+        del.innerHTML = `${iconSvg("octicon-trash", TRASH_16_PATH)}<span>${text2().delete}</span>`;
+        del.addEventListener("click", async () => {
+          const ok = await showConfirmDialog({
+            title: `${text2().delete}?`,
+            body: task.title,
+            confirmLabel: text2().delete,
+            danger: true,
+            focusReturnTarget: del
+          });
+          if (!ok)
+            return;
+          setButtonBusy(del, true);
+          try {
+            const result = await requestJournal("delete-task", { id: task.id });
+            if (!result.removed)
+              throw new Error(text2().deleteTaskFailed);
+            selectedTaskId = "";
+            setRoute({ tab: "tasks", task: undefined });
+          } catch (error2) {
+            message = error2 instanceof Error ? error2.message : text2().deleteTaskFailed;
+            deps.setStatus("error");
+            render();
+          } finally {
+            setButtonBusy(del, false);
+          }
+        });
+        actions.append(claim, done, del);
+      }
+      panel.append(resizer, heading2, title, row, labels.element, toolbar, body, preview, actions);
+      return panel;
+    }
+    function renderTasksTab() {
+      const wrap = document.createElement("div");
+      wrap.className = "journal-tasks-layout";
+      const toolbar = document.createElement("div");
+      toolbar.className = "journal-task-toolbar";
+      const labelInput = document.createElement("input");
+      labelInput.type = "search";
+      labelInput.placeholder = text2().labelFilterPlaceholder;
+      labelInput.value = labelFilter;
+      labelInput.addEventListener("change", () => {
+        labelFilter = normalizeJournalLabel(labelInput.value) || "";
+        setRoute({ tab: "tasks", label: labelFilter || undefined });
+      });
+      toolbar.append(labelInput, renderQueuePreview(), renderGithubIssueToggle(), renderLabelFilters());
+      if (githubInboxOpen)
+        toolbar.appendChild(renderGithubIssuesPanel());
+      const boardWrap = document.createElement("div");
+      boardWrap.className = "journal-task-board-wrap";
+      boardWrap.appendChild(renderTaskBoard());
+      wrap.append(toolbar, boardWrap, renderTaskEditor());
+      return wrap;
+    }
+    function render() {
+      root.setAttribute("aria-label", text2().ariaLabel);
+      root.replaceChildren(renderHeader());
+      const content = document.createElement("div");
+      content.className = "journal-content";
+      content.appendChild(activeTab === "journal" ? renderJournalTab() : renderTasksTab());
+      root.appendChild(content);
+      if (pendingTaskEditorFocus || pendingTaskEditorReveal)
+        scheduleTaskEditorInteraction();
+    }
+    async function enter() {
+      applyRoute();
+      mount();
+      render();
+      await refresh();
+    }
+    function handleSse() {
+      if (!mounted)
+        return;
+      if (draggingTaskId || draggingGithubIssueNumber !== null || pointerDrag || journalEditorHasFocus())
+        return;
+      refresh();
+    }
+    function localize() {
+      if (mounted)
+        render();
+    }
+    restoreTaskEditorWidth();
+    document.addEventListener("keydown", handleGithubInboxKeydown);
+    document.addEventListener("pointerdown", handleGithubInboxOutsidePointerDown);
+    window.addEventListener("pointermove", handleTaskEditorResizeMove);
+    window.addEventListener("pointerup", finishTaskEditorResize);
+    window.addEventListener("pointercancel", finishTaskEditorResize);
+    window.addEventListener("resize", () => {
+      const layout = root.querySelector(".journal-tasks-layout");
+      if (layout && layout.clientWidth <= 1100)
+        return;
+      const panel = root.querySelector(".journal-task-editor");
+      if (panel)
+        applyTaskEditorWidth(panel.getBoundingClientRect().width, false);
+    });
+    return { enter, suspend, handleSse, localize };
+  }
+
   // web-src/core/html-escape.ts
   function escapeHtml2(value) {
     return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -27700,7 +29777,7 @@ code-viewer query snapshot delete --id snap-abc123`
       } else {
         renderFlat(files, ul, onFileClick);
       }
-      $("#totals").textContent = files.length ? `${files.length} file${files.length === 1 ? "" : "s"}` : "";
+      $("#totals").textContent = !repoSidebar && files.length ? `${files.length} file${files.length === 1 ? "" : "s"}` : "";
       const effectiveView = treeMode ? "tree" : STATE.sbView;
       $$(".sb-view-seg button").forEach((b2) => {
         b2.classList.toggle("active", b2.dataset.view === effectiveView);
@@ -30062,6 +32139,8 @@ code-viewer query snapshot delete --id snap-abc123`
       return true;
     }
     const SOURCE_SHIKI_LANGS = Array.from(new Set([
+      "asciidoc",
+      "astro",
       "bash",
       "bibtex",
       "c",
@@ -30073,33 +32152,46 @@ code-viewer query snapshot delete --id snap-abc123`
       "dart",
       "diff",
       "dockerfile",
+      "dotenv",
       "elixir",
+      "erb",
       "erlang",
       "fortran",
       "go",
       "gradle",
       "graphql",
+      "haml",
+      "handlebars",
       "haskell",
       "html",
+      "ini",
       "java",
       "javascript",
       "json",
+      "jsonc",
       "julia",
       "kotlin",
+      "less",
+      "liquid",
       "lua",
       "make",
       "markdown",
       "nix",
       "ocaml",
+      "pascal",
       "perl",
       "php",
+      "powershell",
+      "prisma",
       "properties",
       "protobuf",
+      "pug",
       "python",
       "r",
       "rst",
       "ruby",
       "rust",
+      "sass",
       "scala",
       "scss",
       "sql",
@@ -30107,6 +32199,7 @@ code-viewer query snapshot delete --id snap-abc123`
       "terraform",
       "tex",
       "toml",
+      "twig",
       "typescript",
       "vim",
       "vue",
@@ -32284,6 +34377,7 @@ code-viewer query snapshot delete --id snap-abc123`
           repo: "Repository",
           diff: "Diff Viewer",
           history: "History",
+          journal: "Work Log",
           database: "Datastores",
           help: "Help"
         },
@@ -32421,6 +34515,103 @@ code-viewer query snapshot delete --id snap-abc123`
           filterTitle: "Filter commits by message, SHA, author:name, or path:file.",
           refreshTitle: "Refresh commit history"
         },
+        journal: {
+          locale: "en",
+          ariaLabel: "Work log and tasks",
+          title: "Work Log",
+          tabs: {
+            journal: "Log",
+            tasks: "Tasks"
+          },
+          refresh: "Refresh work log",
+          loading: "loading...",
+          loadFailed: "failed to load work log",
+          statusLabels: {
+            draft: "Draft",
+            todo: "Todo",
+            doing: "Doing",
+            blocked: "Blocked",
+            done: "Done"
+          },
+          priorityLabels: {
+            p0: "P0",
+            p1: "P1",
+            p2: "P2",
+            p3: "P3"
+          },
+          statusField: "Status",
+          priorityField: "Priority",
+          previousMonth: "Previous month",
+          nextMonth: "Next month",
+          weekDays: ["S", "M", "T", "W", "T", "F", "S"],
+          noEntries: "No logs",
+          noRelatedTasks: "No related tasks",
+          noBody: "No body",
+          relatedTasks: "Tasks",
+          new: "New",
+          titlePlaceholder: "Title",
+          labelPlaceholder: "labels",
+          entryBodyPlaceholder: "What did you work on today?",
+          addEntry: "Add log",
+          saveEntry: "Save log",
+          delete: "Delete",
+          deleteEntryFailed: "failed to delete log",
+          saveEntryFailed: "failed to save log",
+          moveTaskFailed: "failed to move task",
+          aiQueue: "AI queue",
+          empty: "Empty",
+          duePrefix: "due",
+          startDate: "Start date",
+          endDate: "End date",
+          removeLabel: (label) => `Remove ${label}`,
+          claimedBy: (name) => `claimed by ${name}`,
+          taskHeading: "Task",
+          newTaskHeading: "New task",
+          taskBodyPlaceholder: "Task details, acceptance checklist, notes",
+          addTask: "Add task",
+          saveTask: "Save task",
+          saveTaskFailed: "failed to save task",
+          claim: "Claim",
+          claimTaskFailed: "failed to claim task",
+          done: "Done",
+          doneTaskFailed: "failed to complete task",
+          deleteTaskFailed: "failed to delete task",
+          labelFilterPlaceholder: "label",
+          allLabels: "All",
+          labelFilters: "Label filters",
+          githubIssues: "GitHub Issues",
+          githubRepoPlaceholder: "repo (optional)",
+          githubLabelPlaceholder: "GitHub labels, comma separated",
+          githubSearchPlaceholder: "search issues",
+          githubStateLabels: {
+            open: "Open",
+            closed: "Closed",
+            all: "All"
+          },
+          githubLoad: "Load issues",
+          githubLoadMore: "Load more",
+          githubLoading: "loading issues...",
+          githubLoadFailed: "failed to load GitHub issues",
+          githubShowing: (count, limit) => `Showing ${count} of ${limit}.`,
+          githubRateLimited: (seconds) => `GitHub rate limit hit. Try again in ${seconds}s.`,
+          githubNotLoaded: "GitHub issues are not loaded",
+          githubNoIssues: "No GitHub issues",
+          githubClose: "Close GitHub issues",
+          githubLinked: "linked",
+          githubAddToBoard: "Add to board",
+          githubOpenTask: "Open task",
+          githubDragHint: "Add or drag an issue to link it to a local task.",
+          githubLinkTaskFailed: "failed to link GitHub issue",
+          githubMemoLabel: "Memo:",
+          moreTasks: (count) => `${count} more`,
+          resizeTaskPanel: "Resize task panel",
+          dragTask: "Drag task",
+          editorModes: {
+            write: "write",
+            preview: "preview",
+            split: "split"
+          }
+        },
         quickHelp: {
           buttonTitle: "quick help (shortcuts)",
           panelTitle: "Quick Help",
@@ -32476,6 +34667,7 @@ code-viewer query snapshot delete --id snap-abc123`
           repo: "リポジトリ",
           diff: "Diff ビューア",
           history: "履歴",
+          journal: "ワークログ",
           database: "データストア",
           help: "ヘルプ"
         },
@@ -32613,6 +34805,103 @@ code-viewer query snapshot delete --id snap-abc123`
           filterTitle: "メッセージ、SHA、author:name、path:file でコミットを絞り込みます。",
           refreshTitle: "コミット履歴を更新"
         },
+        journal: {
+          locale: "ja",
+          ariaLabel: "ワークログとタスク",
+          title: "ワークログ",
+          tabs: {
+            journal: "ログ",
+            tasks: "タスク"
+          },
+          refresh: "ワークログを更新",
+          loading: "読み込み中...",
+          loadFailed: "ワークログの読み込みに失敗しました",
+          statusLabels: {
+            draft: "下書き",
+            todo: "未着手",
+            doing: "進行中",
+            blocked: "ブロック",
+            done: "完了"
+          },
+          priorityLabels: {
+            p0: "P0",
+            p1: "P1",
+            p2: "P2",
+            p3: "P3"
+          },
+          statusField: "ステータス",
+          priorityField: "優先度",
+          previousMonth: "前の月",
+          nextMonth: "次の月",
+          weekDays: ["日", "月", "火", "水", "木", "金", "土"],
+          noEntries: "ログはありません",
+          noRelatedTasks: "関連タスクはありません",
+          noBody: "本文はありません",
+          relatedTasks: "タスク",
+          new: "新規",
+          titlePlaceholder: "タイトル",
+          labelPlaceholder: "ラベル",
+          entryBodyPlaceholder: "今日の作業を記録",
+          addEntry: "ログを追加",
+          saveEntry: "ログを保存",
+          delete: "削除",
+          deleteEntryFailed: "ログの削除に失敗しました",
+          saveEntryFailed: "ログの保存に失敗しました",
+          moveTaskFailed: "タスクの移動に失敗しました",
+          aiQueue: "AIキュー",
+          empty: "空",
+          duePrefix: "期限",
+          startDate: "開始日",
+          endDate: "終了日",
+          removeLabel: (label) => `${label} を削除`,
+          claimedBy: (name) => `${name} が確保中`,
+          taskHeading: "タスク",
+          newTaskHeading: "新規タスク",
+          taskBodyPlaceholder: "詳細、受け入れ条件、メモ",
+          addTask: "タスクを追加",
+          saveTask: "タスクを保存",
+          saveTaskFailed: "タスクの保存に失敗しました",
+          claim: "確保",
+          claimTaskFailed: "タスクの確保に失敗しました",
+          done: "完了",
+          doneTaskFailed: "タスクの完了に失敗しました",
+          deleteTaskFailed: "タスクの削除に失敗しました",
+          labelFilterPlaceholder: "ラベル",
+          allLabels: "すべて",
+          labelFilters: "ラベルフィルタ",
+          githubIssues: "GitHub Issue",
+          githubRepoPlaceholder: "リポジトリ（任意）",
+          githubLabelPlaceholder: "GitHubラベル（カンマ区切り）",
+          githubSearchPlaceholder: "Issue検索",
+          githubStateLabels: {
+            open: "未解決",
+            closed: "解決済み",
+            all: "すべて"
+          },
+          githubLoad: "Issueを表示",
+          githubLoadMore: "さらに読む",
+          githubLoading: "Issueを読み込み中...",
+          githubLoadFailed: "GitHub Issueの読み込みに失敗しました",
+          githubShowing: (count, limit) => `${limit}件中${count}件を表示中。`,
+          githubRateLimited: (seconds) => `GitHubの制限に達しました。${seconds}秒後に再試行してください。`,
+          githubNotLoaded: "GitHub Issueは未読み込みです",
+          githubNoIssues: "GitHub Issueは0件です",
+          githubClose: "GitHub Issueを閉じる",
+          githubLinked: "紐づき済み",
+          githubAddToBoard: "看板へ追加",
+          githubOpenTask: "タスクを開く",
+          githubDragHint: "Issueを追加またはドラッグすると、自分用タスクとして紐づけます。",
+          githubLinkTaskFailed: "GitHub Issueの紐づけに失敗しました",
+          githubMemoLabel: "メモ:",
+          moreTasks: (count) => `他${count}件`,
+          resizeTaskPanel: "タスクパネル幅を変更",
+          dragTask: "タスクをドラッグ",
+          editorModes: {
+            write: "編集",
+            preview: "プレビュー",
+            split: "分割"
+          }
+        },
         quickHelp: {
           buttonTitle: "クイックヘルプ(ショートカット)",
           panelTitle: "クイックヘルプ",
@@ -32816,6 +35105,7 @@ code-viewer query snapshot delete --id snap-abc123`
         button.setAttribute("aria-label", text2.history.refreshTitle);
       });
       relocalizeHistory?.();
+      relocalizeJournal?.();
       setElementText(".scope-settings-head strong", text2.settings.title);
       const settingsClose = document.querySelector("#scope-settings-close");
       settingsClose?.setAttribute("aria-label", text2.settings.close);
@@ -32885,6 +35175,7 @@ code-viewer query snapshot delete --id snap-abc123`
       relocalizeDatabase?.();
     }
     let relocalizeHistory = null;
+    let relocalizeJournal = null;
     let relocalizeDatabase = null;
     let QUICK_HELP = null;
     function setViewerLanguage(language, persist = true) {
@@ -33336,6 +35627,7 @@ code-viewer query snapshot delete --id snap-abc123`
       return mount;
     }
     let ANNOTATIONS_UI = null;
+    let JOURNAL_VIEW = null;
     function applyInlineAnnotations() {
       ANNOTATIONS_UI?.applyInlineAnnotations();
     }
@@ -33413,6 +35705,9 @@ code-viewer query snapshot delete --id snap-abc123`
         preHistoryRange = null;
         removeFileHistoryShell2();
       }
+      if (previousRoute.screen === "journal" && nextRoute.screen !== "journal") {
+        JOURNAL_VIEW?.suspend();
+      }
       STATE.route = nextRoute;
       STATE.from = nextRoute.range.from;
       STATE.to = nextRoute.range.to;
@@ -33435,6 +35730,12 @@ code-viewer query snapshot delete --id snap-abc123`
       if (shouldDispatchFileRouteAfterSetRoute(previousRoute, nextRoute)) {
         dispatchFileRoute(nextRoute);
       }
+      if (nextRoute.screen === "journal") {
+        cancelActiveSourceLoad("navigation");
+        setPageMode();
+        removeStandaloneSource();
+        JOURNAL_VIEW?.enter();
+      }
     }
     function setQueryHistoryPanelOpen(open) {
       const panel = document.getElementById("query-history-panel");
@@ -33459,6 +35760,7 @@ code-viewer query snapshot delete --id snap-abc123`
       document.body.classList.toggle("gdp-history-page", historyPanelRoute);
       document.body.classList.toggle("gdp-file-history-page", fileHistoryRoute);
       document.body.classList.toggle("gdp-database-page", STATE.route.screen === "database");
+      document.body.classList.toggle("gdp-journal-page", STATE.route.screen === "journal");
       const repoTargetWrap = document.querySelector("#repo-target-wrap");
       if (!repoSidebarRoute && repoTargetWrap) {
         repoTargetWrap.hidden = true;
@@ -33509,6 +35811,12 @@ code-viewer query snapshot delete --id snap-abc123`
             range: currentRange()
           });
         }
+        if (link2.dataset.route === "journal") {
+          link2.href = buildRoute({
+            screen: "journal",
+            range: currentRange()
+          });
+        }
         if (link2.dataset.route === "database") {
           link2.href = buildRoute({
             screen: "database",
@@ -33682,6 +35990,7 @@ code-viewer query snapshot delete --id snap-abc123`
       focusDiffLine,
       scrollDiffElementIntoView,
       expandAllFileContext,
+      loadDiffFile,
       applyViewedState,
       enqueueInitialLoads
     } = DIFF_VIEW;
@@ -34323,6 +36632,7 @@ code-viewer query snapshot delete --id snap-abc123`
     function reloadDiffFromUi(trigger) {
       const topbarButton = $("#reload-prom");
       topbarButton.classList.add("spinning");
+      topbarButton.setAttribute("aria-busy", "true");
       if (trigger && trigger !== topbarButton) {
         trigger.classList.add("spinning");
         trigger.setAttribute("aria-busy", "true");
@@ -34330,6 +36640,7 @@ code-viewer query snapshot delete --id snap-abc123`
       load().finally(() => {
         setTimeout(() => {
           topbarButton.classList.remove("spinning");
+          topbarButton.setAttribute("aria-busy", "false");
           if (trigger && trigger !== topbarButton) {
             trigger.classList.remove("spinning");
             trigger.setAttribute("aria-busy", "false");
@@ -34349,6 +36660,11 @@ code-viewer query snapshot delete --id snap-abc123`
         setStatus("live");
         return Promise.resolve(null);
       }
+      if (STATE.route.screen === "journal") {
+        JOURNAL_VIEW?.enter();
+        setStatus("live");
+        return Promise.resolve(null);
+      }
       if (STATE.route.screen === "file" && !(isFileHistoryRoute(STATE.route) && activeHistoryPathFilter) && dispatchFileRoute(STATE.route)) {
         return Promise.resolve({
           structureChanged: false,
@@ -34410,6 +36726,9 @@ code-viewer query snapshot delete --id snap-abc123`
       } else if (STATE.route.screen === "database") {
         setStatus("live");
         DATABASE_VIEW.enter(STATE.route.db, STATE.route.schema, STATE.route.table, STATE.route.tab).then(() => ANNOTATIONS_UI?.applyInlineAnnotations());
+      } else if (STATE.route.screen === "journal") {
+        setStatus("live");
+        JOURNAL_VIEW?.enter();
       } else
         load();
       syncLineRefPill();
@@ -34589,6 +36908,17 @@ code-viewer query snapshot delete --id snap-abc123`
       event.preventDefault();
       closeDoctorSheet();
     });
+    JOURNAL_VIEW = createJournalView({
+      getRoute: () => STATE.route,
+      setRoute,
+      currentRange,
+      trackLoad,
+      getText: () => uiText().journal,
+      setPageMode,
+      syncHeaderMenu,
+      setStatus
+    });
+    relocalizeJournal = () => JOURNAL_VIEW?.localize();
     const DATABASE_VIEW = createDatabaseView({
       setRoute,
       setPageMode,
@@ -34637,6 +36967,8 @@ code-viewer query snapshot delete --id snap-abc123`
       nextRoute = normalizeInternalFileRoute(nextRoute);
       if (previousRoute.screen === "database" && nextRoute.screen !== "database")
         DATABASE_VIEW.suspend();
+      if (previousRoute.screen === "journal" && nextRoute.screen !== "journal")
+        JOURNAL_VIEW?.suspend();
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute))
         HISTORY_VIEW.leaveHistory();
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute))
@@ -34691,6 +37023,14 @@ code-viewer query snapshot delete --id snap-abc123`
         setStatus("live");
         return;
       }
+      if (STATE.route.screen === "journal") {
+        cancelActiveSourceLoad("navigation");
+        setPageMode();
+        removeStandaloneSource();
+        JOURNAL_VIEW?.enter();
+        setStatus("live");
+        return;
+      }
       if (STATE.route.screen !== "file") {
         cancelActiveSourceLoad("navigation");
         setPageMode();
@@ -34811,6 +37151,7 @@ code-viewer query snapshot delete --id snap-abc123`
       focusDiffLine,
       scrollDiffElementIntoView,
       expandAllFileContext,
+      loadDiffFile,
       scrollToFile,
       renderStandaloneSource,
       removeStandaloneSource,
@@ -35158,6 +37499,9 @@ code-viewer query snapshot delete --id snap-abc123`
       es.addEventListener("annotation", (event) => {
         ANNOTATIONS_UI?.handleSse(event.data);
       });
+      es.addEventListener("journal", () => {
+        JOURNAL_VIEW?.handleSse();
+      });
       es.addEventListener("db-query", (event) => {
         DATABASE_VIEW.handleSse("db-query", event.data);
       });