@qnote/q-ai-note 1.0.6 → 1.0.8

package/dist/web/index.html

@@ -21,7 +21,8 @@
         <li><a href="#/sandboxes" data-nav="sandboxes">沙盘</a></li>
         <li><a href="#/diaries" data-nav="diaries">日记</a></li>
         <li><a href="#/changes" data-nav="changes">变化</a></li>
-        <li><a href="#/settings" data-nav="settings">设置</a></li>
+        <li><a href="#/settings" data-nav="settings">项目设置</a></li>
+        <li><a href="#/system-settings" data-nav="system-settings">系统设置</a></li>
       </ul>
     </nav>
     <main class="content">
@@ -112,72 +113,83 @@
                 <div class="drawer-subtitle" id="drawer-node-title"></div>
               </div>
               <div class="drawer-header-actions">
-                <button class="btn btn-secondary btn-sm" id="toggle-node-entity-form-btn" type="button">+ 新建记录</button>
                 <button class="btn btn-secondary btn-sm" id="close-node-drawer-btn">关闭</button>
               </div>
             </div>
-            <div class="summary-strip compact" id="node-entity-summary"></div>
-            <div class="drawer-diary-quick-form">
-              <div class="sandbox-diary-quick-meta">
-                <span id="sandbox-diary-target-label">快速日记：未选中节点</span>
-              </div>
-              <textarea id="drawer-diary-content" placeholder="记录进展（日记支持 Markdown）"></textarea>
-              <div class="sandbox-diary-quick-actions">
-                <button class="btn btn-primary btn-sm" id="drawer-diary-save-btn" type="button">记录日记</button>
-              </div>
-            </div>
-            <div class="entity-filter-tabs" id="entity-filter-tabs">
-              <button class="btn btn-secondary btn-sm active" data-entity-filter="all">全部</button>
-              <button class="btn btn-secondary btn-sm" data-entity-filter="issue">Issue</button>
-              <button class="btn btn-secondary btn-sm" data-entity-filter="knowledge">Knowledge</button>
-              <button class="btn btn-secondary btn-sm" data-entity-filter="capability">Capability</button>
-              <button class="btn btn-secondary btn-sm" data-entity-filter="diary">Diary</button>
-            </div>
-
-            <div class="drawer-create-form hidden" id="drawer-create-form">
-              <select id="entity-type-select">
-                <option value="issue">Issue</option>
-                <option value="knowledge">Knowledge</option>
-                <option value="capability">Capability</option>
-              </select>
-              <input type="text" id="entity-title-input" placeholder="标题（必填）">
-              <div class="entity-field-group" id="entity-assignee-group">
-                <input type="text" id="entity-assignee-input" placeholder="负责人（Issue可选）">
+            <section class="drawer-section">
+              <div class="drawer-section-title">节点概览</div>
+              <div class="summary-strip compact" id="node-entity-summary"></div>
+            </section>
+            <section class="drawer-section">
+              <div class="drawer-section-title">快速日记</div>
+              <div class="drawer-diary-quick-form">
+                <div class="sandbox-diary-quick-meta">
+                  <span id="sandbox-diary-target-label">快速日记：未选中节点</span>
+                </div>
+                <textarea id="drawer-diary-content" placeholder="记录进展（日记支持 Markdown）"></textarea>
+                <div class="sandbox-diary-quick-actions">
+                  <button class="btn btn-primary btn-sm" id="drawer-diary-save-btn" type="button">记录日记</button>
+                </div>
               </div>
-              <div class="entity-field-group" id="entity-status-group">
-                <select id="entity-status-select"></select>
+            </section>
+            <section class="drawer-section">
+              <div class="drawer-section-title-row">
+                <div class="drawer-section-title">记录管理</div>
+                <button class="btn btn-secondary btn-sm" id="toggle-node-entity-form-btn" type="button">+ 新建记录</button>
               </div>
-              <div class="entity-field-group" id="entity-priority-group">
-                <select id="entity-priority-select">
-                  <option value="">优先级（Issue可选）</option>
-                  <option value="low">low</option>
-                  <option value="medium">medium</option>
-                  <option value="high">high</option>
-                  <option value="critical">critical</option>
-                </select>
+              <div class="entity-filter-tabs" id="entity-filter-tabs">
+                <button class="btn btn-secondary btn-sm active" data-entity-filter="all">全部</button>
+                <button class="btn btn-secondary btn-sm" data-entity-filter="issue">Issue</button>
+                <button class="btn btn-secondary btn-sm" data-entity-filter="knowledge">Knowledge</button>
+                <button class="btn btn-secondary btn-sm" data-entity-filter="capability">Capability</button>
+                <button class="btn btn-secondary btn-sm" data-entity-filter="diary">Diary</button>
               </div>
-              <div class="entity-field-group" id="entity-capability-type-group">
-                <select id="entity-capability-type-input">
-                  <option value="">能力类型（Capability可选）</option>
-                  <option value="workflow">workflow（流程能力）</option>
-                  <option value="automation">automation（自动化能力）</option>
-                  <option value="tooling">tooling（工具能力）</option>
-                  <option value="collaboration">collaboration（协作能力）</option>
-                  <option value="analysis">analysis（分析能力）</option>
-                  <option value="delivery">delivery（交付能力）</option>
-                  <option value="governance">governance（治理能力）</option>
-                  <option value="other">other（其他）</option>
+
+              <div class="drawer-create-form hidden" id="drawer-create-form">
+                <select id="entity-type-select">
+                  <option value="issue">Issue</option>
+                  <option value="knowledge">Knowledge</option>
+                  <option value="capability">Capability</option>
                 </select>
+                <input type="text" id="entity-title-input" placeholder="标题（必填）">
+                <div class="entity-field-group" id="entity-assignee-group">
+                  <input type="text" id="entity-assignee-input" placeholder="负责人（Issue可选）">
+                </div>
+                <div class="entity-field-group" id="entity-status-group">
+                  <select id="entity-status-select"></select>
+                </div>
+                <div class="entity-field-group" id="entity-priority-group">
+                  <select id="entity-priority-select">
+                    <option value="">优先级（Issue可选）</option>
+                    <option value="low">low</option>
+                    <option value="medium">medium</option>
+                    <option value="high">high</option>
+                    <option value="critical">critical</option>
+                  </select>
+                </div>
+                <div class="entity-field-group" id="entity-capability-type-group">
+                  <select id="entity-capability-type-input">
+                    <option value="">能力类型（Capability可选）</option>
+                    <option value="workflow">workflow（流程能力）</option>
+                    <option value="automation">automation（自动化能力）</option>
+                    <option value="tooling">tooling（工具能力）</option>
+                    <option value="collaboration">collaboration（协作能力）</option>
+                    <option value="analysis">analysis（分析能力）</option>
+                    <option value="delivery">delivery（交付能力）</option>
+                    <option value="governance">governance（治理能力）</option>
+                    <option value="other">other（其他）</option>
+                  </select>
+                </div>
+                <textarea id="entity-content-input" rows="4" placeholder="Markdown 内容（Knowledge/Capability 推荐）"></textarea>
+                <div class="entity-form-hint" id="entity-form-hint"></div>
+                <div class="entity-form-actions">
+                  <button class="btn btn-secondary btn-sm hidden" id="cancel-edit-entity-btn" type="button">取消编辑</button>
+                  <button class="btn btn-primary btn-sm" id="create-node-entity-btn" type="button">添加记录</button>
+                </div>
               </div>
-              <textarea id="entity-content-input" rows="4" placeholder="Markdown 内容（Knowledge/Capability 推荐）"></textarea>
-              <div class="entity-form-hint" id="entity-form-hint"></div>
-              <div class="entity-form-actions">
-                <button class="btn btn-secondary btn-sm hidden" id="cancel-edit-entity-btn" type="button">取消编辑</button>
-                <button class="btn btn-primary btn-sm" id="create-node-entity-btn" type="button">添加记录</button>
-              </div>
-            </div>
 
-            <div class="drawer-list" id="node-entity-list"></div>
+              <div class="drawer-list" id="node-entity-list"></div>
+            </section>
           </aside>
         </div>
       </div>
@@ -249,7 +261,35 @@
       </div>
       
       <div id="page-settings" class="page hidden">
-        <h2>设置</h2>
+        <h2>项目设置</h2>
+        <div class="settings-form">
+          <div class="setting-group project-setting-section">
+            <div class="project-setting-header">
+              <label>Users（按 IP 精确匹配，IP 不能复用）</label>
+              <button class="btn btn-secondary btn-sm" id="add-project-user-btn" type="button">+ 添加用户</button>
+            </div>
+            <div class="project-setting-list" id="project-users-list"></div>
+          </div>
+          <div class="setting-group project-setting-section">
+            <div class="project-setting-header">
+              <label>Profiles（支持 apply_to_all_users）</label>
+              <button class="btn btn-secondary btn-sm" id="add-project-profile-btn" type="button">+ 添加 Profile</button>
+            </div>
+            <div class="project-setting-list" id="project-profiles-list"></div>
+          </div>
+          <div class="setting-group project-setting-section">
+            <div class="project-setting-header">
+              <label>Bindings（user -> profiles）</label>
+              <button class="btn btn-secondary btn-sm" id="add-project-binding-btn" type="button">+ 添加绑定</button>
+            </div>
+            <div class="project-setting-list" id="project-bindings-list"></div>
+          </div>
+          <button class="btn btn-primary" id="save-project-settings-btn">保存项目设置</button>
+        </div>
+      </div>
+
+      <div id="page-system-settings" class="page hidden">
+        <h2>系统设置</h2>
         <div class="settings-form">
           <div class="setting-group">
             <label>API URL</label>
@@ -268,6 +308,10 @@
             <div class="settings-kv-list" id="setting-headers-list"></div>
             <button class="btn btn-secondary btn-sm" id="add-setting-header-btn" type="button">+ 添加 Header</button>
           </div>
+          <div class="setting-group">
+            <label>系统可编辑 IP（精确 IP，一行一个）</label>
+            <textarea id="setting-editable-ips" rows="5" placeholder="10.1.2.3&#10;192.168.1.20"></textarea>
+          </div>
           <button class="btn btn-primary" id="save-settings-btn">保存</button>
         </div>
       </div>

package/dist/web/styles.css

@@ -134,6 +134,11 @@ body {
   animation: fadeIn 0.2s ease;
 }
 
+#page-sandbox-detail {
+  max-width: none;
+  margin: 0;
+}
+
 .page.hidden {
   display: none;
 }
@@ -808,6 +813,18 @@ h2 {
   border-top: 1.2px solid #9bb3d8;
 }
 
+/* Last sibling ends with an "L" connector */
+.lane-tree-children > .lane-tree-node:last-child::after {
+  content: '';
+  position: absolute;
+  left: -10px;
+  top: 13px;
+  bottom: -2px;
+  width: 2px;
+  background: var(--bg-secondary);
+  pointer-events: none;
+}
+
 .dense-lane > .dense-lane-body > .lane-tree-node > .lane-tree-node-row::before {
   display: none;
 }
@@ -1581,7 +1598,7 @@ h2 {
   background: var(--bg);
   border-radius: 12px;
   padding: 24px;
-  max-width: 600px;
+  max-width: 980px;
   box-shadow: var(--shadow);
 }
 
@@ -1628,6 +1645,160 @@ h2 {
   width: 100%;
 }
 
+.project-setting-section {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 12px;
+  background: #fcfdff;
+}
+
+.project-setting-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.project-setting-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.project-empty {
+  font-size: 12px;
+  color: var(--text-secondary);
+  background: var(--bg);
+  border: 1px dashed var(--border);
+  border-radius: 8px;
+  padding: 10px;
+}
+
+.project-row {
+  display: grid;
+  grid-template-columns: minmax(150px, 0.9fr) minmax(180px, 1fr) minmax(360px, 1.8fr) auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.project-row select,
+.project-profile-grid select,
+.project-profile-grid input,
+.project-row input {
+  width: 100%;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 8px 10px;
+  font-size: 13px;
+  background: var(--bg);
+}
+
+.project-ip-editor {
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg);
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.project-ip-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  min-height: 24px;
+}
+
+.project-ip-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: #eef4ff;
+  border: 1px solid #c7d9ff;
+  color: #1d4fae;
+  font-size: 12px;
+}
+
+.project-ip-remove {
+  border: none;
+  background: transparent;
+  color: #1d4fae;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.project-ip-input-row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.project-row.compact {
+  grid-template-columns: 1fr 160px auto;
+}
+
+.project-profile-card,
+.project-binding-card {
+  border: 1px solid var(--border);
+  background: var(--bg);
+  border-radius: 8px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.project-profile-grid {
+  display: grid;
+  grid-template-columns: minmax(170px, 1fr) minmax(200px, 1.2fr) minmax(240px, 0.8fr) auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.project-profile-pages {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.project-sandbox-items {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.project-profile-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.project-binding-profiles {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+@media (max-width: 1180px) {
+  .settings-form {
+    max-width: 100%;
+  }
+  .project-row {
+    grid-template-columns: 1fr;
+  }
+  .project-row.compact {
+    grid-template-columns: 1fr;
+  }
+  .project-profile-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* Dialog */
 dialog {
   position: fixed;
@@ -1939,7 +2110,7 @@ dialog::backdrop {
 }
 
 .summary-strip.compact {
-  margin-bottom: 10px;
+  margin-bottom: 0;
   gap: 8px;
 }
 
@@ -1953,6 +2124,25 @@ dialog::backdrop {
   font-size: 14px;
 }
 
+.drawer-section {
+  margin-bottom: 12px;
+}
+
+.drawer-section-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin: 0 0 8px;
+}
+
+.drawer-section-title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
 .drawer-create-form {
   display: grid;
   gap: 8px;
@@ -1960,7 +2150,7 @@ dialog::backdrop {
   background: #f8f9fb;
   border: 1px solid var(--border);
   border-radius: 10px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .drawer-create-form.hidden {
@@ -2053,7 +2243,7 @@ dialog::backdrop {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .entity-filter-tabs .btn.active {

package/dist/web/vueRenderers.js

@@ -319,6 +319,8 @@ function renderDenseLaneNode(node, byParent, expandedIdSet, entitySummaryByNodeI
   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);
   const childrenHtml = hasChildren && isExpanded
     ? `<div class="lane-tree-children">${children.map((child) => renderDenseLaneNode(child, byParent, expandedIdSet, entitySummaryByNodeId, depth + 1, showAssignee, entityRowsByNodeId, elementPreviewMode, readonly, selectedId)).join('')}</div>`
@@ -343,13 +345,13 @@ function renderDenseLaneNode(node, byParent, expandedIdSet, entitySummaryByNodeI
         <div class="lane-tree-node-main ${useStackSummary ? 'stack-summary' : ''}">
           <div class="lane-tree-title-line">
             <span class="dense-node-name">${esc(node.name)}</span>
-            ${!useStackSummary ? renderEntityBadges(nodeSummary) : ''}
-            ${!useStackSummary && showAssignee && node.assignee ? `<span class="node-meta">@${esc(node.assignee)}</span>` : ''}
+            ${!useStackSummary ? summaryBadgeHtml : ''}
+            ${!useStackSummary ? summaryAssigneeHtml : ''}
           </div>
-          ${useStackSummary ? `
+          ${useStackSummary && (summaryBadgeHtml || summaryAssigneeHtml) ? `
             <div class="lane-tree-summary-line">
-              ${renderEntityBadges(nodeSummary)}
-              ${showAssignee && node.assignee ? `<span class="node-meta">@${esc(node.assignee)}</span>` : ''}
+              ${summaryBadgeHtml}
+              ${summaryAssigneeHtml}
             </div>
           ` : ''}
         </div>

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@qnote/q-ai-note",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "description": "AI-assisted personal work sandbox and diary system",
   "main": "dist/server/index.js",
   "bin": {
     "q-ai-note": "dist/cli.js",
-    "q-ai-note-server": "dist/cli.js",
-    "q-ai-note-my-server": "dist/cli.js"
+    "q-ai-note-server": "dist/cli.js"
   },
   "files": [
     "dist/**/*",