@qnote/q-ai-note 1.0.17 → 1.0.18

package/dist/web/app.js

@@ -804,6 +804,9 @@ function applyReadonlyMode() {
     closeQuickChatPopover();
   }
   applySandboxChatVisibility();
+  if (state.selectedNodeId) {
+    renderDrawerWorkItemQuickEdit(state.selectedNodeId);
+  }
   if (aserRuntimeView) {
     aserRuntimeView.setAccessContext({
       readonly: state.readonly,
@@ -1642,6 +1645,37 @@ function renderQuickDiaryTargetLabel() {
   el.textContent = `快速日记：${state.currentSandbox.name} / ${getWorkItemNameById(nodeId)}`;
 }
 
+function renderDrawerWorkItemQuickEdit(nodeId) {
+  const nameInput = document.getElementById('drawer-work-item-name');
+  const assigneeInput = document.getElementById('drawer-work-item-assignee');
+  const statusInput = document.getElementById('drawer-work-item-status');
+  const priorityInput = document.getElementById('drawer-work-item-priority');
+  const descriptionInput = document.getElementById('drawer-work-item-description');
+  const saveBtn = document.getElementById('save-drawer-work-item-btn');
+  if (!nameInput || !assigneeInput || !statusInput || !priorityInput || !descriptionInput || !saveBtn) return;
+  const row = getNodeById(nodeId);
+  const canEdit = !state.readonly && state.currentSandboxWritable;
+  if (!row) {
+    nameInput.value = '';
+    assigneeInput.value = '';
+    statusInput.value = 'pending';
+    priorityInput.value = 'medium';
+    descriptionInput.value = '';
+    [nameInput, assigneeInput, statusInput, priorityInput, descriptionInput, saveBtn].forEach((el) => {
+      el.disabled = true;
+    });
+    return;
+  }
+  nameInput.value = String(row.name || '');
+  assigneeInput.value = String(row.assignee || '');
+  statusInput.value = String(row.status || 'pending');
+  priorityInput.value = String(row.priority || 'medium');
+  descriptionInput.value = String(row.description || '');
+  [nameInput, assigneeInput, statusInput, priorityInput, descriptionInput, saveBtn].forEach((el) => {
+    el.disabled = !canEdit;
+  });
+}
+
 async function saveDiaryEntry({ content, sandboxId = null, workItemId = null }) {
   const payload = {
     sandbox_id: sandboxId,
@@ -2092,6 +2126,7 @@ function showNodeEntityDrawer(nodeId, preferredFilter = 'all') {
   const filter = ['all', 'todo', 'issue', 'knowledge', 'capability', 'diary'].includes(preferredFilter) ? preferredFilter : 'all';
   state.nodeEntityFilter = filter;
   title.textContent = node.name || nodeId;
+  renderDrawerWorkItemQuickEdit(nodeId);
   renderNodeEntitySummary(nodeId);
   renderWorkTree();
   renderQuickDiaryTargetLabel();
@@ -4004,6 +4039,44 @@ async function initApp() {
       setButtonState(btn, { disabled: false, text: originalText || '保存' });
     }
   });
+
+  document.getElementById('save-drawer-work-item-btn')?.addEventListener('click', async () => {
+    if (state.readonly || !state.currentSandboxWritable) return;
+    if (!state.currentSandbox || !state.selectedNodeId) return;
+    const nodeId = String(state.selectedNodeId || '');
+    const current = getNodeById(nodeId);
+    if (!current) return;
+    const name = String(document.getElementById('drawer-work-item-name')?.value || '').trim();
+    if (!name) {
+      alert('请输入任务名称');
+      return;
+    }
+    const payload = {
+      name,
+      description: String(document.getElementById('drawer-work-item-description')?.value || '').trim(),
+      assignee: String(document.getElementById('drawer-work-item-assignee')?.value || '').trim(),
+      status: String(document.getElementById('drawer-work-item-status')?.value || 'pending'),
+      priority: String(document.getElementById('drawer-work-item-priority')?.value || 'medium'),
+      parent_id: current.parent_id || null,
+      extra_data: {
+        ...(current.extra_data || {}),
+      },
+    };
+    const saveBtn = document.getElementById('save-drawer-work-item-btn');
+    const originalText = saveBtn?.textContent || '保存工作项';
+    if (saveBtn) setButtonState(saveBtn, { disabled: true, text: '保存中...' });
+    try {
+      await apiRequest(`${API_BASE}/items/${nodeId}`, {
+        method: 'PUT',
+        body: JSON.stringify(payload),
+      });
+      const activeFilter = state.nodeEntityFilter || 'all';
+      await loadSandbox(state.currentSandbox.id);
+      showNodeEntityDrawer(nodeId, activeFilter);
+    } finally {
+      if (saveBtn) setButtonState(saveBtn, { disabled: false, text: originalText });
+    }
+  });
   
   document.getElementById('rollback-btn')?.addEventListener('click', async () => {
     if (state.readonly) return;

package/dist/web/index.html

@@ -150,6 +150,30 @@
                 <button class="btn btn-secondary btn-sm" id="close-node-drawer-btn">关闭</button>
               </div>
             </div>
+            <section class="drawer-section">
+              <div class="drawer-section-title">工作项快速编辑</div>
+              <div class="drawer-work-item-quick-edit">
+                <div class="drawer-work-item-quick-edit-grid">
+                  <input type="text" id="drawer-work-item-name" placeholder="工作项名称">
+                  <input type="text" id="drawer-work-item-assignee" placeholder="负责人（可选）">
+                  <select id="drawer-work-item-status">
+                    <option value="pending">待处理</option>
+                    <option value="in_progress">进行中</option>
+                    <option value="done">已完成</option>
+                    <option value="archived">已归档</option>
+                  </select>
+                  <select id="drawer-work-item-priority">
+                    <option value="low">低优先级</option>
+                    <option value="medium">中优先级</option>
+                    <option value="high">高优先级</option>
+                  </select>
+                </div>
+                <textarea id="drawer-work-item-description" rows="3" placeholder="描述（可选）"></textarea>
+                <div class="drawer-work-item-quick-edit-actions">
+                  <button class="btn btn-primary btn-sm" id="save-drawer-work-item-btn" type="button">保存工作项</button>
+                </div>
+              </div>
+            </section>
             <section class="drawer-section">
               <div class="drawer-section-title">节点概览</div>
               <div class="summary-strip compact" id="node-entity-summary"></div>

package/dist/web/styles.css

@@ -3670,6 +3670,37 @@ dialog::backdrop {
   margin-bottom: 8px;
 }
 
+.drawer-work-item-quick-edit {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+  background: #f8f9fb;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+}
+
+.drawer-work-item-quick-edit-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.drawer-work-item-quick-edit input,
+.drawer-work-item-quick-edit select,
+.drawer-work-item-quick-edit textarea {
+  width: 100%;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 8px 10px;
+  font-size: 13px;
+  background: #fff;
+}
+
+.drawer-work-item-quick-edit-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .drawer-create-form {
   display: grid;
   gap: 8px;

package/package.json

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