feat(chat): UltraPlan input tag + distinct menu/modal icons (v1.7.4)

- ui(chat): show a small inline blue "UltraPlan" tag in the user-bubble
  label row (right after the view-request button) when the input was an
  UltraPlan submission. Detection via new isUltraplanText() matching the
  <system-reminder>[SCOPED INSTRUCTION] marker anchored inside one reminder
  block, plus a message-level `ultraplan` flag from classifyUserContent(),
  threaded through both ChatView user-render branches into ChatMessage.
- ui(menu): distinct icons for the log / prompt / messaging entries —
  日志管理工具 -> FileTextOutlined, 查看用户 Prompt -> MessageOutlined,
  通讯软件接入 + MessagingModal title -> new DialogueIcon (two-bubble dialogue).
- ui(retry-config): hide the retry-config menu entry unless proxy mode is
  confirmed (change was already staged in the working tree).
- test: add test/ultraplan-detection.test.js (isUltraplanText + classify flag).
- chore: bump version 1.7.3 -> 1.7.4.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: 2 people

history.md

@@ -2,6 +2,11 @@
 
 ## Unreleased
 
+- ui(chat): **`[UltraPlan]` tag above UltraPlan user bubbles** — when a chat user message was submitted via UltraPlan (`UltraPlanModal`/`buildLocalUltraplan`) or CLI `/ultraplan`, a small blue tag now appears above the user bubble so these special inputs stand out. Detection lives in the user-input classifier: new `isUltraplanText()` in `src/utils/contentFilter.js` matches the `<system-reminder>[SCOPED INSTRUCTION]…` marker (emitted only by `ultraplanTemplates.js`) on the **raw** text before `stripSystemTags` removes it — anchored inside a single reminder block (negative-lookahead on the close tag) to avoid tagging prose that merely mentions the phrase after an unrelated reminder. `classifyUserContent()` now returns a message-level `ultraplan` flag (additive key); `ChatView` threads it through both the array and string user-render branches (never on `plan-prompt`), and `ChatMessage.renderUserMessage()` renders the tag via new `.ultraplanTag`/`.ultraplanTagRow` classes (blue = `var(--color-primary)`, no `!important`). Reuses the existing `ui.ultraplan` label. New `test/ultraplan-detection.test.js` covers the detector (codeExpert/researchExpert/custom/seedPlan-prefixed + prose-mention / after-closed-reminder negatives) and the `classifyUserContent` flag (incl. non-first block via `.some`).
+- ui(menu): **distinct icons for the log/prompt/messaging entries** — the hamburger「日志管理工具」now uses a notepad (`FileTextOutlined`) and「查看用户 Prompt」a single speech bubble (`MessageOutlined`), replacing the near-identical import/export box-arrow glyphs. The「通讯软件接入」entry and the MessagingModal title use a new two-bubble dialogue icon (`src/components/common/DialogueIcon.jsx`, lucide *messages-square*, `.anticon`-wrapped `currentColor` stroke) so the two-party IM integration reads differently from the single-bubble prompt entry.
+
+- ui(retry-config): **hide the「代理重试配置」menu entry unless proxy mode is confirmed** — the hamburger entry (and its pinned shortcut / Electron tab-bar pin, which all derive from the same menu descriptors) now only renders when a non-built-in proxy profile is active, or the built-in Default points at a non-official endpoint (reuses ProxyModal's `api.anthropic.com` origin test). On an official subscription — or before `/api/proxy-profiles` has loaded — the entry is hidden, since retry orchestration only targets proxy gateways.
+
 ### Fix: `which claude` still shows the ccv wrapper after `ccv --uninstall` + `npm uninstall -g cc-viewer` (stale shell function → `command not found: ccv`)
 
 - **Root cause:** the rc-file cleanup in `removeShellHook()` works — the marker block IS removed from disk — but every already-open shell keeps the `claude()` wrapper function loaded in memory (a child process cannot `unset -f` in the parent shell). Once `npm uninstall -g cc-viewer` deletes the `ccv` bin, the stale function's tail `ccv run -- claude --ccv-internal "$@"` hard-fails with `command not found: ccv`. The existing `unset -f claude` hint printed by `--uninstall` was one dim line immediately buried by the louder "done" message.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-viewer",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "Claude Code logging, visualization, and management toolkit — launch a web viewer alongside Claude Code with full request/response tracing, proxy, and mobile support",
   "license": "MIT",
   "main": "server.js",

src/components/chat/ChatMessage.jsx

@@ -187,6 +187,7 @@ class ChatMessage extends React.Component {
       p.requestIndex !== n.requestIndex || p.cacheTotalTokens !== n.cacheTotalTokens || p.label !== n.label || p.isTeammate !== n.isTeammate ||
       p.animateAvatar !== n.animateAvatar ||
       p.isHistoryLog !== n.isHistoryLog ||
+      p.isUltraplan !== n.isUltraplan ||
       p.userProfile !== n.userProfile || p.modelInfo !== n.modelInfo || p.imSenderMap !== n.imSenderMap || p.imAgent !== n.imAgent ||
       p.resultText !== n.resultText || p.toolName !== n.toolName ||
       p.onViewRequest !== n.onViewRequest || p.onOpenFile !== n.onOpenFile ||
@@ -1081,6 +1082,9 @@ class ChatMessage extends React.Component {
           <div className={styles.labelRow}>
             {timeStr && <Text className={styles.timeTextNoMargin}>{timeStr}</Text>}
             {this.renderViewRequestBtn()}
+            {this.props.isUltraplan && (
+              <span className={styles.ultraplanTag}>{t('ui.ultraplan')}</span>
+            )}
             {imBadge
               ? (
                 <span className={styles.imSourceNameGroup}>

src/components/chat/ChatMessage.module.css

@@ -142,6 +142,22 @@
   margin-left: auto;
 }
 
+/* Small blue "UltraPlan" tag shown inline in the label row (after the view-request
+   button) for UltraPlan inputs. */
+.ultraplanTag {
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1.4;
+  padding: 0 6px;
+  margin-left: 4px;
+  border-radius: 4px;
+  color: #fff;
+  background: var(--color-primary);
+  letter-spacing: 0.2px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
 /* IM-source icon + username grouped together, kept right-aligned as a unit. */
 .imSourceNameGroup {
   display: inline-flex;

src/components/chat/ChatView.jsx

@@ -15,7 +15,7 @@ import { formatPromptNavTime } from '../../utils/formatters';
 import { buildPromptNavItems } from '../../utils/promptNav';
 import { getTeammateAvatar } from '../../utils/teammateAvatars';
 import { applyAvatarAnimationTargets } from '../../utils/avatarAnimationPostPass';
-import { isSystemText, classifyUserContent, isMainAgent, isTeammate, resolveTeammateNames, extractDisplayText } from '../../utils/contentFilter';
+import { isSystemText, classifyUserContent, isMainAgent, isTeammate, resolveTeammateNames, extractDisplayText, isUltraplanText } from '../../utils/contentFilter';
 import { classifyRequest, formatRequestTag, formatTeammateLabel } from '../../utils/requestType';
 import { playEvent as playVoiceEvent } from '../../utils/voicePackPlayer';
 import { buildChunksForAnswer, buildBracketPasteSubmitChunks, BRACKET_PASTE_SUBMIT_SETTLE_MS } from '../../utils/ptyChunkBuilder';
@@ -1341,7 +1341,7 @@ class ChatView extends React.Component {
           if (suggestionText && toolResults.length > 0) {
             // AskUserQuestion 的用户回复：跳过渲染（答案已在 assistant 侧问卷卡片上显示）
           } else {
-            const { commands, textBlocks, skillBlocks, teammateBlocks, taskNotificationBlocks } = classifyUserContent(content);
+            const { commands, textBlocks, skillBlocks, teammateBlocks, taskNotificationBlocks, ultraplan } = classifyUserContent(content);
             // 渲染 slash command 作为独立用户输入
             for (let ci = 0; ci < commands.length; ci++) {
               renderedMessages.push(
@@ -1360,7 +1360,7 @@ class ChatView extends React.Component {
             for (let ti = 0; ti < textBlocks.length; ti++) {
               const isPlan = /Implement the following plan:/i.test(textBlocks[ti].text || '');
               renderedMessages.push(
-                <ChatMessage key={`${keyPrefix}-user-${mi}-${ti}`} role={isPlan ? 'plan-prompt' : 'user'} text={textBlocks[ti].text} lang={this.props.lang} timestamp={ts} userProfile={userProfile} modelInfo={modelInfo} requestIndex={hasViewRequest ? reqIdx : undefined} onViewRequest={hasViewRequest ? onViewRequest : undefined} isHistoryLog={isHistoryLog} />
+                <ChatMessage key={`${keyPrefix}-user-${mi}-${ti}`} role={isPlan ? 'plan-prompt' : 'user'} text={textBlocks[ti].text} isUltraplan={!isPlan && ultraplan} lang={this.props.lang} timestamp={ts} userProfile={userProfile} modelInfo={modelInfo} requestIndex={hasViewRequest ? reqIdx : undefined} onViewRequest={hasViewRequest ? onViewRequest : undefined} isHistoryLog={isHistoryLog} />
               );
             }
             // 渲染 teammate-message 块
@@ -1420,8 +1420,9 @@ class ChatView extends React.Component {
             const dispText = extractDisplayText(content);
             if (dispText) {
               const isPlan = /Implement the following plan:/i.test(dispText);
+              const ultra = !isPlan && isUltraplanText(content);
               renderedMessages.push(
-                <ChatMessage key={`${keyPrefix}-user-${mi}`} role={isPlan ? 'plan-prompt' : 'user'} text={dispText} lang={this.props.lang} timestamp={ts} userProfile={userProfile} modelInfo={modelInfo} requestIndex={hasViewRequest ? reqIdx : undefined} onViewRequest={hasViewRequest ? onViewRequest : undefined} isHistoryLog={isHistoryLog} />
+                <ChatMessage key={`${keyPrefix}-user-${mi}`} role={isPlan ? 'plan-prompt' : 'user'} text={dispText} isUltraplan={ultra} lang={this.props.lang} timestamp={ts} userProfile={userProfile} modelInfo={modelInfo} requestIndex={hasViewRequest ? reqIdx : undefined} onViewRequest={hasViewRequest ? onViewRequest : undefined} isHistoryLog={isHistoryLog} />
               );
             }
           }

src/components/common/DialogueIcon.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+/**
+ * Two-bubble "dialogue" icon (two facing conversation bubbles) for the
+ * messaging (IM integration) menu entry. Distinguishes it from the single
+ * bubble MessageOutlined used by the "view user prompts" entry.
+ *
+ * Wrapped in a `.anticon` span so it inherits the same 1em font-size sizing and
+ * vertical alignment as the surrounding Ant Design menu icons; stroke uses
+ * currentColor so it follows the active theme (same approach as OpenFolderIcon).
+ */
+export default function DialogueIcon({ style, className = '' }) {
+  return (
+    <span role="img" aria-label="dialogue" className={`anticon ${className}`.trim()} style={style}>
+      <svg viewBox="0 0 24 24" width="1em" height="1em" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z" />
+        <path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1" />
+      </svg>
+    </span>
+  );
+}

src/components/dashboard/AppHeader.jsx

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
 import { Space, Tag, Button, Dropdown, Popover, Modal, Collapse, Drawer, Switch, Tabs, Spin, Input, Select, Segmented, Tooltip, message } from 'antd';
 import { DISPLAY_SCALE_PRESETS } from '../../utils/displayScaleHelper';
 import { hasNativeZoom, isMac } from '../../env';
-import { MessageOutlined, FileTextOutlined, ImportOutlined, DashboardOutlined, ExportOutlined, DownloadOutlined, SettingOutlined, BarChartOutlined, LineChartOutlined, CodeOutlined, CopyOutlined, ApiOutlined, SwapOutlined, EditOutlined, ThunderboltOutlined, QuestionCircleOutlined, PushpinOutlined, PushpinFilled } from '@ant-design/icons';
+import { MessageOutlined, FileTextOutlined, DashboardOutlined, DownloadOutlined, SettingOutlined, BarChartOutlined, LineChartOutlined, CodeOutlined, CopyOutlined, ApiOutlined, SwapOutlined, EditOutlined, ThunderboltOutlined, QuestionCircleOutlined, PushpinOutlined, PushpinFilled } from '@ant-design/icons';
 import { QRCodeCanvas } from 'qrcode.react';
 import { formatTokenCount, computeTokenStats, computeCacheRebuildStats, computeToolUsageStats, computeSkillUsageStats, readCalibrationModel, computeContextPercent, sumUsageInputTokens, sumUsageContextTokens } from '../../utils/helpers';
 import { contextSeverityColor } from '../../utils/formatters';
@@ -23,6 +23,7 @@ import { SettingsContext } from '../../contexts/SettingsContext';
 import ConceptHelp from '../common/ConceptHelp';
 import ToolsHelp from '../common/ToolsHelp';
 import OpenFolderIcon from '../common/OpenFolderIcon';
+import DialogueIcon from '../common/DialogueIcon';
 import CachePopoverContent from './CachePopoverContent';
 import LiveTagPopover from './LiveTagPopover';
 import MemoryDetailModal from '../common/MemoryDetailModal';
@@ -151,17 +152,29 @@ class AppHeader extends React.Component {
 
   // Electron 点击回传派发(_handleHeaderAction case 'menuShortcut')。
   // onClick 全部是 bound class-field arrow / inline arrow，可脱离菜单上下文 standalone 调用。
+  // Retry config only applies when traffic goes through a proxy/third-party gateway.
+  // "Confirmed proxy" = a non-built-in profile is active, or the built-in Default
+  // points at a non-official endpoint (same api.anthropic.com test as ProxyModal's
+  // Max warning). Official subscription (or config not yet loaded) → entry hidden.
+  _isProxyMode() {
+    const { activeProxyId, defaultConfig } = this.props;
+    if (activeProxyId && activeProxyId !== 'max') return true;
+    const origin = defaultConfig?.origin || '';
+    return !!origin && !/api\.anthropic\.com/i.test(origin);
+  }
+
   _getMenuDescriptors() {
     const { viewMode, onImportLocalLogs, isLocalLog } = this.props;
     return [
-      { key: 'import-local', icon: <ImportOutlined />, label: t('ui.importLocalLogs'), onClick: onImportLocalLogs },
-      { key: 'export-prompts', icon: <ExportOutlined />, label: t('ui.exportPrompts'), onClick: this.handleShowPrompts },
+      { key: 'import-local', icon: <FileTextOutlined />, label: t('ui.importLocalLogs'), onClick: onImportLocalLogs },
+      { key: 'export-prompts', icon: <MessageOutlined />, label: t('ui.exportPrompts'), onClick: this.handleShowPrompts },
       { key: 'plugin-management', icon: <ApiOutlined />, label: t('ui.pluginManagement'), onClick: this.handleShowPlugins },
       { key: 'process-management', icon: <DashboardOutlined />, label: t('ui.processManagement'), onClick: this.handleShowProcesses },
       // 日志模式下 IM 无法正常配置/使用，隐藏 IM 配置入口
-      ...(isLocalLog ? [] : [{ key: 'messaging', icon: <MessageOutlined />, label: t('ui.messaging.menu'), onClick: () => this.setState({ messagingModalVisible: true, messagingInitialTool: null }) }]),
+      ...(isLocalLog ? [] : [{ key: 'messaging', icon: <DialogueIcon />, label: t('ui.messaging.menu'), onClick: () => this.setState({ messagingModalVisible: true, messagingInitialTool: null }) }]),
       { key: 'proxy-switch', icon: <SwapOutlined />, label: t('ui.proxySwitch'), onClick: () => this.setState({ proxyModalVisible: true }) },
-      { key: 'retry-config', icon: <ThunderboltOutlined />, label: t('ui.retryConfig.title'), onClick: () => this.setState({ retryConfigModalVisible: true }) },
+      // Hidden on official subscription: retry orchestration targets proxy gateways only
+      ...(this._isProxyMode() ? [{ key: 'retry-config', icon: <ThunderboltOutlined />, label: t('ui.retryConfig.title'), onClick: () => this.setState({ retryConfigModalVisible: true }) }] : []),
       { key: 'edit-system-prompt', icon: <EditOutlined />, label: t('ui.expert.systemText'), onClick: () => this.setState({ systemTextModalVisible: true }), dividerAfter: true },
       { key: 'project-stats', icon: <BarChartOutlined />, label: t('ui.projectStats'), onClick: this.handleShowProjectStats },
       ...(viewMode === 'raw' ? [{ key: 'global-settings', icon: <SettingOutlined />, label: t('ui.globalSettings'), onClick: () => this.setState({ globalSettingsVisible: true }) }] : []),

src/components/settings/MessagingModal.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Modal } from 'antd';
-import { MessageOutlined } from '@ant-design/icons';
+import DialogueIcon from '../common/DialogueIcon';
 import { imTr as _tr } from '../../utils/imTr';
 import ImPlatformSettings from './ImPlatformSettings';
 import { IM_PLATFORMS } from './imPlatforms';
@@ -37,7 +37,7 @@ export default function MessagingModal({ open, onClose, initialTool }) {
       // active tab "拉出贴合下方面板" 的 Chrome 标签观感在明暗主题都成立(对照 UltraPlan)。
       // header 同步取 --bg-elevated,否则 light 下标题栏(antd 默认 #FFF)会与 body(#F9F9F9)错色。
       styles={{ content: { background: 'var(--bg-elevated)' }, header: { background: 'var(--bg-elevated)' }, mask: BLUR_MASK_STYLE }}
-      title={<span><MessageOutlined style={{ marginInlineEnd: 8 }} />{_tr('ui.messaging.title', null, 'Messaging Integrations')}</span>}
+      title={<span><DialogueIcon style={{ marginInlineEnd: 8 }} />{_tr('ui.messaging.title', null, 'Messaging Integrations')}</span>}
     >
       <div className={styles.tabRow}>
         {TOOLS.map((tool) => {

src/utils/contentFilter.js

@@ -285,6 +285,17 @@ export function isSyntheticPromptText(text) {
   return false;
 }
 
+// UltraPlan 输入识别：UltraPlanModal / CLI /ultraplan 都会把 ultraplanTemplates.js
+// 组装的 <system-reminder>[SCOPED INSTRUCTION]…</system-reminder> 模板前置到用户 prompt。
+// 该 marker 仅由 ultraplanTemplates.js 产出，故可作为「本轮是 UltraPlan 输入」的可靠信号。
+// stripSystemTags 会剥掉该块，所以必须在原始（未剥离）文本上判断；用负向前瞻确保 marker
+// 出现在同一个 <system-reminder>…</system-reminder> 块内部（不跨过闭合标签），避免用户正文里
+// 在某个无关 reminder 之后只是「提到」该短语时误判。
+export function isUltraplanText(text) {
+  if (!text || typeof text !== 'string') return false;
+  return /<system-reminder>(?:(?!<\/system-reminder>)[\s\S])*?\[SCOPED INSTRUCTION\]/i.test(text);
+}
+
 export function isSystemText(text) {
   if (!text) return true;
   const trimmed = text.trim();
@@ -469,7 +480,12 @@ export function classifyUserContent(content) {
   // 出现在 textBlocks 中；保留 skillBlocks 键以维持返回 shape（ChatView/ImConversationModal 消费）。
   const skillBlocks = [];
 
-  return { commands, textBlocks, skillBlocks, teammateBlocks, taskNotificationBlocks };
+  // 本轮是否为 UltraPlan 输入（原始文本仍含 <system-reminder>[SCOPED INSTRUCTION] marker，
+  // 此时尚未被 stripSystemTags 剥离）。消费方（ChatView）据此在用户气泡上方渲染 [UltraPlan] 标签。
+  const ultraplan = Array.isArray(content)
+    && content.some(b => b && b.type === 'text' && isUltraplanText(b.text));
+
+  return { commands, textBlocks, skillBlocks, teammateBlocks, taskNotificationBlocks, ultraplan };
 }
 
 /**