全部组件

探索全部 308 个 Lyra UI 组件。按类别筛选、按名称搜索、试用实时预览，或查看附有文档的示例。

对话与聊天

智能体工作区 — 响应式受控 AI 对话界面，组合记录、输入框及可选的运行、工具、检索、依据和上下文详情面板。
音频可视化 — 在画布上绘制语音活动，反映智能体空闲、聆听、思考或说话状态。
分支选择器 — 通过“第 n 个/共 m 个”导航切换同一聊天消息重新生成或编辑的版本。
聊天输入框 — 自动调整高度的聊天消息输入区，内置发送与停止控制。
聊天消息 — 按角色显示的聊天气泡，带头像、徽章和感知状态的底部信息。
聊天视口 — 管理记录滚动、自动跟随底部、跳转到最新消息按钮和未读分隔线。
检查点 — 对话中的恢复点，可先确认再把聊天回退到较早状态。
代码块 — 围栏代码展示，支持延迟加载语法高亮和复制按钮。
精简代码块 — 构建体积更小的代码展示，仅使用编译时提供的语法规则表进行高亮。
对话条目 — 可选的聊天历史行，显示会话标题、预览和时间戳。
生成指标 — 在 AI 响应流式输出期间显示耗时、令牌数和吞吐量。
交接分隔线 — 在对话记录中标记智能体之间控制权转移的带标签分隔线。
Markdown — 经过净化的 Markdown 转 HTML 渲染，支持 GFM 表格、代码和链接。
精简 Markdown — 构建体积更小的 Markdown 渲染，仅使用编译时提供的规则表高亮围栏代码。
消息操作 — 聊天消息专用工具栏，内置复制、重新生成、编辑和反馈。
消息反馈 — 对单条助手消息点赞或点踩，并可展开原因与评论面板。
模型选择器 — 从固定目录中选择提供方和模型，或输入自定义模型名称。
模型设置面板 — 组合模型选择器和温度滑块，用于配置智能体。
按住说话 — 麦克风采集按钮，负责按住或切换使用时的权限请求、录音和资源清理。
流状态 — 显示单个流式连接的阶段，并结合心跳检测停滞。
流式文本 — 增量呈现助手文本，并合并快速到来的令牌更新。
精简流式文本 — 轻量流式文本渲染器；Markdown 模式仅使用编译时规则表高亮围栏代码。
建议标签 — 可滚动的初始或后续提示词标签行，将所选文本交给宿主。
对话列表 — 分组、可搜索的对话侧栏，支持置顶、归档、删除和重命名。
语音转录流 — 进行中语音会话的实时字幕流，可将暂定文本更新为最终文本并自动滚动。
输入状态指示器 — 以视觉提示表示助手正在组织回复。
用量徽章 — 紧凑展示单条消息或运行的令牌、成本和延迟，悬停可看细项。
语音选择器 — 从提供的目录中选择 TTS 语音，支持内联音频试听和过期值处理。
小组件渲染器 — 通过允许列表中的类型到组件注册表，渲染智能体流式传来的声明式 JSON 小组件树。
消息片段 — 按顺序交错呈现 AI 消息中的文本、推理、工具、引用、附件和媒体片段。
提示词输入 — 组合提示词编辑、附件、模型和语音选择、检索来源、提及、命令及排队轮次。
提示词队列 — 管理受控的后续提示词队列，支持编辑、重排、移除或立即发送。
实时会话 — 不依赖提供方的语音会话界面，管理连接、活动、转录、采集、静音和中断。
选区工具栏 — 在选中文本旁提供提问、引用、标注和复制操作，并保留文档锚点。

智能体工具与可观测性

活动动态 — 以只追加日志流展示智能体细粒度操作，运行结束后可收起为步骤摘要。
智能体评估看板 — 组合指标卡、趋势图和各次运行状态历史的受控评估总览。
智能体提问 — 收集对智能体或 MCP 服务器问题的结构化回答，支持接受、拒绝和取消。
后台运行 — 展示由宿主管理的排队、运行中和已完成智能体任务，并提供打开和取消请求。
预算用量表 — 对照限额展示提供的用量，包括不可用和超限状态。
变更审查 — 审查宿主提供的文件变更，并逐个差异片段请求保留或舍弃决定。
连接器管理 — 显示宿主管理的连接器状态，并请求连接、断开或重试。
权限授予 — 呈现限定范围的权限请求，并向宿主报告用户允许或拒绝的选择。
权限规则 — 展示宿主定义的权限规则，并请求修改允许、询问或拒绝决策。
智能体运行 — 单次智能体运行的顶层界面，显示状态、耗时、当前步骤和成本，并支持取消或重试。
智能体追踪 — 基于同一跨度数组呈现层级化智能体与 LLM 追踪，支持跨度类型筛选和交接跳转。
审批队列 — 支持键盘操作的待处理工具调用队列，通过共用对话框逐项批准或拒绝。
产物面板 — 围绕智能体生成产物的界面，支持预览与代码切换、版本导航、复制和下载。
浏览器画面 — 呈现智能体操作电脑时的截图流、只读 URL 和接管控制。
提交卡片 — 紧凑展示提交摘要、差异统计和逐文件变更，并链接到差异视图。
对比面板 — 并排比较 A/B 输出并投票选出优胜者，适用于模型竞技场评估。
确认栏 — 对话记录中的非模态内联审批区，用于批准或拒绝单项智能体操作。
上下文检查器 — 检查模型调用的上下文片段，包含令牌估算、引用、脱敏标记及复制导出操作。
评估数据集 — 可筛选和标记的评估样本列表，支持添加、移除、导入与导出。
评估结果 — 用于比较同一评估样本多次运行的评分标准和人工审核界面。
评估运行 — 展示批量评估实时进度，每个样本可展开查看依据和工具追踪。
策略摘要 — 只读呈现护栏、权限、隐私和工具策略决策，并说明允许、拒绝或待审核状态。
跨度瀑布图 — 在共用时间轴上，以状态色条展示智能体追踪跨度的横向时间线。
堆栈追踪 — 将 JS/TS、浏览器和 Python 堆栈解析为可操作帧，并折叠内部帧。
任务列表 — 实时可折叠的智能体计划跟踪器，显示各步骤生命周期和嵌套子步骤。
终端 — 只读 ANSI 控制台，呈现流式智能体或工具输出，支持搜索和自动跟随底部。
测试结果 — 测试套件通过与失败摘要，含状态计数、筛选和自动展开的失败详情。
思考面板 — 可折叠呈现 AI 智能体实时或回顾推理记录的面板。
工具审批对话框 — 人工审核关卡，在建议的工具调用执行前批准、拒绝或编辑它。
工具调用块 — 单次智能体工具调用的可折叠内联区，展开后显示参数、错误和结果。
工具调用标签 — 紧凑概括单次工具调用的名称、状态和耗时。
工具参数表单 — 根据工具的扁平 JSON Schema 生成可编辑表单，以调整调用参数。
工具结果对话框 — 以模态浮层展示工具调用状态、耗时和完整结果。
工具结果视图 — 通过已注册渲染器呈现工具调用结果，未匹配时使用 JSON。
工具选择对话框 — 按类别分组、可搜索的对话框，用于选择启用哪些智能体工具。
工具时间线 — 按时间列出智能体运行中的工具调用，含重试次数、人工审批和敏感字段脱敏。
追踪树 — 可折叠的智能体/LLM 跨度层级，带耗时条及可选令牌和成本列。
结果卡片 — 带边框的小卡片容器，让自定义工具结果渲染器保持统一外观。
结果字段 — 适用于工具结果卡片和紧凑元数据区的标签与数值行。
MCP 应用 — 在隔离沙盒中托管可执行 MCP 应用资源，并以类型化事件公开宿主请求。
提示词工作室 — 不依赖提供方的工作台，用于编辑、预览、版本管理、保存和运行结构化提示词。
Schema 查看器 — 检查可选择的 JSON Schema 树，显示约束、必填状态、组合分支及校验问题。
子智能体面板 — 展示受控的子智能体运行层级、状态、任务、模型、进度和生命周期操作。

检索与知识图谱

社群卡片 — 知识图谱社群的聚类摘要卡片，含成员标签和深入查看操作。
嵌入向量浏览器 — 无障碍二维散点视图，呈现宿主投影的嵌入坐标，可按簇着色并选择点。
实体卡片 — 展示知识图谱实体类型、属性、连接度，并可在图中定位的资料卡片。
实体标签 — 用于智能体文本的内联实体提及，悬停或聚焦时显示预览。
实体档案 — 实体详情界面，包含标题、置信度及关系、支撑片段、溯源标签页。
关系图 — 以可平移缩放的力导向节点连线图呈现关系。
关系图图例 — 配合关系图展示节点类型，也可作为可见性筛选器。
导入队列 — 展示文档在导入流水线中的阶段、进度和数量，并发出重试或取消请求。
知识库 — 检索知识库的来源列表，显示同步状态、索引健康度、权限和逐行管理操作。
知识库管理 — 用标签页组合知识库来源和导入队列，并将管理操作转交宿主应用。
知识图谱浏览器 — 结合图形展示、实体搜索、类型筛选、邻域扩展和路径查找的探索界面。
思维导图 — 径向可展开的主题树，用于空间化浏览层级并深入某个主题。
邻接关系列表 — 列出实体的各条关系，并提供逐行导航和在图中展开操作。
节点工具箱 — 可搜索、按类别组织的节点库，可将节点拖放或放置到流程画布。
路径条 — 以紧凑、可滚动的节点—关系链呈现 GraphRAG 推理路径。
片段检查器 — 按相关度排序展示检索到的 RAG 片段、评分条及文档查看器深链接。
引用徽章 — 内联编号引用标记，带悬停预览和置信度及核验状态配色。
依据摘要 — 逐条主张展示支撑数量、引用覆盖率、置信度、警告和证据引用。
记忆面板 — 智能体的短期上下文与长期记忆工作区，含置信度和需确认的操作。
溯源面板 — 按实体、关系、社群和片段分组，可折叠地展示回答所依赖的依据。
RAG 回答 — 组合安全 Markdown、引用徽章、依据评估和可展开来源预览的有依据回答界面。
研究进度 — 展示宿主提供的研究步骤、来源数量和整体完成进度。
检索结果 — 按相关度排列检索片段，支持去重、来源分组、选择和紧凑或展开模式。
检索搜索 — 用于检索或 RAG 的查询栏，含筛选与范围标签、向量/关键词/混合模式和状态反馈。
检索追踪 — 检索流水线时间线，可展开查看改写、嵌入、检索、重排与筛选各阶段的证据。
来源卡片 — 展示来源标题、页码、摘录及可展开全文的引用条目。
来源列表 — 可折叠的来源面板，将聊天消息的引用卡片归到同一标题下。
来源选择器 — 用复选树限定下一条回答的依据来源，支持三态文件夹、全选和搜索。
主张证据 — 依据引用审核生成的主张，展示支撑状态、置信度和证据。
RAG 评估看板 — 根据宿主计算的结果，呈现 RAG 质量指标、趋势、评估分组和运行历史。
检索对比 — 并排比较检索和重排结果集的排序，展示重叠情况及评分细项。

表单与输入

按钮 — 支持多种色调、尺寸和加载状态的主题化操作按钮。
复选框 — 支持选中、未选中和不确定状态的布尔表单控件。
复选框组 — 将相关复选框组合为可校验、关联表单的多选字段。
代码编辑器 — 无需额外依赖的多行代码编辑区域，可选显示行号。
颜色选择器 — 关联表单的原生颜色输入，带标签、提示和校验错误提示。
组合框 — 将文本输入与弹出列表结合，支持筛选后单选或多选。
日期输入 — 附带日历弹出层的日期字段，输出 ISO-8601 格式的值。
日期选择器 — 以月视图选择单个日期或日期范围的内联日历。
表情选择器 — 可搜索、支持键盘导航且关联表单的表情选择控件。
图标按钮 — 用紧凑且无障碍的纯图标按钮触发操作。
输入框 — 单行文本字段，可显示标签、提示和内联校验信息。
国家选择器 — 使用本地化名称、旗帜和可选搜索来选择国家和地区代码。
货币选择器 — 使用本地化名称、符号和可选搜索来选择货币代码。
时区选择器 — 从有序列表中选择时区标识符，支持可选搜索。
单位选择器 — 使用本地化名称、符号和可选搜索来选择计量单位。
语言选择器 — 从组件库语言注册表中选择并切换当前语言的下拉列表。
数字输入 — 带最小值、最大值、步长约束和原生校验的数字字段。
选项 — 向组合框提供值、标签、分组和状态的可选条目。
电话号码输入 — 识别国家或地区，表单值采用标准 E.164 格式的电话字段。
单选按钮 — 关联表单、从一组选项中选择一个的控件。
单选按钮组 — 带标签且支持键盘导航的单选按钮组合。
评分表单 — 可配置评分、类别和评论标准，并支持评估队列中的提交后继续流程。
选择框 — 从固定选项中选择一项的封闭式下拉列表。
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
滑块 — 用于 LLM 温度或音量等设置的数值范围控件。
色板选择器 — 从少量固定色板中单选，内置单选组语义。
开关 — 具有开关语义、可用于原生表单的布尔切换控件。
多行文本框 — 支持自动增高、校验和表单控件外观的多行纯文本输入。
时间输入 — 遵循地区设置的分段时间字段，附带列式选择器；偏好浏览器原生控件时可用 lr-native-time-input。
时间范围 — 用双手柄刷选数值范围的起点和终点。
切换按钮 — 自行管理开关状态，并以 aria-pressed 表示是否选中的双态按钮。
切换按钮组 — 以一个 Tab 停靠点组织切换按钮，支持多选或可清除的单选。
原生时间输入 — 为浏览器原生时间选择器添加 Lyra 标签、提示和校验外观。
一次性验证码输入 — 分段输入一次性验证码，内置短信自动填充。
按钮式单选项 — 以按钮而非圆点呈现的单选控件，通常与 lr-radio-group 组成分段选择器。
标签输入 — 关联表单，收集标签或收件人等可移除的多个标记。

数据展示

图谱查询构建器 — 构建类型化图关系或路径查询的表单编辑器，支持实体锚点、类型筛选、跳数限制和保存查询。
日历 — 自适应月历，带事件标记及支持键盘操作的日程视图。
上下文用量表 — 用分段条形或环形仪表显示令牌预算或上下文窗口占用情况。
文档库 — 可搜索筛选的文档目录，支持版本、标签、所有者、更新状态、排序与批量选择。
环境变量列表 — 以掩码显示环境变量及机密的键值列表，每行可显示原值或复制。
文件树 — 树组件的文件浏览器预设，带 Git 状态徽章和延迟加载目录。
流程画布 — 可平移缩放的画布，用于构建和运行可视化 DAG 工作流。
流程控制 — 配合流程画布使用的缩放、适配与锁定按钮组。
流程缩略图 — 位于角落的总览图，带可拖动视口矩形，与流程画布配合使用。
流程节点 — 带标题、状态色调和连接柄的工作流节点卡片。
流程运行状态 — 在流程画布上标注运行状态，并显示紧凑的步骤摘要。
漏斗图 — 以第一阶段为基准归一化的柱形展示各阶段转化流失。
仪表 — 以径向、环形或线形刻度显示单个数值。
热力图 — 将数值矩阵或日历网格绘制为响应尺寸变化的画布热力图。
分页 — 受控的页码导航，支持输入页码跳转和显示当前项目范围。
条件构建器 — 通过字段、运算符、数值条件行及与/或组合，构建表格或仪表盘数据查询。
序列条 — 用可选标记和彩色单元格紧凑呈现每项的类别状态序列。
迷你趋势图 — 以折线、填充面积或柱形绘制紧凑的内联 SVG 数据趋势。
统计指标 — 展示单项 KPI 的单位、趋势标记、细分行和可选迷你趋势图。
表格 — 支持表头排序、选择、筛选和分页的数据展示表格。
时间线 — 连接历史事件行，用于审计轨迹、智能体历程和变更记录。
时间线条目 — 带颜色标记、标题、时间戳和描述的单条时间线事件。
树 — 可展开和折叠的层级结构，用于浏览图谱、文档或文件。
树节点 — 在树结构中递归呈现节点及其子节点的行。
词云 — 无需依赖的 SVG 词云，按权重调整每个词的大小。
数据网格 — 面向大型或服务端数据集的虚拟化网格，内置排序、筛选、分组、分页和选择。

图表

柱状图 — 以纵向或横向柱形比较各类别数值。
箱线图 — 根据预先计算的五数概括展示数据分布。
气泡图 — 通过横纵坐标和气泡半径呈现每个点的三个维度。
图表 — 基于 Chart.js 的核心封装，支持折线、柱状、饼图等可视化。
环形图 — 以环形分段展示各部分占整体的比例。
直方图 — 将数值划入等宽区间，揭示其分布。
折线图 — 用一条或多条连续线序列追踪连续轴上的趋势。
轻量图表 — 以纯 SVG 呈现无需 Chart.js 的柱状图和折线图。
饼图 — 展示单个序列各部分占整体比例的饼图。
极区面积图 — 将各类别绘制成大小随数值变化的极坐标扇区。
雷达图 — 在径向网格上比较一个序列的多项指标。
散点图 — 在线性坐标轴上绘制原始横纵坐标点对。

布局与导航

手风琴 — 协调一组可展开面板，可设置同时打开多个。
手风琴条目 — 为手风琴组设计的可折叠内容面板。
应用导航栏 — 响应式导航栏，可在完整、仅图标和移动端浮层模式间切换。
导航栏分组 — 应用导航栏中的带标题、可选折叠的条目分组。
导航栏条目 — 带图标与文字的导航条目，收起时可只显示图标。
面包屑导航 — 响应式导航路径，展示用户在页面层级中的当前位置。
面包屑条目 — 面包屑路径中的单个链接或当前页面标签。
按钮组 — 将相关操作按钮组合为响应式、带标签的集合。
卡片 — 带边框的内容容器，提供标题、媒体、页脚和操作插槽。
轮播 — 一次显示一张幻灯片的无障碍轮播，支持键盘、指示器、循环和自动播放。
轮播条目 — 可选的语义化幻灯片容器，为轮播子项提供统一样式。
命令面板 — 可搜索的应用命令菜单，支持键盘导航和快捷键。
控件组 — 将混合表单控件和操作按钮排列成响应式、居中的工具栏行。
仪表盘网格 — 响应式、支持键盘操作的受控小组件网格，布局项可发出移动、缩放和碰撞请求。
详情展开 — 无障碍披露面板，展开摘要下方的内容。
停靠面板 — 固定在现有布局一侧的可调整大小、可折叠面板。
下钻面板 — 从图表或表格数据导航到相关证据、文档、实体或智能体运行的受控界面。
下拉菜单项 — 兼容 Web Awesome 的下拉菜单单项操作别名。
筛选栏 — 组合 Lyra 输入和可移除标签的仪表盘筛选行，支持重置和加载状态。
菜单 — 内联语义化操作菜单，支持游走焦点和嵌套子菜单。
菜单项 — 菜单中的单项操作，可带图标、复选状态或危险操作样式。
重排条目 — 重排列表中的单行，将上移下移按钮与任意插槽内容配合。
重排列表 — 通用可重排行列表，可用逐行按钮或 Ctrl/Cmd+方向键移动。
菜单标签 — 在菜单列表内添加不可交互的分组标题。
菜单栏 — 水平应用菜单栏，包含带标题的下拉菜单，支持完整键盘导航。
菜单栏条目 — 顶级菜单标题，可打开其插槽菜单或作为普通操作。
导航菜单 — 网站页眉的链接与弹出面板导航，空间不足时收起为菜单按钮。
导航菜单项 — 单个页面链接，或打开弹出面板的披露按钮。
页面容器 — 语义化应用容器，根据自身可用空间将导航切换为桌面侧栏或移动端模态抽屉。
响应式面板 — 桌面端内联停靠内容，移动端以浮层面板呈现。
滚动容器 — 响应式溢出容器，可为卡片和标签行提供前后导航按钮。
分段选择器 — 一眼即可从多个带标签选项中单选的按钮行。
多面板分割 — 将仪表盘划分为可拖动调整尺寸的面板，并可响应式收起。
分割面板 — 使用一条分隔线将内容划为两个可拖动调整尺寸的区域。
步骤导航 — 引导用户完成有序的多步骤流程，显示每步状态并支持点击跳转。
标签页组 — 一次显示一个浅层 DOM 面板的标签栏，支持完整键盘导航。
标签页 — 兼容 Web Awesome 和 Shoelace 的标签描述项，通过 panel 与 name 属性匹配标签组中的面板。
标签页面板 — 兼容 Web Awesome 和 Shoelace 的面板描述项，通过 name 与 panel 属性匹配标签组中的标签。
虚拟列表 — 只渲染屏幕可见行的窗口化列表容器，适用于大型可滚动集合。
小组件 — 带标题的面板容器，可选折叠和全屏展开按钮。

浮层与反馈

消息提示区 — 将多条通知堆叠并固定在屏幕一角的区域。
消息提示项 — 可关闭的单条通知，支持严重程度配色、图标和自动关闭计时器。
标签片 — 用于标签、筛选或范围的小型胶囊项，可移除或切换。
标签片组 — 排列一组标签片，超出数量限制时可用“+N”展开。
警告提示 — 默认关闭的提示消息，可定时隐藏或转交共用消息提示区。
徽章 — 用于内联表示状态、数量或类别的紧凑标签。
提示框 — 用于状态、警告和错误内容的可关闭内联消息容器。
上下文菜单 — 将任意区域变为可右击、长按或按 Shift+F10 打开操作菜单的目标。
对话框 — 具有焦点约束的模态浮层，用于确认、表单等需要中断当前操作的任务。
抽屉 — 从视口任一边缘滑出的模态面板，适用于筛选和上下文控制。
下拉菜单 — 将操作列表锚定在使用者提供的触发器上的菜单弹出层。
空状态 — 用图标、消息和可选操作说明内容为空或没有数据。
键盘按键 — 根据平台把快捷键呈现为按键样式标签。
弹出层 — 点击触发、点击外部即可关闭的浮动内容与控件区域。
定位弹层 — 低层级锚点定位基础组件，使浮动面板与锚点对齐，也是弹出层和工具提示的定位引擎。
进度条 — 可显示数值的水平确定或不确定进度指示器。
环形进度 — 中央可带标签的圆形确定或不确定进度指示器。
评分 — 支持键盘操作和小数精度部分填充的星级评分控件。
骨架屏 — 内容加载期间使用的动画占位结构。
加载指示器 — 以不确定进度动画表示后台任务仍在进行。
标签 — 用于标注关键词或类别的徽章式语义化别名。
工具提示 — 悬停或聚焦时显示，用于描述使用者提供的触发器。

文档与文件查看器

压缩包查看器 — 无需解压即可列出 ZIP 压缩包内的文件名和未压缩大小。
日历文件查看器 — 解析 .ics 日历文件，并展示事件摘要、时间和地点。
联系人查看器 — 获取 vCard 文档，为每位联系人呈现无障碍卡片。
CSV 查看器 — 获取 CSV 文件并在可滚动的虚拟化表格中呈现各行。
数据集查看器 — 获取分隔符文本，并以类型化、无障碍的数据表呈现。
文档比较 — 以并排或内联方式比较两个文档版本，结合文本差异与渲染预览。
文档预览 — 依据 MIME 类型内联预览文档或附件，无法预览时提供下载。
文档查看器 — 在对话框中展示文档，并使用可扩展的 MIME 类型渲染器注册表。
DOCX 查看器 — 通过 mammoth 转换器将 DOCX 文件呈现为经过净化的语义化 HTML。
电子书查看器 — 使用可选 epub.js 依赖呈现 EPUB，并提供章节导航。
邮件查看器 — 解析并呈现 .eml 邮件的头信息、安全处理后的正文和附件。
GeoJSON 查看器 — 获取、校验 GeoJSON 文件，并在地图上呈现其中的要素。
高亮层 — 在定位好的文档内容上绘制可激活的矩形高亮覆盖层。
HTML 查看器 — 获取 URL 内容，经过净化后安全呈现其中的 HTML。
内容引入 — 获取 HTML 片段，净化后插入页面浅层 DOM 内容。
笔记本查看器 — 只读呈现 Jupyter 笔记本，组合 Markdown、代码和丰富的单元格输出。
页面缩略栏 — 用于逐页浏览文档的虚拟化垂直缩略图栏。
PDF 查看器 — 获取并呈现 PDF 页面，支持缩放、分页和可选择文本层。
PPTX 查看器 — 尽力在客户端呈现 PowerPoint PPTX 演示文稿。
电子表格查看器 — 获取并呈现 .xlsx 与旧版 .xls 工作簿，带工作表标签及虚拟化行。
SVG 查看器 — 从 URL 获取 SVG 文档，净化后安全地内联呈现。
XML 查看器 — 用于检查 XML 文档的可折叠、可复制树视图。

媒体与文件

附件标签 — 消息附件的紧凑标签，显示上传状态、进度并支持重试。
头像 — 显示人物或实体的图标、图片，缺失时回退为首字母的身份标识。
动态图像 — 播放 GIF、APNG 或 WebP 动图，提供遵循减少动态效果偏好的播放暂停控制。
动画 — 以命名预设或自定义关键帧声明式地为插槽子元素添加动画。
附件触发器 — 聊天输入框中的紧凑附件按钮，可打开文件选择器或功能菜单。
音视频播放器 — 带同步提示转录、波形和播放速度控制的音视频播放器。
头像组 — 将重叠头像排列为紧凑一行，超出部分收起为“+N”徽章。
拖放区域 — 把任意区域变成文件拖放目标，但自身不提供文件选择器。
文件图标 — 根据 MIME 类型或文件名确定的本地化文件类型徽章。
文件输入 — 通过拖放或点击浏览选择文件，并发出所选文件。
旗帜 — 在可设置主题、可选圆形的框架中呈现国家或语言旗帜。
图像比较器 — 移动支持键盘操作的分隔线，并排比较处理前后的画面。
图像查看器 — 完整的位图平移缩放查看器，支持带标签的区域高亮及可选标注。
灯箱 — 全屏模态图像查看器，支持前后切换和缩放。
地图 — 基于 MapLibre GL 的地图封装，支持声明式图例、分级设色和标记。
媒体卡片 — 在聊天消息内预览图片、视频或文件附件。
平移缩放 — 在限定缩放范围内，平移或缩放插槽内容或单张图像的可滚动视口。
序列播放 — 按固定计时器逐步改变范围内索引的播放暂停控制。
二维码 — 将任意值编码为绘制在画布上的可扫描二维码。
视频 — 内联视频播放器，具有自定义控制、可选字幕和缩略图预览。
视频播放列表 — 在可导航列表中顺序播放视频，每段结束后自动播放下一段。
可缩放框架 — 带分级缩放控制的沙盒 iframe 预览；旧的插槽或图像检查界面现为 lr-pan-zoom。

实用工具

交叉观察器 — 在插槽目标进入或离开视口时发出原生交叉观察记录。
变更观察器 — 观察插槽 DOM 的元素和属性变更，并转发原生变更记录。
尺寸观察器 — 观察插槽元素尺寸并发出类型化记录，不呈现可见界面。
复制按钮 — 将文本复制到剪贴板并显示勾选反馈的纯图标按钮。
差异视图 — 真正比较两个字符串的逐行差异，并以颜色标记的统一差异格式呈现。
分隔线 — 可设置主题的语义化分隔线，可横向或纵向分隔内容。
导出按钮 — 将表格数据下载为 CSV 或 JSON，可固定格式或从菜单选择格式。
字节格式化 — 遵循地区设置格式化字节大小，可调整单位级别和精度。
日期格式化 — 通过 Intl.DateTimeFormat 根据地区设置格式化日期和时间。
数字格式化 — 通过 Intl.NumberFormat 根据地区设置格式化数字、货币和紧凑数值。
图标 — 从内置的命名路径集中呈现清晰的内联 SVG 图形，无需额外依赖。
JSON 查看器 — 用于检查任意 JSON 数据的可折叠、可复制树视图。
已知日期输入 — 通过日、月、年三个字段输入用户已经知道的日期。
实时播报区域 — 视觉隐藏的 ARIA 实时区域，可对屏幕阅读器播报进行节流。
提及弹出层 — 锚定在光标位置，为文本字段中的 @ 提及和斜杠命令提供自动补全。
轮询状态 — 显示距离下次定时刷新的倒计时，并内置暂停和继续控制。
随机内容 — 为 A/B 文案或用户评价随机或按顺序轮换插槽子内容。
相对时间 — 显示遵循地区设置且会自动刷新的相对时间戳。
引导教程 — 通过聚光灯和步骤提示，引导首次使用者熟悉产品。
视觉隐藏 — 视觉上隐藏内容但保留屏幕阅读器可访问性，聚焦时再次显示。