@youtyan/code-viewer 0.8.1 → 0.8.3

package/web/style.css

@@ -2646,6 +2646,45 @@ body.gdp-help-page #content {
   color: var(--accent-emph);
 }
 
+/* "→ target" sublabel next to a symlink name in the sidebar tree, and the
+   same marker's meta-column form in the repo listing (.gdp-repo-row
+   .meta.symlink-target below). Uses --done (violet) rather than the usual
+   muted meta color so a symlink row reads as distinct at a glance, not
+   just on hover/title. Broken links (target missing/outside the repo)
+   switch to the danger color instead. */
+.symlink-target {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--done);
+  font-weight: 500;
+  font-size: 12px;
+  margin-left: 6px;
+}
+.symlink-target.broken { color: var(--danger); }
+/* Recolor the row's own type icon (file icon, or the shared blue dir-icon)
+   to match the target label, so the symlink signal isn't limited to the
+   sublabel text. */
+#filelist.tree .tree-file.symlink-row .d2h-icon-wrapper,
+#filelist.tree .tree-dir.symlink-row .dir-icon,
+.gdp-repo-row.symlink-row .d2h-icon-wrapper,
+.gdp-repo-row.symlink-row .dir-icon {
+  color: var(--done);
+}
+.tree-file.symlink-broken-row .d2h-icon-wrapper,
+.gdp-repo-row.symlink-broken-row .d2h-icon-wrapper {
+  color: var(--danger);
+}
+/* Shared "disabled row" treatment: a broken symlink or a synthesized
+   deleted-file row (see deletedTreeEntriesForPath in preview.ts) - both are
+   badged but cannot actually be opened. */
+.tree-file.gdp-row-disabled,
+.tree-dir.gdp-row-disabled,
+.gdp-repo-row.gdp-row-disabled {
+  cursor: default;
+  opacity: 0.7;
+}
+
 /* ===== Main content area ===== */
 #content {
   margin-left: var(--sidebar-w);
@@ -4595,6 +4634,13 @@ body.gdp-file-detail-page #empty {
   font-size: 11px;
   line-height: 1.4;
 }
+.gdp-repo-row .meta.symlink-target.broken { color: var(--danger); }
+/* Disabled row (broken symlink or synthesized deleted-file entry): opening
+   it would just 404, so no hover affordance - same treatment as
+   .gdp-repo-row-gitlink above. */
+.gdp-repo-row.gdp-row-disabled:hover {
+  background: var(--bg);
+}
 .gdp-context-menu {
   position: fixed;
   z-index: 1000;
@@ -11654,20 +11700,23 @@ body.db-resizing {
   cursor: default;
   color: var(--fg-muted);
 }
-.es-detail-pane {
+/* .db-detail-* は es-explorer (mapping/doc) と dynamodb-explorer
+   (structure/item) が共有する詳細ペイン/タブ切替/テーブルの共通スタイル。
+   detail-tabs.ts / detail-table.ts のクラス名と対応する。 */
+.db-detail-pane {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: var(--bg);
 }
-.es-detail-tabs {
+.db-detail-tabs {
   display: flex;
   border-bottom: 1px solid var(--border);
   background: var(--bg-soft);
   flex-shrink: 0;
 }
-.es-detail-tab {
+.db-detail-tab {
   padding: 6px 14px;
   border: none;
   background: transparent;
@@ -11676,12 +11725,11 @@ body.db-resizing {
   color: var(--fg-muted);
   border-bottom: 2px solid transparent;
 }
-.es-detail-tab.active {
+.db-detail-tab.active {
   color: var(--fg);
   border-bottom-color: var(--accent);
 }
-.es-mapping-body,
-.es-doc-body {
+.db-detail-tab-body {
   flex: 1;
   overflow: auto;
   padding: 12px;
@@ -11753,26 +11801,27 @@ body.db-resizing {
   color: var(--fg-muted);
   margin-bottom: 8px;
 }
-.es-mapping-table {
+.db-detail-table {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--mono, monospace);
   font-size: var(--db-font-mono);
+  margin-bottom: 16px;
 }
-.es-mapping-table th,
-.es-mapping-table td {
+.db-detail-table th,
+.db-detail-table td {
   text-align: left;
   padding: 4px 8px;
   border-bottom: 1px solid var(--border);
 }
-.es-mapping-table th {
+.db-detail-table th {
   font-weight: 600;
   background: var(--bg-soft);
 }
-.es-mapping-field {
+.db-detail-table-primary {
   font-weight: 500;
 }
-.es-mapping-type {
+.db-detail-table-muted {
   color: var(--fg-muted);
 }
 .es-doc-source {
@@ -11782,7 +11831,7 @@ body.db-resizing {
   word-break: break-all;
   margin: 0;
 }
-.es-value-empty {
+.db-value-empty {
   color: var(--fg-muted);
   font-size: var(--db-font-base);
   font-style: italic;
@@ -12472,13 +12521,6 @@ body.db-resizing {
   cursor: default;
   color: var(--fg-muted);
 }
-.dynamodb-detail-pane {
-  flex: 1;
-  overflow: auto;
-  padding: 12px;
-  color: var(--fg);
-  background: var(--bg);
-}
 .dynamodb-table-info-header,
 .dynamodb-item-detail-header {
   display: flex;
@@ -12491,8 +12533,7 @@ body.db-resizing {
   border-bottom: 1px solid var(--border);
   margin-bottom: 8px;
 }
-.dynamodb-table-info-meta,
-.dynamodb-table-info-keys {
+.dynamodb-table-info-meta {
   font-family: var(--mono, monospace);
   font-size: var(--db-font-sm);
   color: var(--fg-muted);
@@ -12504,8 +12545,35 @@ body.db-resizing {
   font-size: var(--db-font-sm);
   font-weight: 400;
 }
-.dynamodb-table-info-empty {
-  margin-top: 24px;
+.dynamodb-index-section {
+  margin-bottom: 16px;
+}
+.dynamodb-index-heading {
+  font-weight: 600;
+  font-size: var(--db-font-sm);
+  color: var(--fg-muted);
+  margin-bottom: 4px;
+}
+.dynamodb-index-row {
+  padding: 4px 0;
+  border-bottom: 1px solid var(--border);
+}
+.dynamodb-index-name {
+  font-family: var(--mono, monospace);
+  font-size: var(--db-font-mono);
+  font-weight: 500;
+}
+.dynamodb-index-detail {
+  font-family: var(--mono, monospace);
+  font-size: var(--db-font-sm);
+  color: var(--fg-muted);
+}
+.dynamodb-attr-note {
+  margin-top: -4px;
+  margin-bottom: 16px;
+  font-size: var(--db-font-sm);
+  color: var(--fg-muted);
+  font-style: italic;
 }
 .dynamodb-item-source {
   font-family: var(--mono, monospace);