@goodandready/dsh-goal 0.2.5 → 0.2.7

package/lib/client.js

@@ -282,6 +282,46 @@ window.__ModuleLoader__.load({
 
     }
 
+    function IconMinimize({ size = 14, className = '' }) {
+
+      return React.createElement(
+
+        'svg',
+
+        {
+
+          width: size,
+
+          height: size,
+
+          viewBox: '0 0 24 24',
+
+          fill: 'none',
+
+          stroke: 'currentColor',
+
+          strokeWidth: 1.8,
+
+          strokeLinecap: 'round',
+
+          strokeLinejoin: 'round',
+
+          className,
+
+        },
+
+        React.createElement('polyline', { points: '4 14 10 14 10 20' }),
+
+        React.createElement('polyline', { points: '20 10 14 10 14 4' }),
+
+        React.createElement('line', { x1: 14, y1: 10, x2: 21, y2: 3 }),
+
+        React.createElement('line', { x1: 3, y1: 21, x2: 10, y2: 14 }),
+
+      );
+
+    }
+
     function IconRotateCcw({ size = 13, className = '' }) {
 
       return React.createElement(
@@ -372,6 +412,54 @@ window.__ModuleLoader__.load({
 
       }
 
+      .dsh-goal-dock-pill {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        background: var(--dsw-alias-surface-raised);
+        border: 1px solid var(--dsw-alias-border-subtle);
+        border-radius: 9999px;
+        padding: 4px 12px;
+        box-shadow: var(--dsw-alias-shadow-md);
+        backdrop-filter: blur(8px);
+        font-size: 13px;
+        max-width: 100%;
+        box-sizing: border-box;
+      }
+      .dsh-goal-dock-pill .dsh-goal-title {
+        max-width: 260px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font-weight: 500;
+      }
+      .dsh-goal-checklist {
+        margin-top: 6px;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+      .dsh-goal-checklist-item {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 12px;
+        color: var(--dsw-alias-label-secondary);
+        cursor: pointer;
+        user-select: none;
+      }
+      .dsh-goal-checklist-item input[type="checkbox"] {
+        cursor: pointer;
+        margin: 0;
+      }
+      .dsh-goal-budget-warn {
+        color: var(--dsw-alias-status-warning);
+        font-weight: 600;
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 12px;
+      }
       .dsh-goal-dock.dsh-goal-dock-quick {
 
         justify-content: flex-start;
@@ -1646,6 +1734,10 @@ window.__ModuleLoader__.load({
 
       const [gitCopied, setGitCopied] = useState(false);
 
+      const [artifactSaved, setArtifactSaved] = useState(false);
+
+      const [savingArtifact, setSavingArtifact] = useState(false);
+
       const [nudgeText, setNudgeText] = useState('');
 
       const [nudgeSent, setNudgeSent] = useState(false);
@@ -2010,6 +2102,51 @@ window.__ModuleLoader__.load({
 
                         m.notes ? React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-tertiary)', marginTop: 2 } }, m.notes) : null,
 
+                        Array.isArray(m.checklist) && m.checklist.length > 0
+                          ? React.createElement(
+                              'div',
+                              { className: 'dsh-goal-checklist' },
+                              m.checklist.map((item, itemIdx) =>
+                                React.createElement(
+                                  'label',
+                                  { key: itemIdx, className: 'dsh-goal-checklist-item' },
+                                  React.createElement('input', {
+                                    type: 'checkbox',
+                                    checked: Boolean(item.done),
+                                    onChange: () => onAction?.('toggle_checklist_item', { milestoneId: m.id, itemIndex: itemIdx, done: !item.done }),
+                                  }),
+                                  React.createElement(
+                                    'span',
+                                    { style: { textDecoration: item.done ? 'line-through' : 'none', color: item.done ? 'var(--dsw-alias-label-tertiary)' : 'inherit' } },
+                                    item.text
+                                  )
+                                )
+                              )
+                            )
+                          : null,
+
+                        m.checkpointCommit
+                          ? React.createElement(
+                              'div',
+                              { style: { marginTop: 4 } },
+                              React.createElement(
+                                'button',
+                                {
+                                  type: 'button',
+                                  className: 'dsh-goal-btn-inline-reset',
+                                  style: { fontSize: 11, padding: '1px 6px' },
+                                  title: t('rollbackBtn') || 'Rollback to Checkpoint',
+                                  onClick: () => {
+                                    if (confirm(t('rollbackConfirm') || `Rollback working tree to checkpoint ${m.checkpointCommit}?`)) {
+                                      onAction?.('rollback_milestone', { commit: m.checkpointCommit });
+                                    }
+                                  },
+                                },
+                                `↩ ${m.checkpointCommit}`
+                              )
+                            )
+                          : null,
+
                       ),
 
                     ),
@@ -2086,6 +2223,28 @@ window.__ModuleLoader__.load({
 
                   ),
 
+                  React.createElement(
+                    'button',
+                    {
+                      className: `dsh-goal-btn dsh-goal-btn-copy${artifactSaved ? ' copied' : ''}`,
+                      disabled: savingArtifact,
+                      onClick: async () => {
+                        setSavingArtifact(true);
+                        try {
+                          await onAction?.('save_artifact');
+                          setArtifactSaved(true);
+                          setTimeout(() => setArtifactSaved(false), 3000);
+                        } catch (err) {
+                          console.warn('[dsh-goal] Save artifact error:', err);
+                        } finally {
+                          setSavingArtifact(false);
+                        }
+                      },
+                      title: t('saveArtifact') || 'Save Run Artifact to .dsh/goals/',
+                    },
+                    artifactSaved ? (t('artifactSaved') || '✅ Saved to .dsh/goals/') : (t('saveArtifact') || '💾 Save Run Artifact')
+                  ),
+
                 )
 
               : null,
@@ -2408,6 +2567,26 @@ window.__ModuleLoader__.load({
 
       const [isQuickLaunchOpen, setIsQuickLaunchOpen] = useState(false);
 
+      const [isDockCollapsed, setIsDockCollapsed] = useState(() => {
+        try {
+          return localStorage.getItem('dsh_goal_dock_collapsed') === 'true';
+        } catch (e) {
+          return false;
+        }
+      });
+
+      const toggleDockCollapse = () => {
+        setIsDockCollapsed((prev) => {
+          const next = !prev;
+          try {
+            localStorage.setItem('dsh_goal_dock_collapsed', String(next));
+          } catch (e) {
+            // Handled defensively: localStorage might be unavailable or quota exceeded
+          }
+          return next;
+        });
+      };
+
       const [now, setNow] = useState(() => Date.now());
 
       const stateRef = useRef(null);
@@ -2460,7 +2639,7 @@ window.__ModuleLoader__.load({
 
         const active = resolveLocale();
 
-        return LOCALES[active]?.[key] || LOCALES.en?.[key] || LOCALES.ru?.[key] || key;
+        return LOCALES[active]?.[key] || LOCALES.en?.[key] || key;
 
       };
 
@@ -2926,6 +3105,8 @@ 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'));
+
       return React.createElement(
 
         React.Fragment,
@@ -2938,7 +3119,54 @@ window.__ModuleLoader__.load({
 
           { className: 'dsh-goal-dock', 'data-goal-dock': 'true' },
 
-          React.createElement(
+          isDockCollapsed
+            ? React.createElement(
+                'div',
+                { className: 'dsh-goal-dock-pill' },
+                React.createElement(
+                  'span',
+                  { className: 'dsh-goal-icon' },
+                  isCompleted ? React.createElement(IconCheck, { size: 14 }) : React.createElement(IconTarget, { size: 13 })
+                ),
+                React.createElement(
+                  'span',
+                  { className: `dsh-goal-badge ${isCompleted ? 'dsh-goal-badge-ok' : isPaused ? 'dsh-goal-badge-warn' : ''}` },
+                  isCompleted ? (t('goalCompleted') || 'Done') : isPaused ? (t('paused') || 'Paused') : (t('goalLabel') || 'Goal')
+                ),
+                React.createElement('span', { className: 'dsh-goal-title', title: state.title }, state.title),
+                React.createElement('span', { className: 'dsh-goal-time' }, `⏱ ${liveElapsedStr}`),
+                !isCompleted ? React.createElement(
+                  'button',
+                  {
+                    className: 'dsh-goal-btn icon-only',
+                    style: { padding: '2px 4px', height: 22 },
+                    title: isPaused ? (t('resume') || 'Resume') : (t('pause') || 'Pause'),
+                    onClick: () => handleAction(isPaused ? 'resume' : 'pause'),
+                  },
+                  isPaused ? React.createElement(IconPlay, { size: 12 }) : React.createElement(IconPause, { size: 12 })
+                ) : null,
+                React.createElement(
+                  'button',
+                  {
+                    className: 'dsh-goal-btn icon-only',
+                    style: { padding: '2px 4px', height: 22 },
+                    title: t('details') || 'Expand goal details',
+                    onClick: () => setIsModalOpen(true),
+                  },
+                  React.createElement(IconExpand, { size: 12 })
+                ),
+                React.createElement(
+                  'button',
+                  {
+                    className: 'dsh-goal-btn icon-only',
+                    style: { padding: '2px 4px', height: 22 },
+                    title: t('expandDock') || 'Expand goal banner',
+                    onClick: toggleDockCollapse,
+                  },
+                  '⤢'
+                )
+              )
+            : React.createElement(
 
             'div',
 
@@ -3016,6 +3244,37 @@ window.__ModuleLoader__.load({
 
                 : null,
 
+              isBudgetExceeded
+                ? React.createElement(
+                    'button',
+                    {
+                      className: 'dsh-goal-btn',
+                      style: { background: 'var(--dsw-alias-status-warning)', color: 'var(--dsw-alias-surface-raised)', fontWeight: 600, fontSize: 12, padding: '2px 8px' },
+                      title: t('extendBudgetBtn') || '+50k Tokens & Resume',
+                      onClick: () => handleAction('extend_budget', { addTokens: 50000 }),
+                    },
+                    t('extendBudgetBtn') || '+50k & Resume'
+                  )
+                : null,
+
+              React.createElement(
+
+                'button',
+
+                {
+
+                  className: 'dsh-goal-btn icon-only',
+
+                  title: t('compactDock') || 'Collapse to compact pill',
+
+                  onClick: toggleDockCollapse,
+
+                },
+
+                React.createElement(IconMinimize, { size: 14 }),
+
+              ),
+
               React.createElement(
 
                 'button',
@@ -3386,9 +3645,15 @@ window.__ModuleLoader__.load({
 
       const notifStatus = getFieldStatus('enableBrowserNotifications', draft?.enableBrowserNotifications, snap);
 
-      const dirty = maxIterStatus.isDirty || autoDriveStatus.isDirty || enableSoundStatus.isDirty || quickLaunchStatus.isDirty || toolFailStatus.isDirty || notifStatus.isDirty;
+      const budgetStatus = getFieldStatus('maxTokenBudget', draft?.maxTokenBudget, snap);
+
+      const budgetWarnStatus = getFieldStatus('budgetWarningThreshold', draft?.budgetWarningThreshold, snap);
+
+      const autoCheckpointStatus = getFieldStatus('autoCheckpointOnMilestone', draft?.autoCheckpointOnMilestone, snap);
 
-      const invalid = maxIterStatus.invalid || toolFailStatus.invalid;
+      const dirty = maxIterStatus.isDirty || autoDriveStatus.isDirty || enableSoundStatus.isDirty || quickLaunchStatus.isDirty || toolFailStatus.isDirty || notifStatus.isDirty || budgetStatus.isDirty || budgetWarnStatus.isDirty || autoCheckpointStatus.isDirty;
+
+      const invalid = maxIterStatus.invalid || toolFailStatus.invalid || budgetStatus.invalid || budgetWarnStatus.invalid;
 
       const disabled = !scope || saving || snap?.writable === false;
 
@@ -3410,6 +3675,12 @@ window.__ModuleLoader__.load({
 
           enableBrowserNotifications: prev?.enableBrowserNotifications !== undefined ? prev.enableBrowserNotifications : notifStatus.value,
 
+          maxTokenBudget: prev?.maxTokenBudget !== undefined ? prev.maxTokenBudget : budgetStatus.value,
+
+          budgetWarningThreshold: prev?.budgetWarningThreshold !== undefined ? prev.budgetWarningThreshold : budgetWarnStatus.value,
+
+          autoCheckpointOnMilestone: prev?.autoCheckpointOnMilestone !== undefined ? prev.autoCheckpointOnMilestone : autoCheckpointStatus.value,
+
           [field]: val,
 
         }));
@@ -3939,6 +4210,101 @@ window.__ModuleLoader__.load({
 
                       ),
 
+                      React.createElement(
+                        'div',
+                        { className: 'dsh-goal-card-field' },
+                        React.createElement(
+                          'div',
+                          { className: 'dsh-goal-field-label-row' },
+                          React.createElement('label', { htmlFor: 'dsh-goal-token-budget' }, t('budgetLabel') || 'Token Budget (0 for unlimited):'),
+                          React.createElement(
+                            'div',
+                            { className: 'dsh-goal-field-meta' },
+                            budgetStatus.isOverridden
+                              ? React.createElement('span', { className: 'dsh-goal-override-tag' }, t('overridden') || 'overridden')
+                              : null,
+                            budgetStatus.isOverridden
+                              ? React.createElement(
+                                  'button',
+                                  {
+                                    type: 'button',
+                                    className: 'dsh-goal-btn-inline-reset',
+                                    title: t('resetField') || 'Reset to default',
+                                    onClick: () => edit('maxTokenBudget', snap?.base?.maxTokenBudget ?? DEFAULT_SETTINGS.maxTokenBudget),
+                                  },
+                                  React.createElement(IconRotateCcw, { size: 12 }),
+                                  t('resetField') || 'Default'
+                                )
+                              : null
+                          )
+                        ),
+                        React.createElement('input', {
+                          id: 'dsh-goal-token-budget',
+                          type: 'number',
+                          min: 0,
+                          step: 10000,
+                          placeholder: String(budgetStatus.baseValue),
+                          value: budgetStatus.value !== undefined ? String(budgetStatus.value) : '',
+                          disabled,
+                          className: 'dsh-goal-card-input',
+                          onChange: (e) => edit('maxTokenBudget', parseNumberField(e.target.value)),
+                        })
+                      ),
+
+                      React.createElement(
+                        'div',
+                        { className: 'dsh-goal-card-field' },
+                        React.createElement(
+                          'div',
+                          { className: 'dsh-goal-field-label-row' },
+                          React.createElement('label', { htmlFor: 'dsh-goal-warn-thresh' }, t('budgetWarnLabel') || 'Budget Warning Threshold (%):'),
+                          React.createElement(
+                            'div',
+                            { className: 'dsh-goal-field-meta' },
+                            budgetWarnStatus.isOverridden
+                              ? React.createElement('span', { className: 'dsh-goal-override-tag' }, t('overridden') || 'overridden')
+                              : null,
+                            budgetWarnStatus.isOverridden
+                              ? React.createElement(
+                                  'button',
+                                  {
+                                    type: 'button',
+                                    className: 'dsh-goal-btn-inline-reset',
+                                    title: t('resetField') || 'Reset to default',
+                                    onClick: () => edit('budgetWarningThreshold', snap?.base?.budgetWarningThreshold ?? DEFAULT_SETTINGS.budgetWarningThreshold),
+                                  },
+                                  React.createElement(IconRotateCcw, { size: 12 }),
+                                  t('resetField') || 'Default'
+                                )
+                              : null
+                          )
+                        ),
+                        React.createElement('input', {
+                          id: 'dsh-goal-warn-thresh',
+                          type: 'number',
+                          min: 10,
+                          max: 100,
+                          placeholder: String(budgetWarnStatus.baseValue),
+                          value: budgetWarnStatus.value !== undefined ? String(budgetWarnStatus.value) : '',
+                          disabled,
+                          className: 'dsh-goal-card-input',
+                          onChange: (e) => edit('budgetWarningThreshold', parseNumberField(e.target.value)),
+                        })
+                      ),
+
+                      React.createElement(
+                        'div',
+                        { className: 'dsh-goal-check-row' },
+                        React.createElement('input', {
+                          id: 'dsh-goal-auto-checkpoint',
+                          type: 'checkbox',
+                          checked: Boolean(autoCheckpointStatus.value),
+                          disabled,
+                          onChange: (e) => edit('autoCheckpointOnMilestone', e.target.checked),
+                        }),
+                        React.createElement('label', { htmlFor: 'dsh-goal-auto-checkpoint' }, t('autoCheckpointLabel') || 'Auto-create Git checkpoint on milestone completed')
+                      ),
+
                       React.createElement(
 
                         'div',
@@ -4077,6 +4443,19 @@ window.__ModuleLoader__.load({
         checking: 'Checking…',
         updateDone: 'Updated successfully. Please restart DSH to apply.',
         updateFailed: 'Update failed: ',
+        compactDock: 'Collapse to compact pill',
+        expandDock: 'Expand goal banner',
+        saveArtifact: 'Save Run Artifact',
+        artifactSaved: '✅ Artifact Saved (.dsh/goals/)',
+        saveArtifactFailed: 'Artifact save failed',
+        extendBudgetBtn: '+50k Tokens & Resume',
+        budgetExceededBadge: 'Budget Limit Reached',
+        budgetLabel: 'Token Budget (0 for unlimited):',
+        budgetWarnLabel: 'Budget Warning Threshold (%):',
+        autoCheckpointLabel: 'Auto-create Git checkpoint on milestone completed',
+        rollbackBtn: 'Rollback to Checkpoint',
+        rollbackConfirm: 'Rollback working tree to this checkpoint?',
+        rollbackSuccess: 'Rolled back to checkpoint',
 
         goalCompleted: 'Goal completed',
 
@@ -4190,6 +4569,19 @@ window.__ModuleLoader__.load({
         checking: '正在检查…',
         updateDone: '更新成功。请重启 DSH 以生效。',
         updateFailed: '更新失败：',
+        compactDock: '收起为迷你胶囊',
+        expandDock: '展开目标横幅',
+        saveArtifact: '导出运行报告工件',
+        artifactSaved: '✅ 工件已保存 (.dsh/goals/)',
+        saveArtifactFailed: '工件保存失败',
+        extendBudgetBtn: '追加 50k Tokens 并恢复',
+        budgetExceededBadge: '已达 Token 预算上限',
+        budgetLabel: 'Token 预算上限 (0 为不限制)：',
+        budgetWarnLabel: '预算预警阈值 (%)：',
+        autoCheckpointLabel: '里程碑完成时自动创建 Git 检查点',
+        rollbackBtn: '回滚到该检查点',
+        rollbackConfirm: '确定将工作区代码回滚至该里程碑检查点吗？',
+        rollbackSuccess: '已成功回滚到检查点',
 
         goalCompleted: '目标已完成',
 
@@ -4296,146 +4688,158 @@ window.__ModuleLoader__.load({
     module.exports.inject = ['slots', 'locale', 'settingsScope'];
 
     module.exports.apply = function apply(ctx) {
+      if (typeof ctx.effect === 'function') {
+        ctx.effect(() => {
+          try {
+            ctx.locale?.register?.(NS, LOCALES);
+          } catch (err) { /* handled defensively */ }
+
+          const settingsScope =
+            ctx.settingsScope && typeof ctx.settingsScope.bind === 'function'
+              ? ctx.settingsScope.bind({ namespace: NS })
+              : null;
+
+          const disposers = [];
+          const registerSlotSafe = (name, entry, comp) => {
+            try {
+              if (typeof ctx.slots?.inject === 'function') {
+                const unreg = ctx.slots.inject(name, () => {
+                  try {
+                    return ctx.slots.register(entry, comp);
+                  } catch (err) { /* handled defensively */ }
+                });
+                if (typeof unreg === 'function') disposers.push(unreg);
+              } else if (typeof ctx.slots?.register === 'function') {
+                const unreg = ctx.slots.register(entry, comp);
+                if (typeof unreg === 'function') disposers.push(unreg);
+              }
+            } catch (err) { /* handled defensively */ }
+          };
+
+          registerSlotSafe(
+            'conversation.input.dock',
+            {
+              name: 'conversation.input.dock',
+              id: '@goodandready/dsh-goal',
+              order: 10,
+              locale: NS,
+              inject: (slotProps) => ({ ctx, ...slotProps }),
+            },
+            GoalTopBanner,
+          );
+
+          registerSlotSafe(
+            'plugins.item',
+            {
+              name: 'plugins.item',
+              id: ROW_ID,
+              order: 60,
+              label: () => 'Goal',
+              locale: NS,
+              inject: () => ({ ctx, scope: settingsScope }),
+            },
+            GoalSettingsCard,
+          );
+
+          registerSlotSafe(
+            'plugins.row.config',
+            {
+              name: 'plugins.row.config',
+              key: ROW_CONFIG_KEY,
+              locale: NS,
+              inject: () => ({ ctx, scope: settingsScope }),
+            },
+            GoalSettingsCard,
+          );
+
+          registerSlotSafe(
+            'settings.plugin.item',
+            {
+              name: 'settings.plugin.item',
+              key: NS,
+              locale: NS,
+              inject: () => ({ ctx, scope: settingsScope }),
+            },
+            GoalSettingsCard,
+          );
 
-      // Register localization
-
-      try {
-
-        ctx.locale?.register?.(NS, LOCALES);
-
-      } catch (err) { /* handled defensively */ }
-
-      // Plugin settings scope
-
-      const settingsScope =
-
-        ctx.settingsScope && typeof ctx.settingsScope.bind === 'function'
-
-          ? ctx.settingsScope.bind({ namespace: NS })
-
-          : null;
-
-      const registerSlotSafe = (name, entry, comp) => {
-
+          return () => {
+            for (const dispose of disposers) {
+              try { dispose(); } catch (e) { /* handled defensively */ }
+            }
+          };
+        }, 'dsh-goal: client slots & locale');
+      } else {
         try {
-
-          if (typeof ctx.slots?.inject === 'function') {
-
-            ctx.slots.inject(name, () => {
-
-              try {
-
-                return ctx.slots.register(entry, comp);
-
-              } catch (err) { /* handled defensively */ }
-
-            });
-
-          } else if (typeof ctx.slots?.register === 'function') {
-
-            ctx.slots.register(entry, comp);
-
-          }
-
+          ctx.locale?.register?.(NS, LOCALES);
         } catch (err) { /* handled defensively */ }
 
-      };
-
-      // 1. Register composer dock widget
-
-      registerSlotSafe(
-
-        'conversation.input.dock',
-
-        {
-
-          name: 'conversation.input.dock',
-
-          id: '@goodandready/dsh-goal',
-
-          order: 10,
-
-          locale: NS,
-
-          inject: (slotProps) => ({ ctx, ...slotProps }),
-
-        },
-
-        GoalTopBanner,
-
-      );
+        const settingsScope =
+          ctx.settingsScope && typeof ctx.settingsScope.bind === 'function'
+            ? ctx.settingsScope.bind({ namespace: NS })
+            : null;
 
-      // 2. Register settings card.
-      // List seat (plugins.item): the seat the Plugins page renders as the plugin's own
-      // page with its configuration. The label is a static string on purpose — it is
-      // resolved while the page renders, and a locale lookup there would take the whole
-      // client batch down with it.
-      registerSlotSafe(
-
-        'plugins.item',
-
-        {
-
-          name: 'plugins.item',
-
-          id: ROW_ID,
-
-          order: 60,
-
-          label: () => 'Goal',
-
-          locale: NS,
-
-          inject: () => ({ ctx, scope: settingsScope }),
-
-        },
-
-        GoalSettingsCard,
-
-      );
-
-      // Row seat and the legacy seat kept as fallbacks.
-
-      registerSlotSafe(
-
-        'plugins.row.config',
-
-        {
-
-          name: 'plugins.row.config',
-
-          key: ROW_CONFIG_KEY,
-
-          locale: NS,
-
-          inject: () => ({ ctx, scope: settingsScope }),
-
-        },
-
-        GoalSettingsCard,
-
-      );
-
-      registerSlotSafe(
-
-        'settings.plugin.item',
-
-        {
-
-          name: 'settings.plugin.item',
-
-          key: NS,
-
-          locale: NS,
-
-          inject: () => ({ ctx, scope: settingsScope }),
+        const registerSlotSafe = (name, entry, comp) => {
+          try {
+            if (typeof ctx.slots?.inject === 'function') {
+              ctx.slots.inject(name, () => {
+                try {
+                  return ctx.slots.register(entry, comp);
+                } catch (err) { /* handled defensively */ }
+              });
+            } else if (typeof ctx.slots?.register === 'function') {
+              ctx.slots.register(entry, comp);
+            }
+          } catch (err) { /* handled defensively */ }
+        };
 
-        },
+        registerSlotSafe(
+          'conversation.input.dock',
+          {
+            name: 'conversation.input.dock',
+            id: '@goodandready/dsh-goal',
+            order: 10,
+            locale: NS,
+            inject: (slotProps) => ({ ctx, ...slotProps }),
+          },
+          GoalTopBanner,
+        );
 
-        GoalSettingsCard,
+        registerSlotSafe(
+          'plugins.item',
+          {
+            name: 'plugins.item',
+            id: ROW_ID,
+            order: 60,
+            label: () => 'Goal',
+            locale: NS,
+            inject: () => ({ ctx, scope: settingsScope }),
+          },
+          GoalSettingsCard,
+        );
 
-      );
+        registerSlotSafe(
+          'plugins.row.config',
+          {
+            name: 'plugins.row.config',
+            key: ROW_CONFIG_KEY,
+            locale: NS,
+            inject: () => ({ ctx, scope: settingsScope }),
+          },
+          GoalSettingsCard,
+        );
 
+        registerSlotSafe(
+          'settings.plugin.item',
+          {
+            name: 'settings.plugin.item',
+            key: NS,
+            locale: NS,
+            inject: () => ({ ctx, scope: settingsScope }),
+          },
+          GoalSettingsCard,
+        );
+      }
     };
 
     return module.exports;