✨ feat(vscode): 代码阅读支持库规则，内置 SQLAlchemy 模型类显示成数据表卡片

vscode/webview-ui/src/codeReader/codeReader.css

@@ -63,6 +63,9 @@ body.vscode-high-contrast-light {
 [data-kind="return"] { --kind: var(--cr-kind-return); }
 [data-kind="statement"] { --kind: var(--cr-kind-statement); }
 [data-kind="comment"] { --kind: var(--cr-kind-comment); }
+/* 库规则认领的块：颜色由规则给，暗色、亮色两个写在元素的 style 上（--kind-dark / --kind-light），这里按主题挑 */
+[data-badge] { --kind: var(--kind-dark); }
+body:is(.vscode-light, .vscode-high-contrast-light) [data-badge] { --kind: var(--kind-light); }
 
 /* 卡片和它的子层是相邻兄弟，:hover 只落在鼠标下最里面那张卡片上，父卡片不跟着亮 */
 .cr-block {
@@ -330,15 +333,23 @@ body.vscode-high-contrast-light {
 }
 
 /*
- * 属性表里带列名的子行（输入参数）排成的表格：外框圆角，格子之间、行之间一条主题的表格分隔线；
- * 表头垫主题的表头底色（比编辑区深一档或浅一档）、列名用说明色
+ * 属性表里带列名的子行（输入参数、数据表的字段）排成的表格：外框圆角，格子之间、行之间一条主题的表格分隔线；
+ * 表头垫主题的表头底色（比编辑区深一档或浅一档）、列名用说明色。
+ * 整张表格一个网格、每行借用它的列（subgrid），列宽按整列的内容定，见 tableTemplate
  */
 .cr-table {
   --cr-table-border: var(--vscode-tree-tableColumnsBorder, var(--vscode-editorWidget-border, var(--vscode-contrastBorder)));
+  display: grid;
   border: 1px solid var(--cr-table-border);
   border-radius: 4px;
   overflow: hidden;
 }
+.cr-table-head,
+.cr-table-row {
+  display: grid;
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+}
 .cr-table-head {
   background: var(--vscode-keybindingTable-headerBackground, color-mix(in srgb, var(--vscode-foreground) 5%, transparent));
 }