dsh-codinput 0.3.5 → 0.3.7

package/src/client/components/slotEntry.tsx

@@ -5,7 +5,7 @@
  * 共用同一套合成公式，抽到这里避免多份漂移）。
  */
 
-import { useCallback, useSyncExternalStore, Component } from 'react';
+import { createElement, useCallback, useSyncExternalStore, Component } from 'react';
 import type { HostObservable, SlotEntryLike } from '../host-types';
 import { bindForeign } from '../i18n';
 import { diagError } from '../diag';
@@ -42,11 +42,33 @@ export function useSlotEntries(key: string): readonly unknown[] {
   return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 
+/**
+ * React 可作为元素类型使用的「组件包装」符号（memo / forwardRef / lazy）。
+ * 只认这三类，不做「任意 symbol `$$typeof`」放行——element / context / 伪造
+ * 对象都不是可渲染组件类型：放行后 React 会在为子元素创建 Fiber 时抛 #130，
+ * 而该错误发生在 EntryBoundary 自身的工作单元内（边界只捕获后代错误），会
+ * 冒泡到宿主的 SlotErrorBoundary 并废黜 conversation.composer.bar（接管整体
+ * 退回官方输入框）。收紧后这类坏条目回到静默跳过，与 v0.3.5 行为一致。
+ */
+const RENDERABLE_OBJECT_TYPES: readonly symbol[] = [
+  Symbol.for('react.memo'),
+  Symbol.for('react.forward_ref'),
+  Symbol.for('react.lazy'),
+];
+
+/** 组件位是否为 React 可渲染类型（函数组件 / memo / forwardRef / lazy 包装）。 */
+export function isRenderableComponent(value: unknown): boolean {
+  if (typeof value === 'function') return true;
+  if (value === null || typeof value !== 'object') return false;
+  const type = (value as { $$typeof?: unknown }).$$typeof;
+  return typeof type === 'symbol' && RENDERABLE_OBJECT_TYPES.includes(type);
+}
+
 /** single 槽位赢家 = entries 首个带组件的条目（register 即按优先级排序）。 */
 export function firstComponentEntry(entries: readonly unknown[]): SlotEntryLike | null {
   for (const candidate of entries) {
     const record = candidate as SlotEntryLike | null | undefined;
-    if (record && typeof record === 'object' && typeof record.component === 'function') return record;
+    if (record && typeof record === 'object' && isRenderableComponent(record.component)) return record;
   }
   return null;
 }
@@ -61,7 +83,7 @@ export function listRows(entries: readonly unknown[]): SlotEntryLike[] {
   const byId = new Map<unknown, SlotEntryLike>();
   for (const candidate of entries) {
     const record = candidate as (SlotEntryLike & { options?: { id?: unknown } }) | null | undefined;
-    if (!record || typeof record !== 'object' || typeof record.component !== 'function') continue;
+    if (!record || typeof record !== 'object' || !isRenderableComponent(record.component)) continue;
     const id = (record as { options?: { id?: unknown } }).options?.id;
     if (byId.has(id)) continue;
     byId.set(id, record);
@@ -82,6 +104,76 @@ export function entryId(entry: SlotEntryLike, index: number): string {
   return options?.id ?? `#${index}`;
 }
 
+/**
+ * 座位「第三方遮蔽者」判据（单值座让位用）。
+ *
+ * 宿主的动态包守卫（dsh-cordis-client-runner 的 `guardedSlots`）对非 chain
+ * 槽位的 register 做两件事：① **强制**用页内遮蔽秩覆盖插件自报的 priority
+ * （`--nextPriority`，负数且唯一——插件写 priority:-1 也会被覆盖成分配值）；
+ * ② fiber 名取 `dyn/<pluginId>`，而条目 `registrant` = `options.registrant ??
+ * fiber.name`。出厂自带占用者（如 client-ui-model-selection 的 ModelSelect）
+ * 不经过该守卫：不带 priority（≡0），registrant 也没有 `dyn/` 前缀。
+ *
+ * 据此把「第三方遮蔽者」与「出厂占用者」分开：前者应当让位（镜像它），
+ * 后者继续由 Codinput 自绘控件代表（镜像出厂条目会与自绘控件重复）。
+ * 负 priority 是主判据（分配秩即遮蔽意图）；`dyn/` 前缀是兜底（防旧宿主/
+ * 未来守卫变化下 priority 未落进条目 options 的形态）。
+ */
+export function isShadowingOccupant(entry: SlotEntryLike): boolean {
+  const options = (entry as { options?: { priority?: number; registrant?: string } }).options;
+  const priority = options?.priority;
+  if (typeof priority === 'number' && priority < 0) return true;
+  const registrant = entry.registrant ?? options?.registrant;
+  return typeof registrant === 'string' && registrant.startsWith('dyn/');
+}
+
+/**
+ * 单条目渲染（座位镜像与单值座共用）：官方 SessionEntry → renderEntry 的
+ * props 展开式 `{...standard(kit), sessionId, ...entryInjectProps, ...t,
+ * ...ownerProps}`——owner props 最后展开（如模型座的 `locked` 不被 kit 覆盖）。
+ * 逐条目 EntryBoundary 隔离：单个条目崩溃只丢本座位。
+ */
+export function renderSlotEntry(
+  entry: SlotEntryLike,
+  key: string,
+  options: {
+    sessionId: string;
+    standard: Record<string, unknown> | undefined;
+    /** 官方 renderSlot 第二参数的 owner props（如模型座 { locked }）。 */
+    ownerProps?: Record<string, unknown> | undefined;
+    /** 条目崩溃时的兜底渲染（单值座让位用：回退自绘控件；缺省 null）。 */
+    fallback?: React.ReactNode;
+  },
+): JSX.Element {
+  const { sessionId, standard, ownerProps, fallback } = options;
+  const Comp = entry.component as React.ComponentType<Record<string, unknown>>;
+  // 条目词典的 t（官方 localeSeat 同款）；无 locale 或绑定失败 → 不下发，
+  // 组件按各自回退（如 enhancer 回退内置中文词典）。
+  let t: unknown;
+  try {
+    t = translatorFor(entry) ?? undefined;
+  } catch {
+    t = undefined;
+  }
+  let injected: Record<string, unknown> | null = null;
+  try {
+    injected = entryInjectProps(entry, sessionId);
+  } catch (error) {
+    diagError('slot.seat.inject', error);
+  }
+  return createElement(
+    EntryBoundary,
+    { key, fallback },
+    createElement(Comp, {
+      ...(standard ?? {}),
+      sessionId,
+      ...(injected ?? {}),
+      ...(t !== undefined ? { t } : {}),
+      ...(ownerProps ?? {}),
+    }),
+  );
+}
+
 export type SnapshotSelectorHook = <S>(sel: (s: any) => S, eq?: (a: S, b: S) => boolean) => S;
 
 /** 快照 store → use<Name> 选择器钩子（官方 observableHook 同款，按源缓存）。 */
@@ -113,38 +205,60 @@ export function standardHookPropName(name: string): string {
  * 复刻）：以 sessionId 调 inject，把 hooks 子表折成 use<Name> 钩子、其余
  * 原样下传；keyedHooks 需要官方 keyed resolver 面，插件侧不可复现 → 跳过
  * （现网条目无键控钩子）。结果按（条目 × 会话）缓存——官方同款缓存轴。
+ *
+ * 为什么额外记「失败」：官方 renderer 是在**宿主自己的 fiber 上下文里**调
+ * 这个 inject 闭包；插件侧从自己的 fiber 调会丢掉条目所属插件的 ctx 绑定，
+ * 于是依赖宿主服务面的 inject 会抛 `cannot get property "remote.session"
+ * without inject`（实测 dsh-model-accordion 0.2.1 的 `directoryFor`）。这是
+ * 插件侧不可复现的边界——单值座镜像据此让位降级（回退自绘控件），而不是把
+ * 空 props 下发给一个必然崩溃的组件。
  */
-const entryInjectCache = new WeakMap<object, Map<string, Record<string, unknown> | null>>();
-export function entryInjectProps(entry: SlotEntryLike, sessionId: string): Record<string, unknown> | null {
-  if (typeof entry.inject !== 'function') return null;
+interface InjectBound {
+  props: Record<string, unknown> | null;
+  failed: boolean;
+}
+const entryInjectCache = new WeakMap<object, Map<string, InjectBound>>();
+
+function boundInject(entry: SlotEntryLike, sessionId: string): InjectBound {
   let perSession = entryInjectCache.get(entry);
   if (!perSession) {
     perSession = new Map();
     entryInjectCache.set(entry, perSession);
   }
-  if (!perSession.has(sessionId)) {
-    let bound: Record<string, unknown> | null = null;
-    try {
-      const face = entry.inject(sessionId);
-      if (face && typeof face === 'object') {
-        const { hooks: _hooks, keyedHooks: _keyed, ...rest } = face as Record<string, unknown> & {
-          hooks?: Record<string, unknown>;
-          keyedHooks?: Record<string, unknown>;
-        };
-        void _keyed;
-        for (const [name, source] of Object.entries(_hooks ?? {})) {
-          const hook = snapshotHookFor(source);
-          if (hook) rest[standardHookPropName(name)] = hook;
-        }
-        bound = rest;
+  const cached = perSession.get(sessionId);
+  if (cached) return cached;
+  let bound: InjectBound = { props: null, failed: false };
+  try {
+    const face = entry.inject?.(sessionId);
+    if (face && typeof face === 'object') {
+      const { hooks: _hooks, keyedHooks: _keyed, ...rest } = face as Record<string, unknown> & {
+        hooks?: Record<string, unknown>;
+        keyedHooks?: Record<string, unknown>;
+      };
+      void _keyed;
+      for (const [name, source] of Object.entries(_hooks ?? {})) {
+        const hook = snapshotHookFor(source);
+        if (hook) rest[standardHookPropName(name)] = hook;
       }
-    } catch (error) {
-      diagError('slot.inject', error);
-      bound = null;
+      bound = { props: rest, failed: false };
     }
-    perSession.set(sessionId, bound);
+  } catch (error) {
+    diagError('slot.inject', error);
+    bound = { props: null, failed: true };
   }
-  return perSession.get(sessionId) ?? null;
+  perSession.set(sessionId, bound);
+  return bound;
+}
+
+export function entryInjectProps(entry: SlotEntryLike, sessionId: string): Record<string, unknown> | null {
+  if (typeof entry.inject !== 'function') return null;
+  return boundInject(entry, sessionId).props;
+}
+
+/** 该条目 inject 是否抛错（宿主 ctx 绑定面缺失的判据，见上）。 */
+export function entryInjectFailed(entry: SlotEntryLike, sessionId: string): boolean {
+  if (typeof entry.inject !== 'function') return false;
+  return boundInject(entry, sessionId).failed;
 }
 
 /** 官方 renderer 的 locale 座位：locale.bind(entry.locale)，按 ns 缓存。 */

package/src/client/host-types.ts

@@ -61,7 +61,15 @@ export interface SlotEntryLike {
   readonly inject?: (...args: unknown[]) => Record<string, unknown>;
   /** 条目词典命名空间（locale.bind(ns) 即官方传给组件的 t）。 */
   readonly locale?: string;
+  /** 归属（options.registrant ?? fiber.name；动态包为 dyn/<pluginId>）。 */
   readonly registrant?: string;
+  /** 注册选项切面：priority 负数 = 动态包被守卫分配的页内遮蔽秩（见 slotEntry）。 */
+  readonly options?: {
+    readonly id?: string;
+    readonly order?: number;
+    readonly priority?: number;
+    readonly registrant?: string;
+  };
 }
 
 // ---------- input machine ----------

package/src/client/i18n.ts

@@ -92,6 +92,14 @@ const ZH: Dict = {
   'perm.preset.danger-full-access': '完全权限',
   'set.enabled': '启用接管',
   'set.enabledDesc': '关闭即恢复官方输入框，草稿不丢；/codinput 同样可切换',
+  'set.userMarkdown': '用户消息 Markdown 渲染',
+  'set.userMarkdownDesc': '右侧自己发出的消息按 Markdown 排版（标题/列表/代码块等）；关闭恢复官方纯文本',
+  'umsg.copy': '复制',
+  'umsg.copied': '已复制',
+  'umsg.referenceSummary': '引用：{labels}',
+  'umsg.clock.md': '{m}月{d}日',
+  'umsg.clock.ymd': '{y}年{m}月{d}日',
+  'umsg.extraBlock': '额外内容块',
   'set.lineNumbers': '显示行号',
   'set.lineNumbersDesc': '当前行与行号高亮常开',
   'set.font': '编辑器字体',
@@ -196,6 +204,14 @@ const EN: Dict = {
   'perm.preset.danger-full-access': 'Full access',
   'set.enabled': 'Take over composer',
   'set.enabledDesc': 'Turning it off restores the official composer; the draft is kept. /codinput toggles it too.',
+  'set.userMarkdown': 'Markdown for user messages',
+  'set.userMarkdownDesc': 'Render your own (right-side) messages as Markdown — headings, lists, code blocks; off restores the official plain text',
+  'umsg.copy': 'Copy',
+  'umsg.copied': 'Copied',
+  'umsg.referenceSummary': 'Referenced: {labels}',
+  'umsg.clock.md': '{m}/{d}',
+  'umsg.clock.ymd': '{y}/{m}/{d}',
+  'umsg.extraBlock': 'Extra content block',
   'set.lineNumbers': 'Show line numbers',
   'set.lineNumbersDesc': 'The current line and its gutter number stay highlighted',
   'set.font': 'Editor font',

package/src/client/index.tsx

@@ -17,6 +17,7 @@ import { diagError, diagWindow, runGuarded } from './diag';
 import { loadPrefs, subscribePrefs } from './prefs';
 import { isAnySidebarInputCarried, subscribeSidebarInput } from './sideinput';
 import { barRegistration, CodinputBar } from './components/CodinputBar';
+import { userMarkdownRegistrations } from './components/UserMessageMarkdown';
 import { sidebarBodyRegistration, sidebarTabDefinition, sidebarTitleRegistration } from './sidebar';
 import { settingsRegistration } from './settings';
 import { registerCodinputCommand } from './command';
@@ -121,6 +122,46 @@ export function apply(ctx: ClientContext): void {
     subscribeSidebarInput(reconcileBar);
   });
 
+  // ---- 用户消息 Markdown：conversation.chat.node 键控座 user/steering 遮蔽 ----
+  // 独立于接管开关，自带 prefs.userMarkdown；关闭即卸载条目把消息渲染还座
+  // 官方（同 key 低 priority 者胜，动态包守卫强制分配负秩）。
+  runGuarded('md.register', () => {
+    const mdSeats = userMarkdownRegistrations();
+    const mdMounted = new Map<string, () => void>();
+    const mdWanted = (): boolean => loadPrefs().userMarkdown;
+    const mountMdSeat = (seat: (typeof mdSeats)[number]): void => {
+      const key = seat.options.key ?? '';
+      if (mdMounted.has(key) || !mdWanted()) return;
+      mdMounted.set(key, ctx.slots.register(seat.options, seat.component));
+      diagWindow().__dshCodinputShell[`md.${key}`] = 'mounted';
+    };
+    const unmountMdSeat = (key: string): void => {
+      const disposer = mdMounted.get(key);
+      if (!disposer) return;
+      mdMounted.delete(key);
+      try {
+        disposer();
+        diagWindow().__dshCodinputShell[`md.${key}`] = 'unmounted';
+      } catch (error) {
+        diagError('md.dispose', error);
+      }
+    };
+    const reconcileMd = (): void => {
+      for (const seat of mdSeats) {
+        const key = seat.options.key ?? '';
+        if (mdWanted()) {
+          tryRegister(() => mountMdSeat(seat), `md.${key}`);
+        } else {
+          unmountMdSeat(key);
+        }
+      }
+    };
+    reconcileMd();
+    runGuarded('md.prefs', () => {
+      subscribePrefs(reconcileMd);
+    });
+  });
+
   // ---- 侧边模式：sidebarRightTabs 两段式注册（dockkit 承担停靠/浮动） ----
   runGuarded('sidebar.register', () => {
     ctx.inject(['slots', 'sidebarRightTabs', 'sidebarRight'], (scope: Record<string, unknown>) => {

package/src/client/prefs.ts

@@ -17,6 +17,8 @@ export type CodinputMode = 'normal' | 'float' | 'side';
 export interface CodinputPrefs {
   /** 启用接管：关闭即恢复官方输入框（卸载遮蔽条目）。 */
   enabled: boolean;
+  /** 用户消息 Markdown 渲染（键控座 conversation.chat.node 的 user/steering 遮蔽）。 */
+  userMarkdown: boolean;
   /** 显示行号（当前行与行号高亮常开）。 */
   lineNumbers: boolean;
   /** 编辑器字体（默认 JetBrains Mono）。 */
@@ -43,6 +45,7 @@ export interface CodinputPrefs {
 
 export const DEFAULT_PREFS: CodinputPrefs = {
   enabled: true,
+  userMarkdown: true,
   lineNumbers: true,
   fontFamily: "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
   sendHotkey: 'mod+enter',

package/src/client/settings.tsx

@@ -176,6 +176,13 @@ export function CodinputSettingsSection(): JSX.Element {
       <Row title={t("set.enabled")} desc={t("set.enabledDesc")}>
         <Switch on={prefs.enabled} label={t("set.enabled")} onToggle={() => update({ enabled: !prefs.enabled })} />
       </Row>
+      <Row title={t("set.userMarkdown")} desc={t("set.userMarkdownDesc")}>
+        <Switch
+          on={prefs.userMarkdown}
+          label={t("set.userMarkdown")}
+          onToggle={() => update({ userMarkdown: !prefs.userMarkdown })}
+        />
+      </Row>
       <Row title={t("set.lineNumbers")} desc={t("set.lineNumbersDesc")}>
         <Switch on={prefs.lineNumbers} label={t("set.lineNumbers")} onToggle={() => update({ lineNumbers: !prefs.lineNumbers })} />
       </Row>

package/src/client/styles.ts

@@ -537,6 +537,124 @@ button.dci-attach-body { color: inherit; font: inherit; text-align: left; backgr
 .dci-btn-primary:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover, currentColor); }
 .dci-btn-cancel { min-width: 72px; }
 .dci-btn-confirm { min-width: 136px; }
+
+/* ===== 用户消息 Markdown（chat.node 键控座遮蔽条目）=====
+   气泡/操作行/附件行取值逐条移植官方 MessageItem.module.css 与
+   MessageIconActions.module.css；Markdown 排版逐条移植官方
+   MarkdownText.module.css；引用 chip 逐条移植官方 user-text.module.css。
+   官方走 --dsw-* token 的取值这里同样走 token（换肤全盘跟随）。 */
+.dci-umsg-row { flex-direction: column; align-items: flex-end; gap: 6px; display: flex; }
+.dci-umsg-stack { min-width: 0; max-width: min(calc(var(--dsh-chat-content-width, 748px) * 0.702), 82%);
+  flex-direction: column; align-items: flex-end; gap: 8px; display: flex; }
+.dci-umsg-bubble { background: var(--dsw-specific-bubble); border-radius: var(--dsw-radius-xl); max-width: 100%;
+  font-size: var(--dsh-content-font-size, 14px); line-height: calc(22px + var(--dsh-content-font-delta, 0px));
+  color: var(--dsw-alias-label-primary); white-space: pre-wrap; word-break: break-word; padding: 10px 16px; }
+.dci-umsg-refsum { color: var(--dsw-alias-label-tertiary);
+  font-size: var(--dsh-content-font-size-secondary, 13px); line-height: calc(18px + var(--dsh-content-font-delta-secondary, 0px)); }
+.dci-umsg-attrow { flex-wrap: wrap; justify-content: flex-end; gap: 8px; max-width: 100%; display: flex; }
+.dci-umsg-file { border: 0.5px solid var(--dsw-alias-border-l2, #0000001f); border-radius: var(--dsw-radius-xl);
+  background: var(--dsw-specific-input-major, transparent); box-sizing: border-box; flex: 0 0 240px;
+  align-items: center; gap: 10px; width: 240px; min-height: 64px; padding: 8px 12px; display: inline-flex; }
+.dci-umsg-fileglyph { flex: none; width: 28px; height: 28px; }
+.dci-umsg-filecontent { flex-direction: column; flex: 1; min-width: 0; display: flex; }
+.dci-umsg-filename { white-space: nowrap; text-overflow: ellipsis; color: var(--dsw-alias-label-primary);
+  font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; }
+.dci-umsg-filemeta { white-space: nowrap; text-overflow: ellipsis; color: var(--dsw-alias-label-tertiary, #00000073);
+  font-size: 12px; line-height: 15px; overflow: hidden; }
+.dci-umsg-actions { height: calc(28px + var(--dsh-content-font-delta, 0px)); align-items: center; gap: 8px; display: flex; }
+.dci-umsg-time { font-size: var(--dsh-content-font-size-secondary, 13px);
+  line-height: calc(24px + var(--dsh-content-font-delta, 0px)); color: var(--dsw-alias-label-tertiary); white-space: nowrap; padding-right: 12px; }
+.dci-umsg-action { width: calc(28px + var(--dsh-content-font-delta, 0px)); height: calc(28px + var(--dsh-content-font-delta, 0px));
+  border-radius: var(--dsw-radius-sm); color: var(--dsw-alias-label-tertiary); cursor: pointer; background: 0 0;
+  border: none; justify-content: center; align-items: center; padding: 6px; display: inline-flex; }
+.dci-umsg-action svg { width: calc(15px + var(--dsh-content-font-delta, 0px)); height: calc(15px + var(--dsh-content-font-delta, 0px)); }
+.dci-umsg-action:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-secondary); }
+/* 悬停显形（官方同款 data 属性面：chat 根的 data-actions-reveal 与 flowItem 的
+   data-chat-flow-kind 都在宿主 DOM 上，这里只换目标类）。 */
+@media (hover: hover) {
+  [data-actions-reveal="hover"] .dci-umsg-actions,
+  :is([data-chat-flow-kind="user"], [data-chat-flow-kind="steering"]):has(~ :is([data-chat-flow-kind="user"], [data-chat-flow-kind="steering"])) .dci-umsg-actions { opacity: 0; transition: opacity 80ms; }
+  [data-actions-reveal="hover"]:hover .dci-umsg-actions,
+  [data-actions-reveal="hover"]:focus-within .dci-umsg-actions,
+  :is([data-chat-flow-kind="user"], [data-chat-flow-kind="steering"]):hover .dci-umsg-actions,
+  :is([data-chat-flow-kind="user"], [data-chat-flow-kind="steering"]):focus-within .dci-umsg-actions { opacity: 1; }
+}
+.dci-umsg-extra { margin: 8px 0 0; padding: 8px; border: 0.5px solid var(--dsw-alias-border-l2);
+  border-radius: var(--dsw-radius-sm); font-family: var(--ds-font-family-code); font-size: 12px; line-height: 18px;
+  overflow: auto; max-height: 200px; white-space: pre; }
+
+/* Markdown 排版（官方 MarkdownText.module.css 逐条移植，.markdown → 本根）。 */
+.dci-umsg-md { min-width: 0; overflow-wrap: anywhere; font: var(--dsw-font-markdown-base);
+  color: var(--dsw-alias-label-primary); white-space: normal; }
+.dci-umsg-md strong { font-weight: 600; }
+.dci-umsg-md h1 { font: var(--dsw-font-markdown-h1); margin: 32px 0 16px; }
+.dci-umsg-md h2 { font: var(--dsw-font-markdown-h2); margin: 32px 0 16px; }
+.dci-umsg-md h3 { font: var(--dsw-font-markdown-h3); margin: 32px 0 16px; }
+.dci-umsg-md h4 { font: var(--dsw-font-markdown-h4); margin: 16px 0; }
+.dci-umsg-md :where(h5, h6) { font: var(--dsw-font-markdown-base-strong); margin: 16px 0; }
+.dci-umsg-md :where(h1, h2, h3, h4, h5, h6) strong { font-weight: inherit; }
+.dci-umsg-md p { margin: 16px 0; }
+.dci-umsg-md :where(h4, h5, h6) + :where(ul, ol) { margin-top: 8px; }
+.dci-umsg-md :where(h4, h5, h6):has(+ :where(ul, ol)) { margin-bottom: 8px; }
+.dci-umsg-md a { color: var(--dsw-alias-link); font-weight: 500;
+  transition: box-shadow var(--ds-transition-duration) var(--ds-ease-in-out); position: relative; text-decoration: none;
+  border-left: 3px solid rgb(255 255 255 / 0); border-right: 3px solid rgb(255 255 255 / 0);
+  border-top: 2px solid rgb(255 255 255 / 0); border-bottom: 2px solid rgb(255 255 255 / 0);
+  margin-left: -3px; margin-right: -3px; }
+.dci-umsg-md a:hover, .dci-umsg-md a:focus { outline: none; text-decoration: underline dotted var(--dsw-alias-link); text-underline-offset: 3px; }
+.dci-umsg-md a:focus-visible { box-shadow: 0 0 0 2px var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); }
+.dci-umsg-md :where(ul, ol) { margin: 16px 0; padding-left: 18px; }
+.dci-umsg-md li:not(:first-child) { margin-top: 6px; }
+.dci-umsg-md li > :where(ul, ol) { margin-top: 4px; }
+.dci-umsg-md li::marker { line-height: 24px; color: var(--dsw-alias-label-secondary); }
+.dci-umsg-md :where(ul, ol) ol { list-style-position: inside; padding-left: 0; }
+.dci-umsg-md :where(ul, ol) ol li p { display: inline; }
+.dci-umsg-md li > p { margin: 8px 0; }
+.dci-umsg-md li > *:first-child { margin-top: 0; }
+.dci-umsg-md hr { display: block; border: none; height: 0.5px; margin: 32px 0; background: var(--dsw-alias-border-l2); }
+.dci-umsg-md blockquote { border-left: 2px solid var(--dsw-alias-label-caption); margin: 16px 0 0; padding-left: 14px; }
+/* 围栏代码块：官方 CodeBlock.module.css 的 .block :where(pre) 逐值——底色/圆角/
+   字体走官方 token（换肤跟随），气泡内靠底色与气泡面区分。语言横幅仍不做
+   （组件头注释的已知边界）。 */
+.dci-umsg-md pre { margin: 16px 0; padding: 16px; font: var(--dsw-font-markdown-code-block, var(--ds-font-family-code));
+  background: var(--dsw-alias-markdown-code-block, color-mix(in srgb, currentColor 6%, transparent));
+  color: var(--dsw-alias-label-primary); white-space: pre-wrap; word-break: break-all; overflow-x: auto;
+  border-radius: var(--dsw-radius-lg); }
+.dci-umsg-md pre code { font: inherit; background: none; padding: 0; }
+.dci-umsg-md :not(pre) > code { display: inline-flex; align-items: center; box-sizing: border-box;
+  font: var(--dsw-font-markdown-code); font-family: var(--ds-font-family-code); font-size: 0.875em !important;
+  /* 底色与围栏代码块同一 token（--dsw-alias-markdown-code-block，产品决策 2026-10-29：
+     两种代码面同色）。官方 --dsw-alias-markdown-inline-code 对页面底设计（深色
+     rgb(41,41,41)），进用户气泡（深色 rgb(44,44,46)）只差 3/255 不可辨，故不取它。 */
+  background-color: var(--dsw-alias-markdown-code-block, color-mix(in srgb, currentColor 6%, transparent));
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-sm); padding: 0 5px; }
+.dci-umsg-md :where(h1, h2, h3, h4, h5, h6) code { font: inherit; font-family: var(--ds-font-family-code); }
+.dci-umsg-md input[type='checkbox'] { margin: 0 8px 0 0; accent-color: var(--dsw-alias-label-secondary); }
+.dci-umsg-md img { display: block; width: auto; max-width: 100%; height: auto; margin: 0;
+  border-radius: var(--dsw-radius-md); background: var(--dsw-alias-bg-base); object-fit: contain; }
+.dci-umsg-tscroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
+.dci-umsg-tscroll table { border-collapse: collapse; width: max-content; max-width: max-content; }
+.dci-umsg-tscroll th { text-align: start; padding: 10px 16px; border-bottom: 0.5px solid var(--dsw-alias-border-l3);
+  border-top: none; font: var(--dsw-font-markdown-table-head); max-width: min(30vw, 320px); min-width: 100px; }
+.dci-umsg-tscroll td { padding: 10px 16px; border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font: var(--dsw-font-markdown-table); max-width: min(30vw, 320px); min-width: 100px; }
+.dci-umsg-tscroll th:first-child, .dci-umsg-tscroll td:first-child { padding-left: 0; }
+.dci-umsg-tscroll td:last-child { padding-right: 0; }
+.dci-umsg-tscroll table code { font-size: 11px; }
+.dci-umsg-md > :first-child, .dci-umsg-md p:first-child { margin-top: 0 !important; }
+.dci-umsg-md > :last-child, .dci-umsg-md p:last-child { margin-bottom: 0 !important; }
+
+/* 引用 chip（官方 user-text.module.css 逐条移植）：inline 走消费方基线，
+   可点 chip 用官方 fileMention 的链接语言。 */
+.dci-umsg-chip { display: inline; max-width: 100%; margin: 0 2px; color: var(--dsw-alias-state-business-primary);
+  font-weight: 500; white-space: inherit; overflow-wrap: anywhere; text-align: inherit; }
+button.dci-umsg-chip { margin: 0; padding: 0; border: none; background: none; font: inherit;
+  color: var(--dsw-alias-link); text-decoration: none; cursor: pointer; }
+button.dci-umsg-chip:hover, button.dci-umsg-chip:focus { outline: none; text-decoration: underline dotted var(--dsw-alias-link); text-underline-offset: 3px; }
+button.dci-umsg-chip:focus-visible { box-shadow: 0 0 0 2px var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); }
+.dci-umsg-chip[data-chip="slash"] { font-family: var(--dsw-font-markdown-code-font-family); }
+.dci-umsg-chipicon { width: 1em; height: 1em; margin-right: 4px; vertical-align: -0.125em; }
 `;
 
 export function injectStyles(): void {