local-knowledge-graph 1.6.0 → 1.6.1

package/HELP.md

@@ -105,6 +105,7 @@ kg
 
 ## 版本历史摘要
 
+- **v1.6.1**：修复浅色主题切换导致画布空白的问题；标题栏按钮防挤压（窄屏可横滑）；修复3D样式主题刷新后不恢复的问题；新增脚本异常提示
 - **v1.6.0**：界面主题新增浅色配色（视图设置一键切换，本地记忆）；GitHub 仓库与 npm 包通过 Actions 自动同步（打 tag 即测试+发布+Release）
 
 - **v1.5.0**：npm 包化（`npm i -g local-knowledge-graph` + `kg` 一键安装启动）；数据目录迁至用户目录（升级无损）；应用内更新支持 npm 与 git 双模式

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "local-knowledge-graph",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "本地知识图谱整合器：3D可视化 + AI对话建图 + 智能检索 + Git回溯 + RDF合规，全流程本地运行",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -121,20 +121,25 @@ let UI_THEME = 'dark';
 try { if (localStorage.getItem(UI_THEME_KEY) === 'light') UI_THEME = 'light'; } catch (_) {}
 document.documentElement.dataset.theme = UI_THEME;
 
-function applyTheme(mode) {
+function applyUiTheme(mode) {
   UI_THEME = UI_THEMES[mode] ? mode : 'dark';
   document.documentElement.dataset.theme = UI_THEME;
   try { localStorage.setItem(UI_THEME_KEY, UI_THEME); } catch (_) {}
   if (typeof scene !== 'undefined' && typeof grid !== 'undefined' && grid) {
     const t = UI_THEMES[UI_THEME];
     scene.remove(grid);
-    grid.dispose();
+    if (typeof grid.dispose === 'function') grid.dispose(); // three r128 GridHelper 无 dispose
     grid = new THREE.GridHelper(480, 48, t.grid1, t.grid2);
     grid.position.y = -60;
     scene.add(grid);
   }
 }
 
+/* 启动期兜底：任何未捕获异常立刻弹出提示，避免画布空白却无感知 */
+window.addEventListener('error', (e) => {
+  try { toast('脚本异常: ' + (e.message || '未知错误'), 6000); } catch (_) {}
+});
+
 /* ================= Three.js 场景 ================= */
 const wrap = $('canvas-wrap');
 const scene = new THREE.Scene();
@@ -156,7 +161,10 @@ scene.add(dirLight);
 let grid = new THREE.GridHelper(480, 48, 0x1c2a47, 0x141e35);
 grid.position.y = -60;
 scene.add(grid);
-applyTheme(UI_THEME); // 按存储的主题重建网格（CSS背景经 data-theme 生效）
+applyUiTheme(UI_THEME); // 按存储的主题重建网格（CSS背景经 data-theme 生效）
+
+const savedTheme = loadTheme();
+if (savedTheme && applyTheme(savedTheme)) { /* 启动时恢复用户保存的3D样式主题 */ }
 
 let nodeGroup = new THREE.Group();
 let linkGroup = new THREE.Group();
@@ -1334,9 +1342,11 @@ function renderStylePanel() {
   $('style-close').addEventListener('click', () => $('style-panel').classList.remove('show'));
   const themeSel = $('ui-theme-select');
   themeSel.value = UI_THEME;
-  themeSel.addEventListener('change', () => { applyTheme(themeSel.value); toast(themeSel.value === 'light' ? '已切换浅色主题' : '已切换深色主题'); });
+  themeSel.addEventListener('change', () => { applyUiTheme(themeSel.value); toast(themeSel.value === 'light' ? '已切换浅色主题' : '已切换深色主题'); });
   $('style-save').addEventListener('click', () => {
-    localStorage.setItem(THEME_KEY, JSON.stringify(currentThemeJson()));
+    const t = currentThemeJson();
+    localStorage.setItem(THEME_KEY, JSON.stringify(t));
+    applyTheme(t);
     toast('主题已保存到本地');
   });
   $('style-reset').addEventListener('click', () => {

package/public/style.css

@@ -12,9 +12,10 @@
     height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px;
     background: #101728; border-bottom: 1px solid #1e2a44; flex-shrink: 0;
   }
-  header h1 { font-size: 15px; font-weight: 600; color: #7fd1ff; letter-spacing: 1px; }
+  header h1 { font-size: 15px; font-weight: 600; color: #7fd1ff; letter-spacing: 1px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   header .spacer { flex: 1; }
   header .badge { font-size: 11px; color: #8fa3c0; border: 1px solid #2a3a5c; border-radius: 10px; padding: 2px 9px; }
+  header button, header .badge { flex-shrink: 0; }
   header .badge.ok { color: #7ee787; border-color: #2ea04366; }
   header .badge.off { color: #f0883e; border-color: #f0883e66; }
 
@@ -277,13 +278,15 @@
     /* 主题设置移动端可达：按钮保留，面板收窄为屏幕内浮层 */
     #style-panel { max-width: calc(100vw - 16px); width: 288px; top: 8px; right: 8px; }
 
-    /* 隐藏大标题，所有功能按钮单行排布，最大化画布显示范围 */
+    /* 隐藏大标题，所有功能按钮单行排布，最大化画布显示范围；
+       按钮过多时允许横向滑动兜底（360px以下窄屏），滚动条隐藏 */
     header {
-      flex-wrap: nowrap; height: 44px; padding: 0 6px; gap: 4px;
-      overflow: hidden;
+      flex-wrap: nowrap; height: 44px; padding: 0 6px; gap: 3px;
+      overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
     }
+    header::-webkit-scrollbar { display: none; }
     header h1 { display: none; }
-    header button { padding: 5px 7px; font-size: 11px; flex-shrink: 0; min-width: 0; }
+    header button { padding: 5px 6px; font-size: 11px; flex-shrink: 0; min-width: 0; }
     #btn-export { display: none; } /* 导出RDF移入文件菜单 */
     #stat-badge, #agent-badge { display: none; }