@youtyan/code-viewer 0.6.1 → 0.6.2

package/web/app.js

@@ -21,6 +21,48 @@
     throw Error('Dynamic require of "' + x + '" is not supported');
   });
 
+  // web-src/core/diff-file-kinds.ts
+  var HEAVY_SIZE_CLASSES = new Set(["medium", "large", "huge"]);
+  function classifyDiffFileKind(file) {
+    const status = (file.status || "")[0]?.toUpperCase();
+    const heavy = HEAVY_SIZE_CLASSES.has(file.size_class || "");
+    const media = !!file.media_kind;
+    return {
+      added: status === "A",
+      deleted: status === "D",
+      renamed: status === "R",
+      heavy,
+      binary: !media && (file.size_class === "binary" || !!file.binary),
+      media
+    };
+  }
+  function summarizeDiffFileKinds(files) {
+    const counts = {
+      added: 0,
+      deleted: 0,
+      renamed: 0,
+      heavy: 0,
+      binary: 0,
+      media: 0
+    };
+    for (const file of files) {
+      const kind = classifyDiffFileKind(file);
+      if (kind.added)
+        counts.added++;
+      if (kind.deleted)
+        counts.deleted++;
+      if (kind.renamed)
+        counts.renamed++;
+      if (kind.heavy)
+        counts.heavy++;
+      if (kind.binary)
+        counts.binary++;
+      if (kind.media)
+        counts.media++;
+    }
+    return counts;
+  }
+
   // web-src/core/file-path-copy.ts
   function filePathClipboardText(path) {
     return path || "";
@@ -55,6 +97,13 @@ ${lines.join(`
 
   // web-src/core/ai-context-copy.ts
   var AI_CONTEXT_LARGE_SELECTION_LINE_THRESHOLD = 300;
+  var DATABASE_QUERY_SQL_MAX_CHARS = 200;
+  function truncateOneLine(text, maxChars) {
+    const collapsed = text.replace(/\s+/g, " ").trim();
+    if (collapsed.length <= maxChars)
+      return collapsed;
+    return `${collapsed.slice(0, maxChars)}...`;
+  }
   function lineRange(line) {
     return typeof line === "number" ? { start: line, end: line } : { start: line.start, end: line.end };
   }
@@ -104,13 +153,14 @@ ${lines.join(`
 `)}
 \`\`\``;
   }
-  function historyLine(route) {
-    if (!route.commit)
-      return "";
-    const ref = route.ref && route.ref !== "worktree" && route.ref !== "HEAD" ? ` (ref: ${route.ref})` : "";
-    return `commit: ${route.commit}${ref}`;
+  function historyLine(route, diffFrom, diffTo) {
+    if (route.commit) {
+      const ref = route.ref && route.ref !== "worktree" && route.ref !== "HEAD" ? ` (ref: ${route.ref})` : "";
+      return `commit: ${route.commit}${ref}`;
+    }
+    return `History: ${diffFrom}..${diffTo}${commitOrRefSuffix(route)}`;
   }
-  function databaseLine(route) {
+  function databaseLine(route, querySql) {
     const parts = [];
     if (route.db)
       parts.push(`db=${route.db}`);
@@ -123,16 +173,52 @@ ${lines.join(`
     if (route.diffBefore && route.diffAfter) {
       parts.push(`snapshot=${route.diffBefore}..${route.diffAfter}`);
     }
-    return parts.length > 0 ? `database: ${parts.join(", ")}` : "";
+    if (route.tab === "query" && querySql) {
+      const sql = truncateOneLine(querySql, DATABASE_QUERY_SQL_MAX_CHARS);
+      if (sql)
+        parts.push(`sql=${sql}`);
+    }
+    return parts.length > 0 ? `database: ${parts.join(", ")}` : "database";
+  }
+  function diffOverviewLine(from, to, meta, viewedFiles) {
+    const base = `Diff: ${from}..${to}`;
+    if (!meta?.totals)
+      return base;
+    const parts = [
+      `${meta.totals.files} file${meta.totals.files === 1 ? "" : "s"}`,
+      `+${meta.totals.additions}/-${meta.totals.deletions}`
+    ];
+    const viewedTotal = meta.files.length;
+    if (viewedFiles && viewedTotal > 0) {
+      const viewed = meta.files.filter((file) => viewedFiles.has(file.path)).length;
+      parts.push(`${viewed}/${viewedTotal} viewed`);
+    }
+    const kinds = summarizeDiffFileKinds(meta.files);
+    const kindParts = [];
+    if (kinds.added)
+      kindParts.push(`${kinds.added} added`);
+    if (kinds.deleted)
+      kindParts.push(`${kinds.deleted} deleted`);
+    if (kinds.renamed)
+      kindParts.push(`${kinds.renamed} renamed`);
+    if (kinds.heavy)
+      kindParts.push(`${kinds.heavy} heavy`);
+    if (kinds.binary)
+      kindParts.push(`${kinds.binary} binary`);
+    if (kinds.media)
+      kindParts.push(`${kinds.media} media`);
+    if (kindParts.length > 0)
+      parts.push(kindParts.join(", "));
+    return `${base} (${parts.join(", ")})`;
   }
   function aiContextClipboardText(snapshot) {
     const { route } = snapshot;
     if (route.screen === "database")
-      return databaseLine(route);
+      return databaseLine(route, snapshot.databaseQuerySql);
     if (route.screen === "history")
-      return historyLine(route);
+      return historyLine(route, snapshot.diffFrom, snapshot.diffTo);
     if (route.screen === "diff" && !route.path) {
-      return `Diff: ${snapshot.diffFrom}..${snapshot.diffTo}`;
+      return diffOverviewLine(snapshot.diffFrom, snapshot.diffTo, snapshot.diffMeta, snapshot.viewedFiles);
     }
     return referenceLine(route, snapshot.selectionCode);
   }
@@ -401,6 +487,30 @@ ${lines.join(`
     "M7.47 2.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L8 3.81 4.28 7.53a.75.75 0 0 1-1.06-1.06Z",
     "M7.47 6.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L8 7.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06Z"
   ];
+  var PLAY_16_PATH = "M4.75 3.625a.75.75 0 0 1 1.148-.635l6 3.875a.75.75 0 0 1 0 1.27l-6 3.875A.75.75 0 0 1 4.75 11.375Z";
+  var PAUSE_16_PATHS = [
+    "M4.75 3A.75.75 0 0 1 5.5 2.25h1A.75.75 0 0 1 7.25 3v10a.75.75 0 0 1-.75.75h-1A.75.75 0 0 1 4.75 13Z",
+    "M8.75 3a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 .75.75v10a.75.75 0 0 1-.75.75h-1a.75.75 0 0 1-.75-.75Z"
+  ];
+  var PREVIOUS_16_PATHS = [
+    "M3.75 3a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-1.5 0v-8.5A.75.75 0 0 1 3.75 3Z",
+    "M12.22 3.22a.749.749 0 0 1 0 1.06L8.5 8l3.72 3.72a.749.749 0 1 1-1.06 1.06L6.91 8.53a.749.749 0 0 1 0-1.06l4.25-4.25a.749.749 0 0 1 1.06 0Z"
+  ];
+  var NEXT_16_PATHS = [
+    "M12.25 3a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 .75-.75Z",
+    "M3.78 3.22a.749.749 0 0 1 1.06 0l4.25 4.25a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06-1.06L7.5 8 3.78 4.28a.749.749 0 0 1 0-1.06Z"
+  ];
+  var VOLUME_UNMUTED_16_PATHS = [
+    "M7.563 2.069A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.188.61L3.766 11.5H1.75A1.75 1.75 0 0 1 0 9.75v-3.5C0 5.284.784 4.5 1.75 4.5h2.016l3.046-2.36a.75.75 0 0 1 .751-.071ZM6.5 4.279 4.484 5.841A.75.75 0 0 1 4.025 6H1.75a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h2.275a.75.75 0 0 1 .459.159L6.5 11.721Z",
+    "M10.28 5.22a.749.749 0 0 1 1.06 0 3.93 3.93 0 0 1 0 5.56.749.749 0 1 1-1.06-1.06 2.43 2.43 0 0 0 0-3.44.749.749 0 0 1 0-1.06Z",
+    "M12.39 3.11a.749.749 0 0 1 1.06 0 6.91 6.91 0 0 1 0 9.78.749.749 0 0 1-1.06-1.06 5.41 5.41 0 0 0 0-7.66.749.749 0 0 1 0-1.06Z"
+  ];
+  var VOLUME_MUTED_16_PATHS = [
+    VOLUME_UNMUTED_16_PATHS[0],
+    "M10.28 6.22 11.5 7.44l1.22-1.22a.749.749 0 1 1 1.06 1.06L12.56 8.5l1.22 1.22a.749.749 0 1 1-1.06 1.06L11.5 9.56l-1.22 1.22a.749.749 0 1 1-1.06-1.06l1.22-1.22-1.22-1.22a.749.749 0 1 1 1.06-1.06Z"
+  ];
+  var X_16_PATH = "M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z";
+  var SYNC_16_PATH = "M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z";
   function iconSvg(className, paths) {
     const pathList = Array.isArray(paths) ? paths : [paths];
     return '<svg class="octicon ' + className + '" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true">' + pathList.map((path) => `<path fill="currentColor" d="${path}"></path>`).join("") + "</svg>";
@@ -409,6 +519,12 @@ ${lines.join(`
   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 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";
+  var DOWNLOAD_16_PATHS = [
+    "M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z",
+    "M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"
+  ];
+  var LINK_16_PATH = "m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z";
 
   // web-src/core/keyboard.ts
   function isImeComposing(event) {
@@ -522,7 +638,8 @@ ${lines.join(`
     { action: "toggle-theme", key: "t" },
     { action: "open-help", key: "?", shift: true },
     { action: "copy-ai-context", key: "y" },
-    { action: "copy-ai-context-with-code", key: "y", shift: true }
+    { action: "copy-ai-context-with-code", key: "y", shift: true },
+    { action: "next-unviewed-file", key: "n" }
   ];
   function resolveKeymapAction(event, context) {
     const key = event.key.toLowerCase();
@@ -1553,6 +1670,11 @@ ${lines.join(`
   }
 
   // web-src/views/annotations-player.ts
+  function setIconButton(button, label, iconClass, paths) {
+    button.innerHTML = iconSvg(iconClass, paths);
+    button.title = label;
+    button.setAttribute("aria-label", label);
+  }
   function createAnnotationsPlayer(deps) {
     const bar = deps.$("#annotation-player");
     const toggleBtn = deps.$("#annotation-player-toggle");
@@ -1609,9 +1731,11 @@ ${lines.join(`
     }
     function render(state) {
       bar.classList.toggle("playing", state.status === "playing");
-      toggleBtn.textContent = state.status === "playing" ? "⏸" : "▶";
+      setIconButton(toggleBtn, state.status === "playing" ? "Pause annotation playback" : "Play annotation playback", state.status === "playing" ? "octicon-pause" : "octicon-play", state.status === "playing" ? PAUSE_16_PATHS : PLAY_16_PATH);
+      setIconButton(prevBtn, "Previous annotation", "octicon-skip-back", PREVIOUS_16_PATHS);
+      setIconButton(nextBtn, "Next annotation", "octicon-skip-forward", NEXT_16_PATHS);
       progress.textContent = state.status === "idle" || state.index < 0 ? `${state.total}` : `${state.index + 1}/${state.total}`;
-      muteBtn.textContent = state.muted ? "\uD83D\uDD07" : "\uD83D\uDD0A";
+      setIconButton(muteBtn, state.muted ? "Unmute annotation playback" : "Mute annotation playback", state.muted ? "octicon-volume-muted" : "octicon-volume-unmuted", state.muted ? VOLUME_MUTED_16_PATHS : VOLUME_UNMUTED_16_PATHS);
       prevBtn.disabled = state.status === "idle";
       nextBtn.disabled = state.status === "idle";
     }
@@ -8206,6 +8330,14 @@ ${frontmatter.yaml}
     const annotationListCountEl = $("#annotation-list-count");
     const annotationCaptureDb = $("#annotation-capture-db");
     annotationCaptureDb.innerHTML = iconSvg("octicon-plus", PLUS_16_PATH);
+    const annotationDetailPrev = $("#annotation-detail-prev");
+    const annotationDetailNext = $("#annotation-detail-next");
+    annotationDetailPrev.innerHTML = iconSvg("octicon-skip-back", PREVIOUS_16_PATHS);
+    annotationDetailPrev.title = "previous annotation";
+    annotationDetailPrev.setAttribute("aria-label", "previous annotation");
+    annotationDetailNext.innerHTML = iconSvg("octicon-skip-forward", NEXT_16_PATHS);
+    annotationDetailNext.title = "next annotation";
+    annotationDetailNext.setAttribute("aria-label", "next annotation");
     function updateDatabaseCaptureButton() {
       annotationCaptureDb.hidden = deps.getRoute().screen !== "database";
     }
@@ -8842,11 +8974,10 @@ ${frontmatter.yaml}
       edit.addEventListener("click", () => {
         openAnnotationEditForm(entry);
       });
-      const prev = $("#annotation-detail-prev");
-      head?.insertBefore(copyRef, prev);
-      head?.insertBefore(edit, prev);
-      $("#annotation-detail-prev").disabled = index <= 0;
-      $("#annotation-detail-next").disabled = index >= session.entries.length - 1;
+      head?.insertBefore(copyRef, annotationDetailPrev);
+      head?.insertBefore(edit, annotationDetailPrev);
+      annotationDetailPrev.disabled = index <= 0;
+      annotationDetailNext.disabled = index >= session.entries.length - 1;
       annotationDetail.hidden = false;
       setAnnotationPanelOpen(true);
       updateActiveHighlights();
@@ -9077,10 +9208,10 @@ ${frontmatter.yaml}
       postAnnotationAction({ action: "clear" });
     });
     $("#annotation-detail-close").addEventListener("click", hideAnnotationDetail);
-    $("#annotation-detail-prev").addEventListener("click", () => {
+    annotationDetailPrev.addEventListener("click", () => {
       stepAnnotation(-1);
     });
-    $("#annotation-detail-next").addEventListener("click", () => {
+    annotationDetailNext.addEventListener("click", () => {
       stepAnnotation(1);
     });
     $("#annotation-detail-location").addEventListener("click", (e2) => {
@@ -9659,6 +9790,15 @@ ${frontmatter.yaml}
       schemaTab: "Schema",
       selectDatastore: "Select datastore",
       selectSchema: "Select PostgreSQL schema",
+      refreshDatastores: "Refresh datastores",
+      refreshDatastoresShort: "Refresh",
+      refreshDatastoresBusy: "Refreshing...",
+      refreshDatastoresTitle: "Refresh the datastore list",
+      refreshDatastoresUnchanged: "No datastore changes",
+      refreshDatastoresChanged: (added, removed) => [
+        added > 0 ? `+${added} datastore${added === 1 ? "" : "s"}` : "",
+        removed > 0 ? `-${removed} datastore${removed === 1 ? "" : "s"}` : ""
+      ].filter(Boolean).join(" / "),
       toolbar: "Datastore tools",
       query: "Query",
       queryTitle: "Query Editor",
@@ -9674,6 +9814,8 @@ ${frontmatter.yaml}
       closeTab: (label) => `Close ${label}`,
       loadingSchema: "Loading schema…",
       noDatastores: "No datastores found",
+      noDatastoresHint: "Start a database service or add a SQLite file, then refresh this list.",
+      noDatastoreTab: "No datastore",
       dockerLimitReached: "Docker discovery reached the service limit; some compose services may be hidden.",
       inferFkLabel: "Rails FK inference",
       inferFkTitle: "Infer FK from Rails-style <name>_id → <names>.id",
@@ -9683,12 +9825,29 @@ ${frontmatter.yaml}
     grid: {
       searchPlaceholder: "Search all columns…",
       columnFilterPlaceholder: (column) => `${column}…`,
+      clearFiltersLabel: "Clear filters",
+      clearFiltersAction: (count) => `Clear ${count} active filter${count === 1 ? "" : "s"}`,
+      refreshLabel: "Reload table",
+      refreshFilteredLabel: "Reload filtered rows",
+      refreshingLabel: "Reloading...",
+      refreshAction: "Reload this table, keeping search and column filters",
+      refreshActionWithFilters: (count) => `Reload this table, keeping ${count} active filter${count === 1 ? "" : "s"}`,
+      refreshResultChanged: (delta, total) => {
+        const abs = Math.abs(delta).toLocaleString();
+        const sign = delta > 0 ? "+" : "-";
+        return `Rows ${sign}${abs} (${total} now)`;
+      },
+      refreshResultUnchanged: (total) => `Rows unchanged (${total})`,
       exportAction: "Export",
       foreignKeyHint: "Foreign key — click to view related rows",
       relatedEmpty: "No matching row in the referenced table",
+      filteredEmptyTitle: (count) => `No rows match ${count} active filter${count === 1 ? "" : "s"}`,
+      filteredEmptyHint: "The table was loaded, but the current search or column filters hide every row.",
+      filteredEmptyAction: "Clear filters",
       statusRows: (n2) => `${n2} rows`,
       statusSort: (column, dir) => `Sort: ${column} ${dir}`,
-      statusFilters: (n2) => `${n2} filter(s)`
+      statusFilters: (n2) => `${n2} filter(s)`,
+      statusRefreshing: (filters) => filters > 0 ? `Reloading with ${filters} active filter${filters === 1 ? "" : "s"}…` : "Reloading current table…"
     },
     edit: {
       editMode: "Edit",
@@ -9712,6 +9871,9 @@ ${frontmatter.yaml}
       indexes: "Indexes",
       triggers: "Triggers",
       ddl: "DDL",
+      refreshLabel: "Refresh schema",
+      refreshAction: "Refresh this table schema",
+      refreshingLabel: "Refreshing...",
       copyDdl: "Copy DDL",
       copied: "Copied!",
       colName: "Column",
@@ -9749,8 +9911,10 @@ ${frontmatter.yaml}
       statusExplain: (ms) => `Explain (${ms}ms)`
     },
     history: {
-      refresh: "Refresh",
-      refreshTitle: "Refresh history",
+      refresh: "Refresh history",
+      refreshTitle: "Refresh query history",
+      refreshResultAdded: (count) => `+${count} queries`,
+      refreshResultUnchanged: "No new queries",
       clearAll: "Clear All",
       clearTitle: "Delete all query history",
       selectPlaceholder: "Select a query to view details",
@@ -9761,6 +9925,10 @@ ${frontmatter.yaml}
       delete: "Delete",
       confirmDelete: "Confirm delete",
       confirmClear: "Confirm clear",
+      executorAi: "AI",
+      executorUser: "User",
+      rowsLabel: (rows, truncated) => `${rows}${truncated ? "+" : ""} rows`,
+      elapsedLabel: (ms) => `${ms}ms`,
       truncatedRows: (saved, total) => `Showing ${saved} of ${total} rows`
     },
     sessionLog: {
@@ -9944,6 +10112,15 @@ ${frontmatter.yaml}
       schemaTab: "スキーマ",
       selectDatastore: "データストアを選択",
       selectSchema: "PostgreSQL スキーマを選択",
+      refreshDatastores: "データストアを更新",
+      refreshDatastoresShort: "更新",
+      refreshDatastoresBusy: "更新中...",
+      refreshDatastoresTitle: "データストア一覧を更新",
+      refreshDatastoresUnchanged: "データストアに変化なし",
+      refreshDatastoresChanged: (added, removed) => [
+        added > 0 ? `+${added} データストア` : "",
+        removed > 0 ? `-${removed} データストア` : ""
+      ].filter(Boolean).join(" / "),
       toolbar: "データストアツール",
       query: "クエリ",
       queryTitle: "クエリエディタ",
@@ -9959,6 +10136,8 @@ ${frontmatter.yaml}
       closeTab: (label) => `${label} を閉じる`,
       loadingSchema: "スキーマを読み込み中…",
       noDatastores: "データストアが見つかりません",
+      noDatastoresHint: "DB サービスを起動するか SQLite ファイルを追加してから、一覧を更新してください。",
+      noDatastoreTab: "未検出",
       dockerLimitReached: "Docker のサービス数が上限に達しました。一部の compose サービスは表示されていない可能性があります。",
       inferFkLabel: "Rails FK 推測",
       inferFkTitle: "Rails 命名規約 (<name>_id → <names>.id) から FK を推測",
@@ -9968,12 +10147,29 @@ ${frontmatter.yaml}
     grid: {
       searchPlaceholder: "全カラムを検索…",
       columnFilterPlaceholder: (column) => `${column}…`,
+      clearFiltersLabel: "フィルタ解除",
+      clearFiltersAction: (count) => `有効なフィルタ ${count} 件を解除`,
+      refreshLabel: "表を再読込",
+      refreshFilteredLabel: "絞り込み再読込",
+      refreshingLabel: "更新中...",
+      refreshAction: "検索/列フィルタを保持して、この表だけ再読み込み",
+      refreshActionWithFilters: (count) => `有効なフィルタ ${count} 件を保持して、この表だけ再読み込み`,
+      refreshResultChanged: (delta, total) => {
+        const abs = Math.abs(delta).toLocaleString();
+        const sign = delta > 0 ? "+" : "-";
+        return `行数 ${sign}${abs} (現在 ${total})`;
+      },
+      refreshResultUnchanged: (total) => `行数変化なし (${total})`,
       exportAction: "エクスポート",
       foreignKeyHint: "外部キー: クリックして関連データを表示",
       relatedEmpty: "参照先に該当する行がありません",
+      filteredEmptyTitle: (count) => `フィルタ ${count} 件に一致する行がありません`,
+      filteredEmptyHint: "表は読み込めていますが、現在の検索/列フィルタですべての行が隠れています。",
+      filteredEmptyAction: "フィルタ解除",
       statusRows: (n2) => `${n2} 行`,
       statusSort: (column, dir) => `並び替え: ${column} ${dir}`,
-      statusFilters: (n2) => `フィルタ ${n2} 件`
+      statusFilters: (n2) => `フィルタ ${n2} 件`,
+      statusRefreshing: (filters) => filters > 0 ? `フィルタ ${filters} 件を保持して再読み込み中…` : "この表を再読み込み中…"
     },
     edit: {
       editMode: "編集",
@@ -9997,6 +10193,9 @@ ${frontmatter.yaml}
       indexes: "インデックス",
       triggers: "トリガー",
       ddl: "DDL",
+      refreshLabel: "スキーマを更新",
+      refreshAction: "この表のスキーマを再読み込み",
+      refreshingLabel: "更新中...",
       copyDdl: "DDL をコピー",
       copied: "コピーしました",
       colName: "カラム",
@@ -10034,8 +10233,10 @@ ${frontmatter.yaml}
       statusExplain: (ms) => `Explain (${ms}ms)`
     },
     history: {
-      refresh: "更新",
-      refreshTitle: "履歴を更新",
+      refresh: "クエリ履歴を更新",
+      refreshTitle: "クエリ履歴を再読み込み",
+      refreshResultAdded: (count) => `+${count} 件`,
+      refreshResultUnchanged: "新しいクエリはありません",
       clearAll: "すべて削除",
       clearTitle: "クエリ履歴をすべて削除",
       selectPlaceholder: "クエリを選択すると詳細が表示されます",
@@ -10046,6 +10247,10 @@ ${frontmatter.yaml}
       delete: "削除",
       confirmDelete: "削除を確認",
       confirmClear: "全削除を確認",
+      executorAi: "AI",
+      executorUser: "ユーザー",
+      rowsLabel: (rows, truncated) => `${rows}${truncated ? "+" : ""} 行`,
+      elapsedLabel: (ms) => `${ms}ms`,
       truncatedRows: (saved, total) => `全 ${total} 行中 ${saved} 行を表示`
     },
     sessionLog: {
@@ -11861,16 +12066,22 @@ ${frontmatter.yaml}
     const toolbar = document.createElement("div");
     toolbar.className = "db-query-history-toolbar";
     const refreshBtn = document.createElement("button");
-    refreshBtn.className = "db-query-history-action";
+    refreshBtn.className = "db-query-history-action db-query-history-refresh";
     refreshBtn.type = "button";
-    refreshBtn.textContent = text2().history.refresh;
-    refreshBtn.title = text2().history.refreshTitle;
+    refreshBtn.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+    const refreshLabel = document.createElement("span");
+    refreshLabel.className = "db-query-history-action-label";
+    refreshBtn.appendChild(refreshLabel);
+    const refreshResult = document.createElement("span");
+    refreshResult.className = "db-refresh-result db-query-history-refresh-result";
+    refreshResult.setAttribute("aria-live", "polite");
+    refreshResult.hidden = true;
     const clearBtn = document.createElement("button");
     clearBtn.className = "db-query-history-action db-query-history-danger";
     clearBtn.type = "button";
     clearBtn.textContent = text2().history.clearAll;
     clearBtn.title = text2().history.clearTitle;
-    toolbar.append(refreshBtn, clearBtn);
+    toolbar.append(refreshBtn, refreshResult, clearBtn);
     const body = document.createElement("div");
     body.className = "db-query-history-body-split";
     const listCol = document.createElement("div");
@@ -11894,6 +12105,50 @@ ${frontmatter.yaml}
     let inFlightRefresh = null;
     const entryRowsById = new Map;
     let selectedEntryRow = null;
+    let refreshResultState = { type: "none" };
+    function syncRefreshButtonLabel() {
+      refreshLabel.textContent = text2().history.refresh;
+      refreshBtn.title = text2().history.refreshTitle;
+      refreshBtn.setAttribute("aria-label", text2().history.refreshTitle);
+    }
+    function setRefreshBusy(isBusy) {
+      refreshBtn.disabled = isBusy;
+      refreshBtn.classList.toggle("spinning", isBusy);
+      refreshBtn.setAttribute("aria-busy", isBusy ? "true" : "false");
+    }
+    function refreshResultText() {
+      switch (refreshResultState.type) {
+        case "none":
+          return "";
+        case "added":
+          return text2().history.refreshResultAdded(refreshResultState.count);
+        case "unchanged":
+          return text2().history.refreshResultUnchanged;
+        default: {
+          const exhaustive = refreshResultState;
+          return exhaustive;
+        }
+      }
+    }
+    function syncRefreshResult() {
+      const message = refreshResultText();
+      refreshResult.textContent = message;
+      refreshResult.hidden = message.length === 0;
+      refreshResult.classList.toggle("changed", refreshResultState.type === "added");
+    }
+    function clearRefreshResult() {
+      refreshResultState = { type: "none" };
+      syncRefreshResult();
+    }
+    function setRefreshResult(previousEntries, nextEntries) {
+      const previousIds = new Set(previousEntries.map((entry) => entry.id));
+      const added = nextEntries.filter((entry) => !previousIds.has(entry.id)).length;
+      refreshResultState = added > 0 ? { type: "added", count: added } : { type: "unchanged" };
+      syncRefreshResult();
+    }
+    syncRefreshButtonLabel();
+    setRefreshBusy(false);
+    syncRefreshResult();
     function currentRefreshParams() {
       const dbId = callbacks.getDbId();
       const schema = callbacks.getSchema();
@@ -11930,6 +12185,10 @@ ${frontmatter.yaml}
       if (!options.force && refreshKey === lastRefreshKey && now - lastRefreshAt < 1000) {
         return;
       }
+      const previousEntries = options.announceResult ? [...entries] : null;
+      if (options.announceResult)
+        clearRefreshResult();
+      setRefreshBusy(true);
       const promise = (async () => {
         const res = await fetch(`/_db/history${params}`);
         if (!res.ok)
@@ -11938,6 +12197,8 @@ ${frontmatter.yaml}
         if (currentRefreshParams().key !== refreshKey)
           return;
         entries = state.entries;
+        if (previousEntries)
+          setRefreshResult(previousEntries, entries);
         lastRefreshKey = refreshKey;
         lastRefreshAt = Date.now();
         if (selectedEntryId && !entries.some((entry) => entry.id === selectedEntryId)) {
@@ -11949,8 +12210,10 @@ ${frontmatter.yaml}
       try {
         await promise;
       } finally {
-        if (inFlightRefresh?.promise === promise)
+        if (inFlightRefresh?.promise === promise) {
           inFlightRefresh = null;
+          setRefreshBusy(false);
+        }
       }
     }
     function render() {
@@ -11987,6 +12250,7 @@ ${frontmatter.yaml}
     }
     function renderDetail(entry) {
       detailCol.innerHTML = "";
+      const meta = renderEntryMeta(entry, "detail");
       const actions = document.createElement("div");
       actions.className = "db-query-history-detail-actions";
       const useBtn = document.createElement("button");
@@ -12021,7 +12285,7 @@ ${frontmatter.yaml}
       const sqlBlock = document.createElement("pre");
       sqlBlock.className = "db-query-history-sql";
       sqlBlock.textContent = entry.sql;
-      detailCol.append(actions, sqlBlock);
+      detailCol.append(meta, actions, sqlBlock);
       if (entry.body) {
         const bodyBlock = document.createElement("div");
         bodyBlock.className = "db-query-history-body";
@@ -12047,26 +12311,30 @@ ${frontmatter.yaml}
       }
       item.dataset.id = entry.id;
       entryRowsById.set(entry.id, item);
+      const meta = renderEntryMeta(entry, "entry");
+      const title = document.createElement("div");
+      title.className = "db-query-history-entry-title";
+      title.textContent = entry.title || (entry.sql.length > 80 ? `${entry.sql.slice(0, 80)}...` : entry.sql);
+      item.append(meta, title);
+      item.addEventListener("click", () => selectEntry(entry));
+      return item;
+    }
+    function renderEntryMeta(entry, mode) {
       const meta = document.createElement("div");
-      meta.className = "db-query-history-entry-meta";
+      meta.className = mode === "detail" ? "db-query-history-detail-meta" : "db-query-history-entry-meta";
       const byIcon = document.createElement("span");
       byIcon.className = "db-query-history-by";
-      byIcon.textContent = entry.executedBy === "ai" ? "[AI]" : "[User]";
+      const executor = entry.executedBy === "ai" ? text2().history.executorAi : text2().history.executorUser;
+      byIcon.textContent = mode === "detail" ? executor : `[${executor}]`;
       const time = document.createElement("span");
       time.className = "db-query-history-time";
       time.textContent = formatTime(entry.executedAt);
       time.title = entry.executedAt;
       const stats = document.createElement("span");
       stats.className = "db-query-history-stats";
-      const truncMark = entry.truncated ? "+" : "";
-      stats.textContent = `${entry.rowCount}${truncMark} rows, ${entry.elapsedMs}ms`;
+      stats.textContent = `${text2().history.rowsLabel(entry.rowCount, entry.truncated)}, ${text2().history.elapsedLabel(entry.elapsedMs)}`;
       meta.append(byIcon, time, stats);
-      const title = document.createElement("div");
-      title.className = "db-query-history-entry-title";
-      title.textContent = entry.title || (entry.sql.length > 80 ? `${entry.sql.slice(0, 80)}...` : entry.sql);
-      item.append(meta, title);
-      item.addEventListener("click", () => selectEntry(entry));
-      return item;
+      return meta;
     }
     function renderPreviewTable(entry) {
       const wrapper = document.createElement("div");
@@ -12175,17 +12443,19 @@ ${frontmatter.yaml}
           body: JSON.stringify(dbId ? { db: dbId, ...schema ? { schema } : {} } : {})
         });
         entries = [];
+        clearRefreshResult();
         render();
       } catch {}
     });
     refreshBtn.addEventListener("click", () => {
-      refresh({ force: true });
+      refresh({ force: true, announceResult: true });
     });
     function clear() {
       entries = [];
       expandedIds.clear();
       lastRefreshKey = null;
       lastRefreshAt = 0;
+      clearRefreshResult();
       if (clearConfirmTimer) {
         clearTimeout(clearConfirmTimer);
         clearConfirmTimer = null;
@@ -12196,8 +12466,8 @@ ${frontmatter.yaml}
       render();
     }
     function localize() {
-      refreshBtn.textContent = text2().history.refresh;
-      refreshBtn.title = text2().history.refreshTitle;
+      syncRefreshButtonLabel();
+      syncRefreshResult();
       if (clearBtn.dataset.confirm !== "1") {
         clearBtn.textContent = text2().history.clearAll;
       }
@@ -14261,7 +14531,25 @@ ${frontmatter.yaml}
     const el = document.createElement("div");
     el.className = "db-schema-view";
     el.hidden = true;
+    let refreshBusy = false;
+    let refreshBtn = null;
+    let refreshLabel = null;
     let lastArgs = null;
+    function syncRefreshButton() {
+      if (!refreshBtn || !refreshLabel)
+        return;
+      const t2 = text2().schema;
+      refreshBtn.title = t2.refreshAction;
+      refreshBtn.setAttribute("aria-label", t2.refreshAction);
+      refreshBtn.setAttribute("aria-busy", refreshBusy ? "true" : "false");
+      refreshBtn.disabled = refreshBusy;
+      refreshBtn.classList.toggle("spinning", refreshBusy);
+      refreshLabel.textContent = refreshBusy ? t2.refreshingLabel : t2.refreshLabel;
+    }
+    function setRefreshBusy(busy) {
+      refreshBusy = busy;
+      syncRefreshButton();
+    }
     function render(table2, columns, indexes, extra) {
       lastArgs = { table: table2, columns, indexes, extra };
       const t2 = text2().schema;
@@ -14269,7 +14557,29 @@ ${frontmatter.yaml}
       el.innerHTML = "";
       const header = document.createElement("div");
       header.className = "db-schema-header";
-      header.textContent = `Schema: ${table2}`;
+      const headerTitle = document.createElement("span");
+      headerTitle.className = "db-schema-header-title";
+      headerTitle.textContent = `Schema: ${table2}`;
+      header.appendChild(headerTitle);
+      if (deps.onRefresh) {
+        refreshBtn = document.createElement("button");
+        refreshBtn.type = "button";
+        refreshBtn.className = "db-btn db-btn-icon db-grid-refresh db-schema-refresh";
+        refreshBtn.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+        refreshLabel = document.createElement("span");
+        refreshLabel.className = "db-grid-refresh-label";
+        refreshBtn.appendChild(refreshLabel);
+        refreshBtn.addEventListener("click", () => {
+          if (refreshBusy)
+            return;
+          deps.onRefresh?.();
+        });
+        header.appendChild(refreshBtn);
+        syncRefreshButton();
+      } else {
+        refreshBtn = null;
+        refreshLabel = null;
+      }
       el.appendChild(header);
       const colSectionHeader = document.createElement("div");
       colSectionHeader.className = "db-schema-section-header";
@@ -14432,13 +14742,16 @@ ${frontmatter.yaml}
       el.hidden = true;
       el.innerHTML = "";
       lastArgs = null;
+      refreshBtn = null;
+      refreshLabel = null;
+      refreshBusy = false;
     }
     function localize() {
       if (!lastArgs || el.hidden)
         return;
       render(lastArgs.table, lastArgs.columns, lastArgs.indexes, lastArgs.extra);
     }
-    return { el, render, clear, localize };
+    return { el, render, clear, localize, setRefreshBusy };
   }
 
   // web-src/views/database/session-log.ts
@@ -15866,7 +16179,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterBar.className = "db-grid-filter-bar";
     const filterIcon = document.createElement("span");
     filterIcon.className = "db-grid-filter-icon";
-    filterIcon.textContent = "\uD83D\uDD0D";
+    filterIcon.setAttribute("aria-hidden", "true");
+    filterIcon.innerHTML = iconSvg("octicon-search", SEARCH_16_PATH);
     const filterInput = document.createElement("input");
     filterInput.type = "search";
     filterInput.className = "db-grid-filter-input";
@@ -15874,9 +16188,24 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterInput.autocomplete = "off";
     const filterClear = document.createElement("button");
     filterClear.type = "button";
-    filterClear.className = "db-btn db-btn-icon db-grid-filter-clear";
-    filterClear.textContent = "×";
+    filterClear.className = "db-btn db-btn-sm db-grid-filter-clear";
+    filterClear.textContent = text2().grid.clearFiltersLabel;
     filterClear.hidden = true;
+    const refreshBtn = document.createElement("button");
+    refreshBtn.type = "button";
+    refreshBtn.className = "db-btn db-btn-icon db-grid-refresh";
+    refreshBtn.title = text2().grid.refreshAction;
+    refreshBtn.setAttribute("aria-label", text2().grid.refreshAction);
+    refreshBtn.setAttribute("aria-busy", "false");
+    refreshBtn.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+    const refreshLabel = document.createElement("span");
+    refreshLabel.className = "db-grid-refresh-label";
+    refreshLabel.textContent = text2().grid.refreshLabel;
+    refreshBtn.appendChild(refreshLabel);
+    const refreshResult = document.createElement("span");
+    refreshResult.className = "db-refresh-result db-grid-refresh-result";
+    refreshResult.setAttribute("aria-live", "polite");
+    refreshResult.hidden = true;
     const exportWrap = document.createElement("div");
     exportWrap.className = "db-grid-export";
     const exportBtn = document.createElement("button");
@@ -15884,7 +16213,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     exportBtn.className = "db-btn db-btn-icon db-grid-export-toggle";
     exportBtn.title = text2().grid.exportAction;
     exportBtn.setAttribute("aria-label", text2().grid.exportAction);
-    exportBtn.textContent = "⬇";
+    exportBtn.innerHTML = iconSvg("octicon-download", DOWNLOAD_16_PATHS);
     const exportMenu = document.createElement("div");
     exportMenu.className = "db-grid-export-menu";
     exportMenu.hidden = true;
@@ -15944,7 +16273,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     const editStatus = document.createElement("span");
     editStatus.className = "db-grid-edit-status";
     editWrap.append(newRowBtn, commitBtn, discardBtn, editStatus);
-    filterBar.append(filterIcon, filterInput, filterClear, editWrap, exportWrap);
+    const filterActions = document.createElement("div");
+    filterActions.className = "db-grid-filter-actions";
+    filterActions.append(refreshBtn, refreshResult, exportWrap);
+    filterBar.append(filterIcon, filterInput, filterClear, editWrap, filterActions);
     const headerWrap = document.createElement("div");
     headerWrap.className = "db-grid-header-wrap";
     const headerRow = document.createElement("div");
@@ -15961,6 +16293,31 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     spacer.className = "db-grid-spacer";
     const body = document.createElement("div");
     body.className = "db-grid-body";
+    const filteredEmpty = document.createElement("div");
+    filteredEmpty.className = "db-pane-empty";
+    filteredEmpty.hidden = true;
+    const filteredEmptyIcon = document.createElement("div");
+    filteredEmptyIcon.className = "db-pane-empty-icon";
+    filteredEmptyIcon.innerHTML = iconSvg("octicon-search", SEARCH_16_PATH);
+    const filteredEmptyTitle = document.createElement("div");
+    filteredEmptyTitle.className = "db-pane-empty-title";
+    const filteredEmptyHint = document.createElement("div");
+    filteredEmptyHint.className = "db-pane-empty-hint";
+    const filteredEmptyActions = document.createElement("div");
+    filteredEmptyActions.className = "db-pane-empty-actions";
+    filteredEmptyActions.hidden = true;
+    const filteredEmptyReloadAction = document.createElement("button");
+    filteredEmptyReloadAction.type = "button";
+    filteredEmptyReloadAction.className = "db-btn db-btn-primary db-btn-sm";
+    filteredEmptyReloadAction.hidden = true;
+    filteredEmptyReloadAction.disabled = true;
+    const filteredEmptyAction = document.createElement("button");
+    filteredEmptyAction.type = "button";
+    filteredEmptyAction.className = "db-btn db-btn-sm";
+    filteredEmptyAction.hidden = true;
+    filteredEmptyAction.disabled = true;
+    filteredEmptyActions.append(filteredEmptyReloadAction, filteredEmptyAction);
+    filteredEmpty.append(filteredEmptyIcon, filteredEmptyTitle, filteredEmptyHint, filteredEmptyActions);
     const detailPanel = document.createElement("div");
     detailPanel.className = "db-grid-detail-panel";
     detailPanel.hidden = true;
@@ -15968,7 +16325,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     detailResize.className = "db-grid-detail-resize";
     detailResize.addEventListener("mousedown", startDetailResize);
     detailPanel.appendChild(detailResize);
-    viewport.append(spacer, body);
+    viewport.append(spacer, body, filteredEmpty);
     el.append(filterBar, headerWrap, filterRowWrap, viewport, detailPanel);
     function panelMaxHeight() {
       const containerH = el.clientHeight || window.innerHeight;
@@ -16046,6 +16403,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let loadController = new AbortController;
     let rafId = 0;
     let statusEl = null;
+    let isRefreshing = false;
+    let refreshResultState = null;
     let filterTimer = null;
     let selectedRowIndex = -1;
     let activeCellRowIndex = -1;
@@ -16140,19 +16499,109 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       syncContentWidth();
       renderViewport();
     }
-    function collectFilters() {
+    function collectColumnFilters() {
       const filters = [];
       for (const [col, val] of columnFilters) {
         if (val)
           filters.push({ column: col, value: val });
       }
-      if (globalSearchValue && filters.length === 0) {
+      return filters;
+    }
+    function collectFilters() {
+      const filters = collectColumnFilters();
+      if (globalSearchValue) {
         for (const col of columnNames) {
-          filters.push({ column: col, value: globalSearchValue });
+          if (!filters.some((filter) => filter.column === col && filter.value === globalSearchValue)) {
+            filters.push({ column: col, value: globalSearchValue });
+          }
         }
       }
       return filters;
     }
+    function activeFilterCount() {
+      return columnFilters.size + (globalSearchValue ? 1 : 0);
+    }
+    function syncRefreshButton() {
+      const count = activeFilterCount();
+      const t2 = text2().grid;
+      refreshLabel.textContent = isRefreshing ? t2.refreshingLabel : count > 0 ? t2.refreshFilteredLabel : t2.refreshLabel;
+      const action = count > 0 ? t2.refreshActionWithFilters(count) : t2.refreshAction;
+      refreshBtn.classList.toggle("has-filters", count > 0);
+      refreshBtn.title = action;
+      refreshBtn.setAttribute("aria-label", action);
+      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);
+    }
+    function clearRefreshResult() {
+      refreshResultState = null;
+      syncRefreshResult();
+    }
+    function setRefreshResult(previousTotalRows, nextTotalRows) {
+      refreshResultState = {
+        delta: nextTotalRows - previousTotalRows,
+        totalRows: nextTotalRows
+      };
+      syncRefreshResult();
+    }
+    function syncFilterClearButton() {
+      const count = activeFilterCount();
+      const t2 = text2().grid;
+      filterClear.hidden = count === 0;
+      filterClear.textContent = t2.clearFiltersLabel;
+      const action = t2.clearFiltersAction(count);
+      filterClear.title = action;
+      filterClear.setAttribute("aria-label", action);
+    }
+    function syncFilteredEmptyState() {
+      const count = activeFilterCount();
+      const show = totalRows === 0 && count > 0;
+      filteredEmpty.hidden = !show;
+      filteredEmptyActions.hidden = !show;
+      filteredEmptyReloadAction.hidden = !show;
+      filteredEmptyReloadAction.disabled = !show || isRefreshing;
+      filteredEmptyAction.hidden = !show;
+      filteredEmptyAction.disabled = !show;
+      if (!show)
+        return;
+      const t2 = text2().grid;
+      const reloadAction = t2.refreshActionWithFilters(count);
+      filteredEmptyTitle.textContent = t2.filteredEmptyTitle(count);
+      filteredEmptyHint.textContent = t2.filteredEmptyHint;
+      filteredEmptyReloadAction.textContent = isRefreshing ? t2.refreshingLabel : t2.refreshFilteredLabel;
+      filteredEmptyReloadAction.title = reloadAction;
+      filteredEmptyReloadAction.setAttribute("aria-label", reloadAction);
+      filteredEmptyReloadAction.setAttribute("aria-busy", isRefreshing ? "true" : "false");
+      filteredEmptyAction.textContent = t2.filteredEmptyAction;
+      filteredEmptyAction.title = t2.clearFiltersAction(count);
+      filteredEmptyAction.setAttribute("aria-label", t2.clearFiltersAction(count));
+    }
+    function clearAllFilters() {
+      globalSearchValue = "";
+      filterInput.value = "";
+      columnFilters.clear();
+      clearRefreshResult();
+      filterRow.querySelectorAll(".db-grid-col-filter").forEach((input) => {
+        input.value = "";
+      });
+      syncFilterClearButton();
+      syncRefreshButton();
+      syncFilteredEmptyState();
+    }
+    function clearFiltersAndReload() {
+      clearAllFilters();
+      invalidateData();
+    }
     function resetSelectionAndDetail() {
       selectedRowIndex = -1;
       detailPanel.hidden = true;
@@ -16169,11 +16618,60 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function invalidateData() {
       pageCache = new Map;
       pendingPages = new Map;
+      clearRefreshResult();
       startNewLoadGeneration();
       viewport.scrollTop = 0;
       resetSelectionAndDetail();
       return ensurePage(0);
     }
+    async function refreshCurrentTable() {
+      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;
+      refreshBtn.disabled = true;
+      refreshBtn.classList.add("spinning");
+      isRefreshing = true;
+      clearRefreshResult();
+      syncRefreshButton();
+      syncFilteredEmptyState();
+      updateStatus();
+      if (filterTimer) {
+        clearTimeout(filterTimer);
+        filterTimer = null;
+      }
+      pageCache = new Map;
+      pendingPages = new Map;
+      startNewLoadGeneration();
+      const refreshGeneration = loadGeneration;
+      resetSelectionAndDetail();
+      viewport.scrollTop = scrollTop;
+      renderViewport();
+      try {
+        await ensurePage(pageStart);
+      } finally {
+        const endedInError = statusEl?.classList.contains("db-pane-error");
+        isRefreshing = false;
+        refreshBtn.classList.remove("spinning");
+        refreshBtn.disabled = false;
+        syncRefreshButton();
+        syncFilteredEmptyState();
+        if (!endedInError) {
+          if (loadGeneration === refreshGeneration && JSON.stringify(collectFilters()) === refreshFilterKey) {
+            setRefreshResult(previousTotalRows, totalRows);
+            callbacks.onRefreshComplete?.({
+              table: refreshTable,
+              totalRows,
+              filters: collectFilters()
+            });
+          }
+          updateStatus();
+        }
+      }
+    }
     function clear() {
       cleanupResize();
       clearActiveCell();
@@ -16182,10 +16680,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       columnNames = [];
       totalRows = 0;
       sort = null;
+      isRefreshing = false;
       columnFilters.clear();
       globalSearchValue = "";
+      clearRefreshResult();
       filterInput.value = "";
-      filterClear.hidden = true;
+      syncFilterClearButton();
+      syncRefreshButton();
       filterRow.innerHTML = "";
       pageCache = new Map;
       pendingPages = new Map;
@@ -16278,7 +16779,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       header.className = "db-related-header";
       const title = document.createElement("span");
       title.className = "db-related-title";
-      title.textContent = "\uD83D\uDD17";
+      title.setAttribute("aria-hidden", "true");
+      title.innerHTML = iconSvg("octicon-link", LINK_16_PATH);
       relatedCrumbEl = document.createElement("span");
       relatedCrumbEl.className = "db-related-crumbs";
       const copyBtn = document.createElement("button");
@@ -16582,7 +17084,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           cell.classList.add("db-grid-header-fk");
           const fkIcon = document.createElement("span");
           fkIcon.className = "db-grid-header-fk-icon";
-          fkIcon.textContent = "\uD83D\uDD17";
+          fkIcon.innerHTML = iconSvg("octicon-link", LINK_16_PATH);
           fkIcon.title = text2().grid.foreignKeyHint;
           label.appendChild(fkIcon);
         }
@@ -16668,6 +17170,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           } else {
             columnFilters.delete(col.name);
           }
+          clearRefreshResult();
+          syncFilterClearButton();
+          syncRefreshButton();
           scheduleFilter();
         });
         input.addEventListener("keydown", (e2) => {
@@ -16676,6 +17181,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           if (e2.key === "Escape") {
             input.value = "";
             columnFilters.delete(col.name);
+            clearRefreshResult();
+            syncFilterClearButton();
+            syncRefreshButton();
             scheduleFilter();
           }
         });
@@ -16687,6 +17195,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (filterTimer)
         clearTimeout(filterTimer);
       filterTimer = setTimeout(() => {
+        filterTimer = null;
         invalidateData();
       }, FILTER_DEBOUNCE_MS);
     }
@@ -17065,6 +17574,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         for (let i2 = startRow;i2 < endRow; i2++) {
           body.appendChild(i2 < totalRows ? buildDataRow(i2) : buildDraftRow(i2 - totalRows));
         }
+        syncFilteredEmptyState();
         if (focusRestore) {
           const next = body.querySelector(`.db-grid-cell-input[data-edit-row="${focusRestore.row}"][data-edit-col="${focusRestore.col}"]`);
           if (next) {
@@ -17114,15 +17624,18 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const parts = [t2.statusRows(totalRows.toLocaleString())];
       if (sort)
         parts.push(t2.statusSort(sort.column, sort.direction.toUpperCase()));
-      const activeFilterCount = columnFilters.size + (globalSearchValue ? 1 : 0);
-      if (activeFilterCount > 0)
-        parts.push(t2.statusFilters(activeFilterCount));
+      const filterCount = activeFilterCount();
+      if (filterCount > 0)
+        parts.push(t2.statusFilters(filterCount));
+      if (isRefreshing)
+        parts.push(t2.statusRefreshing(filterCount));
       const textNode = statusEl.firstChild;
       if (textNode && textNode.nodeType === Node.TEXT_NODE) {
         textNode.textContent = `${parts.join(" | ")} `;
       } else {
         statusEl.insertBefore(document.createTextNode(`${parts.join(" | ")} `), statusEl.firstChild);
       }
+      syncRefreshResult();
     }
     function showError(message) {
       clear();
@@ -17161,13 +17674,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (state.search !== undefined) {
         globalSearchValue = state.search;
         filterInput.value = state.search;
-        filterClear.hidden = !globalSearchValue;
       }
       columnFilters.clear();
       for (const filter of state.filters || []) {
         if (filter.column && filter.value)
           columnFilters.set(filter.column, filter.value);
       }
+      syncFilterClearButton();
+      syncRefreshButton();
       sort = state.sort || null;
       const targetRowIndex = state.row && state.row > 0 ? state.row - 1 : -1;
       renderHeader();
@@ -17180,7 +17694,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
     }
     function getState() {
-      const filters = collectFilters().filter((filter) => filter.value !== globalSearchValue);
+      const filters = collectColumnFilters();
       return {
         ...globalSearchValue ? { search: globalSearchValue } : {},
         ...filters.length ? { filters } : {},
@@ -17190,7 +17704,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     filterInput.addEventListener("input", () => {
       globalSearchValue = filterInput.value.trim();
-      filterClear.hidden = !globalSearchValue;
+      clearRefreshResult();
+      syncFilterClearButton();
+      syncRefreshButton();
       scheduleFilter();
     });
     filterInput.addEventListener("keydown", (e2) => {
@@ -17199,15 +17715,24 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (e2.key === "Escape") {
         filterInput.value = "";
         globalSearchValue = "";
-        filterClear.hidden = true;
+        clearRefreshResult();
+        syncFilterClearButton();
+        syncRefreshButton();
         scheduleFilter();
       }
     });
     filterClear.addEventListener("click", () => {
-      filterInput.value = "";
-      globalSearchValue = "";
-      filterClear.hidden = true;
-      invalidateData();
+      clearFiltersAndReload();
+    });
+    filteredEmptyAction.addEventListener("click", () => {
+      clearFiltersAndReload();
+      filterInput.focus?.();
+    });
+    filteredEmptyReloadAction.addEventListener("click", () => {
+      refreshCurrentTable();
+    });
+    refreshBtn.addEventListener("click", () => {
+      refreshCurrentTable();
     });
     const onViewportScroll = () => {
       headerWrap.scrollLeft = viewport.scrollLeft;
@@ -17236,6 +17761,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function localize() {
       const t2 = text2();
       filterInput.placeholder = t2.grid.searchPlaceholder;
+      syncFilterClearButton();
+      syncRefreshButton();
+      syncRefreshResult();
+      syncFilteredEmptyState();
       exportBtn.title = t2.grid.exportAction;
       exportBtn.setAttribute("aria-label", t2.grid.exportAction);
       newRowBtn.textContent = t2.edit.newRow;
@@ -17517,6 +18046,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     return {
       el,
       load,
+      refresh: refreshCurrentTable,
       showError,
       applyState,
       getState,
@@ -17575,7 +18105,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterInput.className = "db-table-filter";
     filterInput.type = "text";
     filterInput.placeholder = "Filter tables...";
-    filterWrap.appendChild(filterInput);
+    const filterClear = document.createElement("button");
+    filterClear.className = "db-table-filter-clear";
+    filterClear.type = "button";
+    filterClear.title = "Clear table filter";
+    filterClear.setAttribute("aria-label", "Clear table filter");
+    filterClear.innerHTML = iconSvg("octicon-x", X_16_PATH);
+    filterClear.hidden = true;
+    filterWrap.append(filterInput, filterClear);
     const el = document.createElement("div");
     el.className = "db-table-list";
     wrapper.append(filterWrap, el);
@@ -17735,13 +18272,37 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         }
       }
     }
+    function syncFilterClearButton() {
+      filterClear.hidden = filterInput.value.length === 0;
+    }
+    function clearFilter() {
+      if (!filterInput.value)
+        return;
+      filterInput.value = "";
+      renderFiltered(allTables, "");
+      filterInput.focus();
+    }
     function renderFiltered(tables, filter) {
       el.innerHTML = "";
+      syncFilterClearButton();
       const filtered = filter ? tables.filter((t2) => t2.name.toLowerCase().includes(filter.toLowerCase())) : tables;
       if (filtered.length === 0) {
         const empty = document.createElement("div");
         empty.className = "db-table-list-empty";
         empty.textContent = filter ? "No matching tables" : "No tables found";
+        if (filter) {
+          const actions = document.createElement("div");
+          actions.className = "db-pane-empty-actions db-table-list-empty-actions";
+          const clear = document.createElement("button");
+          clear.type = "button";
+          clear.className = "db-btn db-btn-sm";
+          clear.textContent = "Clear filter";
+          clear.title = "Clear table filter";
+          clear.setAttribute("aria-label", "Clear table filter");
+          clear.addEventListener("click", clearFilter);
+          actions.appendChild(clear);
+          empty.appendChild(actions);
+        }
         el.appendChild(empty);
         return;
       }
@@ -17811,23 +18372,37 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       filterInput.value = "";
       renderFiltered(tables, "");
     }
-    filterInput.addEventListener("input", () => {
+    function handleFilterInput() {
       renderFiltered(allTables, filterInput.value);
-    });
+    }
+    filterInput.addEventListener("input", handleFilterInput);
+    filterClear.addEventListener("click", clearFilter);
     function setActive(table2) {
       activeTable = table2;
       el.querySelectorAll(".db-table-item").forEach((item) => {
         item.classList.toggle("active", item.dataset.table === table2);
       });
     }
+    function updateRowCount(table2, rowCount) {
+      allTables = allTables.map((entry) => entry.name === table2 ? { ...entry, rowCount } : entry);
+      for (const node of el.querySelectorAll(".db-table-node")) {
+        if (node.dataset.table !== table2)
+          continue;
+        const count = node.querySelector(".db-table-count");
+        if (count)
+          count.textContent = rowCount != null ? formatRowCount(rowCount) : "";
+      }
+    }
     function dispose() {
       closeContextMenu();
       allTables = [];
       expandedTables.clear();
       columnCache.clear();
       activeTable = null;
+      filterInput.removeEventListener("input", handleFilterInput);
+      filterClear.removeEventListener("click", clearFilter);
     }
-    return { el: wrapper, render, setActive, dispose };
+    return { el: wrapper, render, setActive, updateRowCount, dispose };
   }
   function formatRowCount(n2) {
     if (n2 >= 1e6)
@@ -17981,11 +18556,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       return value;
     }
     let lastFiles = [];
+    let noDatastoresAvailable = false;
     let currentSchema = initial.schema ?? null;
     let currentTable = initial.table ?? null;
     let loadGeneration = 0;
     const tableSelectGuard = createAbortGuard();
     let historyRefreshPending = null;
+    let isRefreshingDatastores = false;
+    let datastoreRefreshResult = null;
     const dbSelect = document.createElement("select");
     dbSelect.className = "db-file-select";
     reloc(() => {
@@ -17997,9 +18575,29 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     reloc(() => {
       schemaSelect.title = paneText().nav.selectSchema;
     });
+    const dbRefreshBtn = makeIconButton({
+      label: paneText().nav.refreshDatastores,
+      title: paneText().nav.refreshDatastoresTitle,
+      pathD: SYNC_16_PATH,
+      onClick: () => {
+        refreshDatastoreList();
+      }
+    });
+    dbRefreshBtn.classList.add("db-refresh-btn");
+    const dbRefreshLabel = document.createElement("span");
+    dbRefreshLabel.className = "db-refresh-label";
+    dbRefreshBtn.appendChild(dbRefreshLabel);
+    const dbRefreshResult = document.createElement("span");
+    dbRefreshResult.className = "db-refresh-result";
+    dbRefreshResult.hidden = true;
+    dbRefreshResult.setAttribute("aria-live", "polite");
+    syncDbRefreshButton();
+    const dbSelectRow = document.createElement("div");
+    dbSelectRow.className = "db-select-row";
+    dbSelectRow.append(dbSelect, dbRefreshBtn, dbRefreshResult);
     const dbToolbar = document.createElement("div");
     dbToolbar.className = "db-toolbar";
-    dbToolbar.append(dbSelect, schemaSelect);
+    dbToolbar.append(dbSelectRow, schemaSelect);
     const tabBar = document.createElement("div");
     tabBar.className = "db-tab-bar";
     const tabData = createInnerTab("Data", true);
@@ -18073,7 +18671,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     const searchBtn = makeIconButton({
       label: "Search",
       title: "Search across tables",
-      pathD: ICON_PATH_SEARCH,
+      pathD: SEARCH_16_PATH,
       onClick: () => setActiveTab("search")
     });
     const snapshotBtn = makeIconButton({
@@ -18091,6 +18689,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     });
     reloc(() => {
       const t2 = paneText().nav;
+      localizeIconButton(dbRefreshBtn, t2.refreshDatastores, t2.refreshDatastoresTitle);
+      syncDbRefreshButton();
       localizeIconButton(queryBtn, t2.query, t2.queryTitle);
       localizeIconButton(erBtn, t2.er, t2.erTitle);
       localizeIconButton(searchBtn, t2.search, t2.searchTitle);
@@ -18145,7 +18745,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       },
       getText: () => paneText(),
       getEditable: () => isSqlKind(currentDbInfo?.kind),
-      applyMutations: (mutations) => applyRowMutations(mutations)
+      applyMutations: (mutations) => applyRowMutations(mutations),
+      onRefreshComplete: ({ table: table2, filters }) => {
+        if (filters.length === 0) {
+          return;
+        }
+        refreshTableRowCount(table2);
+      }
     });
     const editModeToggle = makePrefToggle({
       title: paneText().edit.editModeTitle,
@@ -18177,7 +18783,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     });
     if (initial.sqlDraft)
       queryEditor.setSql(initial.sqlDraft, { silent: true });
-    const schemaView = createSchemaView({ getText: () => paneText() });
+    const schemaView = createSchemaView({
+      getText: () => paneText(),
+      onRefresh: () => refreshCurrentSchemaView()
+    });
     const erDiagram = createErDiagram({ getText: () => paneText() });
     const globalSearchView = createGlobalSearchView({
       getDbId: () => currentDbInfo?.id || null,
@@ -18268,9 +18877,30 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     s3Explorer.el.hidden = true;
     s3Explorer.sidebarSlot.hidden = true;
     explorerSidebarHost.append(redisExplorer.sidebarSlot, esExplorer.sidebarSlot, s3Explorer.sidebarSlot);
+    const noDatastoresPane = document.createElement("div");
+    noDatastoresPane.className = "db-no-datastores";
+    noDatastoresPane.hidden = true;
+    function renderNoDatastoresEmpty() {
+      const t2 = paneText().nav;
+      setPaneEmpty(noDatastoresPane, t2.noDatastores, {
+        hint: t2.noDatastoresHint,
+        iconPath: ICON_PATH_SNAPSHOT
+      });
+      const actionRow = document.createElement("div");
+      actionRow.className = "db-no-datastores-actions";
+      const refresh = document.createElement("button");
+      refresh.type = "button";
+      refresh.className = "db-btn db-btn-primary db-no-datastores-action";
+      refresh.textContent = t2.refreshDatastores;
+      refresh.addEventListener("click", () => {
+        refreshDatastoreList();
+      });
+      actionRow.appendChild(refresh);
+      noDatastoresPane.querySelector(".db-pane-empty")?.appendChild(actionRow);
+    }
     const mainContent = document.createElement("div");
     mainContent.className = "db-main-content";
-    mainContent.append(tabBar, grid.el, queryEditor.el, schemaView.el, erDiagram.el, globalSearchView.el, snapshotView.el, redisExplorer.el, esExplorer.el, s3Explorer.el);
+    mainContent.append(tabBar, grid.el, queryEditor.el, schemaView.el, erDiagram.el, globalSearchView.el, snapshotView.el, redisExplorer.el, esExplorer.el, s3Explorer.el, noDatastoresPane);
     queryEditor.el.hidden = true;
     globalSearchView.el.hidden = true;
     snapshotView.el.hidden = true;
@@ -18381,6 +19011,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function applyVisibility() {
       const sqlMode = isSqlKind(currentDbInfo?.kind);
       const visibility = computeVisibility(currentDbInfo?.kind, currentTab, userPrefersHistoryOpen);
+      noDatastoresPane.hidden = !noDatastoresAvailable;
       toolsSection.hidden = visibility.toolsHidden;
       prefsBar.hidden = visibility.toolsHidden;
       historyDock.hidden = visibility.historyTabStripHidden;
@@ -18401,6 +19032,28 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       esExplorer.sidebarSlot.hidden = visibility.esHidden;
       s3Explorer.sidebarSlot.hidden = visibility.s3Hidden;
       explorerSidebarHost.hidden = visibility.redisHidden && visibility.esHidden && visibility.s3Hidden;
+      if (noDatastoresAvailable) {
+        toolsSection.hidden = true;
+        prefsBar.hidden = true;
+        historyDock.hidden = true;
+        historyResizer.hidden = true;
+        historyPane.hidden = true;
+        tableList.el.hidden = true;
+        tabBar.hidden = true;
+        grid.el.hidden = true;
+        queryEditor.el.hidden = true;
+        schemaView.el.hidden = true;
+        erDiagram.el.hidden = true;
+        globalSearchView.el.hidden = true;
+        snapshotView.el.hidden = true;
+        redisExplorer.el.hidden = true;
+        esExplorer.el.hidden = true;
+        s3Explorer.el.hidden = true;
+        redisExplorer.sidebarSlot.hidden = true;
+        esExplorer.sidebarSlot.hidden = true;
+        s3Explorer.sidebarSlot.hidden = true;
+        explorerSidebarHost.hidden = true;
+      }
       if (!sqlMode) {
         queryBtn.classList.remove("active");
         erBtn.classList.remove("active");
@@ -18551,11 +19204,59 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         errorPrefix: "failed to fetch schema"
       });
     }
+    function syncCachedTableRowCount(table2, rowCount) {
+      if (!schemaCache)
+        return;
+      let changed = false;
+      const tables = schemaCache.tables.map((entry) => {
+        if (entry.name !== table2 || entry.rowCount === rowCount)
+          return entry;
+        changed = true;
+        return { ...entry, rowCount };
+      });
+      if (!changed)
+        return;
+      schemaCache = { ...schemaCache, tables };
+      tableList.updateRowCount(table2, rowCount);
+    }
+    async function fetchTableRowCount(table2, dbId, schema) {
+      const params = new URLSearchParams({ db: dbId, table: table2 });
+      if (schema)
+        params.set("schema", schema);
+      return logSqlFetch({
+        url: `/_db/table-count?${params}`,
+        kind: "query",
+        label: `_db/table-count ${table2}`,
+        errorPrefix: "failed to fetch table count",
+        rowCountOf: (r2) => r2.rowCount ?? undefined
+      });
+    }
+    async function refreshTableRowCount(table2) {
+      const dbId = currentDbInfo?.id;
+      if (!dbId)
+        return;
+      const schema = currentSchema;
+      const generation = loadGeneration;
+      try {
+        const data = await fetchTableRowCount(table2, dbId, schema);
+        if (generation !== loadGeneration || currentDbInfo?.id !== dbId || currentSchema !== schema || currentTable !== table2) {
+          return;
+        }
+        syncCachedTableRowCount(table2, data.rowCount);
+      } catch (err) {
+        if (!isAbortError2(err)) {
+          console.warn(`failed to refresh table count: ${errorMessage(err)}`);
+        }
+      }
+    }
     async function fetchTablePage(table2, offset, limit, sort, filters, signal, eq = []) {
       if (!currentDbInfo)
         throw new Error("no database selected");
+      const requestDbId = currentDbInfo.id;
+      const requestSchema = currentSchema;
+      const requestGeneration = loadGeneration;
       const params = new URLSearchParams({
-        db: currentDbInfo.id,
+        db: requestDbId,
         table: table2,
         offset: String(offset),
         limit: String(limit)
@@ -18571,7 +19272,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (eq.length > 0) {
         params.set("eq", JSON.stringify(eq));
       }
-      return logSqlFetch({
+      const data = await logSqlFetch({
         url: `/_db/table?${params}`,
         init: signal ? { signal } : undefined,
         kind: "query",
@@ -18580,6 +19281,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         errorPrefix: "failed to fetch table",
         rowCountOf: (r2) => r2.rows.length
       });
+      if (filters.length === 0 && eq.length === 0 && currentDbInfo?.id === requestDbId && currentSchema === requestSchema && currentTable === table2 && requestGeneration === loadGeneration) {
+        syncCachedTableRowCount(table2, data.totalRows);
+      }
+      return data;
     }
     function fetchRelatedPage(table2, offset, limit, sort, filters, eq, signal) {
       return fetchTablePage(table2, offset, limit, sort, filters, signal, eq);
@@ -18891,6 +19596,47 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const columns = await fetchColumns(table2);
       schemaView.render(table2, columns, schemaCache?.indexes || []);
     }
+    async function refreshCurrentSchemaView() {
+      if (!currentDbInfo || !currentTable)
+        return;
+      const generation = loadGeneration;
+      const dbId = currentDbInfo.id;
+      const table2 = currentTable;
+      schemaView.setRefreshBusy(true);
+      try {
+        const schema = await fetchSchema(dbId);
+        if (generation !== loadGeneration || currentDbInfo?.id !== dbId || currentTable !== table2) {
+          return;
+        }
+        currentSchema = schema.schema || currentSchema;
+        schemaCache = schema;
+        tableList.render(schema.tables);
+        const nextTable = schema.tables.some((entry) => entry.name === table2) ? table2 : schema.tables[0]?.name;
+        if (!nextTable) {
+          currentTable = null;
+          grid.clear();
+          schemaView.clear();
+          erDiagram.clear();
+          cb.onStateChange();
+          return;
+        }
+        currentTable = nextTable;
+        tableList.setActive(nextTable);
+        const columns = await fetchColumns(nextTable);
+        if (generation !== loadGeneration || currentDbInfo?.id !== dbId || currentTable !== nextTable) {
+          return;
+        }
+        schemaView.render(nextTable, columns, schema.indexes || []);
+        cb.onStateChange();
+      } catch (err) {
+        if (generation !== loadGeneration || currentDbInfo?.id !== dbId || isAbortError2(err)) {
+          return;
+        }
+        setTableListStatus(errorMessage(err), { error: true });
+      } finally {
+        schemaView.setRefreshBusy(false);
+      }
+    }
     async function showDdl(table2) {
       if (!currentDbInfo)
         return;
@@ -18935,6 +19681,54 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     schemaSelect.addEventListener("change", () => {
       handleSchemaSelectChange();
     });
+    function syncDbRefreshButton() {
+      const text2 = paneText().nav;
+      dbRefreshLabel.textContent = isRefreshingDatastores ? text2.refreshDatastoresBusy : text2.refreshDatastoresShort;
+      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 };
+    }
+    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");
+        dbRefreshBtn.disabled = false;
+        syncDbRefreshButton();
+      }
+    }
     async function handleSchemaSelectChange() {
       if (!currentDbInfo || !isPostgresKind(currentDbInfo.kind))
         return;
@@ -18963,6 +19757,8 @@ ${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);
       const option = dbSelect.selectedOptions[0];
@@ -18998,6 +19794,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         return;
       const files = filesResponse.files;
       lastFiles = files;
+      noDatastoresAvailable = files.length === 0;
       if (filesResponse.truncated) {
         showDockerNotice(paneText().nav.dockerLimitReached);
       } else {
@@ -19010,6 +19807,20 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         opt.textContent = paneText().nav.noDatastores;
         dbSelect.appendChild(opt);
         dbSelect.disabled = true;
+        currentDbInfo = null;
+        currentSchema = null;
+        currentTable = null;
+        schemaCache = null;
+        renderSchemaOptions([], null);
+        tableList.render([]);
+        grid.clear();
+        schemaView.clear();
+        erDiagram.clear();
+        redisExplorer.clear();
+        esExplorer.clear();
+        s3Explorer.clear();
+        renderNoDatastoresEmpty();
+        applyVisibility();
         cb.onStateChange();
         return;
       }
@@ -19204,6 +20015,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       return target;
     }
     function getLabel() {
+      if (noDatastoresAvailable)
+        return paneText().nav.noDatastoreTab;
       if (!currentDbInfo)
         return labelFromDbId(initial.dbId);
       const suffix = currentSchema ? ` / ${currentSchema}` : "";
@@ -19242,6 +20055,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function localizePane() {
       for (const fn of paneLocalizers)
         fn();
+      if (noDatastoresAvailable)
+        renderNoDatastoresEmpty();
       grid.localize();
       schemaView.localize();
       erDiagram.localize();
@@ -19266,7 +20081,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
   }
   var ICON_PATH_QUERY = "M5.72 4.22a.75.75 0 0 1 0 1.06L2.81 8l2.91 2.72a.75.75 0 1 1-1.06 1.06L1.22 8.53a.75.75 0 0 1 0-1.06l3.44-3.25a.75.75 0 0 1 1.06 0Zm4.56 0a.75.75 0 0 1 1.06 0l3.44 3.25a.75.75 0 0 1 0 1.06l-3.44 3.25a.75.75 0 1 1-1.06-1.06L13.19 8l-2.91-2.72a.75.75 0 0 1 0-1.06Z";
   var ICON_PATH_ER = "M1.5 1.75A.75.75 0 0 1 2.25 1h4.5a.75.75 0 0 1 .75.75v3.5h2v-1.5A.75.75 0 0 1 10.25 3h3.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75V6.5h-2v3h2v-.75A.75.75 0 0 1 10.25 8h3.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75v-1.5h-2v3.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-3.5A.75.75 0 0 1 2.25 9h4.5a.75.75 0 0 1 .75.75v.75h-.5v-1H3v3h3V11h.5v-.75a.75.75 0 0 0-.75-.75H3V6.5h2.5V2.5H3Z";
-  var ICON_PATH_SEARCH = "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";
   var ICON_PATH_SNAPSHOT = "M3.5 1.75A1.75 1.75 0 0 1 5.25 0h5.5A1.75 1.75 0 0 1 12.5 1.75v.5h1.75A1.75 1.75 0 0 1 16 4v9.25A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V4a1.75 1.75 0 0 1 1.75-1.75H3.5v-.5Zm1.5.5v.5h6v-.5a.25.25 0 0 0-.25-.25h-5.5a.25.25 0 0 0-.25.25Zm-3.25 2a.25.25 0 0 0-.25.25v9.25c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V4a.25.25 0 0 0-.25-.25H1.75ZM8 6a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z";
   var ICON_PATH_EDIT_MODE = "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.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.247.247 0 0 0-.064.108l-.558 1.953 1.953-.558a.249.249 0 0 0 .108-.064l6.286-6.286Zm1.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-.354L12.427 2.49Z";
   function makeIconButton(opts) {
@@ -19897,6 +20711,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         setDbUiPref,
         onDbUiPrefChange,
         loadSqlHistory,
+        refreshDatastores,
         sessionLog
       }, {
         tabId: id,
@@ -20208,6 +21023,36 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }).then(() => doEnter(seq, db, schema, table2, view, options));
       await enterQueue;
     }
+    async function refreshDatastores() {
+      const seq = lifecycleSeq;
+      enterQueue = enterQueue.catch(() => {
+        return;
+      }).then(() => doRefreshDatastores(seq));
+      await enterQueue;
+    }
+    async function doRefreshDatastores(seq) {
+      if (seq !== lifecycleSeq)
+        return;
+      dbFilesCache = null;
+      if (!mounted || !activeTabId)
+        return;
+      const id = activeTabId;
+      const entry = tabsById.get(id);
+      if (!entry)
+        return;
+      const pendingInitialEnter = ensureInitialEnter(id);
+      if (pendingInitialEnter)
+        await pendingInitialEnter;
+      if (!mounted || activeTabId !== id)
+        return;
+      const state = entry.pane.getState();
+      await entry.pane.enter(state.dbId ?? undefined, state.schema ?? undefined, state.table ?? undefined, state.view, { autoSelectFirst: state.dbId !== null });
+      if (!mounted || activeTabId !== id)
+        return;
+      refreshChipLabel(id);
+      syncActiveRoute();
+      scheduleSave();
+    }
     function leave() {
       if (!mounted)
         return;
@@ -20285,6 +21130,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       leave,
       handleSse,
       localize,
+      refresh: refreshDatastores,
       getDbUiPref,
       setDbUiPref,
       onDbUiPrefChange
@@ -20483,6 +21329,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       getServerGeneration,
       setServerGeneration,
       invalidateRepoSidebar,
+      diffText,
       getDiffRoot,
       getEmptyPane,
       isEmbeddedDiffMode
@@ -20543,7 +21390,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!button)
         return;
       button.setAttribute("aria-pressed", expanded ? "true" : "false");
-      button.title = expanded ? "Collapse expanded lines" : "Expand all lines";
+      const label = expanded ? "Collapse expanded lines" : "Expand all lines";
+      button.title = label;
+      button.setAttribute("aria-label", label);
       button.innerHTML = expanded ? iconSvg("octicon-fold", COLLAPSE_ALL_16_PATHS) : iconSvg("octicon-unfold", EXPAND_ALL_16_PATHS);
     }
     function setProjectBranch(branch) {
@@ -20554,25 +21403,131 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       el.textContent = branch;
       el.title = branch ? `Current branch: ${branch}` : "";
     }
+    let metaFilesForViewedProgress = [];
+    function viewedProgressFor(files) {
+      const total = files.length;
+      const viewed = files.filter((file) => STATE.viewedFiles.has(file.path)).length;
+      return { viewed, total };
+    }
+    function applyViewedProgressChipState(chip, viewed, total) {
+      chip.textContent = diffText().viewedProgress(viewed, total);
+      chip.classList.toggle("chip-viewed-empty", viewed === 0);
+      chip.classList.toggle("chip-viewed-partial", viewed > 0 && viewed < total);
+      chip.classList.toggle("chip-viewed-done", total > 0 && viewed === total);
+    }
+    function syncViewedProgressChip() {
+      const chip = document.querySelector("#meta .chip-viewed");
+      if (chip) {
+        const { viewed, total } = viewedProgressFor(metaFilesForViewedProgress);
+        if (total <= 0)
+          chip.remove();
+        else
+          applyViewedProgressChipState(chip, viewed, total);
+      }
+      syncNextUnviewedButton();
+    }
+    function applyNextUnviewedButtonState(button, hasUnviewed) {
+      const text2 = diffText();
+      button.disabled = !hasUnviewed;
+      button.textContent = hasUnviewed ? text2.nextUnviewed : text2.allViewed;
+      button.title = hasUnviewed ? text2.nextUnviewedTitle : text2.allViewedTitle;
+    }
+    function syncNextUnviewedButton() {
+      const button = document.querySelector("#meta .chip-next-unviewed");
+      if (!button)
+        return;
+      const { total } = viewedProgressFor(metaFilesForViewedProgress);
+      if (total <= 0) {
+        button.remove();
+        return;
+      }
+      applyNextUnviewedButtonState(button, nextUnviewedFilePath() !== null);
+    }
+    function nextUnviewedFilePath() {
+      if (isRepositorySidebarMode())
+        return null;
+      const items = $$("#filelist li[data-path]:not(.hidden):not(.hidden-by-tests)");
+      if (items.length === 0)
+        return null;
+      const currentIndex = items.findIndex((li) => li.classList.contains("active"));
+      for (let offset = 1;offset <= items.length; offset++) {
+        const idx = (currentIndex + offset + items.length) % items.length;
+        const li = items[idx];
+        const path = li.dataset.path || "";
+        const viewed = STATE.viewedFiles.has(path) || li.classList.contains("viewed");
+        if (path && !viewed)
+          return path;
+      }
+      return null;
+    }
+    function scrollToNextUnviewedFile() {
+      const path = nextUnviewedFilePath();
+      if (!path)
+        return false;
+      scrollToFile(path, undefined, { reveal: true });
+      return true;
+    }
     function renderMeta(meta) {
       const el = $("#meta");
       if (!meta) {
         el.textContent = "";
+        metaFilesForViewedProgress = [];
         return;
       }
       setProjectName(meta.project || "");
       setProjectBranch(meta.branch || "");
+      metaFilesForViewedProgress = meta.files || [];
       el.innerHTML = "";
+      const text2 = diffText();
       if (meta.totals) {
-        const t2 = document.createElement("span");
-        t2.className = "num";
-        t2.innerHTML = '<span class="add">+' + meta.totals.additions + "</span> " + '<span class="del">−' + meta.totals.deletions + "</span> " + "<span>" + meta.totals.files + " files</span>";
-        el.appendChild(t2);
+        const files = document.createElement("span");
+        files.className = "chip chip-files";
+        files.textContent = text2.files(meta.totals.files);
+        el.appendChild(files);
+        const add2 = document.createElement("span");
+        add2.className = "chip chip-add";
+        add2.textContent = `+${meta.totals.additions}`;
+        el.appendChild(add2);
+        const del = document.createElement("span");
+        del.className = "chip chip-del";
+        del.textContent = `−${meta.totals.deletions}`;
+        el.appendChild(del);
+      }
+      const kinds = summarizeDiffFileKinds(meta.files);
+      const kindChip = (className, label, count) => {
+        if (count <= 0)
+          return;
+        const chip = document.createElement("span");
+        chip.className = `chip ${className}`;
+        chip.textContent = `${count} ${label}`;
+        el.appendChild(chip);
+      };
+      kindChip("chip-added", text2.kindAdded, kinds.added);
+      kindChip("chip-deleted", text2.kindDeleted, kinds.deleted);
+      kindChip("chip-renamed", text2.kindRenamed, kinds.renamed);
+      kindChip("chip-heavy", text2.kindHeavy, kinds.heavy);
+      kindChip("chip-binary", text2.kindBinary, kinds.binary);
+      kindChip("chip-media", text2.kindMedia, kinds.media);
+      const viewedProgress = viewedProgressFor(metaFilesForViewedProgress);
+      if (viewedProgress.total > 0) {
+        const viewed = document.createElement("span");
+        viewed.className = "chip chip-viewed";
+        viewed.title = text2.viewedProgressTitle;
+        applyViewedProgressChipState(viewed, viewedProgress.viewed, viewedProgress.total);
+        el.appendChild(viewed);
+        const nextUnviewed = document.createElement("button");
+        nextUnviewed.type = "button";
+        nextUnviewed.className = "chip chip-next-unviewed";
+        applyNextUnviewedButtonState(nextUnviewed, viewedProgress.viewed < viewedProgress.total);
+        nextUnviewed.addEventListener("click", () => {
+          scrollToNextUnviewedFile();
+        });
+        el.appendChild(nextUnviewed);
       }
       const u2 = document.createElement("span");
-      u2.className = "updated-at";
-      u2.title = "last updated";
-      u2.textContent = `updated ${new Date().toLocaleTimeString([], { hour12: false })}`;
+      u2.className = "chip chip-updated";
+      u2.title = text2.updatedTitle;
+      u2.textContent = text2.updated(new Date().toLocaleTimeString([], { hour12: false }));
       el.appendChild(u2);
     }
     let SUPPRESS_SPY_UNTIL = 0;
@@ -20629,13 +21584,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     window.addEventListener("touchmove", () => {
       REANCHOR_UNTIL = 0;
     }, { passive: true });
-    function scrollToFile(path, line) {
+    function scrollToFile(path, line, options) {
       const card = document.querySelector(diffCardSelector(path));
       if (!card)
         return;
       if (line)
         REANCHOR_UNTIL = performance.now() + 4000;
-      markActive(path);
+      markActive(path, { reveal: options?.reveal });
       SUPPRESS_SPY_UNTIL = performance.now() + 1500;
       const onEnd = () => {
         SUPPRESS_SPY_UNTIL = 0;
@@ -20663,6 +21618,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const viewed = STATE.viewedFiles.has(path);
         syncViewedCardDisplay(card, viewed);
       });
+      syncViewedProgressChip();
     }
     let CLIENT_REQ_SEQ = 0;
     const LOAD_QUEUE = [];
@@ -20876,6 +21832,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           setupScrollSpy();
           scrollSpyInstalled = true;
         }
+        syncViewedProgressChip();
         return {
           structureChanged: false,
           invalidatedCards,
@@ -21213,7 +22170,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const button = card.querySelector(".gdp-file-toggle");
       if (button) {
         button.setAttribute("aria-expanded", collapsed ? "false" : "true");
-        button.title = collapsed ? "Expand file" : "Collapse file";
+        const toggleLabel = collapsed ? "Expand file" : "Collapse file";
+        button.title = toggleLabel;
+        button.setAttribute("aria-label", toggleLabel);
       }
       const unfold = card.querySelector(".gdp-file-unfold");
       if (unfold)
@@ -21310,6 +22269,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         toggle.type = "button";
         toggle.className = "gdp-file-header-icon gdp-file-toggle";
         toggle.title = "Collapse file";
+        toggle.setAttribute("aria-label", "Collapse file");
         toggle.setAttribute("aria-expanded", "true");
         toggle.innerHTML = iconSvg("octicon-chevron-down", CHEVRON_DOWN_16_PATH);
         toggle.addEventListener("click", (e2) => {
@@ -21331,6 +22291,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         copy.type = "button";
         copy.className = "gdp-file-header-icon gdp-copy-path";
         copy.title = "copy file path";
+        copy.setAttribute("aria-label", "copy file path");
         copy.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
         copy.addEventListener("click", async (e2) => {
           e2.stopPropagation();
@@ -21671,6 +22632,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       addExpandHunksUI,
       scheduleIdleHighlight,
       scrollToFile,
+      scrollToNextUnviewedFile,
       prefetchByPath,
       applyDiffRouteFocus,
       clearDiffLineFocus,
@@ -21899,12 +22861,17 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     deps.clearLoadQueue();
     if (deps.empty) {
       deps.empty.classList.remove("hidden");
+      deps.empty.classList.remove("empty-with-actions");
+      const text2 = deps.emptyText();
       const h2 = deps.empty.querySelector("h2");
       if (h2)
-        h2.textContent = "No commit selected";
+        h2.textContent = text2.noCommitSelectedTitle;
       const p2 = deps.empty.querySelector("p");
       if (p2)
-        p2.textContent = "Select a commit from the list to see its changes.";
+        p2.textContent = text2.noCommitSelectedBody;
+      const actions = deps.empty.querySelector(".empty-actions");
+      if (actions)
+        actions.hidden = true;
     }
     deps.setStatus("live");
   }
@@ -21962,14 +22929,37 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     en: {
       worktreeLabel: "Uncommitted changes (Working tree)",
       bodyExpandClose: "Collapse",
-      bodyExpandMore: (n2) => `Show more (${n2} lines)`
+      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"
     },
     ja: {
       worktreeLabel: "未コミット変更 (Working tree)",
       bodyExpandClose: "閉じる",
-      bodyExpandMore: (n2) => `もっと見る (${n2} 行)`
+      bodyExpandMore: (n2) => `もっと見る (${n2} 行)`,
+      refreshLabel: "更新",
+      refreshLabelPending: "更新あり",
+      refreshTitle: "コミット履歴を更新",
+      refreshTitlePending: "新しい履歴がある可能性があります。更新",
+      refreshPendingStatus: "新しい履歴がある可能性があります",
+      refreshResultUpdated: (sha) => `更新: ${sha} が最新です`,
+      refreshResultUnchanged: "新しいコミットはありません",
+      refreshResultUnchangedInView: "この表示では新しいコミットはありません",
+      filterClearLabel: "解除",
+      filterClearTitle: "コミットフィルタを解除"
     }
   };
+  function historyText(lang) {
+    return HISTORY_TEXT[lang];
+  }
   function historyWorktreeLabel(lang) {
     return HISTORY_TEXT[lang].worktreeLabel;
   }
@@ -21990,6 +22980,20 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     title.className = "history-title";
     title.textContent = "Commits";
     panelHead.appendChild(title);
+    const refreshButton = document.createElement("button");
+    refreshButton.type = "button";
+    refreshButton.className = "history-refresh";
+    refreshButton.title = HISTORY_TEXT.en.refreshTitle;
+    refreshButton.setAttribute("aria-label", HISTORY_TEXT.en.refreshTitle);
+    refreshButton.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+    const refreshLabel = document.createElement("span");
+    refreshLabel.className = "history-refresh-label";
+    refreshLabel.textContent = HISTORY_TEXT.en.refreshLabel;
+    refreshButton.appendChild(refreshLabel);
+    const refreshResult = document.createElement("span");
+    refreshResult.className = "db-refresh-result history-refresh-result";
+    refreshResult.setAttribute("aria-live", "polite");
+    refreshResult.hidden = true;
     if (page) {
       const refMount = document.createElement("span");
       refMount.dataset.refSelectorMount = "";
@@ -21998,6 +23002,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       refMount.dataset.title = "history ref";
       panelHead.appendChild(refMount);
     }
+    panelHead.append(refreshButton, refreshResult);
     const filterWrap = document.createElement("div");
     filterWrap.className = "history-filter-wrap";
     const filterInput = document.createElement("input");
@@ -22008,7 +23013,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterInput.type = "search";
     filterInput.placeholder = page ? "filter commits… (message, sha, author:name, path:file)" : "filter commits… (message, sha, author:name)";
     filterInput.autocomplete = "off";
-    filterWrap.appendChild(filterInput);
+    const filterClearButton = document.createElement("button");
+    filterClearButton.type = "button";
+    if (page)
+      filterClearButton.id = "history-filter-clear";
+    filterClearButton.className = "history-filter-clear";
+    filterClearButton.hidden = true;
+    filterClearButton.textContent = HISTORY_TEXT.en.filterClearLabel;
+    filterClearButton.title = HISTORY_TEXT.en.filterClearTitle;
+    filterClearButton.setAttribute("aria-label", HISTORY_TEXT.en.filterClearTitle);
+    filterWrap.append(filterInput, filterClearButton);
     const banner = document.createElement("div");
     if (page)
       banner.id = "history-banner";
@@ -22031,7 +23045,17 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     status.hidden = true;
     status.setAttribute("role", "status");
     panel.append(panelHead, filterWrap, banner, list2, sentinel, status);
-    return { panel, list: list2, banner, status, sentinel, filterInput };
+    return {
+      panel,
+      list: list2,
+      banner,
+      status,
+      sentinel,
+      filterInput,
+      filterClearButton,
+      refreshButton,
+      refreshResult
+    };
   }
   function buildHistoryCommitInfoDom(options = {}) {
     const variant = options.variant || "page";
@@ -22129,6 +23153,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       status: deps.$("#history-status"),
       sentinel: deps.$("#history-sentinel"),
       filterInput: document.querySelector("#history-filter"),
+      filterClearButton: document.querySelector("#history-filter-clear"),
+      refreshButton: document.querySelector(".history-refresh"),
+      refreshResult: document.querySelector(".history-refresh-result"),
       commitInfo: document.querySelector("#history-commit-info")
     };
     let activeMount = defaultMount;
@@ -22139,6 +23166,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let sentinel = defaultMount.sentinel;
     let attachedList = null;
     let attachedFilterInput = null;
+    let attachedFilterClearButton = null;
+    let attachedRefreshButton = null;
     let filterTimer = null;
     let observer = null;
     let ref = "HEAD";
@@ -22152,6 +23181,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let mode = "history";
     let routeRef = "HEAD";
     let pathFilter = "";
+    let refreshStatus = { type: "none" };
+    let freshSha = "";
     function historyScopeFromRoute(route = deps.getRoute()) {
       if (route.screen === "history") {
         const nextRef = route.ref || "HEAD";
@@ -22175,6 +23206,18 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
       return null;
     }
+    function currentRefreshScopeKey() {
+      const scope = historyScopeFromRoute();
+      if (!scope)
+        return "";
+      return [
+        scope.mode,
+        scope.logRef,
+        scope.routeRef,
+        scope.pathFilter,
+        query
+      ].join("\x00");
+    }
     function worktreeDiffRange() {
       return { from: "HEAD", to: "worktree" };
     }
@@ -22186,6 +23229,39 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       statusEl.textContent = message;
       statusEl.hidden = !message;
     }
+    function latestCommitSha() {
+      return commits.find((commit) => commit.sha !== HISTORY_WORKTREE_COMMIT)?.sha || "";
+    }
+    function clearRefreshResult() {
+      refreshStatus = { type: "none" };
+      freshSha = "";
+      syncRefreshResult();
+    }
+    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) };
+      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"));
+    }
     function commitInfoElement() {
       return activeMount.commitInfo || document.querySelector("#history-commit-info");
     }
@@ -22257,13 +23333,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     function commitRow(commit) {
       const active = commit.sha === selectedSha ? " active" : "";
-      return `<li class="history-item${active}" data-sha="${deps.escapeHtml(commit.sha)}">` + `<span class="subject" title="${deps.escapeHtml(commit.subject)}">${deps.escapeHtml(commit.subject)}</span>` + `<span class="meta2">` + `<span class="sha">${deps.escapeHtml(commit.sha.slice(0, 7))}</span>` + `<span class="author">${deps.escapeHtml(commit.author)}</span>` + `<span class="when">${deps.escapeHtml(displayWhen(commit.when))}</span>` + `</span>` + `</li>`;
+      const fresh = commit.sha === freshSha ? " history-item-fresh" : "";
+      return `<li class="history-item${active}${fresh}" data-sha="${deps.escapeHtml(commit.sha)}">` + `<span class="subject" title="${deps.escapeHtml(commit.subject)}">${deps.escapeHtml(commit.subject)}</span>` + `<span class="meta2">` + `<span class="sha">${deps.escapeHtml(commit.sha.slice(0, 7))}</span>` + `<span class="author">${deps.escapeHtml(commit.author)}</span>` + `<span class="when">${deps.escapeHtml(displayWhen(commit.when))}</span>` + `</span>` + `</li>`;
     }
     function worktreeRow() {
       const active = selectedSha === HISTORY_WORKTREE_COMMIT ? " active" : "";
       return `<li class="history-item history-item-worktree${active}" data-sha="${HISTORY_WORKTREE_COMMIT}">` + `<span class="subject" title="${deps.escapeHtml(historyWorktreeLabel(deps.getLanguage()))}">${deps.escapeHtml(historyWorktreeLabel(deps.getLanguage()))}</span>` + `<span class="meta2">` + `<span class="sha">HEAD..worktree</span>` + `<span class="author">Working tree</span>` + `</span>` + `</li>`;
     }
     function renderList() {
+      syncRefreshButton(activeMount.refreshButton);
+      syncRefreshResult(activeMount.refreshResult);
       const now = new Date;
       const html = mode === "history" ? [worktreeRow()] : [];
       let lastGroup = "";
@@ -22280,7 +23359,42 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         html.push(commitRow(commit));
       }
       list2.innerHTML = html.join("");
-      setStatusText(loading ? "loading..." : commits.length ? "" : "no commits");
+      syncRefreshStatusText();
+    }
+    function syncRefreshButton(button) {
+      if (!button)
+        return;
+      const text2 = historyText(deps.getLanguage());
+      const hasPendingUpdate = refreshStatus.type === "pending";
+      const title = hasPendingUpdate ? text2.refreshTitlePending : text2.refreshTitle;
+      button.title = title;
+      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;
+      }
+    }
+    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");
+    }
+    function syncFilterClearButton(button) {
+      const clearButton = button ?? activeMount.filterClearButton;
+      if (!clearButton)
+        return;
+      const input = activeMount.filterInput ?? null;
+      const text2 = historyText(deps.getLanguage());
+      clearButton.textContent = text2.filterClearLabel;
+      clearButton.title = text2.filterClearTitle;
+      clearButton.setAttribute("aria-label", text2.filterClearTitle);
+      clearButton.hidden = !(input?.value || "");
     }
     async function updateCommitInfo(commit) {
       const info = commitInfoElement();
@@ -22559,6 +23673,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         selectionGeneration++;
         selectedSha = "";
         setBanner("");
+        clearRefreshResult();
         await updateCommitInfo(null);
         renderList();
         await loadNextPage();
@@ -22629,6 +23744,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       query = value;
       generation++;
       selectionGeneration++;
+      clearRefreshResult();
       commits = [];
       hasMore = false;
       loading = false;
@@ -22648,6 +23764,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const input = activeFilterInputFromEvent(event);
       if (!input)
         return;
+      syncFilterClearButton();
       if (filterTimer)
         clearTimeout(filterTimer);
       filterTimer = setTimeout(() => {
@@ -22663,13 +23780,54 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         return;
       if (e2.key === "Escape" && input.value) {
         input.value = "";
+        syncFilterClearButton();
         applyFilter("");
         e2.stopPropagation();
       }
     }
+    function handleFilterClearClick() {
+      const input = attachedFilterInput;
+      if (!input?.value)
+        return;
+      if (filterTimer) {
+        clearTimeout(filterTimer);
+        filterTimer = null;
+      }
+      input.value = "";
+      syncFilterClearButton();
+      applyFilter("");
+      input.focus?.();
+    }
+    async function handleRefreshClick() {
+      const button = attachedRefreshButton;
+      if (button?.disabled)
+        return;
+      const refreshScopeKey = currentRefreshScopeKey();
+      const previousTopSha = latestCommitSha();
+      clearRefreshResult();
+      if (button) {
+        button.disabled = true;
+        button.classList.add("spinning");
+      }
+      try {
+        await enterHistory({ mount: activeMount, force: true });
+        if (!refreshScopeKey || currentRefreshScopeKey() !== refreshScopeKey)
+          return;
+        setRefreshResult(previousTopSha, latestCommitSha());
+      } finally {
+        if (button) {
+          button.classList.remove("spinning");
+          button.disabled = false;
+        }
+      }
+    }
     function activateMount(mount) {
-      if (activeMount === mount && attachedList === mount.list)
+      if (activeMount === mount && attachedList === mount.list) {
+        syncRefreshButton(mount.refreshButton);
+        syncRefreshResult(mount.refreshResult);
+        syncFilterClearButton(mount.filterClearButton);
         return;
+      }
       if (attachedList) {
         attachedList.removeEventListener("click", handleListClick);
         attachedList = null;
@@ -22680,6 +23838,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         attachedFilterInput.removeEventListener("keydown", handleFilterKeydown);
         attachedFilterInput = null;
       }
+      if (attachedFilterClearButton) {
+        attachedFilterClearButton.removeEventListener("click", handleFilterClearClick);
+        attachedFilterClearButton = null;
+      }
+      if (attachedRefreshButton) {
+        attachedRefreshButton.removeEventListener("click", handleRefreshClick);
+        attachedRefreshButton = null;
+      }
       if (filterTimer) {
         clearTimeout(filterTimer);
         filterTimer = null;
@@ -22701,6 +23867,19 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         input.addEventListener("keydown", handleFilterKeydown);
         attachedFilterInput = input;
       }
+      const filterClearButton = mount.filterClearButton ?? null;
+      if (filterClearButton) {
+        syncFilterClearButton(filterClearButton);
+        filterClearButton.addEventListener("click", handleFilterClearClick);
+        attachedFilterClearButton = filterClearButton;
+      }
+      const refreshButton = mount.refreshButton ?? null;
+      if (refreshButton) {
+        syncRefreshButton(refreshButton);
+        syncRefreshResult(mount.refreshResult);
+        refreshButton.addEventListener("click", handleRefreshClick);
+        attachedRefreshButton = refreshButton;
+      }
       observer = new IntersectionObserver((entries) => {
         if (!entries.some((entry) => entry.isIntersecting))
           return;
@@ -22737,6 +23916,18 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       enterHistory,
       leaveHistory,
       onRefPicked,
+      localize: () => {
+        syncRefreshButton(activeMount.refreshButton);
+        syncRefreshResult(activeMount.refreshResult);
+        syncFilterClearButton(activeMount.filterClearButton);
+        renderList();
+      },
+      notePossibleUpdate: () => {
+        refreshStatus = { type: "pending" };
+        syncRefreshButton(activeMount.refreshButton);
+        syncRefreshResult(activeMount.refreshResult);
+        syncRefreshStatusText();
+      },
       isWorktreeSelected: () => selectedSha === HISTORY_WORKTREE_COMMIT
     };
   }
@@ -22765,15 +23956,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     const diffPane = document.createElement("main");
     diffPane.className = "gdp-file-history-diff-pane";
     const commitInfo = buildHistoryCommitInfoDom({ variant: "file" });
+    const emptyText = deps.emptyText();
     const empty = document.createElement("div");
     empty.className = "empty gdp-file-history-empty hidden";
     const emptyIcon = document.createElement("div");
-    emptyIcon.className = "emoji";
-    emptyIcon.textContent = "✨";
+    emptyIcon.className = "empty-icon";
+    emptyIcon.innerHTML = iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
     const emptyTitle = document.createElement("h2");
-    emptyTitle.textContent = "No commit selected";
+    emptyTitle.textContent = emptyText.noCommitSelectedTitle;
     const emptyBody = document.createElement("p");
-    emptyBody.textContent = "Select a commit from the list to see its changes.";
+    emptyBody.textContent = emptyText.noCommitSelectedBody;
     empty.append(emptyIcon, emptyTitle, emptyBody);
     const diffHost = document.createElement("div");
     diffHost.className = "gdp-file-history-diff";
@@ -22823,8 +24015,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         {
           selectors: [{ action: "open-help" }],
           description: {
-            en: "Open this help (keybindings)",
-            ja: "このヘルプ（キーバインド）を開く"
+            en: "Open quick help",
+            ja: "クイックヘルプを開く"
           }
         },
         {
@@ -22851,6 +24043,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
             ja: "前 / 次の注釈へ移動"
           }
         },
+        {
+          selectors: [{ action: "next-unviewed-file" }],
+          description: {
+            en: "Jump to the next unviewed file",
+            ja: "次の未確認ファイルへ移動"
+          }
+        },
         {
           selectors: [{ action: "layout-unified" }, { action: "layout-split" }],
           description: {
@@ -23096,8 +24295,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       addUnique(labels, item.label);
     return [labels.join(" / "), row.description[language]];
   }
-  function buildHelpKeybindingGroups(language, bindings = DEFAULT_KEY_BINDINGS) {
-    return HELP_KEYBINDING_GROUPS.map((group) => ({
+  function buildHelpKeybindingGroups(language, bindings = DEFAULT_KEY_BINDINGS, onlyTitlesEn) {
+    const groups = onlyTitlesEn ? HELP_KEYBINDING_GROUPS.filter((group) => onlyTitlesEn.includes(group.title.en)) : HELP_KEYBINDING_GROUPS;
+    return groups.map((group) => ({
       title: group.title[language],
       rows: group.rows.map((row) => buildRow(row, language, bindings))
     }));
@@ -23469,7 +24669,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "Data tab",
-                      "Paginated grid with sort, filter, cell copy, and CSV/JSON export (capped at 100k rows; export respects the current filter and sort). Toggle Edit mode in the prefs bar to enable inline editing — double-click a cell to edit, queue insert/delete via row actions, and commit the batch atomically. Edited rows/cells highlight in yellow until committed."
+                      "Paginated grid with sort, filter, cell copy, CSV/JSON export (capped at 100k rows; export respects the current filter and sort), and a table-only reload action that keeps global search and column filters. Reload results are announced beside the button so row-count changes are visible. Toggle Edit mode in the prefs bar to enable inline editing — double-click a cell to edit, queue insert/delete via row actions, and commit the batch atomically. Edited rows/cells highlight in yellow until committed."
                     ],
                     [
                       "Detail footer & related panel",
@@ -23477,7 +24677,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "Schema tab",
-                      "Column definitions, indexes, foreign keys, triggers, and DDL."
+                      "Column definitions, indexes, foreign keys, triggers, and DDL, with an in-tab refresh action for reloading the current table structure."
                     ],
                     [
                       "Query editor",
@@ -24121,7 +25321,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "Data タブ",
-                      "ページネーション付きグリッド。ソート、フィルター、セルコピー、CSV/JSON エクスポート（最大10万行、現在のフィルター/ソートを反映）。設定バーで Edit モードを ON にするとインライン編集が可能 — セルをダブルクリックで編集、行操作で挿入/削除を予約、コミット単位で一括適用。未コミットの編集行/セルは黄色でハイライト。"
+                      "ページネーション付きグリッド。ソート、フィルター、セルコピー、CSV/JSON エクスポート（最大10万行、現在のフィルター/ソートを反映）、全体検索と列フィルターを保持した表だけの再読み込みに対応。再読み込み結果はボタン横に表示され、行数変化に気づけます。設定バーで Edit モードを ON にするとインライン編集が可能 — セルをダブルクリックで編集、行操作で挿入/削除を予約、コミット単位で一括適用。未コミットの編集行/セルは黄色でハイライト。"
                     ],
                     [
                       "詳細フッタ・関連パネル",
@@ -24129,7 +25329,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "Schema タブ",
-                      "カラム定義、インデックス、外部キー、トリガー、DDL。"
+                      "カラム定義、インデックス、外部キー、トリガー、DDL。現在の表構造だけを再読み込みするタブ内更新にも対応。"
                     ],
                     [
                       "クエリエディター",
@@ -24801,6 +26001,7 @@ code-viewer query snapshot delete --id snap-abc123`
         const button = document.createElement("button");
         button.className = "gdp-expand-btn";
         button.title = spec.title;
+        button.setAttribute("aria-label", spec.title);
         button.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true">' + '<path fill="currentColor" d="' + EXPAND_ICON_PATHS[spec.direction] + '"/></svg>';
         button.addEventListener("click", (e2) => {
           e2.stopPropagation();
@@ -25139,6 +26340,86 @@ code-viewer query snapshot delete --id snap-abc123`
     };
   }
 
+  // web-src/views/quick-help.ts
+  var QUICK_HELP_GROUP_TITLES_EN = ["Global", "Main Panel"];
+  function createQuickHelp(deps) {
+    const popover = deps.$("#quick-help-popover");
+    const trigger = deps.$("#quick-help-btn");
+    const titleEl = deps.$("#quick-help-title");
+    const closeBtn = deps.$("#quick-help-close");
+    const groupsHost = deps.$("#quick-help-groups");
+    const fullLink = deps.$("#quick-help-full-link");
+    function isOpen() {
+      return !popover.hidden;
+    }
+    function renderContent() {
+      groupsHost.innerHTML = "";
+      const groups = buildHelpKeybindingGroups(deps.getLanguage(), undefined, QUICK_HELP_GROUP_TITLES_EN);
+      for (const group of groups) {
+        const section = document.createElement("section");
+        section.className = "gdp-help-group";
+        const title = document.createElement("h3");
+        title.textContent = group.title;
+        section.append(title, renderHelpTable(group.rows));
+        groupsHost.appendChild(section);
+      }
+    }
+    function applyText() {
+      const text2 = deps.getText();
+      titleEl.textContent = text2.panelTitle;
+      popover.setAttribute("aria-label", text2.panelTitle);
+      closeBtn.setAttribute("aria-label", text2.close);
+      fullLink.textContent = text2.viewAll;
+    }
+    function open() {
+      applyText();
+      renderContent();
+      popover.hidden = false;
+      closeBtn.focus();
+    }
+    function close() {
+      if (!isOpen())
+        return;
+      popover.hidden = true;
+    }
+    function toggle() {
+      if (isOpen())
+        close();
+      else
+        open();
+    }
+    trigger.addEventListener("click", toggle);
+    closeBtn.addEventListener("click", close);
+    fullLink.addEventListener("click", (e2) => {
+      e2.preventDefault();
+      close();
+      deps.openFullKeybindings();
+    });
+    document.addEventListener("keydown", (e2) => {
+      if (isImeComposing(e2))
+        return;
+      if (e2.key !== "Escape")
+        return;
+      if (!isOpen())
+        return;
+      close();
+    });
+    document.addEventListener("mousedown", (e2) => {
+      if (!isOpen())
+        return;
+      const target = e2.target;
+      if (popover.contains(target) || trigger.contains(target))
+        return;
+      close();
+    });
+    function localize() {
+      applyText();
+      if (isOpen())
+        renderContent();
+    }
+    return { open, close, toggle, isOpen, localize };
+  }
+
   // web-src/views/ref-picker.ts
   function createRefPicker(deps) {
     function wireRefSelectorInput(input, onPick) {
@@ -25570,7 +26851,11 @@ code-viewer query snapshot delete --id snap-abc123`
       trackLoad,
       getRepoSidebarRef,
       setRepoSidebarRef,
-      isTestPath
+      isTestPath,
+      sidebarToggleTitle,
+      openDirectoryInOsTitle,
+      omittedDirectoryBadge,
+      commitEntryBadge
     } = deps;
     const VIRTUAL_SIDEBAR_THRESHOLD = 3000;
     const VIRTUAL_SIDEBAR_ROW_HEIGHT = 29;
@@ -25647,8 +26932,9 @@ code-viewer query snapshot delete --id snap-abc123`
         button = createSidebarToggleButton();
       bindSidebarToggleButton(button);
       button.setAttribute("aria-pressed", STATE.sidebarHidden ? "true" : "false");
-      button.title = STATE.sidebarHidden ? "show sidebar" : "hide sidebar";
-      button.setAttribute("aria-label", STATE.sidebarHidden ? "show sidebar" : "hide sidebar");
+      const toggleTitle = sidebarToggleTitle(STATE.sidebarHidden);
+      button.title = toggleTitle;
+      button.setAttribute("aria-label", toggleTitle);
       syncSidebarToggleIcon(button);
       return button;
     }
@@ -25813,12 +27099,13 @@ code-viewer query snapshot delete --id snap-abc123`
           if (dir.children_omitted) {
             const omitted = document.createElement("span");
             omitted.className = "dir-omitted " + (dir.children_omitted_reason === "heavy" ? "dir-omitted-heavy" : "dir-omitted-internal");
-            omitted.textContent = dir.children_omitted_reason === "heavy" ? "skipped" : "private";
-            omitted.title = dir.children_omitted_reason === "heavy" ? "Tree expansion is skipped, but the directory detail can be opened" : "This directory cannot be opened from the browser";
+            const badge = omittedDirectoryBadge(dir.children_omitted_reason);
+            omitted.textContent = badge.label;
+            omitted.title = badge.title;
             label.appendChild(omitted);
           }
           li.appendChild(label);
-          li.appendChild(createOpenPathButton(dir.path, "directory", "open this folder in OS"));
+          li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
           const collapsed = STATE.collapsedDirs.has(dir.path);
           if (collapsed)
             li.classList.add("collapsed");
@@ -25866,40 +27153,7 @@ code-viewer query snapshot delete --id snap-abc123`
           ul.appendChild(childUl);
         } else {
           const f2 = item.file;
-          const li = document.createElement("li");
-          li.className = "tree-file";
-          li.tabIndex = -1;
-          li.dataset.path = f2.path;
-          li.dataset.type = "blob";
-          li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
-          li.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
-          const spacer = document.createElement("span");
-          spacer.className = "chev-spacer";
-          li.appendChild(spacer);
-          if (f2.status) {
-            li.appendChild(fileBadge(f2.status));
-          } else {
-            const icon = document.createElement("span");
-            icon.className = "d2h-icon-wrapper";
-            icon.innerHTML = fileEntryIcon();
-            li.appendChild(icon);
-          }
-          const name = document.createElement("span");
-          name.className = "name";
-          name.textContent = f2.path.split("/").pop();
-          name.title = f2.path;
-          li.appendChild(name);
-          li.addEventListener("click", () => {
-            if (onFileClick)
-              onFileClick(f2);
-            else
-              scrollToFile(f2.path);
-            scheduleMainSurfaceFocus();
-          });
-          if (!onFileClick)
-            li.addEventListener("mouseenter", () => prefetchByPath(f2.path), {
-              passive: true
-            });
+          const li = createTreeFileRow(f2, depth, onFileClick);
           ul.appendChild(li);
         }
       }
@@ -25983,7 +27237,8 @@ code-viewer query snapshot delete --id snap-abc123`
           order: dir.minOrder + (index + 1) / 1e5,
           path: entry.path,
           display_path: entry.path,
-          type: entry.type,
+          type: meta.ref === "worktree" && entry.type === "commit" && !entry.submodule ? "tree" : entry.type,
+          submodule: entry.submodule,
           children_omitted: entry.children_omitted,
           children_omitted_reason: entry.children_omitted_reason
         }));
@@ -26033,12 +27288,13 @@ code-viewer query snapshot delete --id snap-abc123`
       if (dir.children_omitted) {
         const omitted = document.createElement("span");
         omitted.className = "dir-omitted " + (dir.children_omitted_reason === "heavy" ? "dir-omitted-heavy" : "dir-omitted-internal");
-        omitted.textContent = dir.children_omitted_reason === "heavy" ? "skipped" : "private";
-        omitted.title = dir.children_omitted_reason === "heavy" ? "Tree expansion is skipped, but the directory detail can be opened" : "This directory cannot be opened from the browser";
+        const badge = omittedDirectoryBadge(dir.children_omitted_reason);
+        omitted.textContent = badge.label;
+        omitted.title = badge.title;
         label.appendChild(omitted);
       }
       li.appendChild(label);
-      li.appendChild(createOpenPathButton(dir.path, "directory", "open this folder in OS"));
+      li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
       const updateIcon = () => {
         setFolderIcon(dirIcon, li.classList.contains("collapsed"));
       };
@@ -26104,12 +27360,37 @@ code-viewer query snapshot delete --id snap-abc123`
       }
       return li;
     }
+    function fileKindTag(f2) {
+      if (f2.type === "commit") {
+        const badge = commitEntryBadge(f2.submodule);
+        const tag2 = document.createElement("span");
+        tag2.className = `kind-tag ${f2.submodule ? "submodule" : "gitlink"}`;
+        tag2.textContent = badge.label;
+        tag2.title = badge.title;
+        return tag2;
+      }
+      const kind = classifyDiffFileKind(f2);
+      if (!kind.heavy && !kind.binary && !kind.media)
+        return null;
+      const tag = document.createElement("span");
+      const isBinaryLike = kind.binary || kind.media;
+      tag.className = `kind-tag ${isBinaryLike ? "binary" : "heavy"}`;
+      tag.textContent = isBinaryLike ? "B" : "!";
+      tag.title = isBinaryLike ? "binary/media file" : "large diff";
+      return tag;
+    }
+    function sidebarEntryIcon(f2) {
+      return f2.type === "commit" ? iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH) : fileEntryIcon();
+    }
     function createTreeFileRow(f2, depth, onFileClick) {
       const li = document.createElement("li");
       li.className = "tree-file";
       li.tabIndex = -1;
       li.dataset.path = f2.path;
-      li.dataset.type = "blob";
+      li.dataset.type = f2.type || "blob";
+      if (f2.type === "commit") {
+        li.title = commitEntryBadge(f2.submodule).title;
+      }
       li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
       li.classList.toggle("hidden-by-tests", STATE.hideTests && !isRepositorySidebarMode() && isTestPath(f2.path || ""));
       li.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
@@ -26121,7 +27402,7 @@ code-viewer query snapshot delete --id snap-abc123`
       } else {
         const icon = document.createElement("span");
         icon.className = "d2h-icon-wrapper";
-        icon.innerHTML = fileEntryIcon();
+        icon.innerHTML = sidebarEntryIcon(f2);
         li.appendChild(icon);
       }
       const name = document.createElement("span");
@@ -26129,6 +27410,9 @@ code-viewer query snapshot delete --id snap-abc123`
       name.textContent = f2.path.split("/").pop();
       name.title = f2.path;
       li.appendChild(name);
+      const kindTag = fileKindTag(f2);
+      if (kindTag)
+        li.appendChild(kindTag);
       li.addEventListener("click", () => {
         if (onFileClick)
           onFileClick(f2);
@@ -26336,13 +27620,17 @@ code-viewer query snapshot delete --id snap-abc123`
         li.tabIndex = -1;
         li.dataset.index = String(i2);
         li.dataset.path = f2.path;
+        li.dataset.type = f2.type || "blob";
+        if (f2.type === "commit") {
+          li.title = commitEntryBadge(f2.submodule).title;
+        }
         li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
         if (f2.status) {
           li.appendChild(fileBadge(f2.status));
         } else {
           const icon = document.createElement("span");
           icon.className = "d2h-icon-wrapper";
-          icon.innerHTML = fileEntryIcon();
+          icon.innerHTML = sidebarEntryIcon(f2);
           li.appendChild(icon);
         }
         const name = document.createElement("span");
@@ -26350,6 +27638,9 @@ code-viewer query snapshot delete --id snap-abc123`
         name.textContent = f2.path;
         name.title = f2.path;
         li.appendChild(name);
+        const kindTag = fileKindTag(f2);
+        if (kindTag)
+          li.appendChild(kindTag);
         li.addEventListener("click", () => {
           if (onFileClick)
             onFileClick(f2);
@@ -26517,6 +27808,7 @@ code-viewer query snapshot delete --id snap-abc123`
     }
     function applyFilter() {
       const input = $("#sb-filter");
+      syncSidebarFilterClearButton();
       if ($("#filelist").classList.contains("tree-virtual")) {
         rerenderVirtualSidebar();
         return;
@@ -26582,6 +27874,23 @@ code-viewer query snapshot delete --id snap-abc123`
       SIDEBAR_FILTER_RAF = 0;
       applyFilter();
     }
+    function syncSidebarFilterClearButton() {
+      const input = document.querySelector("#sb-filter");
+      const button = document.querySelector("#sb-filter-clear");
+      if (!input || !button)
+        return;
+      button.hidden = input.value.length === 0;
+    }
+    function clearSidebarFilter() {
+      const input = document.querySelector("#sb-filter");
+      if (!input?.value)
+        return;
+      input.value = "";
+      syncSidebarFilterClearButton();
+      flushSidebarFilter();
+      applyFilter();
+      input.focus();
+    }
     function applySidebarWidth(w, options = {}) {
       const cw = Math.max(180, Math.min(900, w));
       document.documentElement.style.setProperty("--sidebar-w", `${cw}px`);
@@ -26917,6 +28226,8 @@ code-viewer query snapshot delete --id snap-abc123`
       applyFilter,
       scheduleApplyFilter,
       flushSidebarFilter,
+      syncSidebarFilterClearButton,
+      clearSidebarFilter,
       markActive,
       rerenderVirtualSidebar,
       ensureVirtualSidebarDirLoaded,
@@ -27002,7 +28313,19 @@ code-viewer query snapshot delete --id snap-abc123`
       syncHeaderMenu,
       getSidebarRowByPath,
       getSidebarVirtualActivePath,
-      pushUndo
+      pushUndo,
+      newFolderButtonTitle,
+      openDirectoryInOsTitle,
+      moveFolderToTrashTitle,
+      uploadButtonLabel,
+      dropFilesIntoCopy,
+      uploadFailedMessage,
+      emptyDirectoryLabel,
+      uploadConfirmText,
+      sortColumnLabels,
+      repositoryFallback,
+      repositoryRootFallback,
+      commitEntryMeta
     } = deps;
     let REPO_SORT = {
       key: "name",
@@ -27045,6 +28368,15 @@ code-viewer query snapshot delete --id snap-abc123`
     function fileEntryIcon() {
       return iconSvg("octicon-file", FILE_16_PATH);
     }
+    function commitEntryIcon() {
+      return iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
+    }
+    function isWorktreeRef(ref) {
+      return canTrashWorktreeRef(ref);
+    }
+    function canBrowseRepoEntry(entry, ref) {
+      return entry.type === "tree" || entry.type === "commit" && isWorktreeRef(ref) && !entry.submodule;
+    }
     function closeRepoContextMenu() {
       document.querySelector(".gdp-context-menu")?.remove();
     }
@@ -27223,8 +28555,9 @@ code-viewer query snapshot delete --id snap-abc123`
       const button = document.createElement("button");
       button.type = "button";
       button.className = "gdp-file-header-icon gdp-trash-path";
-      button.title = "move folder to Trash";
-      button.setAttribute("aria-label", "move folder to Trash");
+      const trashTitle = moveFolderToTrashTitle();
+      button.title = trashTitle;
+      button.setAttribute("aria-label", trashTitle);
       button.innerHTML = iconSvg("octicon-trash", TRASH_16_PATH);
       button.addEventListener("click", async (event) => {
         event.stopPropagation();
@@ -27236,8 +28569,9 @@ code-viewer query snapshot delete --id snap-abc123`
       const button = document.createElement("button");
       button.type = "button";
       button.className = "gdp-file-header-icon gdp-create-dir";
-      button.title = "new folder";
-      button.setAttribute("aria-label", "new folder");
+      const newFolderTitle = newFolderButtonTitle();
+      button.title = newFolderTitle;
+      button.setAttribute("aria-label", newFolderTitle);
       button.innerHTML = iconSvg("octicon-plus", PLUS_16_PATH);
       button.addEventListener("click", async (event) => {
         event.stopPropagation();
@@ -27252,7 +28586,7 @@ code-viewer query snapshot delete --id snap-abc123`
       dropPanel.className = "gdp-upload-panel";
       const copy = document.createElement("div");
       copy.className = "gdp-upload-copy";
-      copy.textContent = `Drop files into ${path || getProjectName() || "repository"}`;
+      copy.textContent = dropFilesIntoCopy(path || getProjectName() || repositoryFallback());
       const input = document.createElement("input");
       input.type = "file";
       input.multiple = true;
@@ -27260,11 +28594,11 @@ code-viewer query snapshot delete --id snap-abc123`
       const button = document.createElement("button");
       button.type = "button";
       button.className = "gdp-btn gdp-btn-sm";
-      button.textContent = "Upload files";
+      button.textContent = uploadButtonLabel();
       button.addEventListener("click", () => input.click());
       const error2 = document.createElement("div");
       error2.className = "gdp-upload-error";
-      const fail = (message = "Upload failed") => {
+      const fail = (message = uploadFailedMessage()) => {
         error2.textContent = message;
         dropPanel.classList.add("failed");
         setTimeout(() => dropPanel.classList.remove("failed"), 1600);
@@ -27275,7 +28609,7 @@ code-viewer query snapshot delete --id snap-abc123`
             await uploadFiles(path, input.files);
           error2.textContent = "";
         } catch (uploadError) {
-          fail(uploadError instanceof Error ? uploadError.message : "Upload failed");
+          fail(uploadError instanceof Error ? uploadError.message : uploadFailedMessage());
         } finally {
           input.value = "";
         }
@@ -27294,7 +28628,7 @@ code-viewer query snapshot delete --id snap-abc123`
             await uploadFiles(path, files);
           error2.textContent = "";
         } catch (uploadError) {
-          fail(uploadError instanceof Error ? uploadError.message : "Upload failed");
+          fail(uploadError instanceof Error ? uploadError.message : uploadFailedMessage());
         }
       });
       dropPanel.append(copy, button, input, error2);
@@ -27314,7 +28648,7 @@ code-viewer query snapshot delete --id snap-abc123`
       const root = document.createElement("button");
       root.type = "button";
       root.className = path ? "gdp-file-breadcrumb-part" : "gdp-file-breadcrumb-current";
-      root.textContent = getProjectName() || "repository";
+      root.textContent = getProjectName() || repositoryFallback();
       root.addEventListener("click", () => {
         setRoute(repoRoute(target, ""));
         loadRepo();
@@ -27361,7 +28695,7 @@ code-viewer query snapshot delete --id snap-abc123`
       pathHeader.appendChild(createRepoBreadcrumb(meta.ref, meta.path || ""));
       if (meta.path)
         pathHeader.appendChild(createCopyPathButton(meta.path));
-      pathHeader.appendChild(createOpenPathButton(meta.path || "", "directory", "open this folder in OS"));
+      pathHeader.appendChild(createOpenPathButton(meta.path || "", "directory", openDirectoryInOsTitle()));
       toolbar.appendChild(pathHeader);
       if (canTrashWorktreeRef(meta.ref)) {
         toolbar.appendChild(createNewFolderButton(meta.path || "", () => loadRepo()));
@@ -27414,24 +28748,30 @@ code-viewer query snapshot delete --id snap-abc123`
           });
           list2.appendChild(row);
         }
-        sortedRepoEntries(meta.entries).forEach((entry) => {
+        sortedRepoEntries(meta.entries, meta.ref).forEach((entry) => {
+          const browsable = canBrowseRepoEntry(entry, meta.ref);
+          const nonBrowsableCommit = entry.type === "commit" && !browsable;
           const row = document.createElement("button");
           row.type = "button";
-          row.className = `gdp-repo-row ${entry.type}`;
+          row.className = nonBrowsableCommit ? `gdp-repo-row ${entry.type} gdp-repo-row-gitlink` : `gdp-repo-row ${entry.type}`;
           const icon = document.createElement("span");
-          icon.className = entry.type === "tree" ? "dir-icon" : "d2h-icon-wrapper";
-          if (entry.type === "tree")
+          icon.className = browsable ? "dir-icon" : nonBrowsableCommit ? "d2h-icon-wrapper gdp-repo-row-gitlink-icon" : "d2h-icon-wrapper";
+          if (browsable)
             setFolderIcon(icon, true);
           else
-            icon.innerHTML = fileEntryIcon();
+            icon.innerHTML = entry.type === "commit" ? commitEntryIcon() : fileEntryIcon();
           const name = document.createElement("span");
           name.className = "name";
           name.textContent = entry.name;
-          const metaBlock = createRepoEntryMeta(entry);
+          if (nonBrowsableCommit) {
+            row.title = commitEntryMeta(entry.submodule).title;
+            row.setAttribute("aria-disabled", "true");
+          }
+          const metaBlock = createRepoEntryMeta(entry, browsable);
           const size = createRepoEntrySize(entry);
           row.append(icon, name, metaBlock, size);
           row.addEventListener("click", () => {
-            if (entry.type === "tree") {
+            if (browsable) {
               setRoute(repoRoute(meta.ref, entry.path));
               loadRepo();
             } else if (entry.type === "blob") {
@@ -27451,7 +28791,7 @@ code-viewer query snapshot delete --id snap-abc123`
         if (!meta.entries.length) {
           const empty = document.createElement("div");
           empty.className = "gdp-repo-empty";
-          empty.textContent = "No files in this directory.";
+          empty.textContent = emptyDirectoryLabel();
           list2.appendChild(empty);
         }
       };
@@ -27538,7 +28878,8 @@ code-viewer query snapshot delete --id snap-abc123`
           order: index + 1,
           path: entry.path,
           display_path: entry.path,
-          type: entry.type,
+          type: canBrowseRepoEntry(entry, normalizedRef) ? "tree" : entry.type,
+          submodule: entry.submodule,
           children_omitted: entry.children_omitted,
           children_omitted_reason: entry.children_omitted_reason
         }));
@@ -27601,12 +28942,19 @@ code-viewer query snapshot delete --id snap-abc123`
           }
         });
     }
-    function createRepoEntryMeta(entry) {
+    function createRepoEntryMeta(entry, browsable) {
       const meta = document.createElement("span");
       meta.className = "meta";
+      if (entry.type === "commit" && !browsable) {
+        meta.classList.add("gdp-repo-row-gitlink-badge");
+        const badge = commitEntryMeta(entry.submodule);
+        meta.textContent = badge.label;
+        meta.title = badge.title;
+        return meta;
+      }
       const updated = formatFileDate(entry.updated_at || entry.commit_updated_at);
       const created = formatFileDate(entry.created_at);
-      if (entry.type === "tree" && updated) {
+      if (browsable && updated) {
         meta.textContent = updated;
         if (created)
           meta.title = `Created ${created}`;
@@ -27634,13 +28982,15 @@ code-viewer query snapshot delete --id snap-abc123`
       const time = new Date(raw).getTime();
       return Number.isNaN(time) ? -1 : time;
     }
-    function sortedRepoEntries(entries) {
+    function sortedRepoEntries(entries, ref = "worktree") {
       const direction = REPO_SORT.direction === "asc" ? 1 : -1;
       return [...entries].sort((a2, b2) => {
-        if (REPO_SORT.key === "name" && a2.type !== b2.type) {
-          if (a2.type === "tree")
+        const aBrowsable = canBrowseRepoEntry(a2, ref);
+        const bBrowsable = canBrowseRepoEntry(b2, ref);
+        if (REPO_SORT.key === "name" && aBrowsable !== bBrowsable) {
+          if (aBrowsable)
             return -1;
-          if (b2.type === "tree")
+          if (bBrowsable)
             return 1;
         }
         let result = 0;
@@ -27672,10 +29022,11 @@ code-viewer query snapshot delete --id snap-abc123`
       const spacer = document.createElement("span");
       spacer.className = "gdp-repo-sort-spacer";
       header.appendChild(spacer);
+      const sortLabels = sortColumnLabels();
       const columns = [
-        { key: "name", label: "Name" },
-        { key: "updated", label: "Updated" },
-        { key: "size", label: "Size" }
+        { key: "name", label: sortLabels.name },
+        { key: "updated", label: sortLabels.updated },
+        { key: "size", label: sortLabels.size }
       ];
       columns.forEach((column) => {
         const button = document.createElement("button");
@@ -27798,11 +29149,12 @@ code-viewer query snapshot delete --id snap-abc123`
       const list2 = Array.from(files);
       if (!list2.length)
         return;
-      const label = path || getProjectName() || "repository root";
+      const label = path || getProjectName() || repositoryRootFallback();
+      const confirmText = uploadConfirmText(list2.length, label);
       const ok = await showConfirmDialog({
-        title: "Upload files?",
-        body: `Upload ${list2.length} file${list2.length === 1 ? "" : "s"} into ${label}?`,
-        confirmLabel: "Upload"
+        title: confirmText.title,
+        body: confirmText.body,
+        confirmLabel: confirmText.confirmLabel
       });
       if (!ok)
         return;
@@ -30176,13 +31528,20 @@ code-viewer query snapshot delete --id snap-abc123`
       const loadBar = document.querySelector("#load-bar");
       if (loadBar)
         loadBar.classList.toggle("active", state.inFlight > 0);
+      const text2 = uiText().global;
+      const statusEl = document.querySelector("#status");
+      if (statusEl) {
+        statusEl.title = state.inFlight > 0 ? text2.statusInFlightTitle(state.inFlight, state.cancellable) : statusEl.querySelector(".status-label")?.textContent ?? "";
+      }
       const cancelButton = document.querySelector("#cancel-requests");
       if (!cancelButton)
         return;
       const cancellable = state.cancellable > 0;
       cancelButton.disabled = !cancellable;
       cancelButton.classList.toggle("active", cancellable);
-      cancelButton.title = cancellable ? `cancel ${state.cancellable} in-flight request${state.cancellable === 1 ? "" : "s"}` : "no in-flight requests";
+      const cancelTitle = cancellable ? text2.cancelRequestsActiveTitle(state.cancellable) : text2.cancelRequestsInactiveTitle;
+      cancelButton.title = cancelTitle;
+      cancelButton.setAttribute("aria-label", cancelTitle);
     }
     function cancelInFlightRequests() {
       NETWORK_ACTIVITY.cancelAll();
@@ -30695,13 +32054,31 @@ code-viewer query snapshot delete --id snap-abc123`
       setRepoSidebarRef: (ref) => {
         REPO_SIDEBAR_REF = ref;
       },
-      isTestPath: (path) => TEST_RE.test(path)
+      isTestPath: (path) => TEST_RE.test(path),
+      sidebarToggleTitle: (hidden) => hidden ? uiText().sidebar.show : uiText().sidebar.hide,
+      openDirectoryInOsTitle: () => uiText().sidebar.openDirectoryInOs,
+      omittedDirectoryBadge: (reason) => {
+        const text2 = uiText().sidebar;
+        return reason === "heavy" ? { label: text2.omittedHeavyLabel, title: text2.omittedHeavyTitle } : { label: text2.omittedPrivateLabel, title: text2.omittedPrivateTitle };
+      },
+      commitEntryBadge: (submodule) => {
+        const text2 = uiText().sidebar;
+        return submodule ? {
+          label: text2.commitEntrySubmoduleLabel,
+          title: text2.commitEntrySubmoduleTitle
+        } : {
+          label: text2.commitEntryGitlinkLabel,
+          title: text2.commitEntryGitlinkTitle
+        };
+      }
     });
     const {
       renderSidebar,
       applyFilter,
       scheduleApplyFilter,
       flushSidebarFilter,
+      syncSidebarFilterClearButton,
+      clearSidebarFilter,
       markActive,
       rerenderVirtualSidebar,
       ensureVirtualSidebarDirLoaded,
@@ -30838,6 +32215,35 @@ code-viewer query snapshot delete --id snap-abc123`
       getSidebarVirtualActivePath,
       pushUndo: (undo) => {
         UNDO_STACK.unshift(undo);
+      },
+      newFolderButtonTitle: () => uiText().repo.newFolder,
+      openDirectoryInOsTitle: () => uiText().sidebar.openDirectoryInOs,
+      moveFolderToTrashTitle: () => uiText().repo.moveFolderToTrash,
+      uploadButtonLabel: () => uiText().repo.uploadButton,
+      dropFilesIntoCopy: (target) => uiText().repo.dropFilesInto(target),
+      uploadFailedMessage: () => uiText().repo.uploadFailed,
+      emptyDirectoryLabel: () => uiText().repo.emptyDirectory,
+      uploadConfirmText: (count, target) => {
+        const text2 = uiText().repo;
+        return {
+          title: text2.uploadConfirmTitle,
+          body: text2.uploadConfirmBody(count, target),
+          confirmLabel: text2.uploadConfirmLabel
+        };
+      },
+      sortColumnLabels: () => {
+        const text2 = uiText().repo;
+        return {
+          name: text2.sortName,
+          updated: text2.sortUpdated,
+          size: text2.sortSize
+        };
+      },
+      repositoryFallback: () => uiText().repo.repositoryFallback,
+      repositoryRootFallback: () => uiText().repo.repositoryRootFallback,
+      commitEntryMeta: (submodule) => {
+        const text2 = uiText().repo;
+        return submodule ? { label: text2.submoduleLabel, title: text2.submoduleTitle } : { label: text2.gitlinkLabel, title: text2.gitlinkTitle };
       }
     });
     const {
@@ -30880,10 +32286,20 @@ code-viewer query snapshot delete --id snap-abc123`
           theme: "toggle theme",
           product: "code viewer",
           copyAiContext: "Copy AI context (Shift+Click to include code)",
+          copyAiContextLabel: "AI context",
           copyAiContextCopied: "Copied AI context",
           copyAiContextCopiedWithCode: (lines) => `Copied AI context + code (${lines} line${lines === 1 ? "" : "s"})`,
           copyAiContextFailed: "Copy failed",
-          copyAiContextEmpty: "Nothing to copy here"
+          copyAiContextEmpty: "Nothing to copy here",
+          statusLive: "Live",
+          statusLoading: "Loading",
+          statusError: "Error",
+          statusIdle: "Idle",
+          statusInFlightTitle: (count, cancellable) => `${count} request${count === 1 ? "" : "s"} in flight${cancellable > 0 ? " (cancellable)" : ""}`,
+          cancelRequestsActiveTitle: (count) => `cancel ${count} in-flight request${count === 1 ? "" : "s"}`,
+          cancelRequestsInactiveTitle: "no in-flight requests",
+          brandHome: "Repository home",
+          menuViews: "Views"
         },
         topbar: {
           resetRange: "reset to HEAD .. worktree",
@@ -30892,6 +32308,7 @@ code-viewer query snapshot delete --id snap-abc123`
           unified: "unified",
           split: "split",
           ignoreWs: "ignore whitespace changes (-w)",
+          ignoreWsLabel: "ws",
           syntaxLoading: "loading...",
           syntaxOn: "syntax on",
           syntaxOff: "syntax off",
@@ -30900,10 +32317,38 @@ code-viewer query snapshot delete --id snap-abc123`
           syntaxErrorTitle: "failed to load syntax highlighter",
           syntaxOffTitle: "syntax highlighting off",
           hideTests: "hide test files (test|spec)",
+          hideTestsLabel: "no test",
           autoUpdate: "auto",
           autoUpdateOnTitle: "auto update on file change",
           autoUpdateOffTitle: "auto update off — manual reload"
         },
+        diff: {
+          files: (count) => `${count} file${count === 1 ? "" : "s"}`,
+          updated: (time) => `updated ${time}`,
+          updatedTitle: "last updated",
+          kindAdded: "added",
+          kindDeleted: "deleted",
+          kindRenamed: "renamed",
+          kindHeavy: "heavy",
+          kindBinary: "binary",
+          kindMedia: "media",
+          viewedProgress: (viewed, total) => `${viewed}/${total} viewed`,
+          viewedProgressTitle: "review progress",
+          nextUnviewed: "next unviewed",
+          nextUnviewedTitle: "Jump to the next unviewed file (n)",
+          allViewed: "all viewed",
+          allViewedTitle: "All visible files are viewed",
+          noChangesTitle: "No changes",
+          noChangesBody: "The working tree is clean against this ref.",
+          noChangesReload: "Reload diff",
+          noChangesReloadTitle: "Reload this diff range",
+          noChangesHistory: "Open history",
+          noChangesHistoryTitle: "Open commit history for this range",
+          emptyDiffTitle: "Empty diff",
+          emptyDiffBody: "This commit has no changes against its first parent.",
+          noCommitSelectedTitle: "No commit selected",
+          noCommitSelectedBody: "Select a commit from the list to see its changes."
+        },
         changeBanner: {
           text: "Files changed",
           reload: "Reload",
@@ -30923,14 +32368,56 @@ code-viewer query snapshot delete --id snap-abc123`
           view: "view",
           tree: "tree",
           flat: "flat",
+          treeTitle: "tree view",
+          flatTitle: "flat list",
           filter: "Filter files…  /  ⌘K",
           filterTitle: "Filter files. Use /pattern/ for regex. Press / to focus this field, Cmd/Ctrl+K for the full-file palette, Ctrl+G for grep, ? for help.",
-          hide: "hide sidebar"
+          filterClear: "Clear",
+          filterClearTitle: "Clear file filter",
+          hide: "hide sidebar",
+          show: "show sidebar",
+          repoTarget: "repository target",
+          openDirectoryInOs: "open this folder in OS",
+          omittedHeavyLabel: "skipped",
+          omittedHeavyTitle: "Tree expansion is skipped, but the directory detail can be opened",
+          omittedPrivateLabel: "private",
+          omittedPrivateTitle: "This directory cannot be opened from the browser",
+          commitEntryGitlinkLabel: "GIT",
+          commitEntryGitlinkTitle: "Git commit entry",
+          commitEntrySubmoduleLabel: "SUB",
+          commitEntrySubmoduleTitle: "Git submodule pinned to a commit"
+        },
+        repo: {
+          newFolder: "new folder",
+          moveFolderToTrash: "move folder to Trash",
+          uploadButton: "Upload files",
+          dropFilesInto: (target) => `Drop files into ${target}`,
+          uploadFailed: "Upload failed",
+          emptyDirectory: "No files in this directory.",
+          uploadConfirmTitle: "Upload files?",
+          uploadConfirmBody: (count, target) => `Upload ${count} file${count === 1 ? "" : "s"} into ${target}?`,
+          uploadConfirmLabel: "Upload",
+          sortName: "Name",
+          sortUpdated: "Updated",
+          sortSize: "Size",
+          repositoryFallback: "repository",
+          repositoryRootFallback: "repository root",
+          gitlinkLabel: "gitlink",
+          gitlinkTitle: "Git commit entry is not directly browsable at this ref",
+          submoduleLabel: "submodule",
+          submoduleTitle: "Git submodule pinned to a commit"
         },
         history: {
           title: "Commits",
           filter: "Filter commits...",
-          filterTitle: "Filter commits by message, SHA, author:name, or path:file."
+          filterTitle: "Filter commits by message, SHA, author:name, or path:file.",
+          refreshTitle: "Refresh commit history"
+        },
+        quickHelp: {
+          buttonTitle: "quick help (shortcuts)",
+          panelTitle: "Quick Help",
+          close: "close quick help",
+          viewAll: "View all keybindings →"
         },
         settings: {
           title: "Viewer Settings",
@@ -30991,30 +32478,69 @@ code-viewer query snapshot delete --id snap-abc123`
           theme: "テーマ切り替え",
           product: "code viewer",
           copyAiContext: "AI 用コンテキストをコピー（Shift+Click でコードも添付）",
+          copyAiContextLabel: "AI文脈",
           copyAiContextCopied: "コピーしました",
           copyAiContextCopiedWithCode: (lines) => `コピーしました（コード付き・${lines}行）`,
           copyAiContextFailed: "コピーに失敗しました",
-          copyAiContextEmpty: "コピーする内容がありません"
+          copyAiContextEmpty: "コピーする内容がありません",
+          statusLive: "稼働中",
+          statusLoading: "更新中",
+          statusError: "エラー",
+          statusIdle: "待機中",
+          statusInFlightTitle: (count, cancellable) => `${count}件のリクエストを実行中${cancellable > 0 ? "（キャンセル可能）" : ""}`,
+          cancelRequestsActiveTitle: (count) => `実行中のリクエストを${count}件キャンセル`,
+          cancelRequestsInactiveTitle: "実行中のリクエストはありません",
+          brandHome: "リポジトリホーム",
+          menuViews: "ビュー切り替え"
         },
         topbar: {
           resetRange: "HEAD .. worktree に戻す",
           reload: "diff を再読み込み (R)",
           layout: "レイアウト",
-          unified: "unified",
-          split: "split",
+          unified: "統合",
+          split: "分割",
           ignoreWs: "空白差分を無視 (-w)",
+          ignoreWsLabel: "空白",
           syntaxLoading: "読み込み中...",
-          syntaxOn: "syntax on",
-          syntaxOff: "syntax off",
+          syntaxOn: "構文あり",
+          syntaxOff: "構文なし",
           syntaxOnTitle: "シンタックスハイライト有効",
           syntaxLoadingTitle: "シンタックスハイライトを読み込み中",
           syntaxErrorTitle: "シンタックスハイライトの読み込みに失敗",
           syntaxOffTitle: "シンタックスハイライト無効",
           hideTests: "test/spec ファイルを隠す",
+          hideTestsLabel: "テスト非表示",
           autoUpdate: "自動",
           autoUpdateOnTitle: "ファイル変更時に自動更新",
           autoUpdateOffTitle: "自動更新オフ — 手動で再読み込み"
         },
+        diff: {
+          files: (count) => `${count}ファイル`,
+          updated: (time) => `更新 ${time}`,
+          updatedTitle: "最終更新",
+          kindAdded: "追加",
+          kindDeleted: "削除",
+          kindRenamed: "名前変更",
+          kindHeavy: "大容量",
+          kindBinary: "バイナリ",
+          kindMedia: "メディア",
+          viewedProgress: (viewed, total) => `${viewed}/${total} 確認済み`,
+          viewedProgressTitle: "確認進捗",
+          nextUnviewed: "次の未確認",
+          nextUnviewedTitle: "次の未確認ファイルへ移動 (n)",
+          allViewed: "すべて確認済み",
+          allViewedTitle: "表示中のファイルはすべて確認済みです",
+          noChangesTitle: "変更はありません",
+          noChangesBody: "この参照との差分はありません。",
+          noChangesReload: "diff を更新",
+          noChangesReloadTitle: "この差分範囲を再読み込み",
+          noChangesHistory: "履歴を開く",
+          noChangesHistoryTitle: "この範囲のコミット履歴を開く",
+          emptyDiffTitle: "空の差分",
+          emptyDiffBody: "このコミットは最初の親との差分がありません。",
+          noCommitSelectedTitle: "コミット未選択",
+          noCommitSelectedBody: "一覧からコミットを選ぶと変更内容を表示します。"
+        },
         changeBanner: {
           text: "ファイルに変更がありました",
           reload: "再読み込みする",
@@ -31034,14 +32560,56 @@ code-viewer query snapshot delete --id snap-abc123`
           view: "表示",
           tree: "ツリー",
           flat: "一覧",
+          treeTitle: "ツリー表示",
+          flatTitle: "一覧表示",
           filter: "ファイル絞り込み…  /  ⌘K",
           filterTitle: "ファイルを絞り込みます。/pattern/ は正規表現。/ でこの欄にフォーカス、Cmd/Ctrl+K で全ファイルパレット、Ctrl+G で grep、? でヘルプ。",
-          hide: "サイドバーを隠す"
+          filterClear: "解除",
+          filterClearTitle: "ファイル絞り込みを解除",
+          hide: "サイドバーを隠す",
+          show: "サイドバーを表示",
+          repoTarget: "リポジトリの対象",
+          openDirectoryInOs: "このフォルダをOSで開く",
+          omittedHeavyLabel: "省略",
+          omittedHeavyTitle: "ツリー展開は省略されていますが、詳細パネルでは開けます",
+          omittedPrivateLabel: "非公開",
+          omittedPrivateTitle: "このディレクトリはブラウザから開けません",
+          commitEntryGitlinkLabel: "GIT",
+          commitEntryGitlinkTitle: "Git のコミットに固定された参照です。フォルダではないため直接は開けません。",
+          commitEntrySubmoduleLabel: "SUB",
+          commitEntrySubmoduleTitle: "Git サブモジュール: 特定のコミットに固定されています。フォルダではないため直接は開けません。"
+        },
+        repo: {
+          newFolder: "新規フォルダ",
+          moveFolderToTrash: "フォルダをゴミ箱へ移動",
+          uploadButton: "ファイルをアップロード",
+          dropFilesInto: (target) => `${target} にファイルをドロップ`,
+          uploadFailed: "アップロードに失敗しました",
+          emptyDirectory: "このディレクトリにファイルはありません。",
+          uploadConfirmTitle: "ファイルをアップロードしますか？",
+          uploadConfirmBody: (count, target) => `${target} に ${count} 件のファイルをアップロードしますか？`,
+          uploadConfirmLabel: "アップロード",
+          sortName: "名前",
+          sortUpdated: "更新日時",
+          sortSize: "サイズ",
+          repositoryFallback: "リポジトリ",
+          repositoryRootFallback: "リポジトリのルート",
+          gitlinkLabel: "固定コミット",
+          gitlinkTitle: "特定のコミットに固定された参照です。この ref では直接開けません。",
+          submoduleLabel: "サブモジュール",
+          submoduleTitle: "Git サブモジュール: 特定のコミットに固定されています。直接は開けません。"
         },
         history: {
           title: "コミット",
           filter: "コミットを絞り込み...",
-          filterTitle: "メッセージ、SHA、author:name、path:file でコミットを絞り込みます。"
+          filterTitle: "メッセージ、SHA、author:name、path:file でコミットを絞り込みます。",
+          refreshTitle: "コミット履歴を更新"
+        },
+        quickHelp: {
+          buttonTitle: "クイックヘルプ(ショートカット)",
+          panelTitle: "クイックヘルプ",
+          close: "クイックヘルプを閉じる",
+          viewAll: "すべてのキーバインドを見る →"
         },
         settings: {
           title: "ビューア設定",
@@ -31117,6 +32685,8 @@ code-viewer query snapshot delete --id snap-abc123`
       });
       setElementText(".global-help-link[data-route='help']", text2.nav.help);
       setElementText(".product-label", text2.global.product);
+      document.querySelector(".brand")?.setAttribute("aria-label", text2.global.brandHome);
+      document.querySelector(".app-menu")?.setAttribute("aria-label", text2.global.menuViews);
       const annotationsToggle = document.querySelector("#annotations-toggle");
       if (annotationsToggle) {
         annotationsToggle.title = text2.global.annotations;
@@ -31132,27 +32702,51 @@ code-viewer query snapshot delete --id snap-abc123`
         theme.title = text2.global.theme;
         theme.setAttribute("aria-label", text2.global.theme);
       }
+      const quickHelpBtn = document.querySelector("#quick-help-btn");
+      if (quickHelpBtn) {
+        quickHelpBtn.title = text2.quickHelp.buttonTitle;
+        quickHelpBtn.setAttribute("aria-label", text2.quickHelp.buttonTitle);
+      }
+      QUICK_HELP?.localize();
+      const doctorTitle = doctorText(STATE.language).title;
+      const doctorBtn = document.querySelector("#doctor-btn");
+      if (doctorBtn) {
+        doctorBtn.title = doctorTitle;
+        doctorBtn.setAttribute("aria-label", doctorTitle);
+      }
+      document.querySelector("#doctor-sheet")?.setAttribute("aria-label", doctorTitle);
       const copyAiContext = document.querySelector("#copy-ai-context");
       if (copyAiContext) {
         copyAiContext.title = text2.global.copyAiContext;
         copyAiContext.setAttribute("aria-label", text2.global.copyAiContext);
+        const copyAiContextLabel = copyAiContext.querySelector(".ai-context-label");
+        if (copyAiContextLabel)
+          copyAiContextLabel.textContent = text2.global.copyAiContextLabel;
       }
       const refReset = document.querySelector("#ref-reset");
-      if (refReset)
+      if (refReset) {
         refReset.title = text2.topbar.resetRange;
+        refReset.setAttribute("aria-label", text2.topbar.resetRange);
+      }
       const reload = document.querySelector("#reload-prom");
-      if (reload)
+      if (reload) {
         reload.title = text2.topbar.reload;
+        reload.setAttribute("aria-label", text2.topbar.reload);
+      }
       const layoutGroup = document.querySelector("#topbar .seg");
       layoutGroup?.setAttribute("aria-label", text2.topbar.layout);
       setElementText('#topbar .seg button[data-layout="line-by-line"]', text2.topbar.unified);
       setElementText('#topbar .seg button[data-layout="side-by-side"]', text2.topbar.split);
       const ignoreWs = document.querySelector("#ignore-ws");
-      if (ignoreWs)
+      if (ignoreWs) {
         ignoreWs.title = text2.topbar.ignoreWs;
+        ignoreWs.textContent = text2.topbar.ignoreWsLabel;
+      }
       const hideTests = document.querySelector("#hide-tests");
-      if (hideTests)
+      if (hideTests) {
         hideTests.title = text2.topbar.hideTests;
+        hideTests.textContent = text2.topbar.hideTestsLabel;
+      }
       applyAutoUpdateButton();
       setHighlightButton(STATE.syntaxHighlight && getHljs() ? "loaded" : "idle");
       setElementText(".sb-title", text2.sidebar.files);
@@ -31172,15 +32766,33 @@ code-viewer query snapshot delete --id snap-abc123`
       sbView?.setAttribute("aria-label", text2.sidebar.view);
       setElementText('.sb-view-seg button[data-view="tree"]', text2.sidebar.tree);
       setElementText('.sb-view-seg button[data-view="flat"]', text2.sidebar.flat);
+      const sbViewTree = document.querySelector('.sb-view-seg button[data-view="tree"]');
+      if (sbViewTree)
+        sbViewTree.title = text2.sidebar.treeTitle;
+      const sbViewFlat = document.querySelector('.sb-view-seg button[data-view="flat"]');
+      if (sbViewFlat)
+        sbViewFlat.title = text2.sidebar.flatTitle;
       const filter = document.querySelector("#sb-filter");
       if (filter) {
         filter.placeholder = text2.sidebar.filter;
         filter.title = text2.sidebar.filterTitle;
       }
+      const filterClear = document.querySelector("#sb-filter-clear");
+      if (filterClear) {
+        filterClear.textContent = text2.sidebar.filterClear;
+        filterClear.title = text2.sidebar.filterClearTitle;
+        filterClear.setAttribute("aria-label", text2.sidebar.filterClearTitle);
+      }
+      const repoTarget = document.querySelector("#repo-target");
+      if (repoTarget) {
+        repoTarget.title = text2.sidebar.repoTarget;
+        repoTarget.setAttribute("aria-label", text2.sidebar.repoTarget);
+      }
       const sidebarToggle = document.querySelector("#sidebar-toggle");
       if (sidebarToggle) {
-        sidebarToggle.title = text2.sidebar.hide;
-        sidebarToggle.setAttribute("aria-label", text2.sidebar.hide);
+        const sidebarToggleTitle = STATE.sidebarHidden ? text2.sidebar.show : text2.sidebar.hide;
+        sidebarToggle.title = sidebarToggleTitle;
+        sidebarToggle.setAttribute("aria-label", sidebarToggleTitle);
       }
       setElementText(".sidebar-toggle-label", text2.sidebar.files);
       setElementText(".history-title", text2.history.title);
@@ -31191,6 +32803,11 @@ code-viewer query snapshot delete --id snap-abc123`
         historyFilter.placeholder = text2.history.filter;
         historyFilter.title = text2.history.filterTitle;
       }
+      document.querySelectorAll(".history-refresh").forEach((button) => {
+        button.title = text2.history.refreshTitle;
+        button.setAttribute("aria-label", text2.history.refreshTitle);
+      });
+      relocalizeHistory?.();
       setElementText(".scope-settings-head strong", text2.settings.title);
       const settingsClose = document.querySelector("#scope-settings-close");
       settingsClose?.setAttribute("aria-label", text2.settings.close);
@@ -31259,7 +32876,9 @@ code-viewer query snapshot delete --id snap-abc123`
       setButtonLabel(document.querySelector("#query-history-panel-close"), text2.annotations.close);
       relocalizeDatabase?.();
     }
+    let relocalizeHistory = null;
     let relocalizeDatabase = null;
+    let QUICK_HELP = null;
     function setViewerLanguage(language, persist = true) {
       const next = normalizeViewerLanguage(language);
       STATE.language = next;
@@ -31286,6 +32905,13 @@ code-viewer query snapshot delete --id snap-abc123`
       el.classList.remove("live", "refreshing", "error");
       if (s2)
         el.classList.add(s2);
+      const text2 = uiText();
+      const label = s2 === "live" ? text2.global.statusLive : s2 === "refreshing" ? text2.global.statusLoading : s2 === "error" ? text2.global.statusError : text2.global.statusIdle;
+      const labelEl = el.querySelector(".status-label");
+      if (labelEl)
+        labelEl.textContent = label;
+      el.setAttribute("aria-label", label);
+      updateNetworkActivity();
     }
     function applyTheme() {
       document.documentElement.dataset.theme = STATE.theme;
@@ -31587,8 +33213,10 @@ code-viewer query snapshot delete --id snap-abc123`
       input.readOnly = true;
       input.autocomplete = "off";
       input.placeholder = options.placeholder;
-      if (options.title)
+      if (options.title) {
         input.title = options.title;
+        input.setAttribute("aria-label", options.title);
+      }
       if (options.value != null)
         input.value = options.value;
       const caret = document.createElement("span");
@@ -31692,7 +33320,8 @@ code-viewer query snapshot delete --id snap-abc123`
         currentRange,
         setRoute,
         setPreferredSourceTab: (tab) => SOURCE_VIEW.setPreferredSourceTab(tab),
-        createFileBreadcrumb: (path, ref) => DIFF_VIEW.createFileBreadcrumb(path, ref)
+        createFileBreadcrumb: (path, ref) => DIFF_VIEW.createFileBreadcrumb(path, ref),
+        emptyText: () => uiText().diff
       }, historyRoute);
       activeFileHistoryDiffHost = mount.diffHost;
       activeFileHistoryEmptyHost = mount.emptyHost;
@@ -31705,6 +33334,9 @@ code-viewer query snapshot delete --id snap-abc123`
     function withAnnotationSessionParam(rawUrl) {
       return ANNOTATIONS_UI ? ANNOTATIONS_UI.withSessionParam(rawUrl) : rawUrl;
     }
+    function urlForRoute(route) {
+      return withDoctorOverlay(withAnnotationSessionParam(buildRoute(route)), parseDoctorOverlay(window.location.pathname, window.location.search));
+    }
     function historyStateForRoute(route) {
       return route.screen === "file" ? {
         screen: "file",
@@ -31779,7 +33411,7 @@ code-viewer query snapshot delete --id snap-abc123`
       if (nextRoute.screen === "repo" || nextRoute.screen === "file" && (nextRoute.view === "blob" || nextRoute.view === "blame" || nextRoute.view === "history")) {
         STATE.repoRef = nextRoute.ref || "worktree";
       }
-      const url = withDoctorOverlay(withAnnotationSessionParam(buildRoute(nextRoute)), parseDoctorOverlay(window.location.pathname, window.location.search));
+      const url = urlForRoute(nextRoute);
       const state = historyStateForRoute(nextRoute);
       if (replace2)
         history.replaceState(state, "", url);
@@ -32024,6 +33656,7 @@ code-viewer query snapshot delete --id snap-abc123`
         SERVER_GENERATION = generation;
       },
       invalidateRepoSidebar,
+      diffText: () => uiText().diff,
       getDiffRoot: () => activeFileHistoryDiffHost || $("#diff"),
       getEmptyPane: () => activeFileHistoryEmptyHost || $("#empty"),
       isEmbeddedDiffMode: () => !!activeFileHistoryDiffHost
@@ -32057,10 +33690,26 @@ code-viewer query snapshot delete --id snap-abc123`
       if (themeButton) {
         themeButton.innerHTML = iconSvg("octicon-moon", MOON_16_PATH);
       }
-      const copyAiContextButton = document.querySelector("#copy-ai-context");
-      if (copyAiContextButton) {
-        copyAiContextButton.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      const copyAiContextIcon = document.querySelector("#copy-ai-context .goi-icon");
+      if (copyAiContextIcon) {
+        copyAiContextIcon.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      }
+      const autoUpdateIcon = document.querySelector("#auto-update .goi-icon");
+      if (autoUpdateIcon) {
+        autoUpdateIcon.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
       }
+      const cancelRequestsIcon = document.querySelector("#cancel-requests .goi-icon");
+      if (cancelRequestsIcon) {
+        cancelRequestsIcon.innerHTML = iconSvg("octicon-x", X_16_PATH);
+      }
+    }
+    function setRefActionIcons() {
+      const refReset = document.querySelector("#ref-reset");
+      if (refReset)
+        refReset.innerHTML = iconSvg("octicon-x", X_16_PATH);
+      const reload = document.querySelector("#reload-prom");
+      if (reload)
+        reload.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
     }
     applySidebarFontSize();
     applyCodeFontSize();
@@ -32070,6 +33719,7 @@ code-viewer query snapshot delete --id snap-abc123`
     hydrateRefSelectorMounts();
     setSidebarTreeActionIcons();
     setGlobalHeaderIcons();
+    setRefActionIcons();
     $$(".sb-view-seg button").forEach((b2) => {
       b2.addEventListener("click", () => {
         STATE.sbView = b2.dataset.view || "tree";
@@ -32100,11 +33750,15 @@ code-viewer query snapshot delete --id snap-abc123`
           };
         }
       }
+      const databaseQuerySql = STATE.route.screen === "database" && STATE.route.tab === "query" ? document.querySelector(".db-container:not([hidden]) .db-query-editor:not([hidden]) .db-query-textarea")?.value : undefined;
       const text2 = aiContextClipboardText({
         route: STATE.route,
         diffFrom: STATE.from,
         diffTo: STATE.to,
-        selectionCode
+        selectionCode,
+        diffMeta: window._lastMeta ? visibleDiffMetaForBrief(window._lastMeta) : null,
+        viewedFiles: STATE.viewedFiles,
+        databaseQuerySql
       });
       const finish = (ok, withCode, lineCount, reason) => {
         const label = reason === "empty" ? uiText().global.copyAiContextEmpty : ok ? withCode ? uiText().global.copyAiContextCopiedWithCode(lineCount) : uiText().global.copyAiContextCopied : uiText().global.copyAiContextFailed;
@@ -32336,7 +33990,10 @@ code-viewer query snapshot delete --id snap-abc123`
     }
     const sbFilter = $("#sb-filter");
     if (sbFilter) {
-      sbFilter.addEventListener("input", () => scheduleApplyFilter());
+      sbFilter.addEventListener("input", () => {
+        syncSidebarFilterClearButton();
+        scheduleApplyFilter();
+      });
       sbFilter.addEventListener("keydown", (e2) => {
         if (isImeComposing(e2))
           return;
@@ -32351,6 +34008,7 @@ code-viewer query snapshot delete --id snap-abc123`
         } else if (e2.key === "Escape") {
           if (sbFilter.value) {
             sbFilter.value = "";
+            syncSidebarFilterClearButton();
             flushSidebarFilter();
             applyFilter();
           } else {
@@ -32359,6 +34017,11 @@ code-viewer query snapshot delete --id snap-abc123`
         }
       });
     }
+    const sbFilterClear = document.querySelector("#sb-filter-clear");
+    if (sbFilterClear) {
+      syncSidebarFilterClearButton();
+      sbFilterClear.addEventListener("click", clearSidebarFilter);
+    }
     function focusFileFilter() {
       const input = $("#sb-filter");
       input.focus();
@@ -32510,17 +34173,13 @@ code-viewer query snapshot delete --id snap-abc123`
         }));
         return true;
       }
+      if (action === "next-unviewed-file") {
+        if (DIFF_VIEW.scrollToNextUnviewedFile())
+          scheduleMainSurfaceFocus();
+        return true;
+      }
       if (action === "open-help") {
-        openHelpKeybindings({
-          getRoute: () => STATE.route,
-          getLanguage: () => STATE.language,
-          currentRange,
-          setRoute,
-          setPageMode,
-          renderHelpPage,
-          setStatus,
-          cancelActiveSourceLoad
-        });
+        QUICK_HELP?.toggle();
         return true;
       }
       return false;
@@ -32573,6 +34232,103 @@ code-viewer query snapshot delete --id snap-abc123`
     if (window.location.pathname === "/") {
       setRoute(STATE.route, true);
     }
+    function normalizedHistoryRefForEmptyDiff() {
+      const candidate = STATE.to && STATE.to !== "worktree" ? STATE.to : STATE.from || "HEAD";
+      return candidate && candidate !== "worktree" && !candidate.startsWith("--") ? candidate : "HEAD";
+    }
+    function emptyDiffHistoryRoute() {
+      return {
+        screen: "history",
+        ref: normalizedHistoryRefForEmptyDiff(),
+        range: currentRange()
+      };
+    }
+    function setEmptyActionContent(action, iconName, iconPath, label, title) {
+      action.title = title;
+      action.setAttribute("aria-label", title);
+      action.replaceChildren();
+      const icon = document.createElement("span");
+      icon.className = "empty-action-icon";
+      icon.setAttribute("aria-hidden", "true");
+      icon.innerHTML = iconSvg(iconName, iconPath);
+      const text2 = document.createElement("span");
+      text2.className = "empty-action-label";
+      text2.textContent = label;
+      action.append(icon, text2);
+    }
+    function navigateToEmptyDiffHistory(event) {
+      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+        return;
+      event.preventDefault();
+      const route = emptyDiffHistoryRoute();
+      history.pushState(historyStateForRoute(route), "", urlForRoute(route));
+      window.scrollTo(0, 0);
+      applyRouteFromLocation();
+    }
+    function ensureEmptyDiffActions(empty) {
+      let actions = empty.querySelector(".empty-actions");
+      if (actions)
+        return actions;
+      actions = document.createElement("div");
+      actions.className = "empty-actions";
+      actions.hidden = true;
+      const reload = document.createElement("button");
+      reload.type = "button";
+      reload.className = "empty-action empty-action-primary";
+      reload.dataset.emptyAction = "reload";
+      reload.addEventListener("click", () => reloadDiffFromUi(reload));
+      const historyLink = document.createElement("a");
+      historyLink.className = "empty-action";
+      historyLink.dataset.emptyAction = "history";
+      historyLink.addEventListener("click", navigateToEmptyDiffHistory);
+      actions.append(reload, historyLink);
+      empty.appendChild(actions);
+      return actions;
+    }
+    function syncEmptyDiffPane(empty, onHistory) {
+      empty.classList.toggle("empty-with-actions", !onHistory);
+      const text2 = uiText().diff;
+      const h2 = empty.querySelector("h2");
+      if (h2)
+        h2.textContent = onHistory ? text2.emptyDiffTitle : text2.noChangesTitle;
+      const p2 = empty.querySelector("p");
+      if (p2)
+        p2.textContent = onHistory ? text2.emptyDiffBody : text2.noChangesBody;
+      const existingActions = empty.querySelector(".empty-actions");
+      if (onHistory) {
+        if (existingActions)
+          existingActions.hidden = true;
+        return;
+      }
+      const actions = ensureEmptyDiffActions(empty);
+      const reload = actions.querySelector('[data-empty-action="reload"]');
+      const historyLink = actions.querySelector('[data-empty-action="history"]');
+      if (reload)
+        setEmptyActionContent(reload, "octicon-sync", SYNC_16_PATH, text2.noChangesReload, text2.noChangesReloadTitle);
+      if (historyLink) {
+        const route = emptyDiffHistoryRoute();
+        historyLink.href = urlForRoute(route);
+        setEmptyActionContent(historyLink, "octicon-git-branch", GIT_BRANCH_16_PATH, text2.noChangesHistory, text2.noChangesHistoryTitle);
+      }
+      actions.hidden = false;
+    }
+    function reloadDiffFromUi(trigger) {
+      const topbarButton = $("#reload-prom");
+      topbarButton.classList.add("spinning");
+      if (trigger && trigger !== topbarButton) {
+        trigger.classList.add("spinning");
+        trigger.setAttribute("aria-busy", "true");
+      }
+      load().finally(() => {
+        setTimeout(() => {
+          topbarButton.classList.remove("spinning");
+          if (trigger && trigger !== topbarButton) {
+            trigger.classList.remove("spinning");
+            trigger.setAttribute("aria-busy", "false");
+          }
+        }, 200);
+      });
+    }
     function load(options = {}) {
       if (STATE.route.screen === "help") {
         setStatus("live");
@@ -32598,12 +34354,7 @@ code-viewer query snapshot delete --id snap-abc123`
         const empty = activeFileHistoryEmptyHost || $("#empty");
         if (empty) {
           const onHistory = STATE.route.screen === "history" || isFileHistoryRoute(STATE.route);
-          const h2 = empty.querySelector("h2");
-          if (h2)
-            h2.textContent = onHistory ? "Empty diff" : "No changes";
-          const p2 = empty.querySelector("p");
-          if (p2)
-            p2.textContent = onHistory ? "This commit has no changes against its first parent." : "The working tree is clean against this ref.";
+          syncEmptyDiffPane(empty, onHistory);
         }
       }
       const routeAtRequest = STATE.route;
@@ -32716,12 +34467,13 @@ code-viewer query snapshot delete --id snap-abc123`
           DIFF_VIEW.clearLoadQueue();
           if (activeFileHistoryEmptyHost) {
             activeFileHistoryEmptyHost.classList.remove("hidden");
+            const text2 = uiText().diff;
             const h2 = activeFileHistoryEmptyHost.querySelector("h2");
             if (h2)
-              h2.textContent = "No commit selected";
+              h2.textContent = text2.noCommitSelectedTitle;
             const p2 = activeFileHistoryEmptyHost.querySelector("p");
             if (p2)
-              p2.textContent = "Select a commit from the list to see its changes.";
+              p2.textContent = text2.noCommitSelectedBody;
           }
           setStatus("live");
           return;
@@ -32740,13 +34492,32 @@ code-viewer query snapshot delete --id snap-abc123`
           invalidateRepoSidebar,
           clearLoadQueue: () => DIFF_VIEW.clearLoadQueue(),
           placeSidebarToggle,
-          setStatus
+          setStatus,
+          emptyText: () => uiText().diff
         });
       },
       getSyntaxHighlight: () => STATE.syntaxHighlight,
       getLanguage: () => STATE.language,
       trackLoad
     });
+    relocalizeHistory = () => HISTORY_VIEW.localize();
+    QUICK_HELP = createQuickHelp({
+      $,
+      getLanguage: () => STATE.language,
+      getText: () => uiText().quickHelp,
+      openFullKeybindings: () => {
+        openHelpKeybindings({
+          getRoute: () => STATE.route,
+          getLanguage: () => STATE.language,
+          currentRange,
+          setRoute,
+          setPageMode,
+          renderHelpPage,
+          setStatus,
+          cancelActiveSourceLoad
+        });
+      }
+    });
     const DOCTOR_VIEW = createDoctorView({
       $: (sel) => document.querySelector(sel),
       escapeHtml: escapeHtml3,
@@ -32968,13 +34739,7 @@ code-viewer query snapshot delete --id snap-abc123`
     });
     if (STATE.syntaxHighlight)
       setSyntaxHighlight(true, false);
-    $("#reload-prom").addEventListener("click", () => {
-      const btn = $("#reload-prom");
-      btn.classList.add("spinning");
-      load().finally(() => {
-        setTimeout(() => btn.classList.remove("spinning"), 200);
-      });
-    });
+    $("#reload-prom").addEventListener("click", () => reloadDiffFromUi());
     function applyHideTests() {
       const btn = $("#hide-tests");
       if (btn)
@@ -32996,26 +34761,34 @@ code-viewer query snapshot delete --id snap-abc123`
         applyViewedState();
       applyHideTestsToMeta();
     }
-    function applyHideTestsToMeta() {
-      const meta = window._lastMeta;
-      if (!meta || !meta.totals)
-        return;
+    function visibleDiffMetaForBrief(meta) {
+      if (!meta.totals)
+        return meta;
       const effective = STATE.hideTests && !isRepositorySidebarMode();
-      if (!effective) {
-        renderMeta(meta);
-        return;
-      }
+      if (!effective)
+        return meta;
       let additions = 0;
       let deletions = 0;
-      let files = 0;
-      for (const f2 of STATE.files) {
+      const visibleFiles = [];
+      for (const f2 of meta.files) {
         if (TEST_RE.test(f2.path || ""))
           continue;
         additions += f2.additions || 0;
         deletions += f2.deletions || 0;
-        files += 1;
+        visibleFiles.push(f2);
       }
-      renderMeta({ ...meta, totals: { files, additions, deletions } });
+      return {
+        ...meta,
+        files: visibleFiles,
+        totals: { files: visibleFiles.length, additions, deletions }
+      };
+    }
+    function applyHideTestsToMeta() {
+      const meta = window._lastMeta;
+      if (!meta?.totals)
+        return;
+      renderMeta(visibleDiffMetaForBrief(meta));
+      applyViewedState();
     }
     applyHideTests();
     $("#hide-tests").addEventListener("click", () => {
@@ -33154,9 +34927,13 @@ code-viewer query snapshot delete --id snap-abc123`
         return;
       const text2 = uiText();
       btn.classList.toggle("active", STATE.autoUpdate);
-      btn.textContent = text2.topbar.autoUpdate;
-      btn.title = STATE.autoUpdate ? text2.topbar.autoUpdateOnTitle : text2.topbar.autoUpdateOffTitle;
+      const autoUpdateTitle = STATE.autoUpdate ? text2.topbar.autoUpdateOnTitle : text2.topbar.autoUpdateOffTitle;
+      btn.title = autoUpdateTitle;
+      btn.setAttribute("aria-label", autoUpdateTitle);
       btn.setAttribute("aria-pressed", STATE.autoUpdate ? "true" : "false");
+      const label = btn.querySelector(".auto-update-label");
+      if (label)
+        label.textContent = text2.topbar.autoUpdate;
     }
     function setAutoUpdate(on) {
       STATE.autoUpdate = on;
@@ -33359,6 +35136,8 @@ code-viewer query snapshot delete --id snap-abc123`
               paths = parsed.paths;
           } catch {}
         }
+        if (isHistoryPanelRoute(STATE.route))
+          HISTORY_VIEW.notePossibleUpdate();
         scheduleSseLoad(paths);
       });
       es.addEventListener("watch-limit", (event) => {