@qnote/q-ai-note 1.0.9 → 1.0.11

package/dist/web/app.js

@@ -45,6 +45,7 @@ const state = {
   changesSandboxFilter: '',
   changesTypeFilter: 'all',
   changesQuickFilter: 'all',
+  workTreeExpandInitialized: false,
 };
 
 const expandedNodes = new Set();
@@ -331,6 +332,91 @@ function expandAllNodes() {
   items.forEach(item => expandedNodes.add(item.id));
 }
 
+function buildWorkItemDepthMap(items) {
+  const byId = new Map(items.map((item) => [item.id, item]));
+  const memo = new Map();
+  const visiting = new Set();
+  const walk = (id) => {
+    if (memo.has(id)) return memo.get(id);
+    if (visiting.has(id)) return 0;
+    visiting.add(id);
+    const item = byId.get(id);
+    if (!item) {
+      visiting.delete(id);
+      return 0;
+    }
+    const parentId = item.parent_id;
+    const depth = parentId && byId.has(parentId) ? walk(parentId) + 1 : 0;
+    memo.set(id, depth);
+    visiting.delete(id);
+    return depth;
+  };
+  items.forEach((item) => walk(item.id));
+  return memo;
+}
+
+function getWorkTreeMaxDepth(items) {
+  const depthMap = buildWorkItemDepthMap(items || []);
+  let maxDepth = 0;
+  depthMap.forEach((depth) => {
+    if (Number.isFinite(depth)) maxDepth = Math.max(maxDepth, Number(depth));
+  });
+  return maxDepth;
+}
+
+function expandNodesToLevel(level, items) {
+  const safeLevel = Math.max(1, Number(level) || 1);
+  const depthMap = buildWorkItemDepthMap(items || []);
+  expandedNodes.clear();
+  (items || []).forEach((item) => {
+    const depth = Number(depthMap.get(item.id) || 0);
+    if (depth < safeLevel) expandedNodes.add(item.id);
+  });
+}
+
+function applyWorkTreeCollapseAction(action) {
+  if (!state.currentSandbox) return;
+  const items = state.currentSandbox.items || [];
+  if (!items.length) return;
+  if (action === 'expand-all') {
+    expandedNodes.clear();
+    expandAllNodes();
+  } else if (action === 'collapse-all') {
+    expandedNodes.clear();
+  } else if (String(action || '').startsWith('collapse-level:')) {
+    const level = Number(String(action).split(':')[1] || '1');
+    expandNodesToLevel(level, items);
+  }
+  state.workTreeExpandInitialized = true;
+}
+
+function updateWorkTreeCollapseMenu(items) {
+  const selector = document.getElementById('work-tree-collapse-action');
+  if (!(selector instanceof HTMLSelectElement)) return;
+  const denseMode = state.workTreeViewMode === 'dense';
+  const hasItems = (items || []).length > 0;
+  selector.classList.toggle('hidden', !denseMode);
+  selector.disabled = !denseMode || !hasItems;
+  if (!denseMode || !hasItems) {
+    selector.innerHTML = '<option value="">层级操作</option>';
+    selector.value = '';
+    return;
+  }
+  const maxDepth = getWorkTreeMaxDepth(items);
+  const maxLevel = Math.max(1, maxDepth + 1);
+  const levelOptions = Array.from({ length: maxLevel }, (_v, idx) => {
+    const level = idx + 1;
+    return `<option value="collapse-level:${level}">折叠到 L${level}</option>`;
+  }).join('');
+  selector.innerHTML = `
+    <option value="">层级操作</option>
+    <option value="expand-all">全部展开</option>
+    <option value="collapse-all">全部折叠</option>
+    ${levelOptions}
+  `;
+  selector.value = '';
+}
+
 function getRootNodeIds(items) {
   return items.filter((item) => !item.parent_id).map((item) => item.id);
 }
@@ -348,6 +434,8 @@ function applyWorkTreeViewMode(mode) {
   } else {
     expandAllNodes();
   }
+  state.workTreeExpandInitialized = true;
+  updateWorkTreeCollapseMenu(items);
 }
 
 function applyWorkItemAssigneeToggle() {
@@ -374,13 +462,15 @@ function renderWorkTree() {
   const entitySummaryByNodeId = buildNodeEntitySummaryByNodeId();
   const entityRowsByNodeId = buildNodeEntityRowsByNodeId();
   
-  if (expandedNodes.size === 0 && allItems.length > 0) {
+  if (!state.workTreeExpandInitialized && allItems.length > 0) {
     if (state.workTreeViewMode === 'report') {
       getRootNodeIds(allItems).forEach((id) => expandedNodes.add(id));
     } else {
       expandAllNodes();
     }
+    state.workTreeExpandInitialized = true;
   }
+  updateWorkTreeCollapseMenu(allItems);
 
   if (allItems.length === 0) {
     tree.innerHTML = `<div class="empty-state"><p>${treeReadonly ? '暂无任务' : '点击上方"添加"按钮创建第一个任务'}</p></div>`;
@@ -1453,6 +1543,7 @@ async function loadSandbox(id) {
     apiRequest(`${API_BASE}/sandboxes/${id}/entities/stats`),
   ]);
   state.currentSandbox = { ...sandbox, items, diaries };
+  state.workTreeExpandInitialized = false;
   state.nodeEntities = entities;
   state.nodeEntityStats = entityStats;
   
@@ -3012,6 +3103,13 @@ async function initApp() {
     renderWorkTree();
   });
 
+  document.getElementById('work-tree-collapse-action')?.addEventListener('change', (e) => {
+    const action = e.target.value || '';
+    if (!action) return;
+    applyWorkTreeCollapseAction(action);
+    renderWorkTree();
+  });
+
   document.getElementById('work-item-element-preview-mode')?.addEventListener('change', (e) => {
     state.workItemElementPreviewMode = e.target.value || 'none';
     renderWorkTree();

package/dist/web/index.html

@@ -63,6 +63,11 @@
                   <option value="report">汇报折叠模式</option>
                   <option value="dense">树模式</option>
                 </select>
+                <select id="work-tree-collapse-action" title="树模式层级操作">
+                  <option value="">层级操作</option>
+                  <option value="expand-all">全部展开</option>
+                  <option value="collapse-all">全部折叠</option>
+                </select>
                 <select id="work-item-element-preview-mode">
                   <option value="none">能力要素：不显示</option>
                   <option value="issue">能力要素：Issue</option>

package/dist/web/styles.css

@@ -221,6 +221,10 @@ h2 {
   gap: 8px;
 }
 
+#work-tree-collapse-action {
+  min-width: 132px;
+}
+
 .inline-checkbox {
   display: inline-flex;
   align-items: center;
@@ -770,21 +774,26 @@ h2 {
 }
 
 .lane-tree-title-line {
-  display: inline-flex;
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 4px;
   min-width: 0;
 }
 
-.lane-tree-summary-line {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  min-height: 14px;
+.lane-tree-title-line .dense-node-name {
+  flex: 1 1 auto;
+  min-width: 96px;
+}
+
+.lane-tree-title-line .node-entity-mini-badges,
+.lane-tree-title-line .node-meta {
+  flex: 0 0 auto;
+  max-width: 100%;
 }
 
-.lane-tree-node-main.stack-summary .dense-node-name {
-  max-width: calc(var(--lane-name-max, 154px) + 28px);
+.lane-tree-title-line .node-meta {
+  white-space: nowrap;
 }
 
 .lane-tree-node {

package/dist/web/vueRenderers.js

@@ -318,7 +318,6 @@ function renderDenseLaneNode(node, byParent, expandedIdSet, entitySummaryByNodeI
   const hasChildren = children.length > 0;
   const isExpanded = expandedIdSet.has(node.id);
   const nodeSummary = entitySummaryByNodeId?.[node.id] || { issue: 0, knowledge: 0, capability: 0 };
-  const useStackSummary = depth >= 3;
   const summaryBadgeHtml = renderEntityBadges(nodeSummary);
   const summaryAssigneeHtml = showAssignee && node.assignee ? `<span class="node-meta">@${esc(node.assignee)}</span>` : '';
   const previewHtml = renderEntityPreviewBoxes(node.id, entityRowsByNodeId, elementPreviewMode);
@@ -342,18 +341,12 @@ function renderDenseLaneNode(node, byParent, expandedIdSet, entitySummaryByNodeI
           </button>
         ` : ''}
         <span class="node-status ${esc(node.status)}"></span>
-        <div class="lane-tree-node-main ${useStackSummary ? 'stack-summary' : ''}">
+        <div class="lane-tree-node-main">
           <div class="lane-tree-title-line">
             <span class="dense-node-name">${esc(node.name)}</span>
-            ${!useStackSummary ? summaryBadgeHtml : ''}
-            ${!useStackSummary ? summaryAssigneeHtml : ''}
+            ${summaryBadgeHtml}
+            ${summaryAssigneeHtml}
           </div>
-          ${useStackSummary && (summaryBadgeHtml || summaryAssigneeHtml) ? `
-            <div class="lane-tree-summary-line">
-              ${summaryBadgeHtml}
-              ${summaryAssigneeHtml}
-            </div>
-          ` : ''}
         </div>
         ${readonly ? '' : `
           <div class="node-actions">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qnote/q-ai-note",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "type": "module",
   "description": "AI-assisted personal work sandbox and diary system",
   "main": "dist/server/index.js",