全部元件

探索全部 308 個 Lyra UI 元件。按類別篩選、按名稱搜尋、試用即時預覽，或檢視附有文件的範例。

對話與聊天

AI 智能體工作區 — 響應式受控 AI 對話介面，組合記錄、輸入框及可選的執行、工具、檢索、依據和上下文詳情面板。
音訊視覺化 — 在畫布上繪製語音活動，反映AI 智能體空閒、聆聽、思考或說話狀態。
分支選擇器 — 透過“第 n 個/共 m 個”導航切換同一聊天訊息重新生成或編輯的版本。
聊天輸入框 — 自動調整高度的聊天訊息輸入區，內建發送與停止控制。
聊天訊息 — 按角色顯示的聊天氣泡，帶頭像、徽章和感知狀態的底部資訊。
聊天視口 — 管理記錄滾動、自動跟隨底部、跳轉到最新訊息按鈕和未讀分隔線。
檢查點 — 對話中的恢復點，可先確認再把聊天回退到較早狀態。
程式碼塊 — 圍欄程式碼展示，支援延遲載入語法突出顯示和複製按鈕。
精簡程式碼塊 — 建置體積更小的程式碼展示，僅使用編譯時提供的語法規則表進行突出顯示。
對話條目 — 可選的聊天曆史行，顯示會話標題、預覽和時間戳。
生成指標 — 在 AI 響應流式輸出期間顯示耗時、Token 數和吞吐量。
交接分隔線 — 在對話記錄中標記AI 智能體之間控制權轉移的帶標籤分隔線。
Markdown — 經過淨化的 Markdown 轉 HTML 渲染，支援 GFM 表格、程式碼和連結。
精簡 Markdown — 建置體積更小的 Markdown 渲染，僅使用編譯時提供的規則表突出顯示圍欄程式碼。
訊息操作 — 聊天訊息專用工具欄，內建複製、重新生成、編輯和回饋。
訊息回饋 — 對單條助手訊息點贊或點踩，並可展開原因與評論面板。
模型選擇器 — 從固定目錄中選擇提供方和模型，或輸入自訂模型名稱。
模型設定面板 — 組合模型選擇器和溫度滑塊，用於配置AI 智能體。
按住說話 — 麥克風採集按鈕，負責按住或切換使用時的權限請求、錄音和資源清理。
流狀態 — 顯示單個流式連線的階段，並結合心跳檢測停滯。
流式文字 — 增量呈現助手文字，併合並快速到來的Token 更新。
精簡流式文字 — 輕量流式文字渲染器；Markdown 模式僅使用編譯時規則表突出顯示圍欄程式碼。
建議標籤 — 可滾動的初始或後續提示詞標籤行，將所選文字交給宿主。
對話列表 — 分組、可搜尋的對話側欄，支援置頂、歸檔、刪除和重新命名。
語音轉錄流 — 進行中語音會話的即時字幕流，可將暫定文字更新為最終文字並自動滾動。
輸入狀態指示器 — 以視覺提示表示助手正在組織回覆。
用量徽章 — 緊湊展示單條訊息或執行的Token、成本和延遲，懸停可看細項。
語音選擇器 — 從提供的目錄中選擇 TTS 語音，支援行內音訊試聽和過期值處理。
小元件渲染器 — 透過允許列表中的類型到元件註冊表，渲染AI 智能體流式傳來的宣告式 JSON 小元件樹。
訊息片段 — 按順序交錯呈現 AI 訊息中的文字、推理、工具、引用、附件和媒體片段。
提示詞輸入 — 組合提示詞編輯、附件、模型和語音選擇、檢索來源、提及、命令及排隊輪次。
提示詞隊列 — 管理受控的後續提示詞隊列，支援編輯、重排、移除或立即發送。
即時會話 — 不依賴提供方的語音會話介面，管理連線、活動、轉錄、採集、靜音和中斷。
選區工具欄 — 在選中文字旁提供提問、引用、標註和複製操作，並保留文件錨點。

AI 智能體工具與可觀察性

活動動態 — 以只追加日誌流展示AI 智能體細粒度操作，執行結束後可收起為步驟摘要。
AI 智能體評估看板 — 組合指標卡、趨勢圖和各次執行狀態歷史的受控評估總覽。
AI 智能體提問 — 收集對AI 智能體或 MCP 伺服器問題的結構化回答，支援接受、拒絕和取消。
後臺執行 — 展示由宿主管理的排隊、執行中和已完成AI 智能體任務，並提供開啟和取消請求。
預算用量表 — 對照限額展示提供的用量，包括不可用和超限狀態。
變更審查 — 審查宿主提供的檔案變更，並逐個差異片段請求保留或捨棄決定。
聯結器管理 — 顯示宿主管理的聯結器狀態，並請求連線、斷開或重試。
權限授予 — 呈現限定範圍的權限請求，並向宿主報告用戶允許或拒絕的選擇。
權限規則 — 展示宿主定義的權限規則，並請求修改允許、詢問或拒絕決策。
AI 智能體執行 — 單次 AI 智能體執行的頂層介面，顯示狀態、耗時、目前步驟和成本，並支援取消或重試。
AI 智能體追蹤 — 基於同一跨度陣列呈現層級化AI 智能體與 LLM 追蹤，支援跨度類型篩選和交接跳轉。
核准隊列 — 支援鍵盤操作的待處理工具呼叫隊列，透過共用對話框逐項批准或拒絕。
產物面板 — 圍繞AI 智能體生成產物的介面，支援預覽與程式碼切換、版本導航、複製和下載。
瀏覽器畫面 — 呈現AI 智能體操作電腦時的截圖流、只讀 URL 和接管控制。
版本提交卡片 — 緊湊展示版本提交摘要、差異統計和逐檔案變更，並連結到差異檢視。
對比面板 — 並排比較 A/B 輸出並投票選出優勝者，適用於模型競技場評估。
確認欄 — 對話記錄中的非模態行內核准區，用於批准或拒絕單項 AI 智能體操作。
上下文檢查器 — 檢查模型呼叫的上下文片段，包含Token 估算、引用、脫敏標記及複製匯出操作。
評估數據集 — 可篩選和標記的評估樣本列表，支援新增、移除、匯入與匯出。
評估結果 — 用於比較同一評估樣本多次執行的評分標準和人工審核介面。
評估執行 — 展示批次評估即時進度，每個樣本可展開檢視依據和工具追蹤。
策略摘要 — 只讀呈現護欄、權限、私隱和工具策略決策，並說明允許、拒絕或待審核狀態。
跨度瀑布圖 — 在共用時間軸上，以狀態色條展示AI 智能體追蹤跨度的橫向時間線。
堆疊追蹤 — 將 JS/TS、瀏覽器和 Python 堆疊解析為可操作幀，並摺疊內部幀。
任務列表 — 即時可摺疊的 AI 智能體計劃追蹤器，顯示各步驟生命週期和嵌套子步驟。
終端 — 只讀 ANSI 控制台，呈現流式AI 智能體或工具輸出，支援搜尋和自動跟隨底部。
測試結果 — 測試套件透過與失敗摘要，含狀態計數、篩選和自動展開的失敗詳情。
思考面板 — 可摺疊呈現 AI AI 智能體即時或回顧推理記錄的面板。
工具核准對話框 — 人工審核關卡，在建議的工具呼叫執行前批准、拒絕或編輯它。
工具呼叫塊 — 單次 AI 智能體工具呼叫的可摺疊行內區，展開後顯示參數、錯誤和結果。
工具呼叫標籤 — 緊湊概括單次工具呼叫的名稱、狀態和耗時。
工具參數表單 — 根據工具的扁平 JSON Schema 生成可編輯表單，以調整呼叫參數。
工具結果對話框 — 以模態浮層展示工具呼叫狀態、耗時和完整結果。
工具結果檢視 — 透過已註冊渲染器呈現工具呼叫結果，未相符時使用 JSON。
工具選擇對話框 — 按類別分組、可搜尋的對話框，用於選擇啟用哪些AI 智能體工具。
工具時間線 — 按時間列出AI 智能體執行中的工具呼叫，含重試次數、人工核准和敏感欄位脫敏。
追蹤樹 — 可摺疊的 AI 智能體/LLM 跨度層級，帶耗時條及可選 Token 和成本列。
結果卡片 — 帶邊框的小卡片容器，讓自訂工具結果渲染器保持統一外觀。
結果欄位 — 適用於工具結果卡片和緊湊元數據區的標籤與數值行。
MCP 應用 — 在隔離沙盒中託管可執行 MCP 應用資源，並以類型化事件公開宿主請求。
提示詞工作室 — 不依賴提供方的工作臺，用於編輯、預覽、版本管理、儲存和執行結構化提示詞。
Schema 檢視器 — 檢查可選擇的 JSON Schema 樹，顯示約束、必填狀態、組合分支及驗證問題。
子AI 智能體面板 — 展示受控的子AI 智能體執行層級、狀態、任務、模型、進度和生命週期操作。

檢索與知識圖譜

社群卡片 — 知識圖譜社群的聚類摘要卡片，含成員標籤和深入檢視操作。
嵌入向量瀏覽器 — 無障礙二維散點檢視，呈現宿主投影的嵌入座標，可按簇著色並選擇點。
實體卡片 — 展示知識圖譜實體類型、屬性、連線度，並可在圖中定位的數據卡片。
實體標籤 — 用於AI 智能體文字的行內實體提及，懸停或聚焦時顯示預覽。
實體檔案 — 實體詳情介面，包含標題、置信度及關係、支撐片段、溯源標籤頁。
關係圖 — 以可平移縮放的力導向節點連線圖呈現關係。
關係圖圖例 — 配合關係圖展示節點類型，也可作為可見性篩選器。
匯入隊列 — 展示文件在匯入流水線中的階段、進度和數量，併發出重試或取消請求。
知識庫 — 檢索知識庫的來源列表，顯示同步狀態、索引健康度、權限和逐行管理操作。
知識庫管理 — 用標籤頁組合知識庫來源和匯入隊列，並將管理操作轉交宿主應用。
知識圖譜瀏覽器 — 結合圖形展示、實體搜尋、類型篩選、鄰域擴充套件和路徑查詢的探索介面。
思維導圖 — 徑向可展開的主題樹，用於空間化瀏覽層級並深入某個主題。
鄰接關係列表 — 列出實體的各條關係，並提供逐行導航和在圖中展開操作。
節點工具箱 — 可搜尋、按類別組織的節點庫，可將節點拖放或放置到流程畫布。
路徑條 — 以緊湊、可滾動的節點—關係鏈呈現 GraphRAG 推理路徑。
片段檢查器 — 按相關度排序展示檢索到的 RAG 片段、評分條及文件檢視器深連結。
引用徽章 — 行內編號引用標記，帶懸停預覽和置信度及核驗狀態配色。
依據摘要 — 逐條主張展示支撐數量、引用覆蓋率、置信度、警告和證據引用。
記憶面板 — AI 智能體的短期上下文與長期記憶工作區，含置信度和需確認的操作。
溯源面板 — 按實體、關係、社群和片段分組，可摺疊地展示回答所依賴的依據。
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 組成分段選擇器。
標籤輸入 — 關聯表單，收集標籤或收件人等可移除的多個標記。

數據展示

圖譜查詢建置器 — 建置類型化圖關係或路徑查詢的表單編輯器，支援實體錨點、類型篩選、跳數限制和儲存查詢。
日曆 — 自適應月曆，帶事件標記及支援鍵盤操作的日程檢視。
上下文用量表 — 用分段條形或環形儀表顯示Token 預算或上下文窗口占用情況。
文件庫 — 可搜尋篩選的文件目錄，支援版本、標籤、所有者、更新狀態、排序與批次選擇。
環境變數列表 — 以掩碼顯示環境變數及機密的鍵值列表，每行可顯示原值或複製。
檔案樹 — 樹元件的檔案瀏覽器預設，帶 Git 狀態徽章和延遲載入目錄。
流程畫布 — 可平移縮放的畫布，用於建置和執行視覺化 DAG 工作流。
流程控制 — 配合流程畫布使用的縮放、適配與鎖定按鈕組。
流程縮圖 — 位於角落的總覽圖，帶可拖動視口矩形，與流程畫布配合使用。
流程節點 — 帶標題、狀態色調和連線柄的工作流節點卡片。
流程執行狀態 — 在流程畫布上標註執行狀態，並顯示緊湊的步驟摘要。
漏斗圖 — 以第一階段為基準歸一化的柱形展示各階段轉化流失。
儀表 — 以徑向、環形或線形刻度顯示單個數值。
熱力圖 — 將數值矩陣或日曆網格繪製為響應尺寸變化的畫布熱力圖。
分頁 — 受控的頁碼導航，支援輸入頁碼跳轉和顯示目前專案範圍。
條件建置器 — 透過欄位、運算子、數值條件行及與/或組合，建置表格或儀表板數據查詢。
序列條 — 用可選標記和彩色單元格緊湊呈現每項的類別狀態序列。
迷你趨勢圖 — 以折線、填充面積或柱形繪製緊湊的行內 SVG 數據趨勢。
統計指標 — 展示單項 KPI 的單位、趨勢標記、細分行和可選迷你趨勢圖。
表格 — 支援表頭排序、選擇、篩選和分頁的數據展示表格。
時間線 — 連線歷史事件行，用於審計軌跡、AI 智能體歷程和變更記錄。
時間線條目 — 帶顏色標記、標題、時間戳和描述的單條時間線事件。
樹 — 可展開和摺疊的層級結構，用於瀏覽圖譜、文件或檔案。
樹節點 — 在樹結構中遞迴呈現節點及其子節點的行。
詞雲 — 無需依賴的 SVG 詞雲，按權重調整每個詞的大小。
數據網格 — 面向大型或服務端數據集的虛擬化網格，內建排序、篩選、分組、分頁和選擇。

圖表

柱狀圖 — 以縱向或橫向柱形比較各類別數值。
箱線圖 — 根據預先計算的五數概括展示數據分佈。
氣泡圖 — 透過橫縱座標和氣泡半徑呈現每個點的三個維度。
圖表 — 基於 Chart.js 的核心封裝，支援折線、柱狀、餅圖等視覺化。
環形圖 — 以環形分段展示各部分佔整體的比例。
直方圖 — 將數值劃入等寬區間，揭示其分佈。
折線圖 — 用一條或多條連續線序列追蹤連續軸上的趨勢。
輕量圖表 — 以純 SVG 呈現無需 Chart.js 的柱狀圖和折線圖。
餅圖 — 展示單個序列各部分佔整體比例的餅圖。
極區面積圖 — 將各類別繪製成大小隨數值變化的極座標扇區。
雷達圖 — 在徑向網格上比較一個序列的多項指標。
散點圖 — 線上性座標軸上繪製原始橫縱座標點對。

佈局與導航

手風琴 — 協調一組可展開面板，可設定同時開啟多個。
手風琴條目 — 為手風琴組設計的可摺疊內容面板。
應用導航欄 — 響應式導航欄，可在完整、僅圖示和移動端浮層模式間切換。
導航欄分組 — 應用導航欄中的帶標題、可選摺疊的條目分組。
導航欄條目 — 帶圖示與文字的導航條目，收起時可只顯示圖示。
麵包屑導航 — 響應式導航路徑，展示用戶在頁面層級中的目前位置。
麵包屑條目 — 麵包屑路徑中的單個連結或目前頁面標籤。
按鈕組 — 將相關操作按鈕組合為響應式、帶標籤的集合。
卡片 — 帶邊框的內容容器，提供標題、媒體、頁尾和操作插槽。
輪播 — 一次顯示一張幻燈片的無障礙輪播，支援鍵盤、指示器、迴圈和自動播放。
輪播條目 — 可選的語義化幻燈片容器，為輪播子項提供統一樣式。
命令面板 — 可搜尋的應用命令選單，支援鍵盤導覽和快捷鍵。
控制項組 — 將混合表單控制項和操作按鈕排列成響應式、居中的工具欄行。
儀表板網格 — 響應式、支援鍵盤操作的受控小元件網格，佈局項可發出移動、縮放和碰撞請求。
詳情展開 — 無障礙披露面板，展開摘要下方的內容。
停靠面板 — 固定在現有佈局一側的可調整大小、可摺疊面板。
下鑽面板 — 從圖表或表格數據導航到相關證據、文件、實體或AI 智能體執行的受控介面。
下拉選單項 — 相容 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 文案或用戶評價隨機或按順序輪換插槽子內容。
相對時間 — 顯示遵循地區設定且會自動重新整理的相對時間戳。
引導教程 — 透過聚光燈和步驟提示，引導首次用戶熟悉產品。
視覺隱藏 — 視覺上隱藏內容但保留螢幕閱讀器可存取性，聚焦時再次顯示。