@lark-apaas/coding-template-nestjs-react-fullstack 0.1.55-alpha.20261101083729 → 0.1.55

package/template/client/src/components/business-ui/record-comments/internal/model.ts

@@ -1,581 +0,0 @@
-import type { CommentPart, CommentApiContent, CommentValue, MentionRef, MentionResult } from '../types';
-import type { CommentImageInput, CommentPanelProps, CommentPagination, CommentTarget, CommentWriteContent } from '../comment-panel.contract';
-import type { DiscussionDraft, DiscussionImage, DiscussionThread } from './view-types';
-
-export const emptyComment = (): CommentValue => ({ version: 1, content: [] });
-
-export function mentionKey(ref: MentionRef): string {
-  return JSON.stringify([
-    ref.kind,
-    ref.kind === 'user' ? ref.idType : ref.resourceType,
-    ref.id,
-  ]);
-}
-
-export function isMentionRef(value: unknown): value is MentionRef {
-  if (!value || typeof value !== 'object') return false;
-  const ref = value as Record<string, unknown>;
-  return (
-    typeof ref.id === 'string' &&
-    ref.id.length > 0 &&
-    ((ref.kind === 'user' && ['apaas-user', 'lark-user', 'snapshot'].includes(String(ref.idType))) ||
-      (ref.kind === 'document' &&
-        typeof ref.resourceType === 'string' &&
-        ref.resourceType.length > 0))
-  );
-}
-
-export function safeUrl(url?: string): string | undefined {
-  if (!url) return undefined;
-  if (
-    url.startsWith('/') &&
-    !url.startsWith('//') &&
-    !/[\\\s\u0000-\u001f]/.test(url)
-  )
-    return url;
-  try {
-    const parsed = new URL(url);
-    return parsed.protocol === 'https:' || parsed.protocol === 'http:'
-      ? parsed.href
-      : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-export function normalizeValue(value: CommentValue): CommentValue {
-  if (!value || value.version !== 1 || !Array.isArray(value.content)) {
-    throw new Error('不支持的评论内容格式');
-  }
-  const content: CommentPart[] = [];
-  const text = (s: string) => {
-    if (!s) return;
-    const previous = content[content.length - 1];
-    if (previous?.type === 'text') previous.text += s;
-    else content.push({ type: 'text', text: s });
-  };
-  for (const part of value.content) {
-    if (part.type === 'text' && typeof part.text === 'string') {
-      part.text
-        .replace(/\r\n?/g, '\n')
-        .split('\n')
-        .forEach((line, i) => {
-          if (i) content.push({ type: 'break' });
-          text(line);
-        });
-    } else if (part.type === 'break') content.push({ type: 'break' });
-    else if (part.type === 'link' && typeof part.url === 'string')
-      content.push({ type: 'link', url: part.url });
-    else if (part.type === 'unresolved-mention')
-      content.push({ type: 'unresolved-mention' });
-    else if (part.type === 'mention' && isMentionRef(part.ref)) {
-      if (part.label !== undefined && typeof part.label !== 'string')
-        throw new Error('评论引用名称无效');
-      content.push({
-        type: 'mention',
-        ref: { ...part.ref },
-        ...(part.label ? { label: part.label } : {}),
-        ...(part.ref.kind === 'document' ? documentSnapshot(part) : {}),
-      });
-    } else throw new Error('评论内容包含无效节点');
-  }
-  return { version: 1, content };
-}
-
-/** Preserve document presentation through editing/clipboard without trusting HTML or URLs. */
-export function documentSnapshot(value: {
-  href?: unknown;
-  document?: unknown;
-}) {
-  const href = typeof value.href === 'string' ? safeUrl(value.href) : undefined;
-  const meta =
-    value.document && typeof value.document === 'object'
-      ? (value.document as Record<string, unknown>)
-      : {};
-  const subType =
-    typeof meta.subType === 'number' && Number.isSafeInteger(meta.subType)
-      ? meta.subType
-      : undefined;
-  const iconInfo =
-    typeof meta.iconInfo === 'string' ? meta.iconInfo : undefined;
-  return {
-    ...(href ? { href } : {}),
-    ...(subType !== undefined || iconInfo
-      ? {
-          document: {
-            ...(subType !== undefined ? { subType } : {}),
-            ...(iconInfo ? { iconInfo } : {}),
-          },
-        }
-      : {}),
-  };
-}
-
-export function toPlainText(value: CommentValue): string {
-  return value.content
-    .map((part) =>
-      part.type === 'text'
-        ? part.text
-        : part.type === 'break'
-          ? '\n'
-          : part.type === 'link'
-            ? part.url
-            : part.type === 'unresolved-mention'
-              ? '引用信息缺失'
-              : part.ref.kind === 'user'
-                ? `@${part.label || '用户'}`
-                : part.label || part.href || '文档',
-    )
-    .join('');
-}
-
-export function collectMentionRefs(value: CommentValue): MentionRef[] {
-  const refs = new Map<string, MentionRef>();
-  for (const part of value.content)
-    if (part.type === 'mention') refs.set(mentionKey(part.ref), part.ref);
-  return [...refs.values()];
-}
-
-export function mentionLabel(
-  ref: MentionRef,
-  label: string | undefined,
-  result?: MentionResult,
-  strict = false,
-): string {
-  if (result?.status === 'resolved')
-    return result.label || (ref.kind === 'user' ? '用户' : '文档');
-  if (result?.status === 'forbidden')
-    return ref.kind === 'user' ? '无权查看的用户' : '无权查看的文档';
-  if (result?.status === 'not-found')
-    return ref.kind === 'user' ? '用户不存在' : '文档已失效';
-  return (!strict && label) || (ref.kind === 'user' ? '用户' : '文档');
-}
-
-/** Deliberately structural: these utilities have no runtime or type import from Tiptap. */
-export interface EditorDocument {
-  type?: string;
-  text?: string;
-  attrs?: Record<string, unknown>;
-  content?: EditorDocument[];
-}
-
-export function toEditorDocument(value: CommentValue): EditorDocument {
-  return {
-    type: 'doc',
-    content: [
-      {
-        type: 'paragraph',
-        content: normalizeValue(value).content.map((part) =>
-          part.type === 'text'
-            ? { type: 'text', text: part.text }
-            : part.type === 'break'
-              ? { type: 'hardBreak' }
-              : part.type === 'link'
-                ? { type: 'commentLink', attrs: { url: part.url } }
-                : part.type === 'unresolved-mention'
-                  ? { type: 'unresolvedMention' }
-                  : {
-                      type: 'entityMention',
-                      attrs: {
-                        ref: part.ref,
-                        label: part.label || null,
-                        href: null,
-                        document: null,
-                        ...documentSnapshot(part),
-                      },
-                    },
-        ),
-      },
-    ],
-  };
-}
-
-export function fromEditorDocument(doc: EditorDocument): CommentValue {
-  if (doc.type !== 'doc') throw new Error('无效的评论编辑文档');
-  const content: CommentPart[] = [];
-  for (const [i, paragraph] of (doc.content || []).entries()) {
-    if (paragraph.type !== 'paragraph') throw new Error('无效的评论段落');
-    if (i) content.push({ type: 'break' });
-    for (const node of paragraph.content || []) {
-      if (node.type === 'text')
-        content.push({ type: 'text', text: node.text || '' });
-      else if (node.type === 'hardBreak') content.push({ type: 'break' });
-      else if (
-        node.type === 'commentLink' &&
-        typeof node.attrs?.url === 'string'
-      )
-        content.push({ type: 'link', url: node.attrs.url });
-      else if (node.type === 'unresolvedMention')
-        content.push({ type: 'unresolved-mention' });
-      else if (node.type === 'entityMention' && isMentionRef(node.attrs?.ref)) {
-        content.push({
-          type: 'mention',
-          ref: node.attrs.ref,
-          label:
-            typeof node.attrs.label === 'string' ? node.attrs.label : undefined,
-          ...documentSnapshot({
-            href: node.attrs.href,
-            document: node.attrs.document,
-          }),
-        });
-      } else throw new Error('无效的评论编辑节点');
-    }
-  }
-  return normalizeValue({ version: 1, content });
-}
-
-const types: Record<string, string> = {
-  doc: '1',
-  docx: '22',
-  sheets: '3',
-  sheet: '3',
-  base: '8',
-  bitable: '8',
-  wiki: '16',
-  mindnotes: '11',
-  mindnote: '11',
-  slides: '30',
-  file: '12',
-  whiteboard: '38',
-};
-
-/** Only recognised cloud-document hosts/routes become metadata references. Other URLs stay links. */
-export function documentRefFromUrl(url: string): MentionRef | undefined {
-  try {
-    const parsed = new URL(url);
-    if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:')
-      return undefined;
-    if (
-      !['feishu.cn', 'feishu-boe.cn', 'larkoffice.com', 'larksuite.com', 'doubao.com'].some(
-        (domain) =>
-          parsed.hostname === domain || parsed.hostname.endsWith(`.${domain}`),
-      )
-    )
-      return undefined;
-    const match =
-      /^\/(doc|docx|sheets?|base|bitable|wiki|mindnotes?|slides|file|whiteboard)\/([a-zA-Z0-9_-]+)(?:\/|$)/.exec(
-        parsed.pathname,
-      );
-    return match
-      ? { kind: 'document', id: match[2], resourceType: types[match[1]] }
-      : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-/** Read the exact text/mention/link protocol without send-state validation. */
-export function readApiContent(value: CommentValue): CommentApiContent[] {
-  const content: CommentApiContent[] = [];
-  for (const part of normalizeValue(value).content) {
-    if (part.type === 'text' || part.type === 'break') {
-      const text = part.type === 'text' ? part.text : '\n';
-      const previous = content.at(-1);
-      if (previous?.type === 'text') previous.text += text;
-      else content.push({ type: 'text', text });
-    } else if (part.type === 'unresolved-mention')
-      content.push({ type: 'mention' });
-    else if (part.type === 'link')
-      content.push({ type: 'link', url: part.url });
-    else if (part.ref.kind === 'document')
-      content.push({ type: 'link', url: part.href || '' });
-    else {
-      if (part.ref.idType !== 'apaas-user') throw new Error('飞书/参考人员标识不能写入妙搭 userID 协议');
-      content.push({ type: 'mention', userID: apiUserID(part.ref.id) });
-    }
-  }
-  return content;
-}
-
-function apiUserID(id: string): number {
-  const number = Number(id);
-  if (
-    !/^[1-9]\d*$/.test(id) ||
-    !Number.isSafeInteger(number) ||
-    String(number) !== id
-  )
-    throw new Error('人员 userID 必须是可精确表示的正整数');
-  return number;
-}
-
-export function fromApiContent(
-  content: readonly CommentApiContent[],
-): CommentValue {
-  if (!Array.isArray(content)) throw new Error('评论 content 必须是数组');
-  const parts = content.map((part): CommentPart => {
-    if (part?.type === 'text' && typeof part.text === 'string')
-      return { type: 'text', text: part.text };
-    if (part?.type === 'mention') {
-      if (part.userID == null) return { type: 'unresolved-mention' };
-      const id = String(part.userID);
-      apiUserID(id);
-      return {
-        type: 'mention',
-        ref: { kind: 'user', id, idType: 'apaas-user' },
-      };
-    }
-    if (part?.type === 'link' && typeof part.url === 'string') {
-      const ref = documentRefFromUrl(part.url);
-      return ref
-        ? { type: 'mention', ref, href: part.url }
-        : { type: 'link', url: part.url };
-    }
-    throw new Error('评论 content 包含未支持的节点');
-  });
-  return normalizeValue({ version: 1, content: parts });
-}
-
-const userRef = (id?: number): MentionRef | null =>
-  id != null && Number.isSafeInteger(id) && id > 0
-    ? { kind: 'user', idType: 'apaas-user', id: String(id) } : null;
-
-export function buildPanelThreads(props: CommentPanelProps): DiscussionThread[] {
-  return props.comments.map((comment) => ({
-    commentID: comment.commentID,
-    creator: userRef(comment.creator),
-    createTime: comment.createTime,
-    isSolved: comment.isSolved,
-    replies: comment.replies.map((reply, index) => {
-      const target = { recordID: props.recordID, commentID: comment.commentID, replyID: reply.replyID };
-      const images = props.images?.getImages(target) ?? [];
-      const policy = props.getReplyPermissions?.({ ...target, comment, reply, isBody: index === 0 });
-      return {
-        replyID: reply.replyID,
-        author: userRef(reply.creator),
-        createTime: reply.createTime,
-        updateTime: reply.updateTime && reply.updateTime >= reply.createTime ? reply.updateTime : undefined,
-        edited: Boolean(reply.updateTime && reply.updateTime > reply.createTime),
-        value: fromApiContent(reply.content.map((part) => part.type === 'mention' &&
-          (!Number.isSafeInteger(part.userID) || (part.userID ?? 0) <= 0)
-          ? { type: 'mention' } : part)),
-        images: images.map((image) => ({ ...image, name: image.name ?? '图片' })),
-        reactions: (props.reactions?.getReactions(target) ?? []).map((reaction) => ({
-          key: reaction.emojiKey, count: reaction.count, mine: reaction.reactedByMe,
-          users: (reaction.previewUserIDs ?? []).map(String),
-        })),
-        permissions: {
-          canReact: props.reactions?.canChange?.(target) ?? true,
-          canEdit: Boolean(policy?.canEdit && (images.length
-            ? props.images?.onUpdateComment : props.onUpdateComment || props.images?.onUpdateComment)),
-          canDelete: Boolean(policy?.canDelete && props.onDeleteComment),
-          canCopyLink: Boolean(props.getCommentLink?.(target)),
-        },
-      };
-    }),
-  }));
-}
-
-function assertID(id: string) {
-  if (!/^\d+$/.test(id)) throw new Error('评论或回复 ID 必须是非空数字字符串');
-}
-function assertRecord(props: CommentPanelProps) {
-  if (!props.recordID) throw new Error('记录 ID 不能为空');
-}
-function writeContent(draft: DiscussionDraft, allowEmpty: boolean): CommentWriteContent[] {
-  const content = readApiContent(draft.value);
-  if ((!allowEmpty && !content.length) || content.length > 50)
-    throw new Error('评论正文需要包含 1 至 50 个内容元素');
-  for (const part of content) {
-    if (part.type === 'mention' && (!Number.isSafeInteger(part.userID) || (part.userID ?? 0) <= 0))
-      throw new Error('请移除或重新选择无法识别的 @ 人员');
-    if ((part.type === 'text' && !part.text) || (part.type === 'link' && !part.url))
-      throw new Error('评论文本或链接不能为空');
-  }
-  return content as CommentWriteContent[];
-}
-function imageInputs(images: DiscussionImage[]): CommentImageInput[] {
-  return images.map((image) => image.file
-    ? { kind: 'local', localID: image.id, file: image.file }
-    : { kind: 'existing', image: {
-      id: image.id, url: image.url, name: image.name, width: image.width, height: image.height,
-    } });
-}
-function releaseSubmittedPreviews(images: DiscussionImage[]) {
-  // Public image callbacks receive File, never the editor's temporary object URL.
-  for (const image of images)
-    if (image.file && image.url.startsWith('blob:')) URL.revokeObjectURL(image.url);
-}
-export function preparePanelComment(props: CommentPanelProps, draft: DiscussionDraft) {
-  assertRecord(props);
-  if (draft.commentID !== undefined) {
-    assertID(draft.commentID);
-    if (!props.comments.some((thread) => thread.commentID === draft.commentID))
-      throw new Error('原讨论已不存在，请重新选择回复对象');
-  }
-  const base = {
-    recordID: props.recordID,
-    ...(draft.commentID === undefined ? {} : { commentID: draft.commentID }),
-    content: writeContent(draft, draft.images.length > 0),
-  };
-  const imageCommand = draft.images.length > 0 || !props.onAddComment;
-  if (imageCommand) {
-    if (!props.images?.onAddComment) throw new Error('未提供图片评论发送能力');
-    const command = props.images.onAddComment;
-    const input = { ...base, images: imageInputs(draft.images) };
-    return () => command(input);
-  }
-  const command = props.onAddComment!;
-  return () => command(base);
-}
-export async function submitPanelComment(props: CommentPanelProps, draft: DiscussionDraft) {
-  const result = await preparePanelComment(props, draft)();
-  releaseSubmittedPreviews(draft.images);
-  return result;
-}
-function findTarget(props: CommentPanelProps, commentID: string, replyID: string) {
-  assertRecord(props); assertID(commentID); assertID(replyID);
-  const comment = props.comments.find((item) => item.commentID === commentID);
-  const reply = comment?.replies.find((item) => item.replyID === replyID);
-  if (!comment || !reply) throw new Error('原评论已不存在，请刷新后重试');
-  const target = { recordID: props.recordID, commentID, replyID };
-  const policy = props.getReplyPermissions?.({ ...target, comment, reply, isBody: comment.replies[0] === reply });
-  return { target, comment, reply, policy };
-}
-export function preparePanelEdit(
-  props: CommentPanelProps, commentID: string, replyID: string, draft: DiscussionDraft,
-) {
-  const { target, policy } = findTarget(props, commentID, replyID);
-  if (!policy?.canEdit) throw new Error('没有编辑该评论的权限');
-  const hadImages = Boolean(props.images?.getImages(target).length);
-  const base = { ...target, content: writeContent(draft, draft.images.length > 0) };
-  if (hadImages || draft.images.length || !props.onUpdateComment) {
-    if (!props.images?.onUpdateComment) throw new Error('未提供图片评论编辑能力');
-    const command = props.images.onUpdateComment;
-    const input = { ...base, images: imageInputs(draft.images) };
-    return () => command(input);
-  }
-  const command = props.onUpdateComment;
-  return () => command(base);
-}
-export async function editPanelComment(props: CommentPanelProps, commentID: string, replyID: string, draft: DiscussionDraft) {
-  const result = await preparePanelEdit(props, commentID, replyID, draft)();
-  releaseSubmittedPreviews(draft.images);
-  return result;
-}
-export function preparePanelDeletion(props: CommentPanelProps, commentID: string, replyID: string) {
-  const { target, policy } = findTarget(props, commentID, replyID);
-  if (!policy?.canDelete || !props.onDeleteComment) throw new Error('没有删除该评论的权限');
-  const command = props.onDeleteComment;
-  const input = { recordID: target.recordID, commentID, replyID };
-  return () => command(input);
-}
-export async function deletePanelComment(props: CommentPanelProps, commentID: string, replyID: string) {
-  return preparePanelDeletion(props, commentID, replyID)();
-}
-
-/** Shared by intersection, scroll and retry triggers; its lock is synchronous. */
-export class CommentPageLoader {
-  pending = false;
-  error = '';
-  automaticLoads = 0;
-  async load(pagination: CommentPagination, manual = false): Promise<boolean> {
-    if (this.pending || pagination.loading || !pagination.hasMore) return false;
-    if (!manual && (this.error || pagination.error || this.automaticLoads >= 3)) return false;
-    if (manual) this.automaticLoads = 0;
-    else this.automaticLoads++;
-    this.pending = true;
-    this.error = '';
-    try {
-      await pagination.onLoadMore();
-      return true;
-    } catch (cause) {
-      this.error = cause instanceof Error ? cause.message : '加载失败，请重试';
-      return false;
-    } finally { this.pending = false; }
-  }
-}
-
-export async function loadPanelReactionDetails(props: CommentPanelProps, target: CommentTarget, signal: AbortSignal) {
-  const feature = props.reactions;
-  const reactions = feature?.getReactions(target) ?? [];
-  return Promise.all(reactions.map(async (reaction) => {
-    const users = new Set<number>();
-    let cursor: string | undefined;
-    const seen = new Set<string>();
-    if (!feature?.loadUsers) return {
-      key: reaction.emojiKey, count: reaction.count, mine: reaction.reactedByMe,
-      users: (reaction.previewUserIDs ?? []).map(String),
-    };
-    for (let page = 0; page < 100; page++) {
-      signal.throwIfAborted();
-      const result = await feature.loadUsers({ ...target, emojiKey: reaction.emojiKey, ...(cursor ? { cursor } : {}) }, signal);
-      result.userIDs.forEach((id) => users.add(id));
-      if (!result.nextCursor) return {
-        key: reaction.emojiKey, count: reaction.count, mine: reaction.reactedByMe, users: [...users].map(String),
-      };
-      if (seen.has(result.nextCursor)) throw new Error('回应人员分页游标未前进');
-      seen.add(result.nextCursor); cursor = result.nextCursor;
-    }
-    throw new Error('回应人员较多，请稍后重试');
-  }));
-}
-
-export function commentFailureMessage(cause: unknown, fallback: string): string {
-  const message = cause instanceof Error ? cause.message : fallback;
-  return cause instanceof Error && 'outcome' in cause && cause.outcome === 'unknown'
-    ? `${message}；操作结果未确认，请先刷新核对后再操作` : message;
-}
-
-/** Relative timestamps matching miaoda Comment/comment-time (seconds input). */
-export function formatCommentTime(createTime: number) {
-  const date = new Date(createTime * 1000);
-  const now = new Date();
-  const seconds = Math.max(
-    0,
-    Math.round((now.getTime() - date.getTime()) / 1000),
-  );
-  if (date.toDateString() === now.toDateString()) {
-    if (seconds <= 44) return '刚刚';
-    if (seconds <= 89) return '1 分钟前';
-    const minutes = Math.round(seconds / 60);
-    if (minutes <= 44) return `${minutes} 分钟前`;
-    if (minutes <= 89) return '1 小时前';
-    return `${Math.round(minutes / 60)} 小时前`;
-  }
-  const time = date.toLocaleTimeString('zh-CN', {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  });
-  const yesterday = new Date(now);
-  yesterday.setDate(now.getDate() - 1);
-  if (date.toDateString() === yesterday.toDateString()) return `昨天 ${time}`;
-  return date.getFullYear() === now.getFullYear()
-    ? `${date.getMonth() + 1}月${date.getDate()}日 ${time}`
-    : `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
-}
-
-/** Values from the reference comment's at-user and light theme tokens. */
-export const COMMENT_THEME_CLASS = [
-  'font-sans text-sm leading-[22px]',
-  '[--foreground:#1f2329] [--background:#fff] [--card:#fff] [--card-foreground:#1f2329]',
-  '[--popover:#fff] [--popover-foreground:#1f2329] [--border:#dee0e3]',
-  '[--primary:#1456f0] [--primary-foreground:#fff] [--button-outline:#dee0e3]',
-  '[--primary-border:transparent] [--comment-warning:#ff811a] [--muted:#f2f3f5] [--muted-foreground:#8f959e]',
-  '[--accent:rgb(31_35_41_/_0.05)] [--accent-foreground:#1f2329] [--subtle-foreground:#646a73]',
-  '[--info:#1456f0] [--info-foreground:#fff] [--comment-hover:rgb(31_35_41_/_0.05)]',
-].join(' ');
-
-export const USER_MENTION_CLASS = 'inline-block max-w-[207px] px-0.5 align-top';
-export const USER_MENTION_LABEL_CLASS =
-  'replica-user-mention-label mt-px block cursor-pointer truncate rounded px-0.5 text-primary no-underline leading-5';
-export const USER_MENTION_SELF_CLASS =
-  'replica-user-mention-label replica-user-mention-self mt-px block cursor-pointer truncate rounded-full px-1 bg-[var(--info)] text-[var(--info-foreground)] no-underline leading-5';
-export const DOCUMENT_MENTION_CLASS =
-  'mx-0.5 inline cursor-pointer break-words rounded-[2px] p-0.5 text-primary no-underline hover:bg-accent';
-export const DOCUMENT_MENTION_UNREADABLE_CLASS =
-  'mx-0.5 inline cursor-pointer break-words rounded-[2px] p-0.5 text-subtle-foreground no-underline hover:bg-muted';
-export function atUserLabel(label: string) {
-  return /^\s*@/.test(label) ? label : `@${label}`;
-}
-
-/** Reference editor uses transparent @ links; only the current user is a blue pill. */
-export const INPUT_USER_MENTION_CLASS =
-  'replica-input-mention inline-block max-w-[224px] px-0.5 align-top [&.ProseMirror-selectednode]:bg-primary/20';
-export const INPUT_USER_MENTION_LABEL_CLASS = USER_MENTION_LABEL_CLASS;
-
-/** The editor node view and rendered comment must follow the same live permissions. */
-export function userMentionLabelClass(self: boolean, disabled = false) {
-  const base = self ? USER_MENTION_SELF_CLASS : USER_MENTION_LABEL_CLASS;
-  return disabled ? `${base} replica-user-mention-disabled text-muted-foreground` : base;
-}