@goodandready/dsh-goal 0.2.31 → 0.2.33

package/lib/client.js

@@ -1930,6 +1930,87 @@ window.__ModuleLoader__.load({
         color: var(--dsw-alias-label-secondary);
         font-size: 13px;
       }
+      /* Sub-goals and Compaction (Issue 167 and Issue 170) */
+      .dsh-goal-badge-subgoal {
+        background: var(--dsw-alias-brand-bg, var(--dsw-alias-bg-hover));
+        color: var(--dsw-alias-brand-primary, var(--dsw-alias-text-primary));
+        border: 1px solid var(--dsw-alias-brand-border, var(--dsw-alias-border));
+      }
+      .dsh-goal-breadcrumbs {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 13px;
+        color: var(--dsw-alias-label-secondary);
+      }
+      .dsh-goal-breadcrumb-item {
+        color: var(--dsw-alias-label-secondary);
+      }
+      .dsh-goal-breadcrumb-item.active {
+        color: var(--dsw-alias-text-primary);
+        font-weight: 600;
+      }
+      .dsh-goal-crumb-sep {
+        color: var(--dsw-alias-label-tertiary);
+        margin: 0 2px;
+      }
+      .dsh-goal-subgoals-box {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        padding: 4px 0;
+      }
+      .dsh-goal-subgoals-list {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+      .dsh-goal-subgoal-card {
+        background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-hover));
+        border: 1px solid var(--dsw-alias-border);
+        border-radius: 6px;
+        padding: 10px 12px;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+      .dsh-goal-subgoal-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 8px;
+      }
+      .dsh-goal-subgoal-title {
+        font-weight: 600;
+        font-size: 13px;
+        color: var(--dsw-alias-text-primary);
+      }
+      .dsh-goal-subgoal-summary {
+        font-size: 12px;
+        color: var(--dsw-alias-label-secondary);
+      }
+      .dsh-goal-compacted-pill {
+        display: inline-flex;
+        align-items: center;
+        gap: 3px;
+        font-size: 10px;
+        padding: 1px 5px;
+        border-radius: 3px;
+        background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-hover));
+        color: var(--dsw-alias-state-success-primary, var(--dsw-alias-text-secondary));
+        border: 1px solid var(--dsw-alias-border);
+        margin-left: 6px;
+      }
+      .dsh-goal-stat-cost {
+        background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-hover));
+        color: var(--dsw-alias-state-warning-primary, var(--dsw-alias-text-secondary));
+        border: 1px solid var(--dsw-alias-border);
+      }
+      .dsh-goal-badge-cost-limit {
+        background: var(--dsw-alias-status-danger, var(--dsw-alias-status-warning));
+        color: var(--dsw-alias-surface-raised, var(--dsw-alias-text-inverse));
+        font-weight: 600;
+      }
     `;
     function injectStylesOnce() {
 
@@ -2223,6 +2304,9 @@ window.__ModuleLoader__.load({
       const [interveneText, setInterveneText] = useState('');
 
       const [interveneSent, setInterveneSent] = useState(false);
+      const [copiedNotes, setCopiedNotes] = useState(false);
+      const [notifiedTelegram, setNotifiedTelegram] = useState(false);
+      const [dispatchingTelegram, setDispatchingTelegram] = useState(false);
       const [activeTab, setActiveTab] = useState("overview");
       const [diffData, setDiffData] = useState(null);
       const [diffLoading, setDiffLoading] = useState(false);
@@ -2364,6 +2448,53 @@ window.__ModuleLoader__.load({
         );
       };
 
+      const renderSubGoalsBox = () => {
+        const subList = Array.isArray(state.subGoals) ? state.subGoals : [];
+        return React.createElement(
+          'div',
+          { className: 'dsh-goal-subgoals-box' },
+          state.isSubGoal
+            ? React.createElement(
+                'div',
+                { className: 'dsh-goal-subgoal-card', style: { borderStyle: 'dashed' } },
+                React.createElement('div', { style: { fontSize: 11, color: 'var(--dsw-alias-brand-primary)', fontWeight: 600 } }, '🌱 ' + (t('parentGoalBanner') || 'Child Sub-goal of:')),
+                React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, state.parentGoalId || 'Parent Goal')
+              )
+            : null,
+          subList.length === 0
+            ? React.createElement('div', { className: 'dsh-goal-diff-empty' }, t('noSubGoals') || 'No sub-goals spawned yet.')
+            : React.createElement(
+                'div',
+                { className: 'dsh-goal-subgoals-list' },
+                subList.map((sub, idx) =>
+                  React.createElement(
+                    'div',
+                    { key: sub.id || sub.subGoalId || idx, className: 'dsh-goal-subgoal-card' },
+                    React.createElement(
+                      'div',
+                      { className: 'dsh-goal-subgoal-header' },
+                      React.createElement('span', { className: 'dsh-goal-subgoal-title' }, sub.title),
+                      React.createElement(
+                        'span',
+                        {
+                          className: 'dsh-goal-badge ' + (sub.state === 'COMPLETED' ? 'dsh-goal-badge-ok' : sub.state === 'RUNNING' ? 'dsh-goal-badge-plan' : ''),
+                        },
+                        sub.state || 'PENDING'
+                      )
+                    ),
+                    sub.resultSummary
+                      ? React.createElement(
+                          'div',
+                          { className: 'dsh-goal-subgoal-summary' },
+                          sub.resultSummary
+                        )
+                      : null
+                  )
+                )
+              )
+        );
+      };
+
       const totalTokens = state.tokensUsage?.totalTokens || 0;
 
       const promptTokens = state.tokensUsage?.promptTokens || 0;
@@ -2382,6 +2513,45 @@ window.__ModuleLoader__.load({
 
         : 'Tokens not recorded yet';
 
+      const handleCopyReleaseNotes = async () => {
+        try {
+          const res = await fetch('/dsh-goal/action', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ action: 'export_release_notes', sessionId: state.sessionId }),
+          });
+          const json = await res.json();
+          const notesText = json?.releaseNotes || '';
+          if (notesText && typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
+            await navigator.clipboard.writeText(notesText);
+            setCopiedNotes(true);
+            setTimeout(() => setCopiedNotes(false), 2500);
+          }
+        } catch (e) {
+          console.warn('[dsh-goal] Failed to export release notes:', e);
+        }
+      };
+
+      const handleSendTelegram = async () => {
+        setDispatchingTelegram(true);
+        try {
+          const res = await fetch('/dsh-goal/action', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ action: 'notify_telegram', sessionId: state.sessionId }),
+          });
+          const json = await res.json();
+          if (json?.ok) {
+            setNotifiedTelegram(true);
+            setTimeout(() => setNotifiedTelegram(false), 3000);
+          }
+        } catch (e) {
+          console.warn('[dsh-goal] Failed to notify telegram:', e);
+        } finally {
+          setDispatchingTelegram(false);
+        }
+      };
+
       const handleCopyReport = () => {
 
         const md = generateMarkdownReport(state);
@@ -2502,11 +2672,22 @@ window.__ModuleLoader__.load({
                   onClick: () => setActiveTab("diff"),
                 },
                 "🔍 " + (t("tabDiff") || "Changes / Diff") + (diffData && diffData.stats && diffData.stats.filesChanged ? ` (${diffData.stats.filesChanged})` : "")
+              ),
+              React.createElement(
+                'button',
+                {
+                  type: 'button',
+                  className: `dsh-goal-tab-btn${activeTab === "subgoals" ? " active" : ""}`,
+                  onClick: () => setActiveTab("subgoals"),
+                },
+                "🌳 " + (t("tabSubGoals") || "Sub-goals") + (state.subGoals && state.subGoals.length > 0 ? ` (${state.subGoals.length})` : "")
               )
             ),
 
             activeTab === 'diff'
               ? renderDiffBox()
+              : activeTab === 'subgoals'
+              ? renderSubGoalsBox()
               : React.createElement(
                   React.Fragment,
                   null,
@@ -2762,6 +2943,21 @@ window.__ModuleLoader__.load({
 
               ),
 
+              React.createElement(
+
+                'div',
+
+                {
+                  className: 'dsh-goal-stat-box',
+                  title: 'Cost: ' + (state.costUsage?.formattedCost || '.00') + (state.maxCostBudget ? ' / $' + state.maxCostBudget.toFixed(2) : ''),
+                },
+
+                React.createElement('span', { className: 'dsh-goal-stat-val' }, state.costUsage?.formattedCost || '.00'),
+
+                React.createElement('span', { className: 'dsh-goal-stat-lbl' }, t('cost') || 'Cost'),
+
+              ),
+
               React.createElement(
 
                 'div',
@@ -2835,6 +3031,13 @@ window.__ModuleLoader__.load({
                           },
 
                           `${i + 1}. ${m.title}`,
+                          m.compactionSummary
+                            ? React.createElement(
+                                'span',
+                                { className: 'dsh-goal-compacted-pill', title: m.compactionSummary },
+                                '⚡ ' + (t('compactedBadge') || 'Compacted')
+                              )
+                            : null,
                           m.verificationCommand
                             ? React.createElement(
                                 'span',
@@ -3041,6 +3244,44 @@ window.__ModuleLoader__.load({
 
                   ),
 
+                  React.createElement(
+
+                    'button',
+
+                    {
+
+                      className: 'dsh-goal-btn dsh-goal-btn-copy' + (copiedNotes ? ' copied' : ''),
+
+                      onClick: handleCopyReleaseNotes,
+
+                      title: t('copyReleaseNotes') || 'Copy Conventional Release Notes',
+
+                    },
+
+                    copiedNotes ? (t('releaseNotesCopied') || '✅ Release Notes Copied!') : (t('copyReleaseNotes') || '📝 Release Notes'),
+
+                  ),
+
+                  React.createElement(
+
+                    'button',
+
+                    {
+
+                      className: 'dsh-goal-btn dsh-goal-btn-copy' + (notifiedTelegram ? ' copied' : ''),
+
+                      disabled: dispatchingTelegram,
+
+                      onClick: handleSendTelegram,
+
+                      title: t('notifyTelegram') || 'Send Digest to Telegram',
+
+                    },
+
+                    notifiedTelegram ? (t('telegramNotified') || '✅ Sent to Telegram!') : (t('notifyTelegram') || '✈️ Telegram'),
+
+                  ),
+
                   React.createElement(
 
                     'button',
@@ -4251,6 +4492,7 @@ window.__ModuleLoader__.load({
       const etaStr = state?.formattedETA ? ` (ETA ${state.formattedETA})` : '';
 
       const isBudgetExceeded = state?.state === 'PAUSED' && state?.logs?.some((l) => l.message?.includes('Token budget reached'));
+      const isCostExceeded = Boolean(state?.costLimitExceeded);
 
       return React.createElement(
 
@@ -4279,6 +4521,7 @@ window.__ModuleLoader__.load({
                   isCompleted ? (t('goalCompleted') || 'Done') : isWaitingOperator ? ('❓ ' + (t('operatorInputRequired') || 'Input Needed')) : isPlanMode ? (t('planMode') || 'Plan Mode') : isPaused ? (t('paused') || 'Paused') : (t('goalLabel') || 'Goal')
                 ),
                 React.createElement('span', { className: 'dsh-goal-title', title: state.title }, state.title),
+                state.costUsage && state.costUsage.totalCost > 0 ? React.createElement('span', { className: 'dsh-goal-time dsh-goal-stat-cost', title: (t('costUsage') || 'Cost') + ': ' + state.costUsage.formattedCost }, '💰 ' + state.costUsage.formattedCost) : null,
                 React.createElement('span', { className: 'dsh-goal-time' }, `⏱ ${liveElapsedStr}`),
                 isPlanMode && !isCompleted ? React.createElement(
                   'button',
@@ -4357,7 +4600,28 @@ window.__ModuleLoader__.load({
 
               ),
 
-              React.createElement('span', { className: 'dsh-goal-title', title: state.title }, state.title),
+              state.isSubGoal
+                ? React.createElement(
+                    'span',
+                    { className: 'dsh-goal-badge dsh-goal-badge-subgoal', title: t('subGoalBadge') || 'Sub-goal' },
+                    '🌱 ' + (t('subGoalBadge') || 'Sub-goal')
+                  )
+                : null,
+
+              state.breadcrumbs && state.breadcrumbs.length > 1
+                ? React.createElement(
+                    'span',
+                    { className: 'dsh-goal-breadcrumbs', title: state.title },
+                    state.breadcrumbs.map((crumb, idx) =>
+                      React.createElement(
+                        'span',
+                        { key: crumb.sessionId || idx, className: 'dsh-goal-breadcrumb-item' + (crumb.isCurrent ? ' active' : '') },
+                        idx > 0 && React.createElement('span', { className: 'dsh-goal-crumb-sep' }, ' / '),
+                        crumb.title
+                      )
+                    )
+                  )
+                : React.createElement('span', { className: 'dsh-goal-title', title: state.title }, state.title),
 
             ),
 
@@ -4367,6 +4631,32 @@ window.__ModuleLoader__.load({
 
               { className: 'dsh-goal-right' },
 
+              state.subGoals && state.subGoals.length > 0
+                ? React.createElement(
+                    'span',
+                    {
+                      className: 'dsh-goal-stat-pill',
+                      style: { cursor: 'pointer' },
+                      title: t('subGoalsTitle') || 'Sub-goals',
+                      onClick: () => setIsModalOpen(true),
+                    },
+                    '🌿 ' + state.subGoals.filter((s) => s.state === 'COMPLETED').length + '/' + state.subGoals.length + ' ' + (t('subGoalsPill') || 'sub-goals')
+                  )
+                : null,
+
+              state.costUsage && state.costUsage.totalCost > 0
+                ? React.createElement(
+                    'span',
+                    {
+                      className: 'dsh-goal-stat-pill dsh-goal-stat-cost',
+                      style: { cursor: 'pointer' },
+                      title: (t('costUsage') || 'Cost') + ': ' + state.costUsage.formattedCost + (state.maxCostBudget ? ' / ' + state.costUsage.currency + ' ' + state.maxCostBudget.toFixed(2) : ''),
+                      onClick: () => setIsModalOpen(true),
+                    },
+                    '💰 ' + state.costUsage.formattedCost
+                  )
+                : null,
+
               React.createElement(
 
                 'span',
@@ -4411,6 +4701,16 @@ window.__ModuleLoader__.load({
 
                 : null,
 
+              isCostExceeded
+                ? React.createElement(
+                    'span',
+                    {
+                      className: 'dsh-goal-badge dsh-goal-badge-cost-limit',
+                      title: t('costLimitReached') || 'Cost Budget Exceeded',
+                    },
+                    '🚨 ' + (t('costLimitReached') || 'Cost Limit')
+                  )
+                : null,
               isBudgetExceeded
                 ? React.createElement(
                     'button',
@@ -5835,6 +6135,22 @@ window.__ModuleLoader__.load({
         allFiles: 'All Files',
         planModeDesc: 'Plan first, review milestones, then execute',
         actModeDesc: 'Direct execution right away',
+        tabSubGoals: 'Sub-goals',
+        subGoalsTitle: 'Hierarchical Sub-goals',
+        subGoalBadge: 'Sub-goal',
+        subGoalsPill: 'sub-goals',
+        noSubGoals: 'No sub-goals spawned yet. Model can spawn sub-goals via goal_spawn_subgoal tool.',
+        parentGoalBanner: 'Child Sub-goal of:',
+        compactedBadge: 'Compacted',
+        compactionTooltip: 'History compacted to reduce context footprint',
+        cost: 'Cost',
+        costUsage: 'Financial Cost',
+        costLimitReached: 'Cost Budget Exceeded',
+        costBudgetLabel: 'Financial Budget Limit ($):',
+        copyReleaseNotes: '📝 Copy Release Notes',
+        releaseNotesCopied: '✅ Release Notes Copied!',
+        notifyTelegram: '✈️ Send to Telegram',
+        telegramNotified: '✅ Sent to Telegram!',
 
       },
 
@@ -5997,6 +6313,22 @@ window.__ModuleLoader__.load({
         allFiles: '所有文件',
         planModeDesc: '先制定里程碑方案，人工确认后再执行',
         actModeDesc: '立即开始编码与任务执行',
+        tabSubGoals: '子目标',
+        subGoalsTitle: '分层子目标管理',
+        subGoalBadge: '子目标',
+        subGoalsPill: '个子目标',
+        noSubGoals: '当前任务暂无衍生子目标。模型可通过 goal_spawn_subgoal 工具动态创建独立子目标。',
+        parentGoalBanner: '衍生自主目标:',
+        compactedBadge: '已压缩',
+        compactionTooltip: '阶段历史已自动精简压缩以优化上下文窗口',
+        cost: '成本',
+        costUsage: '财务消耗',
+        costLimitReached: '财务预算超限',
+        costBudgetLabel: '最高财务预算限制 ($):',
+        copyReleaseNotes: '📝 复制发布简报',
+        releaseNotesCopied: '✅ 发布简报已复制！',
+        notifyTelegram: '✈️ 发送至 Telegram',
+        telegramNotified: '✅ 已推送到 Telegram！',
 
       },
 

package/lib/engine-compaction.js

@@ -0,0 +1,126 @@
+/**
+ * Milestone Context Compaction for DSH Goal Engine (Issue #167).
+ * Compresses verbose raw logs and full checklist traces of completed milestones
+ * into high-density summaries, cutting context token footprint by > 40%.
+ */
+
+/**
+ * Compact a single milestone upon completion into a structured summary
+ * @param {object} milestone
+ * @param {object} [options]
+ * @returns {object}
+ */
+export function compactMilestone(milestone, options = {}) {
+  if (!milestone) return null;
+
+  const id = milestone.id ? String(milestone.id).toUpperCase() : 'M';
+  const title = milestone.title || 'Milestone';
+  const notes = milestone.notes ? String(milestone.notes).trim() : '';
+
+  let checklistPart = '';
+  if (Array.isArray(milestone.checklist) && milestone.checklist.length > 0) {
+    const doneCount = milestone.checklist.filter((item) => item && item.done).length;
+    checklistPart = ` [${doneCount}/${milestone.checklist.length} subtasks]`;
+  }
+
+  let gatePart = '';
+  if (milestone.verificationCommand) {
+    gatePart = milestone.verificationPassed ? ' [Gate: verified]' : ' [Gate: passed]';
+  }
+
+  const outcomePart = notes ? ` (Outcome: ${notes})` : '';
+  const summaryLine = `[${id} COMPLETED] ${title}${outcomePart}${checklistPart}${gatePart}`;
+
+  milestone.compactionSummary = summaryLine;
+  milestone.compactedAt = milestone.completedAt || Date.now();
+
+  return {
+    id: milestone.id,
+    title,
+    notes,
+    summary: summaryLine,
+    completedAt: milestone.compactedAt,
+  };
+}
+
+/**
+ * Build compacted milestones history block for active prompt injection
+ * @param {Array<object>} milestones
+ * @param {string} [lang='en']
+ * @returns {string}
+ */
+export function buildCompactedMilestonesHistory(milestones = [], lang = 'en') {
+  if (!Array.isArray(milestones) || milestones.length === 0) return '';
+
+  const completed = milestones.filter((m) => m && m.status === 'completed');
+  if (completed.length === 0) return '';
+
+  const header = lang === 'zh'
+    ? '[已完成里程碑历史简报 / COMPACTED MILESTONES HISTORY]'
+    : '[COMPACTED MILESTONES HISTORY]';
+
+  const lines = completed.map((m) => {
+    if (m.compactionSummary) return `- ${m.compactionSummary}`;
+    const id = m.id ? String(m.id).toUpperCase() : 'M';
+    const outcome = m.notes ? ` (Outcome: ${m.notes})` : '';
+    return `- [${id} COMPLETED] ${m.title}${outcome}`;
+  });
+
+  return `${header}\n${lines.join('\n')}`;
+}
+
+/**
+ * Format milestone into raw uncompacted text (for baseline comparison & active milestones)
+ * @param {object} m
+ * @param {number} idx
+ * @returns {string}
+ */
+export function formatRawMilestoneTrace(m, idx = 0) {
+  if (!m) return '';
+  const statusStr = (m.status || 'pending').toUpperCase();
+  let line = `  ${idx + 1}. [${statusStr}] ${m.title || ''}${m.notes ? ` (${m.notes})` : ''}`;
+  if (m.verificationCommand) {
+    line += `\n      [verification_command: ${m.verificationCommand}]`;
+  }
+  if (Array.isArray(m.checklist) && m.checklist.length > 0) {
+    const checkLines = m.checklist
+      .map((item) => `      [${item && item.done ? 'x' : ' '}] ${item && item.text ? item.text : ''}`)
+      .join('\n');
+    line += `\n${checkLines}`;
+  }
+  return line;
+}
+
+/**
+ * Estimate context savings achieved by compaction on completed milestones
+ * @param {Array<object>} milestones
+ * @param {string} [lang='en']
+ * @returns {{ completedCount: number, uncompactedChars: number, compactedChars: number, savedChars: number, savingsRatio: number, savingsPercent: string }}
+ */
+export function estimateCompactionSavings(milestones = [], lang = 'en') {
+  if (!Array.isArray(milestones) || milestones.length === 0) {
+    return { completedCount: 0, uncompactedChars: 0, compactedChars: 0, savedChars: 0, savingsRatio: 0, savingsPercent: '0%' };
+  }
+
+  const completed = milestones.filter((m) => m && m.status === 'completed');
+  if (completed.length === 0) {
+    return { completedCount: 0, uncompactedChars: 0, compactedChars: 0, savedChars: 0, savingsRatio: 0, savingsPercent: '0%' };
+  }
+
+  const uncompacted = completed.map((m, i) => formatRawMilestoneTrace(m, i)).join('\n');
+  const compacted = completed.map((m) => m.compactionSummary || `[${m.id ? String(m.id).toUpperCase() : 'M'} COMPLETED] ${m.title}`).join('\n');
+
+  const uncompactedChars = uncompacted.length;
+  const compactedChars = compacted.length;
+  const savedChars = Math.max(0, uncompactedChars - compactedChars);
+  const savingsRatio = uncompactedChars > 0 ? (savedChars / uncompactedChars) : 0;
+
+  return {
+    completedCount: completed.length,
+    uncompactedChars,
+    compactedChars,
+    savedChars,
+    savingsRatio,
+    savingsPercent: `${Math.round(savingsRatio * 100)}%`,
+  };
+}