dsh-biocore 0.1.9 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-biocore",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "type": "module",
   "description": "BioCore DSH UI: per-session state tab, standalone instrument panel, /api/biocore/state, session/event one_turn updates, /bio sync.",
   "main": "lib/index.js",

package/ui/panel-layout.js

@@ -10,15 +10,17 @@
   var STORAGE_KEY = 'biocore-panel-layout-v2'
   var DEFAULT_ORDER = [
     'mood', 'tension', 'warmth', 'heaviness', 'clarity', 'chart',
-    'memory', 'memory-summary', 'metrics', 'trace', 'runtime',
+    'memory', 'memory-summary', 'metrics',
     'persona', 'model', 'switches', 'expression', 'advanced',
+    'runtime', 'trace',
   ]
-  var TAB_ORDER = ['dashboard', 'memory', 'settings', 'diagnosis']
+  var TAB_ORDER = ['dashboard', 'memory', 'relation', 'settings', 'tools']
   var TAB_GROUPS = Object.freeze({
     dashboard: ['mood', 'tension', 'warmth', 'heaviness', 'clarity', 'chart'],
     memory: ['memory', 'memory-summary'],
+    relation: ['metrics'],
     settings: ['persona', 'model', 'switches', 'expression', 'advanced'],
-    diagnosis: ['metrics', 'trace', 'runtime'],
+    tools: ['runtime', 'trace'],
   })
 
   function defaultLayout() {

package/ui/panel.css

@@ -1,4 +1,4 @@
-/* BioCore instrument panel — FlClash mobile spec. | layout v26
+/* BioCore instrument panel — FlClash mobile spec. | layout v27
    1) tokens  2) base  3) topbar  4) cards  5) figures  6) lists  7) forms
    8) switches  9) nav  10) edit mode  11) desktop.
    Rule: one component rule per selector, px values from docs/DSH-PANEL-FLCLASH-SPEC.md. */
@@ -499,6 +499,9 @@ canvas#moodChart { display: block; width: 100%; height: 150px; }
   .expression-fields { grid-template-columns: 1fr; }
 }
 
+/* bug fix: whole channels block (title included) leaves non-dashboard tabs */
+.panel:not(.tab-dashboard):not(.layout-editing) .channels-wrap { display: none; }
+
 /* ---------- 13. layout guards (防止旧版/串版样式压扁版面) ---------- */
 html, body { overflow-x: clip; }
 body { max-width: 100%; }
@@ -794,7 +797,12 @@ body { max-width: 100%; }
     grid-template-columns: repeat(12, minmax(0, 1fr));
     gap: 12px;
   }
+  .panel:not(.tab-dashboard) #cards { align-content: start; }
   .panel:not(.tab-dashboard) #cards > * { grid-column: span 6; }
+  .panel:not(.tab-dashboard) #cards > [data-card-id="metrics"] { grid-column: span 8; }
+  .panel:not(.tab-dashboard) #cards > [data-card-id="trace"] { grid-column: span 8; }
+  .panel:not(.tab-dashboard) #cards > [data-card-id="runtime"] { grid-column: span 4; }
+  .panel:not(.tab-dashboard) #cards > [data-card-id="model"] { grid-column: span 12; }
   .panel:not(.tab-dashboard) #cards > .channels-wrap { grid-column: span 12; }
   .panel:not(.tab-dashboard) .channels-wrap .channel-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
   .panel:not(.tab-dashboard) .add-cards { grid-column: 1 / -1; }

package/ui/panel.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<!-- BioCore panel layout v26: mobile = FlClash phone (masthead/channels 2x2/pill tabbar); desktop >=1024 = left rail + 12-col 5-row dashboard -->
+<!-- BioCore panel layout v27: mobile = FlClash phone (masthead/channels 2x2/pill tabbar); desktop >=1024 = left rail + 12-col 5-row dashboard -->
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>生物核 · 仪器面板</title>
-<link rel="stylesheet" href="panel.css?v=26">
+<link rel="stylesheet" href="panel.css?v=27">
 </head>
 <body>
 <aside class="rail" id="rail" aria-label="主导航">
@@ -15,8 +15,9 @@
   <nav class="rail-nav" aria-label="页面导航">
     <button class="rail-item active" type="button" data-tab="dashboard" title="仪表盘" aria-selected="true"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="6" height="6" rx="1.5"/><rect x="11" y="3" width="6" height="6" rx="1.5"/><rect x="3" y="11" width="6" height="6" rx="1.5"/><rect x="11" y="11" width="6" height="6" rx="1.5"/></svg><span>仪表盘</span></button>
     <button class="rail-item" type="button" data-tab="memory" title="记忆" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 3.5h10v13l-5-3-5 3z"/></svg><span>记忆</span></button>
-    <button class="rail-item" type="button" data-tab="settings" title="设置" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="10" r="2.6"/><path d="M10 3.2v2M10 14.8v2M3.2 10h2M14.8 10h2M5.2 5.2l1.4 1.4M13.4 13.4l1.4 1.4M14.8 5.2l-1.4 1.4M6.6 13.4l-1.4 1.4"/></svg><span>设置</span></button>
-    <button class="rail-item" type="button" data-tab="diagnosis" title="诊断" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 11h3.5l2-5 3 10 2-5H17"/></svg><span>诊断</span></button>
+    <button class="rail-item" type="button" data-tab="relation" title="关系" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 16.2s-5.4-3.4-5.4-7a2.9 2.9 0 015.4-1.7 2.9 2.9 0 015.4 1.7c0 3.6-5.4 7-5.4 7z"/></svg><span>关系</span></button>
+    <button class="rail-item" type="button" data-tab="settings" title="配置" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="10" r="2.6"/><path d="M10 3.2v2M10 14.8v2M3.2 10h2M14.8 10h2M5.2 5.2l1.4 1.4M13.4 13.4l1.4 1.4M14.8 5.2l-1.4 1.4M6.6 13.4l-1.4 1.4"/></svg><span>配置</span></button>
+    <button class="rail-item" type="button" data-tab="tools" title="工具" aria-selected="false"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.6 4.4a3.2 3.2 0 00-4 4l-4.1 4.1 2 2 4.1-4.1a3.2 3.2 0 004-4l-2 2-1.6-1.6 1.6-2.4z"/></svg><span>工具</span></button>
   </nav>
 </aside>
 <main class="panel" id="panel">
@@ -58,8 +59,9 @@
     <nav class="card desk-card desk-seg" id="segTabs" aria-label="分组导航">
       <button class="seg-item active" type="button" data-tab="dashboard" aria-selected="true">仪表盘</button>
       <button class="seg-item" type="button" data-tab="memory" aria-selected="false">记忆</button>
-      <button class="seg-item" type="button" data-tab="settings" aria-selected="false">设置</button>
-      <button class="seg-item" type="button" data-tab="diagnosis" aria-selected="false">诊断</button>
+      <button class="seg-item" type="button" data-tab="relation" aria-selected="false">关系</button>
+      <button class="seg-item" type="button" data-tab="settings" aria-selected="false">配置</button>
+      <button class="seg-item" type="button" data-tab="tools" aria-selected="false">工具</button>
     </nav>
 
     <section class="card desk-card desk-switch" aria-label="安全闸">
@@ -376,15 +378,19 @@
       <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 3.5h10v13l-5-3-5 3z"/></svg>
       <span>记忆</span>
     </button>
+    <button class="tab-item" type="button" data-tab="relation" aria-selected="false">
+      <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 16.2s-5.4-3.4-5.4-7a2.9 2.9 0 015.4-1.7 2.9 2.9 0 015.4 1.7c0 3.6-5.4 7-5.4 7z"/></svg>
+      <span>关系</span>
+    </button>
     <button class="tab-item" type="button" data-tab="settings" aria-selected="false">
       <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="10" r="2.6"/><path d="M10 3.2v2M10 14.8v2M3.2 10h2M14.8 10h2M5.2 5.2l1.4 1.4M13.4 13.4l1.4 1.4M14.8 5.2l-1.4 1.4M6.6 13.4l-1.4 1.4"/></svg>
-      <span>设置</span>
+      <span>配置</span>
     </button>
-    <button class="tab-item" type="button" data-tab="diagnosis" aria-selected="false">
-      <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 11h3.5l2-5 3 10 2-5H17"/></svg>
-      <span>诊断</span>
+    <button class="tab-item" type="button" data-tab="tools" aria-selected="false">
+      <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.6 4.4a3.2 3.2 0 00-4 4l-4.1 4.1 2 2 4.1-4.1a3.2 3.2 0 004-4l-2 2-1.6-1.6 1.6-2.4z"/></svg>
+      <span>工具</span>
     </button>
-  </nav>
+    </nav>
 
   <div class="layout-toast" id="layoutToast" role="status" hidden></div>
 
@@ -395,6 +401,6 @@
 </main>
 <script src="panel-layout.js?v=5"></script>
 <script src="trace-view.js?v=5"></script>
-<script src="panel.js?v=5"></script>
+<script src="panel.js?v=6"></script>
 </body>
 </html>

package/ui/panel.js

@@ -1445,7 +1445,7 @@
     var group = layoutEditing ? null : (layoutApi.TAB_GROUPS[activeTab] || [])
     var panel = $('panel')
     if (panel) {
-      var tabsKnown = ['dashboard', 'memory', 'settings', 'diagnosis']
+      var tabsKnown = ['dashboard', 'memory', 'relation', 'settings', 'tools']
       for (var t = 0; t < tabsKnown.length; t += 1) {
         panel.classList.toggle('tab-' + tabsKnown[t], activeTab === tabsKnown[t])
       }