@yolk_vat-y/dsh-project-memory 0.4.4 → 0.5.0

package/src/client/TaskComponents.tsx

@@ -13,9 +13,21 @@ import {
 } from '@deepseek-ai/dsh-client-ui-primitives'
 import { createTranslate } from './locales.ts'
 import { useTaskDrag } from './task-hooks.ts'
-import { type Task, type TaskStep } from './task-data-store.ts'
+import { type Task, type TaskInsight, type TaskStep } from './task-data-store.ts'
 import css from './TaskPanel.module.css'
 
+function insightKindLabel(kind: string, t: ReturnType<typeof createTranslate>): string {
+  const map: Record<string, string> = {
+    lesson: t('mem.kind.lesson'),
+    decision: t('mem.kind.decision'),
+    procedure: t('mem.kind.procedure'),
+    experience: t('mem.kind.experience'),
+  }
+  return map[kind] ?? kind
+}
+
+type InsightAction = 'confirm' | 'promote' | 'delete'
+
 function timeAgo(iso?: string) {
   if (!iso) return ''
   const diff = Date.now() - new Date(iso).getTime()
@@ -104,6 +116,7 @@ interface TaskCardProps {
   onEditStep: (index: number, value: string) => void
   onCycleStatus: (index: number) => void
   onReorderSteps: (fromIndex: number, toIndex: number) => void
+  onInsightAction?: (action: InsightAction, id: string) => void
   showHints: boolean
   syncing: boolean
   t: ReturnType<typeof createTranslate>
@@ -121,6 +134,7 @@ export function TaskCard({
   onEditStep,
   onCycleStatus,
   onReorderSteps,
+  onInsightAction,
   showHints,
   syncing,
   t,
@@ -321,6 +335,39 @@ export function TaskCard({
             </div>
           )}
 
+          {onInsightAction && Array.isArray(task.insights) && task.insights.length > 0 && (
+            <div className={css.section}>
+              <div className={css.sectionLabel}>
+                {t('mem.section-label')}
+                <span className={css.sectionCount}>{task.insights.length}</span>
+              </div>
+              <ul className={css.memList}>
+                {(task.insights as TaskInsight[]).map((ins) => (
+                  <li key={ins.id} className={css.memRow}>
+                    <div className={css.memTitle}>
+                      <span className={css.kindBadge}>{insightKindLabel(ins.kind, t)}</span>
+                      <span>{ins.title || ins.id}</span>
+                      {ins.draft && <span className={`${css.badge} ${css.badgeDraft}`}>{t('mem.draft')}</span>}
+                    </div>
+                    <div className={css.memActs}>
+                      {ins.draft && (
+                        <Button variant="outline" size="sm" disabled={syncing} onClick={() => onInsightAction('confirm', ins.id)}>
+                          {t('mem.confirm')}
+                        </Button>
+                      )}
+                      <Button variant="outline" size="sm" disabled={syncing} onClick={() => onInsightAction('promote', ins.id)}>
+                        {t('mem.promote')}
+                      </Button>
+                      <Button variant="outline" size="sm" disabled={syncing} onClick={() => onInsightAction('delete', ins.id)}>
+                        {t('mem.delete')}
+                      </Button>
+                    </div>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
           <div className={css.cardFooter}>
             <Button variant="outline" size="sm" disabled={isBound || syncing} onClick={onSwitch}>
               {t('task.switch')}

package/src/client/TaskPanel.module.css

@@ -625,3 +625,125 @@
 }
 
 /* —— header 防重叠 —— */
+
+/* ---- v0.5 Memory View（Task 草稿 / Project / Global 三作用域列表） ---- */
+.memoryPane {
+  padding: 8px 10px 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  overflow: auto;
+  max-height: 480px;
+}
+.memToolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.memCount {
+  font-size: 12px;
+  opacity: 0.75;
+  font-weight: 600;
+}
+.memList {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.memRow {
+  border: 1px solid var(--dsw-border-weak, rgba(128, 128, 128, 0.25));
+  border-radius: 6px;
+  padding: 6px 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  background: color-mix(in srgb, var(--dsw-bg-secondary, #f5f5f5) 45%, transparent);
+}
+.memRowArchived {
+  opacity: 0.55;
+}
+.memRowMain {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.memTitle {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  font-size: 13px;
+  line-height: 1.35;
+  word-break: break-word;
+}
+.kindBadge {
+  flex: none;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 0 5px;
+  line-height: 1.5;
+  background: var(--dsw-accent-soft, rgba(80, 120, 255, 0.15));
+  color: var(--dsw-accent, #4d6bfe);
+}
+.memMeta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.badge {
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 0 5px;
+  line-height: 1.5;
+  background: color-mix(in srgb, var(--dsw-fg, #222) 8%, transparent);
+}
+.badgeDraft {
+  color: #b26a00;
+  background: rgba(255, 180, 0, 0.16);
+}
+.badgeArchived {
+  opacity: 0.8;
+}
+.memBody {
+  font-size: 12px;
+  opacity: 0.8;
+  word-break: break-word;
+}
+.memActs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+/* ---- v0.5 Memory View 新建表单 ---- */
+.memToolbarActs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.memNew {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border: 1px solid var(--dsw-border-weak, rgba(128, 128, 128, 0.25));
+  border-radius: 6px;
+  padding: 8px;
+}
+.memNewRow {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.memLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  opacity: 0.8;
+}
+.memNew select,
+.memNew textarea {
+  width: 100%;
+  box-sizing: border-box;
+}

package/src/client/TaskPanel.tsx

@@ -12,17 +12,20 @@ import {
   IconQuestionOutline14,
 } from '@deepseek-ai/dsh-client-ui-primitives'
 import { createTranslate, zh, en } from './locales.ts'
-import { useTaskData, useTaskDataActions, parseTaskPayloadText, type TaskStep } from './task-data-store.ts'
+import { useTaskData, useTaskDataActions, taskDataStore, parseTaskPayloadText, type TaskStep } from './task-data-store.ts'
 import { useTaskUI, useTaskUIActions } from './task-ui-store.ts'
 import { MiniBar, TaskCard } from './TaskComponents.tsx'
+import { MemoryView, type InsightScope } from './MemoryView.tsx'
 import css from './TaskPanel.module.css'
 
 const NS = 'dsh-project-memory'
 
 const STATUS_CYCLE = ['pending', 'in_progress', 'completed'] as const
+const VIEW_CYCLE = ['task', 'project', 'global'] as const
+type PanelView = (typeof VIEW_CYCLE)[number]
 
-function getT() {
-  const locale = (typeof navigator !== 'undefined' && navigator.language.startsWith('zh')) ? zh : en
+function getT(ctx: any) {
+  const locale = ctx?.locale?.getSnapshot?.()?.active === 'zh' ? zh : en
   return createTranslate(locale)
 }
 
@@ -65,7 +68,7 @@ export function TaskPanelEntry({ ctx }: { ctx: any }) {
 }
 
 function TaskPanelView({ ctx }: { ctx: any }) {
-  const t = getT()
+  const t = getT(ctx)
   const data = useTaskData()
   const ui = useTaskUI()
   const sessionId = useSessionId(ctx)
@@ -73,12 +76,22 @@ function TaskPanelView({ ctx }: { ctx: any }) {
   const [syncedAt, setSyncedAt] = useState(0)
   const [syncError, setSyncError] = useState<string | null>(null)
   const [showHints, setShowHints] = useState(true)
+  const [view, setView] = useState<PanelView>('task')
+  const cycleView = () => {
+    const i = VIEW_CYCLE.indexOf(view)
+    setView(VIEW_CYCLE[(i + 1) % VIEW_CYCLE.length])
+  }
+  const viewTitle =
+    view === 'task' ? t('panel.title')
+      : view === 'global' ? t('view.global')
+        : t('view.project')
 
   const dataActions = useTaskDataActions()
   const uiActions = useTaskUIActions()
 
-  const activeTasks = data.tasks.filter((task) => !task.archived)
-  const boundTask = data.boundTaskId ? data.tasks.find((task) => task.id === data.boundTaskId) ?? null : null
+  const tasks = Array.isArray(data.tasks) ? data.tasks : []
+  const activeTasks = tasks.filter((task) => !task.archived)
+  const boundTask = data.boundTaskId ? tasks.find((task) => task.id === data.boundTaskId) ?? null : null
 
   const applyPayload = (text?: string): boolean => {
     const parsed = parseTaskPayloadText(text)
@@ -118,7 +131,7 @@ function TaskPanelView({ ctx }: { ctx: any }) {
     try {
       const prevBoundId = data.boundTaskId
       await runLine('/tasks')
-      const newBoundId = useTaskData.getSnapshot().boundTaskId
+      const newBoundId = taskDataStore.getSnapshot().boundTaskId
       if (newBoundId && newBoundId !== prevBoundId) {
         await runLine(`/task switch ${newBoundId}`)
       }
@@ -137,6 +150,18 @@ function TaskPanelView({ ctx }: { ctx: any }) {
     }
   }
 
+  // v0.5：任务卡内联记忆动作（confirm/promote/delete 于 /insight task 层），随后刷新任务数据
+  const handleInsightTask = async (action: 'confirm' | 'promote' | 'delete', id: string): Promise<void> => {
+    if (syncing) return
+    setSyncing(true)
+    try {
+      await runLine(`/insight ${action} task ${id}`)
+      await refresh()
+    } finally {
+      setSyncing(false)
+    }
+  }
+
   const pushSteps = (taskId: string, steps: TaskStep[]): void => {
     void runLine(`/task todos ${JSON.stringify(steps.map((s) => ({ content: s.content, status: s.status })))}`)
   }
@@ -297,14 +322,46 @@ function TaskPanelView({ ctx }: { ctx: any }) {
           >
             <IconFolderOpenOutline16 className={css.headerIcon} />
           </Button>
-          <h2 className={css.headerTitle}>{t('panel.title')}</h2>
+          <h2 className={css.headerTitle}>{viewTitle}</h2>
         </div>
         <div className={css.headerRight}>
-          <span className={css.counts}>
-            {activeTasks.length > 0
-              ? `${t('panel.active')} ${activeTasks.length} · ${doneCount}/${activeTasks.length}`
-              : ''}
-          </span>
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={cycleView}
+            aria-label={t('view.cycle')}
+            title={`${t('view.cycle')}（${view} → ${VIEW_CYCLE[(VIEW_CYCLE.indexOf(view) + 1) % VIEW_CYCLE.length]}）`}
+          >
+            {/* lucide notebook-tabs（视图循环图标） */}
+            <svg
+              width="16"
+              height="16"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M2 6h4" />
+              <path d="M2 10h4" />
+              <path d="M2 14h4" />
+              <path d="M2 18h4" />
+              <rect width="16" height="20" x="4" y="2" rx="2" />
+              <path d="M15 2v20" />
+              <path d="M15 7h5" />
+              <path d="M15 12h5" />
+              <path d="M15 17h5" />
+            </svg>
+          </Button>
+          {view === 'task' && (
+            <span className={css.counts}>
+              {activeTasks.length > 0
+                ? `${t('panel.active')} ${activeTasks.length} · ${doneCount}/${activeTasks.length}`
+                : ''}
+            </span>
+          )}
           <Button
             variant="ghost"
             size="sm"
@@ -338,7 +395,9 @@ function TaskPanelView({ ctx }: { ctx: any }) {
       {!sessionId && <div className={css.notice}>{t('panel.no-session')}</div>}
       {syncError && <div className={css.notice}>{t('panel.sync-failed')}: {syncError}</div>}
 
-      {activeTasks.length === 0 ? (
+      {view !== 'task' ? (
+        <MemoryView ctx={ctx} sessionId={sessionId} scope={view as InsightScope} boundTaskId={data.boundTaskId} t={t} />
+      ) : activeTasks.length === 0 ? (
         <div className={css.emptyState}>
           <p className={css.emptyTitle}>{t('panel.empty')}</p>
           <p className={css.emptyDesc}>{t('panel.empty-desc')}</p>
@@ -364,6 +423,7 @@ function TaskPanelView({ ctx }: { ctx: any }) {
                 onEditStep={(index, value) => commitStepText(task.id, index, value)}
                 onCycleStatus={(index) => cycleStatus(task.id, index)}
                 onReorderSteps={(from, to) => reorderSteps(task.id, from, to)}
+                onInsightAction={(action, id) => void handleInsightTask(action, id)}
                 showHints={showHints}
                 syncing={syncing}
                 t={t}

package/src/client/client.ts

@@ -20,7 +20,7 @@ const NS = 'dsh-project-memory'
 export const name = NS
 
 /** Required client services: slots registry, session scopes, commands remote (data 通道). */
-export const inject = ['slots', 'sessions', 'remote', 'remote.commands']
+export const inject = ['slots', 'sessions', 'remote', 'remote.commands', 'locale']
 
 export function apply(ctx: any): void {
   const slots = ctx?.slots
@@ -38,9 +38,9 @@ export function apply(ctx: any): void {
       () => createElement(TaskPanelEntry, { ctx })
     ))
 
-    // 会话内 /tasks、/task 命令节点：按命令名 key 接管渲染，
-    // 替换内置大段文本卡片（文本含 JSON 载荷，只有面板需要它）。
-    const nodeKeys = ['tasks', 'task']
+    // 会话内 /tasks、/task、/insight 命令节点：按命令名 key 接管渲染，
+    // 替换内置大段文本卡片（文本含 JSON 载荷，只有面板需要它），避免载荷刷屏对话。
+    const nodeKeys = ['tasks', 'task', 'insight']
     for (const key of nodeKeys) {
       slots.inject('conversation.chat.commandview', () => slots.register(
         { name: 'conversation.chat.commandview', key },

package/src/client/locales.ts

@@ -40,6 +40,40 @@ export const zh = {
   'minibar.click-expand': '点击展开并同步',
   'minibar.tasks': '个任务',
   'minibar.no-task': '暂无任务 · 点击查看',
+  'view.cycle': '切换视图：任务 / 项目记忆 / 全局记忆',
+  'view.task': '任务',
+  'view.project': '项目记忆',
+  'view.global': '全局记忆',
+  'mem.scope.task': '本任务草稿',
+  'mem.scope.project': '项目记忆',
+  'mem.scope.global': '全局记忆',
+  'mem.empty': '暂无记忆条目（反思或 save_lesson 后出现）',
+  'mem.confirm': '审核',
+  'mem.promote': '提升',
+  'mem.demote': '降级',
+  'mem.archive': '归档',
+  'mem.restore': '恢复',
+  'mem.delete': '删除',
+  'mem.draft': '草稿',
+  'mem.archived': '已归档',
+  'mem.loading': '加载中…',
+  'mem.error': '同步失败',
+  'mem.kind.lesson': '坑',
+  'mem.kind.decision': '权衡',
+  'mem.kind.procedure': '指南',
+  'mem.kind.experience': '经验',
+  'mem.needs-bound': '需绑定任务后可降级',
+  'mem.new': '新建',
+  'mem.save': '保存',
+  'mem.cancel': '取消',
+  'mem.f.title': '标题（教训模式/主题/指南名）',
+  'mem.f.kind': '类型',
+  'mem.f.body': '做法 / 理由 / 解法',
+  'mem.f.steps': '步骤（每行一步）',
+  'mem.f.trigger': '作为 Skill：触发关键词（逗号分隔）',
+  'mem.saved': '已保存',
+  'mem.edit': '编辑',
+  'mem.section-label': '任务记忆',
 }
 
 export const en = {
@@ -81,6 +115,40 @@ export const en = {
   'minibar.click-expand': 'Click to expand & sync',
   'minibar.tasks': 'tasks',
   'minibar.no-task': 'No tasks · click to view',
+  'view.cycle': 'Switch view: tasks / project memory / global memory',
+  'view.task': 'Tasks',
+  'view.project': 'Project Memory',
+  'view.global': 'Global Memory',
+  'mem.scope.task': 'Task drafts',
+  'mem.scope.project': 'Project memory',
+  'mem.scope.global': 'Global memory',
+  'mem.empty': 'No memory entries yet (created by reflection or save_lesson)',
+  'mem.confirm': 'Approve',
+  'mem.promote': 'Promote',
+  'mem.demote': 'Demote',
+  'mem.archive': 'Archive',
+  'mem.restore': 'Restore',
+  'mem.delete': 'Delete',
+  'mem.draft': 'draft',
+  'mem.archived': 'archived',
+  'mem.loading': 'Loading…',
+  'mem.error': 'Sync failed',
+  'mem.kind.lesson': 'lesson',
+  'mem.kind.decision': 'decision',
+  'mem.kind.procedure': 'procedure',
+  'mem.kind.experience': 'experience',
+  'mem.needs-bound': 'Bind a task to demote',
+  'mem.new': 'New',
+  'mem.save': 'Save',
+  'mem.cancel': 'Cancel',
+  'mem.f.title': 'Title (pattern / topic / procedure name)',
+  'mem.f.kind': 'Kind',
+  'mem.f.body': 'Fix / reason / solution',
+  'mem.f.steps': 'Steps (one per line)',
+  'mem.f.trigger': 'As Skill: trigger keywords (comma separated)',
+  'mem.saved': 'Saved',
+  'mem.edit': 'Edit',
+  'mem.section-label': 'Task memory',
 }
 
 export type LocaleDict = typeof zh

package/src/client/task-data-store.ts

@@ -15,6 +15,13 @@ export interface TaskFile {
   line?: number
 }
 
+export interface TaskInsight {
+  id: string
+  kind: string
+  title: string
+  draft?: boolean
+}
+
 export interface Task {
   id: string
   title: string
@@ -23,6 +30,7 @@ export interface Task {
   lastActiveAt: string
   updatedAt: string
   archived?: boolean
+  insights?: TaskInsight[]
 }
 
 export interface TaskPayload {
@@ -68,8 +76,16 @@ let dataState: TaskDataState = {
 
 const dataListeners = new Set<() => void>()
 
-function setDataState(next: TaskDataState): void {
-  dataState = next
+function setDataState(next: TaskDataState | ((prev: TaskDataState) => TaskDataState)): void {
+  // 兼容对象与函数式 updater（BroadcastChannel 曾误把 updater 当对象写入，
+  // 导致 dataState 变成函数、tasks 丢失 → 面板崩溃）。写入一律归一化为完整 shape。
+  const patch = typeof next === 'function' ? next(dataState) : next
+  dataState = {
+    tasks: Array.isArray(patch?.tasks) ? patch.tasks : [],
+    boundTaskId: patch?.boundTaskId ?? null,
+    archivedCount: typeof patch?.archivedCount === 'number' ? patch.archivedCount : 0,
+    lastUpdate: typeof patch?.lastUpdate === 'number' ? patch.lastUpdate : 0,
+  }
   for (const listener of dataListeners) listener()
 }
 
@@ -77,7 +93,7 @@ function broadcastDataUpdate(tasks: Task[], archivedCount: number): void {
   if (!SYNC_CHANNEL) return
   SYNC_CHANNEL.postMessage({
     type: 'PROJECT_TASKS_UPDATED',
-    payload: { tasks, archivedCount },
+    payload: { tasks: Array.isArray(tasks) ? tasks : [], archivedCount },
   })
 }
 
@@ -88,8 +104,8 @@ if (SYNC_CHANNEL) {
       const { tasks, archivedCount } = msg.payload
       setDataState(prev => ({
         ...prev,
-        tasks: tasks || [],
-        archivedCount: archivedCount ?? 0,
+        tasks: Array.isArray(tasks) ? tasks : [],
+        archivedCount: typeof archivedCount === 'number' ? archivedCount : prev.archivedCount,
         lastUpdate: Date.now(),
       }))
     }