@spzxg/cli-ui 0.6.0 → 0.6.1

package/src/ui/TextBlock.tsx

@@ -22,7 +22,7 @@ export const TextBlockCard = memo(function TextBlockCard({ block, onRemove }: {
   return (
     <div className={`cli-block ${open ? "open" : ""}`}>
       <div className="cli-block-h">
-        <span className="cli-block-ic">{block.kind === "file" ? Icon.doc() : block.kind === "context" ? Icon.board() : block.kind === "background" ? Icon.flag() : Icon.clip()}</span>
+        <span className="cli-block-ic">{block.kind === "file" ? Icon.doc() : block.kind === "context" || block.kind === "viewing" ? Icon.board() : block.kind === "background" ? Icon.flag() : Icon.clip()}</span>
         <span className="cli-block-name" title={block.name}>{block.name}</span>
         <span className="cli-block-meta">{fmtCount(chars)} 字 · {fmtCount(lines)} 行</span>
         <span className="cli-block-sp" />

package/src/ui/Transcript.tsx

@@ -283,9 +283,10 @@ function AttachmentStrip({ items, attachmentUrl }: { items: MsgAttachment[]; att
 }
 
 /** 用户消息正文：普通文字按 markdown 渲染，附件 / 长粘贴是可折叠卡片，很长的纯文字也折叠。 */
-function UserBody({ content, attachmentUrl }: { content: string; attachmentUrl?: (a: MsgAttachment) => string | null }) {
+function UserBody({ content, attachmentUrl, viewing = true }: { content: string; attachmentUrl?: (a: MsgAttachment) => string | null; viewing?: boolean }) {
   const { text, attachments } = splitAttachments(content);
-  const parts = text ? splitMessage(text) : [];
+  // 看板上正在看的东西（缺省随消息带上的那块）：配置成不显示时转录里也不显示。
+  const parts = (text ? splitMessage(text) : []).filter((p) => viewing || p.kind !== "block" || p.block.kind !== "viewing");
   return (
     <>
       {parts.map((part, i) => part.kind === "block"
@@ -310,7 +311,11 @@ function LongText({ text }: { text: string }) {
 }
 
 /** 消息行的显示选项（来自组件配置）。要引用稳定，否则 memo 失效。 */
-export interface MessageViewOptions { timestamps: boolean; initialBadge: boolean; userLabel: string; agentName: string }
+export interface MessageViewOptions {
+  timestamps: boolean; initialBadge: boolean; userLabel: string; agentName: string;
+  /** 用户消息里「看板正在看」那块显示成卡片；false = 不显示（照样发给了智能体）。缺省显示。 */
+  viewingBlock?: boolean;
+}
 const DEFAULT_VIEW: MessageViewOptions = { timestamps: true, initialBadge: true, userLabel: "你", agentName: "智能体" };
 
 export interface MessageHandlers {
@@ -340,7 +345,7 @@ export const MessageView = memo(function MessageView({ m, initial: isInitial, hi
       <div className="msg user queued">
         <div className="who"><Avatar who="user" /> {view.userLabel}<span className="badge queued-badge">排队中</span>{time}</div>
         <div className="msg-body">
-          <UserBody content={m.content} attachmentUrl={handlers.attachmentUrl} />
+          <UserBody content={m.content} attachmentUrl={handlers.attachmentUrl} viewing={view.viewingBlock} />
           {m.note && <div className="cli-queued-note">⏳ {m.note}</div>}
           {handlers.onCancelQueued && <button className="queued-x" title="从队列中移除" aria-label="从队列中移除" onClick={() => handlers.onCancelQueued!(m)}>{Icon.x()}</button>}
         </div>
@@ -388,7 +393,7 @@ export const MessageView = memo(function MessageView({ m, initial: isInitial, hi
       )}
       <div className="msg-body">
         {initial && <div className="initial-tag">{Icon.spark()} 已随项目上下文发送</div>}
-        {isUser ? <UserBody content={m.content} attachmentUrl={handlers.attachmentUrl} /> : m.content && <Markdown>{m.content}</Markdown>}
+        {isUser ? <UserBody content={m.content} attachmentUrl={handlers.attachmentUrl} viewing={view.viewingBlock} /> : m.content && <Markdown>{m.content}</Markdown>}
       </div>
     </div>
   );