@youtyan/code-viewer 0.8.1 → 0.8.3

package/web/app.js

@@ -10480,6 +10480,80 @@ ${frontmatter.yaml}
     return true;
   }
 
+  // web-src/views/database/detail-table.ts
+  function createDetailTable(headers, rows, emptyText) {
+    const table2 = document.createElement("table");
+    table2.className = "db-detail-table";
+    const thead = document.createElement("thead");
+    const headRow = document.createElement("tr");
+    for (const label of headers) {
+      const th = document.createElement("th");
+      th.textContent = label;
+      headRow.appendChild(th);
+    }
+    thead.appendChild(headRow);
+    table2.appendChild(thead);
+    const tbody = document.createElement("tbody");
+    if (rows.length === 0) {
+      const row = document.createElement("tr");
+      const td = document.createElement("td");
+      td.colSpan = headers.length;
+      td.className = "db-value-empty";
+      td.textContent = emptyText;
+      row.appendChild(td);
+      tbody.appendChild(row);
+    }
+    for (const cells of rows) {
+      const row = document.createElement("tr");
+      cells.forEach((cellText, index) => {
+        const td = document.createElement("td");
+        td.textContent = cellText;
+        td.className = index === 0 ? "db-detail-table-primary" : "db-detail-table-muted";
+        row.appendChild(td);
+      });
+      tbody.appendChild(row);
+    }
+    table2.appendChild(tbody);
+    return table2;
+  }
+
+  // web-src/views/database/detail-tabs.ts
+  function createDetailTabs(specs, initial, onSelect) {
+    const tabsEl = document.createElement("div");
+    tabsEl.className = "db-detail-tabs";
+    const buttons = {};
+    const bodies = {};
+    let active = initial;
+    function setActive(tab) {
+      active = tab;
+      for (const spec of specs) {
+        buttons[spec.id].classList.toggle("active", spec.id === tab);
+        bodies[spec.id].hidden = spec.id !== tab;
+      }
+    }
+    for (const spec of specs) {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "db-detail-tab";
+      btn.textContent = spec.label;
+      btn.addEventListener("click", () => {
+        setActive(spec.id);
+        onSelect(spec.id);
+      });
+      buttons[spec.id] = btn;
+      tabsEl.appendChild(btn);
+      const body = document.createElement("div");
+      body.className = "db-detail-tab-body";
+      bodies[spec.id] = body;
+    }
+    setActive(initial);
+    function setLabels(labels) {
+      for (const spec of specs)
+        buttons[spec.id].textContent = labels[spec.id];
+    }
+    return { tabsEl, bodies, getActive: () => active, setActive, setLabels };
+  }
+
   // web-src/views/database/i18n.ts
   var EN = {
     nav: {
@@ -10820,7 +10894,21 @@ ${frontmatter.yaml}
         copied: "Copied",
         copyFailed: "Copy failed",
         invalidAttributeValues: "Invalid attribute values JSON",
-        runQuery: "Run"
+        runQuery: "Run",
+        structureTab: "Structure",
+        itemTab: "Item",
+        selectTable: "Select a table to view its structure.",
+        attributeHeader: "Attribute",
+        typeHeader: "Type",
+        keyRoleHeader: "Key",
+        noAttributes: "(no attributes)",
+        globalSecondaryIndexes: "Global secondary indexes",
+        localSecondaryIndexes: "Local secondary indexes",
+        projectionAll: "ALL",
+        projectionKeysOnly: "KEYS_ONLY",
+        projectionInclude: (attrs) => `INCLUDE (${attrs})`,
+        keySchemaOnlyHint: "DynamoDB only enforces types for key attributes. Additional attributes will appear here once items are loaded.",
+        inferredAttributesNote: (count) => `Attributes beyond the key schema are inferred from ${count.toLocaleString()} loaded item${count === 1 ? "" : "s"} and may not reflect every item.`
       }
     }
   };
@@ -11163,7 +11251,21 @@ ${frontmatter.yaml}
         copied: "コピーしました",
         copyFailed: "コピーに失敗しました",
         invalidAttributeValues: "属性値の JSON が不正です",
-        runQuery: "実行"
+        runQuery: "実行",
+        structureTab: "構造",
+        itemTab: "アイテム",
+        selectTable: "テーブルを選択すると構造が表示されます。",
+        attributeHeader: "属性",
+        typeHeader: "型",
+        keyRoleHeader: "キー",
+        noAttributes: "(属性がありません)",
+        globalSecondaryIndexes: "グローバルセカンダリインデックス",
+        localSecondaryIndexes: "ローカルセカンダリインデックス",
+        projectionAll: "ALL",
+        projectionKeysOnly: "KEYS_ONLY",
+        projectionInclude: (attrs) => `INCLUDE (${attrs})`,
+        keySchemaOnlyHint: "DynamoDBがスキーマとして強制するのはキー属性のみです。アイテムを読み込むと追加の属性がここに表示されます。",
+        inferredAttributesNote: (count) => `キー以外の属性は、読み込み済みの${count.toLocaleString()}件のアイテムから検出したものです (全アイテムを網羅するとは限りません)。`
       }
     }
   };
@@ -11237,6 +11339,25 @@ ${frontmatter.yaml}
       out[k] = unwrapAttributeValue(v);
     return out;
   }
+  var ATTRIBUTE_VALUE_TAG_ORDER = [
+    "S",
+    "N",
+    "B",
+    "BOOL",
+    "NULL",
+    "M",
+    "L",
+    "SS",
+    "NS",
+    "BS"
+  ];
+  function attributeValueTag(av) {
+    for (const tag of ATTRIBUTE_VALUE_TAG_ORDER) {
+      if (tag in av)
+        return tag;
+    }
+    return "?";
+  }
   function previewItem(item) {
     const entries = Object.entries(item).slice(0, 6);
     const parts = entries.map(([key, rawValue]) => {
@@ -11347,8 +11468,17 @@ ${frontmatter.yaml}
     moreBtn.hidden = true;
     itemListPane.appendChild(moreBtn);
     const detailPane = document.createElement("div");
-    detailPane.className = "dynamodb-detail-pane";
-    setPaneEmpty(detailPane, text3().dynamodb.selectItem);
+    detailPane.className = "db-detail-pane";
+    const detailTabs = createDetailTabs([
+      { id: "structure", label: text3().dynamodb.structureTab },
+      { id: "item", label: text3().dynamodb.itemTab }
+    ], "structure", () => notifySelectionChange());
+    detailPane.appendChild(detailTabs.tabsEl);
+    const structureBody = detailTabs.bodies.structure;
+    setPaneEmpty(structureBody, text3().dynamodb.selectTable);
+    const itemBody = detailTabs.bodies.item;
+    setPaneEmpty(itemBody, text3().dynamodb.selectItem);
+    detailPane.append(structureBody, itemBody);
     container.append(itemListPane, detailPane);
     let currentDbId = null;
     let currentTable = null;
@@ -11360,6 +11490,7 @@ ${frontmatter.yaml}
     let currentItemKeyToken = null;
     let cumulativeShownCount = 0;
     let cumulativeScannedCount = 0;
+    let lastRenderedItem = null;
     let disposed = false;
     let loadRunId = 0;
     let itemRunId = 0;
@@ -11384,6 +11515,9 @@ ${frontmatter.yaml}
       queryModeBtn.classList.toggle("active", mode === "query");
       keyConditionInput.hidden = mode !== "query";
     }
+    function setDetailTab(tab) {
+      detailTabs.setActive(tab);
+    }
     function renderTables(tableNames, append = false) {
       if (!append) {
         tableList.innerHTML = "";
@@ -11436,10 +11570,51 @@ ${frontmatter.yaml}
       }
       itemList.appendChild(fragment);
     }
-    function renderTableInfo() {
-      detailPane.innerHTML = "";
-      if (!currentTableInfo)
+    function projectionText(projection) {
+      const t2 = text3().dynamodb;
+      if (!projection?.ProjectionType)
+        return "";
+      if (projection.ProjectionType === "ALL")
+        return t2.projectionAll;
+      if (projection.ProjectionType === "KEYS_ONLY")
+        return t2.projectionKeysOnly;
+      return t2.projectionInclude((projection.NonKeyAttributes ?? []).join(", "));
+    }
+    function renderSecondaryIndexes(label, indexes) {
+      if (!indexes || indexes.length === 0)
         return;
+      const section = document.createElement("div");
+      section.className = "dynamodb-index-section";
+      const heading2 = document.createElement("div");
+      heading2.className = "dynamodb-index-heading";
+      heading2.textContent = label;
+      section.appendChild(heading2);
+      for (const ix of indexes) {
+        const row = document.createElement("div");
+        row.className = "dynamodb-index-row";
+        const name = document.createElement("div");
+        name.className = "dynamodb-index-name";
+        name.textContent = ix.IndexName ?? "";
+        const detail = document.createElement("div");
+        detail.className = "dynamodb-index-detail";
+        const keyPart = (ix.KeySchema ?? []).map((k) => `${k.AttributeName} (${k.KeyType})`).join(", ");
+        detail.textContent = [
+          keyPart,
+          projectionText(ix.Projection),
+          ix.ItemCount !== undefined ? `${ix.ItemCount.toLocaleString()} items` : undefined
+        ].filter(Boolean).join(" / ");
+        row.append(name, detail);
+        section.appendChild(row);
+      }
+      structureBody.appendChild(section);
+    }
+    function renderTableStructure() {
+      structureBody.innerHTML = "";
+      if (!currentTableInfo) {
+        setPaneEmpty(structureBody, text3().dynamodb.selectTable);
+        return;
+      }
+      const t2 = text3().dynamodb;
       const header = document.createElement("div");
       header.className = "dynamodb-table-info-header";
       header.textContent = currentTableInfo.TableName ?? currentTable ?? "";
@@ -11447,26 +11622,54 @@ ${frontmatter.yaml}
       meta.className = "dynamodb-table-info-meta";
       meta.textContent = [
         currentTableInfo.TableStatus,
-        currentTableInfo.ItemCount !== undefined ? `${currentTableInfo.ItemCount.toLocaleString()} items` : undefined
+        currentTableInfo.ItemCount !== undefined ? `${currentTableInfo.ItemCount.toLocaleString()} items` : undefined,
+        currentTableInfo.TableSizeBytes !== undefined ? formatBytes(currentTableInfo.TableSizeBytes) : undefined,
+        currentTableInfo.BillingModeSummary?.BillingMode
       ].filter(Boolean).join(" / ");
-      detailPane.append(header, meta);
-      const keySchema = currentTableInfo.KeySchema ?? [];
-      if (keySchema.length > 0) {
-        const keyList = document.createElement("div");
-        keyList.className = "dynamodb-table-info-keys";
-        keyList.textContent = keySchema.map((k) => `${k.AttributeName} (${k.KeyType})`).join(", ");
-        detailPane.appendChild(keyList);
-      }
-      const empty = document.createElement("div");
-      empty.className = "db-pane-empty dynamodb-table-info-empty";
-      const emptyTitle = document.createElement("div");
-      emptyTitle.className = "db-pane-empty-title";
-      emptyTitle.textContent = text3().dynamodb.selectItem;
-      empty.appendChild(emptyTitle);
-      detailPane.appendChild(empty);
+      structureBody.append(header, meta);
+      const attributeTypeByName = new Map((currentTableInfo.AttributeDefinitions ?? []).map((a2) => [
+        a2.AttributeName,
+        a2.AttributeType
+      ]));
+      const keyRoleByName = new Map((currentTableInfo.KeySchema ?? []).map((k) => [
+        k.AttributeName,
+        k.KeyType
+      ]));
+      const attrNames = [...attributeTypeByName.keys()];
+      const inferredTypesByName = new Map;
+      for (const item of itemsByKeyToken.values()) {
+        for (const [attrName, av] of Object.entries(item)) {
+          if (attributeTypeByName.has(attrName))
+            continue;
+          const set2 = inferredTypesByName.get(attrName) ?? new Set;
+          set2.add(attributeValueTag(av));
+          inferredTypesByName.set(attrName, set2);
+        }
+      }
+      const inferredNames = [...inferredTypesByName.keys()].sort();
+      const rows = [
+        ...attrNames.map((name) => [
+          name,
+          attributeTypeByName.get(name) ?? "",
+          keyRoleByName.get(name) ?? ""
+        ]),
+        ...inferredNames.map((name) => [
+          name,
+          [...inferredTypesByName.get(name) ?? []].join(", "),
+          ""
+        ])
+      ];
+      structureBody.appendChild(createDetailTable([t2.attributeHeader, t2.typeHeader, t2.keyRoleHeader], rows, t2.noAttributes));
+      const note = document.createElement("div");
+      note.className = "dynamodb-attr-note";
+      note.textContent = inferredNames.length === 0 ? t2.keySchemaOnlyHint : t2.inferredAttributesNote(itemsByKeyToken.size);
+      structureBody.appendChild(note);
+      renderSecondaryIndexes(t2.globalSecondaryIndexes, currentTableInfo.GlobalSecondaryIndexes);
+      renderSecondaryIndexes(t2.localSecondaryIndexes, currentTableInfo.LocalSecondaryIndexes);
     }
     function renderItemDetail(item) {
-      detailPane.innerHTML = "";
+      lastRenderedItem = item;
+      itemBody.innerHTML = "";
       const header = document.createElement("div");
       header.className = "dynamodb-item-detail-header";
       const title = document.createElement("span");
@@ -11489,7 +11692,7 @@ ${frontmatter.yaml}
         }
       });
       header.append(title, copyBtn, copyStatus);
-      detailPane.appendChild(header);
+      itemBody.appendChild(header);
       const pre = document.createElement("pre");
       pre.className = "dynamodb-item-source";
       try {
@@ -11497,12 +11700,13 @@ ${frontmatter.yaml}
       } catch {
         pre.textContent = String(item);
       }
-      detailPane.appendChild(pre);
+      itemBody.appendChild(pre);
     }
     function selectItem(item, token) {
       currentItemKeyToken = token ?? itemKeyToken(extractItemKey(item, currentTableInfo?.KeySchema));
       highlightActiveItem(currentItemKeyToken);
       renderItemDetail(item);
+      setDetailTab("item");
       notifySelectionChange();
     }
     async function loadItems(append) {
@@ -11538,8 +11742,6 @@ ${frontmatter.yaml}
         cumulativeShownCount = 0;
         cumulativeScannedCount = 0;
         setPaneStatus(itemList, "Loading items...");
-        if (!currentTableInfo)
-          setPaneEmpty(detailPane, text3().dynamodb.selectItem);
       }
       try {
         const params = new URLSearchParams({
@@ -11581,6 +11783,8 @@ ${frontmatter.yaml}
         } else {
           appendItems(data.items);
         }
+        if (currentTableInfo)
+          renderTableStructure();
         currentNextToken = data.lastEvaluatedKey;
         moreBtn.hidden = !data.lastEvaluatedKey;
         cumulativeShownCount += data.items.length;
@@ -11602,21 +11806,29 @@ ${frontmatter.yaml}
         return;
       const slot = tableInfoGuard.start();
       const requestDbId = currentDbId;
+      const isStaleRequest = () => disposed || slot.isStale() || requestDbId !== currentDbId || currentTable !== table2;
       try {
         const params = new URLSearchParams({ db: requestDbId, table: table2 });
         const res = await trackLoad(fetch(`/_db/dynamodb/table?${params}`, { signal: slot.signal }));
-        if (disposed || slot.isStale())
+        if (isStaleRequest())
           return;
-        if (!res.ok)
+        if (!res.ok) {
+          const errText = await res.text();
+          setPaneStatus(structureBody, `Error: ${errText || res.statusText}`, {
+            error: true
+          });
           return;
+        }
         const data = await res.json();
-        if (disposed || slot.isStale() || requestDbId !== currentDbId || currentTable !== table2) {
+        if (isStaleRequest())
           return;
-        }
         currentTableInfo = data.table;
-        if (!currentItemKeyToken)
-          renderTableInfo();
-      } catch {} finally {
+        renderTableStructure();
+      } catch (err) {
+        if (isStaleRequest())
+          return;
+        setPaneStatus(structureBody, `Error: ${err instanceof Error ? err.message : String(err)}`, { error: true });
+      } finally {
         slot.finish();
       }
     }
@@ -11656,7 +11868,14 @@ ${frontmatter.yaml}
       currentNextToken = undefined;
       highlightActiveTable(name);
       notifySelectionChange();
-      setPaneEmpty(detailPane, text3().dynamodb.selectItem);
+      lastRenderedItem = null;
+      itemsByKeyToken.clear();
+      itemRowsByKeyToken.clear();
+      structureBody.innerHTML = "";
+      setPaneStatus(structureBody, "Loading table...");
+      itemBody.innerHTML = "";
+      setPaneEmpty(itemBody, text3().dynamodb.selectItem);
+      setDetailTab("structure");
       await fetchTableInfo(name);
       await loadItems(false);
     }
@@ -11773,7 +11992,12 @@ ${frontmatter.yaml}
       activeItemRow = null;
       moreBtn.hidden = true;
       tableMoreBtn.hidden = true;
-      setPaneEmpty(detailPane, text3().dynamodb.selectItem);
+      lastRenderedItem = null;
+      structureBody.innerHTML = "";
+      setPaneEmpty(structureBody, text3().dynamodb.selectTable);
+      itemBody.innerHTML = "";
+      setPaneEmpty(itemBody, text3().dynamodb.selectItem);
+      setDetailTab("structure");
       setPaneStatus(tableList, "Loading tables...");
       try {
         const res = await trackLoad(fetch(`/_db/dynamodb/tables?db=${encodeURIComponent(dbId)}`, {
@@ -11809,6 +12033,8 @@ ${frontmatter.yaml}
               await selectItemByKey(key);
             } catch {}
           }
+          if (initial?.detailTab)
+            setDetailTab(initial.detailTab);
         } finally {
           suppressNotify = false;
         }
@@ -11854,7 +12080,12 @@ ${frontmatter.yaml}
       itemRowsByKeyToken.clear();
       activeItemRow = null;
       moreBtn.hidden = true;
-      setPaneEmpty(detailPane, text3().dynamodb.selectItem);
+      lastRenderedItem = null;
+      structureBody.innerHTML = "";
+      setPaneEmpty(structureBody, text3().dynamodb.selectTable);
+      itemBody.innerHTML = "";
+      setPaneEmpty(itemBody, text3().dynamodb.selectItem);
+      setDetailTab("structure");
     }
     setMode("scan");
     function getSelection() {
@@ -11865,7 +12096,8 @@ ${frontmatter.yaml}
         filterExpression: filterInput.value.trim() || undefined,
         expressionAttributeValues: attributeValuesInput.value.trim() || undefined,
         scanIndexForward: currentMode === "query" ? currentScanIndexForward : undefined,
-        itemKey: currentItemKeyToken ?? undefined
+        itemKey: currentItemKeyToken ?? undefined,
+        detailTab: detailTabs.getActive()
       };
     }
     function dispose() {
@@ -11883,12 +12115,18 @@ ${frontmatter.yaml}
       runBtn.textContent = t2.dynamodb.runQuery;
       tableMoreBtn.textContent = t2.common.loadMore;
       moreBtn.textContent = t2.common.loadMore;
-      if (!activeItemRow) {
-        if (currentTableInfo)
-          renderTableInfo();
-        else
-          setPaneEmpty(detailPane, t2.dynamodb.selectItem);
-      }
+      detailTabs.setLabels({
+        structure: t2.dynamodb.structureTab,
+        item: t2.dynamodb.itemTab
+      });
+      if (currentTableInfo)
+        renderTableStructure();
+      else
+        setPaneEmpty(structureBody, t2.dynamodb.selectTable);
+      if (lastRenderedItem)
+        renderItemDetail(lastRenderedItem);
+      else
+        setPaneEmpty(itemBody, t2.dynamodb.selectItem);
     }
     return {
       el: container,
@@ -11951,25 +12189,15 @@ ${frontmatter.yaml}
     docMoreBtn.hidden = true;
     docListPane.appendChild(docMoreBtn);
     const detailPane = document.createElement("div");
-    detailPane.className = "es-detail-pane";
-    const detailTabs = document.createElement("div");
-    detailTabs.className = "es-detail-tabs";
-    const tabMapping = document.createElement("button");
-    tabMapping.type = "button";
-    tabMapping.className = "es-detail-tab active";
-    tabMapping.textContent = text3().es.mapping;
-    const tabDoc = document.createElement("button");
-    tabDoc.type = "button";
-    tabDoc.className = "es-detail-tab";
-    tabDoc.textContent = text3().es.doc;
-    detailTabs.append(tabMapping, tabDoc);
-    detailPane.appendChild(detailTabs);
-    const mappingBody = document.createElement("div");
-    mappingBody.className = "es-mapping-body";
+    detailPane.className = "db-detail-pane";
+    const detailTabs = createDetailTabs([
+      { id: "mapping", label: text3().es.mapping },
+      { id: "doc", label: text3().es.doc }
+    ], "mapping", () => {});
+    detailPane.appendChild(detailTabs.tabsEl);
+    const mappingBody = detailTabs.bodies.mapping;
     setPaneEmpty(mappingBody, text3().es.selectIndex);
-    const docBody = document.createElement("div");
-    docBody.className = "es-doc-body";
-    docBody.hidden = true;
+    const docBody = detailTabs.bodies.doc;
     setPaneEmpty(docBody, text3().es.selectDoc);
     detailPane.append(mappingBody, docBody);
     container.append(docListPane, detailPane);
@@ -12094,13 +12322,8 @@ ${frontmatter.yaml}
     }
     function setDetailTab(tab) {
       detailTab = tab;
-      tabMapping.classList.toggle("active", tab === "mapping");
-      tabDoc.classList.toggle("active", tab === "doc");
-      mappingBody.hidden = tab !== "mapping";
-      docBody.hidden = tab !== "doc";
+      detailTabs.setActive(tab);
     }
-    tabMapping.addEventListener("click", () => setDetailTab("mapping"));
-    tabDoc.addEventListener("click", () => setDetailTab("doc"));
     function renderMapping(resp) {
       lastMapping = resp;
       mappingBody.innerHTML = "";
@@ -12108,43 +12331,13 @@ ${frontmatter.yaml}
       header.className = "es-mapping-header";
       header.textContent = resp.mapping.index;
       mappingBody.appendChild(header);
-      const table2 = document.createElement("table");
-      table2.className = "es-mapping-table";
-      const thead = document.createElement("thead");
-      const headRow = document.createElement("tr");
-      for (const label of [text3().es.fieldHeader, text3().es.typeHeader]) {
-        const th = document.createElement("th");
-        th.textContent = label;
-        headRow.appendChild(th);
-      }
-      thead.appendChild(headRow);
-      table2.appendChild(thead);
-      const tbody = document.createElement("tbody");
       const props = resp.mapping.properties;
       const keys = Object.keys(props).sort();
-      if (keys.length === 0) {
-        const row = document.createElement("tr");
-        const td = document.createElement("td");
-        td.colSpan = 2;
-        td.className = "es-value-empty";
-        td.textContent = text3().es.noMappedFields;
-        row.appendChild(td);
-        tbody.appendChild(row);
-      }
-      for (const key of keys) {
-        const row = document.createElement("tr");
-        const fieldTd = document.createElement("td");
-        fieldTd.className = "es-mapping-field";
-        fieldTd.textContent = key;
-        const typeTd = document.createElement("td");
-        typeTd.className = "es-mapping-type";
+      const rows = keys.map((key) => {
         const p2 = props[key];
-        typeTd.textContent = p2.type ?? (p2.properties ? "object" : "(unknown)");
-        row.append(fieldTd, typeTd);
-        tbody.appendChild(row);
-      }
-      table2.appendChild(tbody);
-      mappingBody.appendChild(table2);
+        return [key, p2.type ?? (p2.properties ? "object" : "(unknown)")];
+      });
+      mappingBody.appendChild(createDetailTable([text3().es.fieldHeader, text3().es.typeHeader], rows, text3().es.noMappedFields));
     }
     function mkBtn(label, cls) {
       const b2 = document.createElement("button");
@@ -12649,11 +12842,10 @@ ${frontmatter.yaml}
       searchInput.placeholder = t2.es.queryPlaceholder;
       searchBtn.textContent = t2.common.search;
       docMoreBtn.textContent = t2.common.loadMore;
-      tabMapping.textContent = t2.es.mapping;
-      tabDoc.textContent = t2.es.doc;
+      detailTabs.setLabels({ mapping: t2.es.mapping, doc: t2.es.doc });
       if (!currentIndex) {
         setPaneEmpty(mappingBody, t2.es.selectIndex);
-      } else if (lastMapping && mappingBody.querySelector(".es-mapping-table")) {
+      } else if (lastMapping && mappingBody.querySelector(".db-detail-table")) {
         renderMapping(lastMapping);
       }
       if (!activeDocRow) {
@@ -21430,11 +21622,12 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       dbSelect.value = target;
       currentDbInfo = files.find((f2) => f2.id === target) || null;
       syncConnectionActions();
+      const forceReload = options.forceReload ?? false;
       const explorerInitial = {
-        redis: pendingRedisInitial,
-        es: pendingEsInitial,
-        s3: pendingS3Initial,
-        dynamodb: pendingDynamodbInitial
+        redis: pendingRedisInitial ?? (forceReload && currentDbInfo?.kind === "redis" ? redisExplorer.getSelection() : undefined),
+        es: pendingEsInitial ?? (forceReload && currentDbInfo?.kind === "elasticsearch" ? esExplorer.getSelection() : undefined),
+        s3: pendingS3Initial ?? (forceReload && currentDbInfo?.kind === "s3" ? s3Explorer.getSelection() : undefined),
+        dynamodb: pendingDynamodbInitial ?? (forceReload && currentDbInfo?.kind === "dynamodb" ? dynamodbExplorer.getSelection() : undefined)
       };
       pendingRedisInitial = undefined;
       pendingEsInitial = undefined;
@@ -21567,7 +21760,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         }
       } else if (currentDbInfo?.kind === "dynamodb") {
         const sel = dynamodbExplorer.getSelection();
-        if (sel.table !== undefined || sel.mode !== "scan" || sel.keyConditionExpression !== undefined || sel.filterExpression !== undefined || sel.expressionAttributeValues !== undefined || sel.itemKey !== undefined) {
+        if (sel.table !== undefined || sel.mode !== "scan" || sel.keyConditionExpression !== undefined || sel.filterExpression !== undefined || sel.expressionAttributeValues !== undefined || sel.itemKey !== undefined || sel.detailTab === "item") {
           state.dynamodb = sel;
         }
       }
@@ -22632,7 +22825,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       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 });
+      await entry.pane.enter(state.dbId ?? undefined, state.schema ?? undefined, state.table ?? undefined, state.view, { autoSelectFirst: state.dbId !== null, forceReload: true });
       if (!mounted || activeTabId !== id)
         return;
       refreshChipLabel(id);
@@ -25862,6 +26055,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                 {
                   kind: "paragraph",
                   text: "In large repositories the sidebar loads folder children on demand. Folders you open are remembered and automatically re-expanded after a reload."
+                },
+                {
+                  kind: "paragraph",
+                  text: 'Symlinks show a distinct icon and a "→ target" label so they are never mistaken for a regular file or folder, and clicking one navigates to its resolved target. A broken symlink is visually flagged and disabled. Files with pending git changes (new, modified, renamed, deleted) show a status badge in the tree instead of the regular type icon.'
                 }
               ]
             },
@@ -26128,7 +26325,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "DynamoDB / LocalStack",
-                      "Detected when DynamoDB is enabled on a LocalStack compose service. List tables, inspect key schemas, scan or query items, follow pagination tokens, and open item details with a copyable key. Browsing is read-only."
+                      "Detected when DynamoDB is enabled on a LocalStack compose service. List tables, browse a Structure tab (key schema, GSI/LSI, and non-key attribute types inferred from loaded items), scan or query items, follow pagination tokens, and open item details with a copyable key. Browsing is read-only."
                     ],
                     [
                       "S3 / MinIO / LocalStack",
@@ -26529,6 +26726,10 @@ code-viewer query agent-help`
                 {
                   kind: "paragraph",
                   text: "大きいリポジトリではサイドバーがフォルダの中身を必要に応じて読み込みます。開いたフォルダは記憶され、次回のリロード時に同じ状態で展開し直されます。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "シンボリックリンクは専用アイコンと「→ リンク先」ラベルで表示されるため通常のファイル/フォルダと区別でき、クリックするとリンク先に遷移します。リンク切れのシンボリックリンクは無効化されたことが分かる表示になります。未コミットの git 変更(新規・変更・リネーム・削除)があるファイルは、通常の種類アイコンの代わりにステータスバッジがツリーに表示されます。"
                 }
               ]
             },
@@ -26795,7 +26996,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "DynamoDB / LocalStack",
-                      "LocalStack の compose サービスで DynamoDB が有効な場合に検出。テーブル一覧、キースキーマ、scan / query、継続トークンによるページング、コピー可能なキー付きのアイテム詳細を表示します。閲覧専用です。"
+                      "LocalStack の compose サービスで DynamoDB が有効な場合に検出。テーブル一覧、構造タブ(キースキーマ・GSI/LSI・読み込み済みアイテムから推測した非キー属性の型)、scan / query、継続トークンによるページング、コピー可能なキー付きのアイテム詳細を表示します。閲覧専用です。"
                     ],
                     [
                       "S3 / MinIO / LocalStack",
@@ -30526,6 +30727,11 @@ code-viewer query agent-help`
             node.children_omitted = true;
             node.children_omitted_reason = f2.children_omitted_reason;
           }
+          if (f2.is_symlink) {
+            node.is_symlink = true;
+            node.symlink_target = f2.symlink_target;
+            node.resolved_path = f2.resolved_path;
+          }
           continue;
         }
         node.files.push(f2);
@@ -30575,6 +30781,8 @@ code-viewer query agent-help`
             li.dataset.childrenOmittedReason = dir.children_omitted_reason;
           if (dir.explicit)
             li.dataset.explicit = "true";
+          if (dir.is_symlink)
+            li.classList.add("symlink-row");
           if (dir.children_omitted) {
             li.classList.add("children-omitted");
             li.classList.add(dir.children_omitted_reason === "heavy" ? "children-omitted-heavy" : "children-omitted-internal");
@@ -30608,6 +30816,9 @@ code-viewer query agent-help`
             omitted.title = badge.title;
             label.appendChild(omitted);
           }
+          const dirSymlinkLabel = symlinkTargetLabel(dir);
+          if (dirSymlinkLabel)
+            label.appendChild(dirSymlinkLabel);
           li.appendChild(label);
           li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
           const collapsed = STATE.collapsedDirs.has(dir.path);
@@ -30646,7 +30857,8 @@ code-viewer query agent-help`
                 display_path: dir.path,
                 type: "tree",
                 children_omitted: dir.children_omitted,
-                children_omitted_reason: dir.children_omitted_reason
+                children_omitted_reason: dir.children_omitted_reason,
+                resolved_path: dir.resolved_path
               });
               scheduleMainSurfaceFocus();
             });
@@ -30709,6 +30921,11 @@ code-viewer query agent-help`
           node.children_omitted = true;
           node.children_omitted_reason = entry.children_omitted_reason;
         }
+        if (entry.is_symlink) {
+          node.is_symlink = true;
+          node.symlink_target = entry.symlink_target;
+          node.resolved_path = entry.resolved_path;
+        }
         return;
       }
       if (!node.files.some((file) => file.path === entry.path))
@@ -30744,7 +30961,12 @@ code-viewer query agent-help`
           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
+          children_omitted_reason: entry.children_omitted_reason,
+          is_symlink: entry.is_symlink,
+          symlink_target: entry.symlink_target,
+          symlink_target_type: entry.symlink_target_type,
+          resolved_path: entry.resolved_path,
+          status: entry.status
         }));
         mergeSidebarTreeEntries(entries);
         SIDEBAR_LAZY_LOADED_DIRS.add(dir.path);
@@ -30764,6 +30986,8 @@ code-viewer query agent-help`
         li.dataset.childrenOmittedReason = dir.children_omitted_reason;
       if (dir.explicit)
         li.dataset.explicit = "true";
+      if (dir.is_symlink)
+        li.classList.add("symlink-row");
       if (dir.children_omitted) {
         li.classList.add("children-omitted");
         li.classList.add(dir.children_omitted_reason === "heavy" ? "children-omitted-heavy" : "children-omitted-internal");
@@ -30797,6 +31021,9 @@ code-viewer query agent-help`
         omitted.title = badge.title;
         label.appendChild(omitted);
       }
+      const dirSymlinkLabel = symlinkTargetLabel(dir);
+      if (dirSymlinkLabel)
+        label.appendChild(dirSymlinkLabel);
       li.appendChild(label);
       li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
       const updateIcon = () => {
@@ -30884,16 +31111,38 @@ code-viewer query agent-help`
       return tag;
     }
     function sidebarEntryIcon(f2) {
+      if (f2.is_symlink)
+        return iconSvg("octicon-link", LINK_16_PATH);
       return f2.type === "commit" ? iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH) : fileEntryIcon();
     }
+    function symlinkTargetLabel(f2) {
+      if (!f2.is_symlink)
+        return null;
+      const broken = f2.symlink_target_type === "missing";
+      const label = document.createElement("span");
+      label.className = broken ? "symlink-target broken" : "symlink-target";
+      label.textContent = `→ ${f2.symlink_target || "?"}`;
+      label.title = broken ? `Broken symlink → ${f2.symlink_target || ""}` : `Symlink → ${f2.symlink_target || ""}`;
+      return label;
+    }
     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 = f2.type || "blob";
+      const brokenSymlink = f2.is_symlink && f2.symlink_target_type === "missing";
+      const deletedEntry = !!onFileClick && f2.status === "D";
+      if (f2.is_symlink)
+        li.classList.add("symlink-row");
       if (f2.type === "commit") {
         li.title = commitEntryBadge(f2.submodule).title;
+      } else if (brokenSymlink) {
+        li.classList.add("symlink-broken-row", "gdp-row-disabled");
+        li.setAttribute("aria-disabled", "true");
+      } else if (deletedEntry) {
+        li.classList.add("gdp-row-disabled");
+        li.setAttribute("aria-disabled", "true");
       }
       li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
       li.classList.toggle("hidden-by-tests", STATE.hideTests && !isRepositorySidebarMode() && isTestPath(f2.path || ""));
@@ -30914,17 +31163,22 @@ code-viewer query agent-help`
       name.textContent = f2.path.split("/").pop();
       name.title = f2.path;
       li.appendChild(name);
+      const symlinkLabel = symlinkTargetLabel(f2);
+      if (symlinkLabel)
+        li.appendChild(symlinkLabel);
       const kindTag = fileKindTag(f2);
       if (kindTag)
         li.appendChild(kindTag);
       li.addEventListener("click", () => {
+        if (brokenSymlink || deletedEntry)
+          return;
         if (onFileClick)
           onFileClick(f2);
         else
           scrollToFile(f2.path);
         scheduleMainSurfaceFocus();
       });
-      if (!onFileClick)
+      if (!onFileClick && !brokenSymlink)
         li.addEventListener("mouseenter", () => prefetchByPath(f2.path), {
           passive: true
         });
@@ -31829,7 +32083,8 @@ code-viewer query agent-help`
       sortColumnLabels,
       repositoryFallback,
       repositoryRootFallback,
-      commitEntryMeta
+      commitEntryMeta,
+      fileBadge
     } = deps;
     let REPO_SORT = {
       key: "name",
@@ -31875,9 +32130,21 @@ code-viewer query agent-help`
     function commitEntryIcon() {
       return iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
     }
+    function symlinkEntryIcon() {
+      return iconSvg("octicon-link", LINK_16_PATH);
+    }
     function isWorktreeRef(ref) {
       return canTrashWorktreeRef(ref);
     }
+    function repoEntryTypeIcon(entry, browsable, nonBrowsableCommit) {
+      const icon = document.createElement("span");
+      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 = entry.is_symlink ? symlinkEntryIcon() : entry.type === "commit" ? commitEntryIcon() : fileEntryIcon();
+      return icon;
+    }
     function canBrowseRepoEntry(entry, ref) {
       return entry.type === "tree" || entry.type === "commit" && isWorktreeRef(ref) && !entry.submodule;
     }
@@ -32255,28 +32522,31 @@ code-viewer query agent-help`
         sortedRepoEntries(meta.entries, meta.ref).forEach((entry) => {
           const browsable = canBrowseRepoEntry(entry, meta.ref);
           const nonBrowsableCommit = entry.type === "commit" && !browsable;
+          const brokenSymlink = !!entry.is_symlink && entry.symlink_target_type === "missing";
+          const deletedEntry = entry.status === "D";
           const row = document.createElement("button");
           row.type = "button";
-          row.className = nonBrowsableCommit ? `gdp-repo-row ${entry.type} gdp-repo-row-gitlink` : `gdp-repo-row ${entry.type}`;
-          const icon = document.createElement("span");
-          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 = entry.type === "commit" ? commitEntryIcon() : fileEntryIcon();
+          row.className = nonBrowsableCommit ? `gdp-repo-row ${entry.type} gdp-repo-row-gitlink` : entry.is_symlink ? `gdp-repo-row ${entry.type} symlink-row${brokenSymlink ? " symlink-broken-row gdp-row-disabled" : ""}` : `gdp-repo-row ${entry.type}`;
+          if (deletedEntry)
+            row.classList.add("gdp-row-disabled");
+          const icon = entry.status ? fileBadge(entry.status) : repoEntryTypeIcon(entry, browsable, nonBrowsableCommit);
           const name = document.createElement("span");
           name.className = "name";
           name.textContent = entry.name;
           if (nonBrowsableCommit) {
             row.title = commitEntryMeta(entry.submodule).title;
             row.setAttribute("aria-disabled", "true");
+          } else if (brokenSymlink || deletedEntry) {
+            row.setAttribute("aria-disabled", "true");
           }
           const metaBlock = createRepoEntryMeta(entry, browsable);
           const size = createRepoEntrySize(entry);
           row.append(icon, name, metaBlock, size);
           row.addEventListener("click", () => {
+            if (brokenSymlink || deletedEntry)
+              return;
             if (browsable) {
-              setRoute(repoRoute(meta.ref, entry.path));
+              setRoute(repoRoute(meta.ref, entry.resolved_path ?? entry.path));
               loadRepo();
             } else if (entry.type === "blob") {
               setRoute({
@@ -32385,12 +32655,17 @@ code-viewer query agent-help`
           type: canBrowseRepoEntry(entry, normalizedRef) ? "tree" : entry.type,
           submodule: entry.submodule,
           children_omitted: entry.children_omitted,
-          children_omitted_reason: entry.children_omitted_reason
+          children_omitted_reason: entry.children_omitted_reason,
+          is_symlink: entry.is_symlink,
+          symlink_target: entry.symlink_target,
+          symlink_target_type: entry.symlink_target_type,
+          resolved_path: entry.resolved_path,
+          status: entry.status
         }));
         setRepoSidebarRef(normalizedRef);
         renderSidebar(files, (file) => {
           if (file.type === "tree") {
-            setRoute(repoRoute(normalizedRef, file.path));
+            setRoute(repoRoute(normalizedRef, file.resolved_path ?? file.path));
             loadRepo();
             return;
           }
@@ -32456,6 +32731,15 @@ code-viewer query agent-help`
         meta.title = badge.title;
         return meta;
       }
+      if (entry.is_symlink) {
+        const broken = entry.symlink_target_type === "missing";
+        meta.classList.add("symlink-target");
+        if (broken)
+          meta.classList.add("broken");
+        meta.textContent = `→ ${entry.symlink_target || "?"}`;
+        meta.title = broken ? `Broken symlink → ${entry.symlink_target || ""}` : `Symlink → ${entry.symlink_target || ""}`;
+        return meta;
+      }
       const updated = formatFileDate(entry.updated_at || entry.commit_updated_at);
       const created = formatFileDate(entry.created_at);
       if (browsable && updated) {
@@ -35884,7 +36168,8 @@ code-viewer query agent-help`
       commitEntryMeta: (submodule) => {
         const text3 = uiText().repo;
         return submodule ? { label: text3.submoduleLabel, title: text3.submoduleTitle } : { label: text3.gitlinkLabel, title: text3.gitlinkTitle };
-      }
+      },
+      fileBadge: (status) => DIFF_VIEW.fileBadge(status)
     });
     const {
       loadRepo,
@@ -36172,9 +36457,9 @@ code-viewer query agent-help`
           displaySource: "Applies to all projects in this browser.",
           excludedDirectories: "Excluded directories",
           omitDirs: "Skip these directory names while browsing and searching",
-          omitDirsHelp: "Reads no contents inside these directories. Applies to the sidebar (Files), Ctrl+K (file search), Ctrl+G (grep), Datastores, and the file change watcher.",
+          omitDirsHelp: "Reads no contents inside these directories. Applies to the sidebar (Files), Ctrl+K (file search), Ctrl+G (grep), Datastores, and the file change watcher. Supports gitignore-style wildcards (*, ?, [abc], [!abc]).",
           excludeNames: "Hide these file or directory names completely",
-          excludeNamesHelp: "Removes matching files or directories from the sidebar, search, and grep results entirely. Unlike Skip, the names themselves disappear from the UI.",
+          excludeNamesHelp: "Removes matching files or directories from the sidebar, search, and grep results entirely. Unlike Skip, the names themselves disappear from the UI. Supports gitignore-style wildcards (*, ?, [abc], [!abc]).",
           reset: "Restore defaults",
           autosaveNote: "Changes save automatically.",
           scopeSource: (project, source) => `Saved for project "${project}" in this browser. Source: ${source}. Used by the sidebar, Ctrl+K, Ctrl+G, Datastores, and the file change watcher. Restore defaults removes the browser override.`,
@@ -36462,9 +36747,9 @@ code-viewer query agent-help`
           displaySource: "このブラウザのすべてのプロジェクトに適用されます。",
           excludedDirectories: "除外ディレクトリ",
           omitDirs: "閲覧と検索でスキップするディレクトリ名",
-          omitDirsHelp: "これらのディレクトリの中身は読み込みません。サイドバー（Files）・Ctrl+K（ファイル検索）・Ctrl+G（grep）・Datastores・File change watcher の5機能すべてに適用されます。",
+          omitDirsHelp: "これらのディレクトリの中身は読み込みません。サイドバー（Files）・Ctrl+K（ファイル検索）・Ctrl+G（grep）・Datastores・File change watcher の5機能すべてに適用されます。gitignore方式のワイルドカード（*, ?, [abc], [!abc]）に対応しています。",
           excludeNames: "完全に非表示にするファイル名またはディレクトリ名",
-          excludeNamesHelp: "リスト中の名前に一致するファイル/ディレクトリを、サイドバー・検索結果・grep 結果から完全に消します。Skip と違い、名前自体が UI に出なくなります。",
+          excludeNamesHelp: "リスト中の名前に一致するファイル/ディレクトリを、サイドバー・検索結果・grep 結果から完全に消します。Skip と違い、名前自体が UI に出なくなります。gitignore方式のワイルドカード（*, ?, [abc], [!abc]）に対応しています。",
           reset: "デフォルトに戻す",
           autosaveNote: "変更は自動で保存されます。",
           scopeSource: (project, source) => `このブラウザのプロジェクト "${project}" に保存されます。ソース: ${source}。サイドバー、Ctrl+K、Ctrl+G、Datastores、File change watcher で使われます。「デフォルトに戻す」でブラウザ側の上書きを削除します。`,