@qnote/q-ai-note 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,17 +3,21 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Personal AI Notebook</title>
6
+ <title>Q Note</title>
7
7
  <link rel="stylesheet" href="/styles.css">
8
8
  </head>
9
9
  <body>
10
10
  <div id="app">
11
11
  <nav class="sidebar">
12
12
  <div class="sidebar-header">
13
- <h1>AI Notebook</h1>
13
+ <div class="brand-mark" aria-hidden="true">
14
+ <span class="brand-ring"></span>
15
+ <span class="brand-tail"></span>
16
+ <span class="brand-dot"></span>
17
+ </div>
18
+ <h1>Q Note</h1>
14
19
  </div>
15
20
  <ul class="nav-list">
16
- <li><a href="#/" data-nav="home">对话</a></li>
17
21
  <li><a href="#/sandboxes" data-nav="sandboxes">沙盘</a></li>
18
22
  <li><a href="#/diaries" data-nav="diaries">日记</a></li>
19
23
  <li><a href="#/changes" data-nav="changes">变化</a></li>
@@ -21,18 +25,7 @@
21
25
  </ul>
22
26
  </nav>
23
27
  <main class="content">
24
- <div id="page-home" class="page">
25
- <h2>对话</h2>
26
- <div class="chat-container">
27
- <div id="chat-messages" class="chat-messages"></div>
28
- <div class="chat-input">
29
- <input type="text" id="chat-input" placeholder="输入消息...">
30
- <button id="send-btn">发送</button>
31
- </div>
32
- </div>
33
- </div>
34
-
35
- <div id="page-sandboxes" class="page hidden">
28
+ <div id="page-sandboxes" class="page">
36
29
  <h2>沙盘</h2>
37
30
  <div class="summary-strip" id="sandboxes-summary"></div>
38
31
  <div class="sandbox-grid" id="sandbox-grid"></div>
@@ -46,10 +39,19 @@
46
39
  <div class="action-strip">
47
40
  <button class="btn btn-secondary btn-sm" id="generate-insight-btn">智能总结</button>
48
41
  <button class="btn btn-secondary btn-sm" id="generate-report-btn">生成汇报</button>
49
- <button class="btn btn-secondary btn-sm" id="toggle-sandbox-present-btn" type="button">展示态布局</button>
42
+ <button class="btn btn-secondary btn-sm ai-toggle-btn" id="toggle-sandbox-chat-btn" type="button">
43
+ <span class="icon" aria-hidden="true">🤖</span>
44
+ <span>显示 AI 助手</span>
45
+ </button>
50
46
  <button class="btn btn-secondary btn-sm" id="toggle-sandbox-fullscreen-btn" type="button">全屏</button>
51
47
  </div>
52
- <div class="insight-box hidden" id="sandbox-insight-output"></div>
48
+ <div class="insight-box hidden" id="sandbox-insight-output" hidden>
49
+ <div class="insight-box-header">
50
+ <strong>智能总结</strong>
51
+ <button class="btn btn-secondary btn-sm" id="close-sandbox-insight-btn" type="button">关闭</button>
52
+ </div>
53
+ <div id="sandbox-insight-content"></div>
54
+ </div>
53
55
  <div class="sandbox-layout" id="sandbox-layout">
54
56
  <div class="sandbox-tree-section">
55
57
  <div class="section-header">
@@ -58,7 +60,14 @@
58
60
  <select id="work-tree-view-mode">
59
61
  <option value="full">完整模式</option>
60
62
  <option value="report">汇报折叠模式</option>
61
- <option value="dense">高密度树模式</option>
63
+ <option value="dense">树模式</option>
64
+ </select>
65
+ <select id="work-item-element-preview-mode">
66
+ <option value="none">能力要素:不显示</option>
67
+ <option value="issue">能力要素:Issue</option>
68
+ <option value="knowledge">能力要素:Knowledge</option>
69
+ <option value="capability">能力要素:Capability</option>
70
+ <option value="all">能力要素:全部</option>
62
71
  </select>
63
72
  <label class="inline-checkbox">
64
73
  <input type="checkbox" id="work-item-show-assignee-toggle">
@@ -108,11 +117,21 @@
108
117
  </div>
109
118
  </div>
110
119
  <div class="summary-strip compact" id="node-entity-summary"></div>
120
+ <div class="drawer-diary-quick-form">
121
+ <div class="sandbox-diary-quick-meta">
122
+ <span id="sandbox-diary-target-label">快速日记:未选中节点</span>
123
+ </div>
124
+ <textarea id="drawer-diary-content" placeholder="记录进展(日记支持 Markdown)"></textarea>
125
+ <div class="sandbox-diary-quick-actions">
126
+ <button class="btn btn-primary btn-sm" id="drawer-diary-save-btn" type="button">记录日记</button>
127
+ </div>
128
+ </div>
111
129
  <div class="entity-filter-tabs" id="entity-filter-tabs">
112
130
  <button class="btn btn-secondary btn-sm active" data-entity-filter="all">全部</button>
113
131
  <button class="btn btn-secondary btn-sm" data-entity-filter="issue">Issue</button>
114
132
  <button class="btn btn-secondary btn-sm" data-entity-filter="knowledge">Knowledge</button>
115
133
  <button class="btn btn-secondary btn-sm" data-entity-filter="capability">Capability</button>
134
+ <button class="btn btn-secondary btn-sm" data-entity-filter="diary">Diary</button>
116
135
  </div>
117
136
 
118
137
  <div class="drawer-create-form hidden" id="drawer-create-form">
@@ -138,7 +157,17 @@
138
157
  </select>
139
158
  </div>
140
159
  <div class="entity-field-group" id="entity-capability-type-group">
141
- <input type="text" id="entity-capability-type-input" placeholder="能力类型(Capability可选)">
160
+ <select id="entity-capability-type-input">
161
+ <option value="">能力类型(Capability可选)</option>
162
+ <option value="workflow">workflow(流程能力)</option>
163
+ <option value="automation">automation(自动化能力)</option>
164
+ <option value="tooling">tooling(工具能力)</option>
165
+ <option value="collaboration">collaboration(协作能力)</option>
166
+ <option value="analysis">analysis(分析能力)</option>
167
+ <option value="delivery">delivery(交付能力)</option>
168
+ <option value="governance">governance(治理能力)</option>
169
+ <option value="other">other(其他)</option>
170
+ </select>
142
171
  </div>
143
172
  <textarea id="entity-content-input" rows="4" placeholder="Markdown 内容(Knowledge/Capability 推荐)"></textarea>
144
173
  <div class="entity-form-hint" id="entity-form-hint"></div>
@@ -157,6 +186,9 @@
157
186
  <h2>日记</h2>
158
187
  <div class="action-strip">
159
188
  <input type="text" id="diary-search" placeholder="搜索日记内容">
189
+ <select id="diary-sandbox-filter">
190
+ <option value="">全部关联沙盘</option>
191
+ </select>
160
192
  <select id="diary-processed-filter">
161
193
  <option value="all">全部处理状态</option>
162
194
  <option value="unprocessed">仅未处理</option>
@@ -164,15 +196,36 @@
164
196
  </select>
165
197
  </div>
166
198
  <div class="diary-form">
167
- <select id="diary-sandbox-select">
168
- <option value="">关联沙盘(可选)</option>
169
- </select>
170
- <textarea id="diary-content" placeholder="记录日记..."></textarea>
199
+ <textarea id="diary-content" placeholder="记录日记(支持 Markdown)..."></textarea>
171
200
  <button class="btn btn-primary" id="save-diary-btn">保存</button>
172
201
  </div>
173
202
  <div class="diary-timeline" id="diary-timeline"></div>
174
203
  </div>
175
204
 
205
+ <dialog id="diary-edit-dialog">
206
+ <div class="diary-edit-shell">
207
+ <div class="diary-edit-header">
208
+ <h3>编辑日记(Markdown)</h3>
209
+ <p>左侧编辑,右侧实时预览。支持列表、标题、粗体、代码与链接。</p>
210
+ </div>
211
+ <div class="diary-edit-body">
212
+ <section class="diary-edit-pane">
213
+ <div class="diary-edit-pane-title">编辑区</div>
214
+ <textarea id="diary-edit-content" rows="12" placeholder="输入 Markdown 内容..."></textarea>
215
+ </section>
216
+ <section class="diary-edit-pane preview">
217
+ <div class="diary-edit-pane-title">预览</div>
218
+ <div id="diary-edit-preview" class="diary-content diary-edit-preview"></div>
219
+ </section>
220
+ </div>
221
+ <div class="dialog-actions diary-edit-actions">
222
+ <span class="diary-edit-shortcut-hint">快捷键:Ctrl/Cmd + Enter 保存</span>
223
+ <button class="btn btn-secondary" id="cancel-edit-diary-btn" type="button">取消</button>
224
+ <button class="btn btn-primary" id="confirm-edit-diary-btn" type="button">保存修改</button>
225
+ </div>
226
+ </div>
227
+ </dialog>
228
+
176
229
  <div id="page-changes" class="page hidden">
177
230
  <h2>变化追踪</h2>
178
231
  <div class="action-strip">