@keyfunc/keybricks-ds 2.5.1 → 2.7.0

package/site-nav.js

@@ -1 +1 @@
-window.KB_CARDS = [{"path":"components/_cards/accordion.card.html","group":"Components","name":"Accordion","viewport":"700x320","subtitle":"Generic collapsible section — settings/FAQ style","zh":"手风琴折叠","ja":"アコーディオン","subtitleZh":"通用可折叠区块 — 设置/FAQ 风格","subtitleJa":"汎用の折りたたみセクション — 設定/FAQ スタイル"},{"path":"components/_cards/action-chip.card.html","group":"Components","name":"Action Chip","viewport":"700x370","subtitle":"Tinted bulk-action chips · five tones · size tiers, Latin and CJK","zh":"操作胶囊","ja":"アクションチップ","subtitleZh":"浅色批量操作标签 · 五种色调 · 尺寸层级，西文与 CJK","subtitleJa":"淡色の一括操作チップ · 5 トーン · サイズ階層、欧文と CJK"},{"path":"components/_cards/activity.card.html","group":"Components","name":"Activity","viewport":"700x300","subtitle":"ActivityItem rows · DotActivity feed","zh":"动态记录","ja":"アクティビティ","subtitleZh":"ActivityItem 动态行 · DotActivity 圆点信息流","subtitleJa":"ActivityItem の行 · DotActivity のフィード"},{"path":"components/_cards/alert.card.html","group":"Components","name":"Alert","viewport":"700x350","subtitle":"In-card message — 4 tones, with and without body","zh":"提醒条","ja":"アラート","subtitleZh":"卡片内提示信息 — 4 种色调，含/不含正文","subtitleJa":"カード内メッセージ — 4トーン、本文の有無"},{"path":"components/_cards/app-chrome.card.html","group":"Components","name":"App Chrome","viewport":"700x1490","subtitle":"Sidebar tones · SidePanel · TopBar · UserMenu · PageToolbar","zh":"应用外壳","ja":"アプリの外枠","subtitleZh":"侧边栏色调 · 侧面板 · 顶栏 · 用户菜单 · 页面工具栏","subtitleJa":"サイドバーのトーン · サイドパネル · トップバー · ユーザーメニュー · ページツールバー"},{"path":"components/_cards/banner.card.html","group":"Components","name":"Banner","viewport":"700x300","subtitle":"Page-level notification — 4 tones · action link · dismissible","zh":"横幅通知","ja":"バナー","subtitleZh":"页面级通知条 — 4 种色调 · 操作链接 · 可关闭","subtitleJa":"ページレベルの通知 — 4トーン · アクションリンク · 閉じるボタン付き"},{"path":"components/_cards/breadcrumb.card.html","group":"Components","name":"Breadcrumb","viewport":"700x468","subtitle":"Path trail — hover darkens · long trails collapse to an ellipsis dropdown","zh":"面包屑导航","ja":"パンくずリスト","subtitleZh":"路径导航 — 悬停加深 · 过长路径折叠为省略号下拉","subtitleJa":"パス表示 — ホバーで濃くなる · 長いパスは省略記号のドロップダウンに折りたたみ"},{"path":"components/_cards/button-1-base.card.html","group":"Components","name":"Button","viewport":"700x690","subtitle":"Solid · soft/outline · ghost · text-only · disabled · loading","zh":"按钮","ja":"ボタン","subtitleZh":"实心 · 浅色/描边 · 幽灵 · 纯文字 · 禁用 · 加载中","subtitleJa":"塗りつぶし · ソフト/アウトライン · ゴースト · テキストのみ · 無効 · 読み込み中"},{"path":"components/_cards/button-4-group.card.html","group":"Components","name":"Button Group","viewport":"700x490","subtitle":"Segmented group · split button · shortcut hint · badge","zh":"按钮组","ja":"ボタングループ","subtitleZh":"分段按钮组 · 拆分按钮 · 快捷键提示 · 角标","subtitleJa":"セグメント化グループ · スプリットボタン · ショートカットヒント · バッジ"},{"path":"components/_cards/button-2-states.card.html","group":"Components","name":"Button Interaction States","viewport":"1000x810","subtitle":"Rest · hover · press · focus · loading · disabled — every variant, live and forced","zh":"按钮交互状态","ja":"ボタンのインタラクション状態","subtitleZh":"静默 · 悬停 · 按下 · 聚焦 · 加载中 · 禁用 — 全部变体，实时与强制态并列","subtitleJa":"静止 · ホバー · 押下 · フォーカス · 読み込み中 · 無効 — 全バリアント、実動と強制表示"},{"path":"components/_cards/button-3-sizes-icons.card.html","group":"Components","name":"Button Sizes & Icons","viewport":"700x720","subtitle":"sm 28 · md 32 · lg 40, Latin and CJK · icon placement · full width","zh":"按钮尺寸与图标","ja":"ボタンのサイズとアイコン","subtitleZh":"sm 28 · md 32 · lg 40，西文与 CJK · 图标位置 · 全宽","subtitleJa":"sm 28 · md 32 · lg 40、欧文と CJK · アイコン位置 · 全幅"},{"path":"components/_cards/canvas-zoom-controls.card.html","group":"Components","name":"Canvas Zoom Controls","viewport":"700x180","subtitle":"Pipeline canvas − / % / + / fit-to-view","zh":"画布缩放控件","ja":"キャンバスズームコントロール","subtitleZh":"流程画布 − / % / + / 适应视图","subtitleJa":"パイプラインキャンバスの − / % / + / 全体表示"},{"path":"components/_cards/cards-indicators.card.html","group":"Components","name":"Cards & Indicators","viewport":"700x450","subtitle":"Work in progress · Card · StatCard · Badge · IconTile · charts","zh":"卡片与指示器","ja":"カードとインジケーター","subtitleZh":"开发中 · Card 卡片 · StatCard 统计卡 · Badge 徽标 · IconTile 图标块 · 图表","subtitleJa":"作業中 · Card · StatCard · Badge · IconTile · チャート"},{"path":"components/_cards/checkbox.card.html","group":"Components","name":"Checkbox","viewport":"700x370","subtitle":"Checked · unchecked · indeterminate · disabled · sizes","zh":"复选框","ja":"チェックボックス","subtitleZh":"选中 · 未选中 · 半选 · 禁用 · 多尺寸","subtitleJa":"選択済み · 未選択 · 中間状態 · 無効 · サイズ違い"},{"path":"components/_cards/codeblock.card.html","group":"Components","name":"Code Block","viewport":"700x260","subtitle":"SQL Preview / JSON export — mono with copy button","zh":"代码块","ja":"コードブロック","subtitleZh":"SQL 预览 / JSON 导出 — 带复制按钮的等宽代码块","subtitleJa":"SQL プレビュー／JSON エクスポート — コピー機能付き等幅コードブロック"},{"path":"components/_cards/combobox.card.html","group":"Components","name":"Combobox","viewport":"700x430","subtitle":"Typeahead single-select — type to filter · keyboard nav · no-results","zh":"输入筛选下拉","ja":"コンボボックス","subtitleZh":"输入即筛选的单选下拉 — 键盘导航 · 无结果状态","subtitleJa":"入力して絞り込む単一選択 — キーボード操作 · 該当なし状態"},{"path":"components/_cards/context-menu.card.html","group":"Components","name":"Context Menu","viewport":"700x920","subtitle":"Icons · plain text · danger item · long list","zh":"右键菜单","ja":"右クリックメニュー","subtitleZh":"带图标 · 纯文字 · 危险项 · 长列表","subtitleJa":"アイコン付き · テキストのみ · 危険操作項目 · 長いリスト"},{"path":"components/_cards/date-picker.card.html","group":"Components","name":"Date Picker","viewport":"700x520","subtitle":"Input + month-grid popover — today outlined · selected filled","zh":"日期选择器","ja":"日付ピッカー","subtitleZh":"输入框 + 月历弹层 — 今天描边 · 选中填充","subtitleJa":"入力欄 + 月グリッドのポップオーバー — 本日は枠線 · 選択日は塗りつぶし"},{"path":"components/_cards/diffvalue.card.html","group":"Components","name":"Diff Value","viewport":"700x220","subtitle":"Before → after change display (config migration)","zh":"差异值","ja":"差分値","subtitleZh":"变更前 → 变更后 数值展示（配置迁移场景）","subtitleJa":"変更前 → 変更後 の値表示（設定移行シナリオ）"},{"path":"components/_cards/divider.card.html","group":"Components","name":"Divider","viewport":"700x220","subtitle":"Plain · labeled · vertical","zh":"分隔线","ja":"区切り線","subtitleZh":"普通 · 带标签 · 垂直","subtitleJa":"通常 · ラベル付き · 縦向き"},{"path":"components/_cards/drawer.card.html","group":"Components","name":"Drawer","viewport":"700x540","subtitle":"Slide-out detail panel — header · scrollable body · footer actions","zh":"抽屉面板","ja":"ドロワー","subtitleZh":"滑出式详情面板 — 标题栏 · 可滚动主体 · 底部操作区","subtitleJa":"スライドアウト式の詳細パネル — ヘッダー · スクロール本文 · フッター操作"},{"path":"components/_cards/dropdown-menu.card.html","group":"Components","name":"Dropdown Menu","viewport":"700x420","subtitle":"Button · icon-only · ghost text · avatar triggers — icon items & plain-text items","zh":"下拉菜单","ja":"ドロップダウンメニュー","subtitleZh":"按钮 · 纯图标 · 幽灵文字 · 头像触发 — 带图标与纯文字菜单项","subtitleJa":"ボタン · アイコンのみ · ゴーストテキスト · アバタートリガー — アイコン付き/テキストのみの項目"},{"path":"components/_cards/dropzone.card.html","group":"Components","name":"Dropzone","viewport":"924x588","subtitle":"Empty · drag-over · uploaded · error · disabled","zh":"拖放上传区","ja":"ドロップゾーン","subtitleZh":"空状态 · 拖拽悬停 · 已上传 · 错误 · 禁用","subtitleJa":"空 · ドラッグオーバー · アップロード済み · エラー · 無効"},{"path":"components/_cards/empty-state.card.html","group":"Components","name":"Empty State","viewport":"924x580","subtitle":"First-run · no results · error — with and without action","zh":"空状态","ja":"空状態","subtitleZh":"首次使用 · 无结果 · 错误 — 含/不含操作按钮","subtitleJa":"初回利用 · 該当なし · エラー — アクションの有無"},{"path":"components/_cards/filter-bar.card.html","group":"Components","name":"Filter Bar (List Report)","viewport":"1000x620","subtitle":"Fiori-style filter bar composed with a table — Adapt Filters · Go","zh":"筛选栏（列表报表）","ja":"フィルターバー（リストレポート）","subtitleZh":"Fiori 风格筛选栏与表格组合 — Adapt Filters · Go","subtitleJa":"テーブルと組み合わせたFiori形式のフィルターバー — Adapt Filters · Go"},{"path":"components/_cards/icon-button.card.html","group":"Components","name":"Icon Button","viewport":"700x400","subtitle":"Square ghost icon button · sm 28 · md 32 · lg 40 · active / muted / danger / loading / disabled","zh":"图标按钮","ja":"アイコンボタン","subtitleZh":"方形幽灵图标按钮 · sm 28 · md 32 · lg 40 · 激活 / 弱化 / 危险 / 加载 / 禁用","subtitleJa":"正方形ゴーストアイコンボタン · sm 28 · md 32 · lg 40 · アクティブ / ミュート / 危険 / 読み込み / 無効"},{"path":"components/_cards/input.card.html","group":"Components","name":"Input","viewport":"700x720","subtitle":"Default · filled · required · readOnly · disabled · error · hint · focus","zh":"输入框","ja":"入力欄","subtitleZh":"默认 · 已填写 · 必填 · 只读 · 禁用 · 错误 · 提示文字 · 聚焦","subtitleJa":"既定 · 入力済み · 必須 · 読み取り専用 · 無効 · エラー · ヒント · フォーカス"},{"path":"components/_cards/keyvalue.card.html","group":"Components","name":"Key/Value Rows","viewport":"700x250","subtitle":"Config summary and confirmation-step rows","zh":"键值行","ja":"キー/バリュー行","subtitleZh":"配置摘要与确认步骤中的行展示","subtitleJa":"設定サマリーと確認ステップの行表示"},{"path":"components/_cards/kbd.card.html","group":"Components","name":"Keyboard Shortcuts","viewport":"700x180","subtitle":"Kbd — keycap hints for a power-user tool","zh":"键盘快捷键","ja":"キーボードショートカット","subtitleZh":"Kbd — 面向高级用户工具的按键提示","subtitleJa":"Kbd — パワーユーザー向けツールのキー入力ヒント"},{"path":"components/_cards/listrow.card.html","group":"Components","name":"List Row","viewport":"700x420","subtitle":"Expandable workflow rows — collapsed, expanded, with trailing count","zh":"列表行","ja":"リスト行","subtitleZh":"可展开的工作流行 — 折叠、展开、带末尾计数","subtitleJa":"展開可能なワークフロー行 — 折りたたみ、展開、末尾カウント付き"},{"path":"components/_cards/loading.card.html","group":"Components","name":"Loading","viewport":"700x310","subtitle":"Spinner sizes · Skeleton text, blocks and table rows","zh":"加载状态","ja":"読み込み状態","subtitleZh":"Spinner 多尺寸 · Skeleton 文字、色块与表格行","subtitleJa":"Spinner のサイズ違い · Skeleton のテキスト・ブロック・テーブル行"},{"path":"components/_cards/log-viewer.card.html","group":"Components","name":"Log Viewer","viewport":"700x370","subtitle":"Mono run log — info · warn · error lines","zh":"日志查看器","ja":"ログビューア","subtitleZh":"等宽运行日志 — info · warn · error 行","subtitleJa":"等幅の実行ログ — info · warn · error の行"},{"path":"components/_cards/modal.card.html","group":"Components","name":"Modal","viewport":"700x520","subtitle":"Default · destructive footer · with form content · no subtitle","zh":"弹窗","ja":"モーダル","subtitleZh":"默认 · 危险操作底栏 · 含表单内容 · 无副标题","subtitleJa":"既定 · 破壊的操作のフッター · フォーム付き · 副題なし"},{"path":"components/_cards/multi-select.card.html","group":"Components","name":"Multi Select","viewport":"700x400","subtitle":"Checkbox dropdown — removable tags · +n overflow · clear all","zh":"多选下拉","ja":"マルチセレクト","subtitleZh":"复选框下拉 — 可移除标签 · +n 溢出 · 一键清空","subtitleJa":"チェックボックス式ドロップダウン — 削除可能タグ · +n オーバーフロー · 全クリア"},{"path":"components/_cards/number-stepper.card.html","group":"Components","name":"Number Stepper","viewport":"700x240","subtitle":"Default · at min · at max · disabled","zh":"数字步进器","ja":"数値ステッパー","subtitleZh":"默认 · 最小值 · 最大值 · 禁用","subtitleJa":"既定 · 最小値 · 最大値 · 無効"},{"path":"components/_cards/pagination.card.html","group":"Components","name":"Pagination","viewport":"700x520","subtitle":"Row-range label · small set · first/last page states","zh":"分页","ja":"ページネーション","subtitleZh":"行范围标签 · 少页场景 · 首页/末页状态","subtitleJa":"行範囲ラベル · 少ページ時 · 先頭/末尾ページの状態"},{"path":"components/_cards/people.card.html","group":"Components","name":"People","viewport":"700x300","subtitle":"Avatar · AvatarGroup — initials, sizes, real images","zh":"人物","ja":"ユーザー","subtitleZh":"Avatar 头像 · AvatarGroup 头像组 — 首字母、尺寸、真实图片","subtitleJa":"Avatar（アバター）· AvatarGroup（アバターグループ）— イニシャル、サイズ、実画像"},{"path":"components/_cards/pipeline-node.card.html","group":"Components","name":"Pipeline Node Card","viewport":"700x1620","subtitle":"220×90 node — category hues · status badges · ports with hover, drag-to-connect and drop states","zh":"流程节点卡","ja":"パイプラインノードカード","subtitleZh":"220×90 节点 — 分类色 · 状态角标 · 端口的悬停、拖拽连线与落点状态","subtitleJa":"220×90ノード — カテゴリ色 · ステータスバッジ · ポートのホバー・ドラッグ接続・ドロップ状態"},{"path":"components/_cards/pipeline-palette.card.html","group":"Components","name":"Pipeline Palette","viewport":"700x690","subtitle":"240px component drawer — grid/list toggle · collapsible hued categories","zh":"组件面板","ja":"コンポーネントパレット","subtitleZh":"240px 组件抽屉 — 网格/列表切换 · 可折叠的分类色分组","subtitleJa":"240pxコンポーネントドロワー — グリッド/リスト切替 · 折りたたみ可能なカテゴリ"},{"path":"components/_cards/radio.card.html","group":"Components","name":"Radio Button","zh":"单选按钮","ja":"ラジオボタン","viewport":"700x1120","subtitle":"Single choice from a small set — md/sm · description · disabled · row · card variant · arrow-key navigation","subtitleZh":"小集合中的单选 — md/sm · 描述文字 · 禁用 · 横排 · 卡片式 · 方向键切换","subtitleJa":"少数の選択肢から1つ — md/sm · 説明文 · 無効 · 横並び · カード型 · 矢印キー操作"},{"path":"components/_cards/search.card.html","group":"Components","name":"Search Input","viewport":"700x520","subtitle":"Bordered · bare top-bar · with value/clear · disabled","zh":"搜索框","ja":"検索欄","subtitleZh":"带边框 · 顶栏无边框 · 带内容/清除 · 禁用","subtitleJa":"ボーダー付き · トップバー用（枠なし）· 入力値/クリア付き · 無効"},{"path":"components/_cards/segmented-control.card.html","group":"Components","name":"Segmented Control","zh":"分段控件","ja":"セグメントコントロール","viewport":"700x1260","subtitle":"Mutually exclusive views in one inset track — md/sm · counts · icons · icon-only · disabled option · full width · ViewToggle","subtitleZh":"同一轨道内的互斥视图切换 — md/sm · 计数 · 图标 · 纯图标 · 禁用项 · 撑满宽度 · ViewToggle","subtitleJa":"1つのトラック内で排他的にビューを切替 — md/sm · カウント · アイコン · アイコンのみ · 無効項目 · 全幅 · ViewToggle"},{"path":"components/_cards/select.card.html","group":"Components","name":"Select","viewport":"700x430","subtitle":"md / sm · placeholder · disabled · error","zh":"下拉选择","ja":"セレクト","subtitleZh":"中/小尺寸 · 占位符 · 禁用 · 错误","subtitleJa":"md/sm サイズ · プレースホルダー · 無効 · エラー"},{"path":"components/_cards/relative-time-picker.card.html","group":"Components","name":"Relative Time Picker","viewport":"700x720","subtitle":"Filter by how long ago · md / sm / lg · unlimited · disabled · localised labels","zh":"相对时间选择器","ja":"相対時間ピッカー","subtitleZh":"按\"多久以前\"筛选 · md / sm / lg · 不限时间 · 禁用 · 本地化文案","subtitleJa":"「どれくらい前」で絞り込み · md / sm / lg · 無制限 · 無効 · ローカライズ"},{"path":"components/_cards/slider.card.html","group":"Components","name":"Slider","viewport":"700x300","subtitle":"Filled track · ring knob · value bubble · min/max labels","zh":"滑杆","ja":"スライダー","subtitleZh":"填充轨道 · 环形滑块 · 数值气泡 · 最值标签","subtitleJa":"塗りつぶしトラック · リング状ノブ · 値バブル · 最小/最大ラベル"},{"path":"components/_cards/smart-table.card.html","group":"Components","name":"Smart Table (Database Grid)","viewport":"700x1040","subtitle":"Frozen header and row numbers · default and compact density · typed fields · hue pills · aggregates · + New","zh":"智能表格（数据网格）","ja":"スマートテーブル（データベースグリッド）","subtitleZh":"冻结表头与行号 · 默认与紧凑两种行密度 · Notion/Airtable 风格网格 — 类型化字段 · 色相胶囊 · 聚合统计 · + New","subtitleJa":"固定ヘッダーと行番号 · デフォルトとコンパクトの行密度 · Notion/Airtable形式のグリッド — 型付きフィールド · 色相ピル · 集計 · + New"},{"path":"components/_cards/spreadsheet.card.html","group":"Components","name":"Spreadsheet","viewport":"924x560","subtitle":"Formula bar · frozen headers · range selection · =SUM() · sheet tabs · status bar","zh":"电子表格","ja":"スプレッドシート","subtitleZh":"公式栏 · 冻结表头 · 范围选择 · =SUM() · 工作表标签 · 状态栏","subtitleJa":"数式バー · 固定ヘッダー · 範囲選択 · =SUM() · シートタブ · ステータスバー"},{"path":"components/_cards/stepper.card.html","group":"Components","name":"Stepper","viewport":"700x450","subtitle":"Multi-step flow header — done · current · upcoming","zh":"步骤条","ja":"ステッパー","subtitleZh":"多步骤流程头部 — 已完成 · 当前 · 待进行","subtitleJa":"多段階フローのヘッダー — 完了 · 現在 · 未着手"},{"path":"components/_cards/table.card.html","group":"Components","name":"Table","viewport":"700x6150","subtitle":"Anatomy · densities · column types · two-line name · sorting · selection · frames · column resize · states · composition","zh":"表格","ja":"テーブル","subtitleZh":"结构 · 密度 · 列类型 · 两行名称 · 排序 · 选择 · 边框方式 · 列宽拖拽 · 状态 · 组合用法","subtitleJa":"構造 · 密度 · 列タイプ · 2行の名前 · 並べ替え · 選択 · フレーム · 列幅ドラッグ · 状態 · 組み合わせ"},{"path":"components/_cards/tabs.card.html","group":"Components","name":"Tabs","viewport":"700x810","subtitle":"Underline tabs · panel tabs · pill filter tabs · counts","zh":"标签页","ja":"タブ","subtitleZh":"下划线标签页 · 面板标签页 · 胶囊筛选标签 · 计数","subtitleJa":"アンダーラインタブ · パネルタブ · ピル型フィルタータブ · カウント"},{"path":"components/_cards/tag.card.html","group":"Components","name":"Tag","viewport":"700x300","subtitle":"Removable filter tags — distinct from Badge/ActionChip","zh":"标签","ja":"タグ","subtitleZh":"可移除的筛选标签 — 区别于 Badge/ActionChip","subtitleJa":"削除可能なフィルタータグ — Badge/ActionChip とは区別"},{"path":"components/_cards/textarea.card.html","group":"Components","name":"Textarea","viewport":"924x520","subtitle":"Default · character count · over the limit · disabled","zh":"文本域","ja":"テキストエリア","subtitleZh":"默认 · 字数统计 · 超出限制 · 禁用","subtitleJa":"既定 · 文字数カウント · 上限超過 · 無効"},{"path":"components/_cards/timeline.card.html","group":"Components","name":"Timeline","viewport":"700x350","subtitle":"Vertical activity timeline — toned icon nodes on a hairline spine","zh":"时间线","ja":"タイムライン","subtitleZh":"垂直活动时间线 — 细线主轴上的着色图标节点","subtitleJa":"縦型の活動タイムライン — 極細の軸上に色付きアイコンノード"},{"path":"components/_cards/toast.card.html","group":"Components","name":"Toast","viewport":"700x450","subtitle":"Tones · with/without meta · live ToastStack demo","zh":"轻提示","ja":"トースト通知","subtitleZh":"多种色调 · 含/不含附加信息 · 实时 ToastStack 演示","subtitleJa":"トーン違い · メタ情報の有無 · ToastStack のライブデモ"},{"path":"components/_cards/toggles.card.html","group":"Components","name":"Toggle Switch","viewport":"700x1670","subtitle":"Binary settings pill — sizes · semantic red→green · glyph knobs · inline text · captions · async loading","zh":"开关","ja":"スイッチ","subtitleZh":"二元设置开关 — 尺寸 · 红关绿开语义配色 · 滑块内图标/单字 · 胶囊内文字 · 两侧标注 · 异步加载","subtitleJa":"バイナリ設定ピル — サイズ · 赤オフ→緑オン · ノブ内グリフ · ピル内テキスト · 両側ラベル · 非同期ローディング"},{"path":"components/_cards/tooltip.card.html","group":"Components","name":"Tooltip","viewport":"700x360","subtitle":"Placements — top · bottom · left · right, on icon and text triggers","zh":"文字提示","ja":"ツールチップ","subtitleZh":"多种定位 — 上/下/左/右，可用于图标或文字触发","subtitleJa":"配置位置 — 上/下/左/右、アイコンおよびテキストトリガーで使用可能"},{"path":"components/_cards/tree.card.html","group":"Components","name":"Tree","viewport":"700x2820","subtitle":"Cascading checkboxes · disabled nodes · lines · async load · search · drag · reorder · keyboard","zh":"树形视图","ja":"ツリービュー","subtitleZh":"级联勾选 · 禁用节点 · 连接线 · 异步加载 · 搜索 · 拖拽 · 排序 · 键盘操作","subtitleJa":"カスケードチェック · 無効ノード · 接続線 · 非同期読み込み · 検索 · ドラッグ · 並べ替え · キーボード操作"},{"path":"components/_cards/icons-0-usage.card.html","group":"Icons","name":"Icon Usage","viewport":"700x2250","subtitle":"Monochrome glyphs · category tiles · document hues · status · marks · icons inside components — when an icon gets colour","zh":"图标用法","ja":"アイコンの使い方","subtitleZh":"单色图标 · 分类色块 · 文档色 · 状态 · 标记 · 组件内图标——图标什么时候用颜色","subtitleJa":"単色グリフ · カテゴリタイル · ドキュメント色 · ステータス · マーク · コンポーネント内のアイコン — いつ色を付けるか"},{"path":"components/_cards/icons-1-core.card.html","group":"Icons","name":"Core Set","viewport":"700x1900","subtitle":"The 157 stroke glyphs the product itself uses — keyword search · click to download the SVG","zh":"核心图标集","ja":"コアセット","subtitleZh":"产品自身使用的 157 个线性图标 — 关键词搜索 · 点击下载 SVG","subtitleJa":"プロダクト自身が使用する157個のストロークアイコン — キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-2-feather.card.html","group":"Icons","name":"Feather Library","viewport":"700x4400","subtitle":"404 stroke icons (core + all of Feather) · keyword search · click to download the SVG","zh":"Feather 图标库","ja":"Featherライブラリ","subtitleZh":"404 个线性图标（核心集 + 完整 Feather）· 关键词搜索 · 点击下载 SVG","subtitleJa":"404個のストロークアイコン（コア + Feather全量）· キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-2b-lucide.card.html","group":"Icons","name":"Lucide Library","viewport":"700x1370","subtitle":"Full Lucide set (1,700+ stroke glyphs, core style) via pinned CDN · keyword search · click to download the SVG","zh":"Lucide 图标库","ja":"Lucideライブラリ","subtitleZh":"完整 Lucide 图标集（1,700+ 线性图标，与核心风格一致，固定版本 CDN）· 关键词搜索 · 点击下载 SVG","subtitleJa":"Lucide 全セット（1,700+ のストロークアイコン、コアと同一スタイル、固定版 CDN）· キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-3-unicons.card.html","group":"Icons","name":"Unicons Library","viewport":"700x1370","subtitle":"1,206 Unicons line glyphs via CDN webfont · keyword search · click to download the SVG","zh":"Unicons 图标库","ja":"Uniconsライブラリ","subtitleZh":"1,206 个 Unicons 线性图标（CDN 字体）· 关键词搜索 · 点击下载 SVG","subtitleJa":"CDNウェブフォント経由の1,206個のUniconsラインアイコン · キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-4-datasource.card.html","group":"Icons","name":"Data Source Logos","viewport":"700x660","subtitle":"17 data-source logo images in assets/logos/datasource/","zh":"数据源图标","ja":"データソースロゴ","subtitleZh":"17 张数据源图标图片，位于 assets/logos/datasource/","subtitleJa":"assets/logos/datasource/ の 17 枚のデータソースロゴ画像"},{"path":"guidelines/brand-logo.html","group":"Brand","name":"Logo & Wordmark","viewport":"700x170","subtitle":"Blue cube bitmap + Inter 600 wordmark, −0.609px tracking","zh":"标志与字标","ja":"ロゴとワードマーク","subtitleZh":"蓝色立方体图标 + Inter 600 字标，字距 −0.609px","subtitleJa":"青い立方体のビットマップ + Inter 600 のワードマーク、字間 −0.609px"},{"path":"guidelines/colors-list.html","group":"Colors","name":"Color List","viewport":"700x2740","subtitle":"Every color in the system, with name and hex","zh":"色值清单","ja":"カラー一覧","subtitleZh":"系统中的全部色值，含名称与十六进制码","subtitleJa":"システム内の全カラー、名称とHEX値付き"},{"path":"guidelines/colors-palette.html","group":"Colors","name":"Palette","viewport":"700x880","subtitle":"Grouped by role — hover a dot for its token and hex","zh":"调色板","ja":"パレット","subtitleZh":"按角色分组 — 悬停色点可查看 token 与色值","subtitleJa":"役割別のグループ — ドットにホバーでトークンとHEXを表示"},{"path":"guidelines/colors-schemes.html","group":"Colors","name":"Schemes","viewport":"700x800","subtitle":"Sets that work together — surface, text, border, accent","zh":"配色方案","ja":"配色スキーム","subtitleZh":"可直接套用的配色组合 — 表面、文字、边框、强调色","subtitleJa":"組み合わせて機能するセット — 面・文字・境界・アクセント"},{"path":"guidelines/colors-transparency.html","group":"Colors","name":"Transparency","viewport":"700x490","subtitle":"Alpha scale — the number is the opacity","zh":"透明度","ja":"透明度","subtitleZh":"透明度阶梯 — 数字即不透明度","subtitleJa":"アルファ階調 — 数字がそのまま不透明度"},{"path":"guidelines/foundations-borders.html","group":"Foundations","name":"Borders & Shadows","viewport":"700x190","subtitle":"Hairlines carry the UI; shadows only on canvas nodes","zh":"边框与阴影","ja":"ボーダーとシャドウ","subtitleZh":"发丝边框承载整个界面；阴影仅用于画布节点","subtitleJa":"極細ボーダーがUI全体を支え、シャドウはキャンバスノードのみに使用"},{"path":"guidelines/foundations-chrome.html","group":"Foundations","name":"App Chrome Dimensions","viewport":"700x180","subtitle":"Fixed panel widths & bar heights","zh":"应用外壳尺寸","ja":"アプリ外枠のサイズ","subtitleZh":"固定的面板宽度与工具栏高度","subtitleJa":"固定されたパネル幅とバーの高さ"},{"path":"guidelines/foundations-motion.html","group":"Foundations","name":"Motion","viewport":"700x170","subtitle":"120/160/240ms · ease-out — hover, rise, pulse, spin","zh":"动效","ja":"モーション","subtitleZh":"120/160/240ms · ease-out 缓动 — 悬停、升起、脉冲、旋转","subtitleJa":"120/160/240ms · ease-out — ホバー、出現、パルス、回転"},{"path":"guidelines/foundations-radii.html","group":"Foundations","name":"Corner Radii","viewport":"700x200","subtitle":"4 controls · 8 buttons · 10 cards · 14/16 tiles & nodes · full circles","zh":"圆角","ja":"角丸","subtitleZh":"4px 控件 · 8px 按钮 · 10px 卡片 · 14/16px 瓦片与节点 · 全圆","subtitleJa":"4pxコントロール · 8pxボタン · 10pxカード · 14/16pxタイル・ノード · 完全円形"},{"path":"guidelines/foundations-size-tiers.html","group":"Foundations","name":"Size Tiers","viewport":"700x1340","subtitle":"sm 28 · md 32 · lg 40 — one tier per region, never mixed in a row; CJK one step larger at sm","zh":"尺寸层级","ja":"サイズ階層","subtitleZh":"sm 28 · md 32 · lg 40——每个区域一档，同一行不混用；CJK 在 sm 下大一号","subtitleJa":"sm 28 · md 32 · lg 40 — 領域ごとに 1 段階、同じ行で混在させない。CJK は sm で 1 段階大きい"},{"path":"guidelines/foundations-spacing.html","group":"Foundations","name":"Spacing","viewport":"700x170","subtitle":"4px family · page 24×32 · card 21 · section gap 24 · gaps 8 inside a group, 12/16/24 between groups","zh":"间距","ja":"余白","subtitleZh":"4px 间距体系 · 页面留白 24×32 · 卡片内边距 21 · 区块间距 24 · 组内间距 8，组间 12/16/24","subtitleJa":"4px単位の体系 · ページ余白24×32 · カード内余白21 · セクション間隔24 · グループ内8、グループ間12/16/24"},{"path":"guidelines/interaction-states.html","group":"Foundations","name":"Interaction States","viewport":"700x570","subtitle":"The five states every control carries — and where each one is defined","zh":"交互状态","ja":"インタラクション状態","subtitleZh":"每个控件都具备的五种状态 — 以及各自的定义位置","subtitleJa":"すべてのコントロールが持つ5つの状態 — と各々の定義場所"},{"path":"guidelines/type-extended.html","group":"Type","name":"Display Scale","viewport":"700x440","subtitle":"Display sizes 24–60 — tracking follows the same size→tracking curve","zh":"展示级字号","ja":"ディスプレイスケール","subtitleZh":"展示级字号 24–60 — 字距沿用同一条字号→字距曲线","subtitleJa":"ディスプレイサイズ24–60 — 字間は同じサイズ→字間カーブに従う"},{"path":"guidelines/type-mono.html","group":"Type","name":"Mono / Code Only","viewport":"700x170","subtitle":"Menlo for code blocks, logs, inline code and config-code chips — IDs and amounts stay in Inter with tabular figures","zh":"等宽字体 / 仅用于代码","ja":"等幅フォント／コード専用","subtitleZh":"Menlo 只用于代码块、日志、行内代码和配置代码标签——编号与金额仍用 Inter 等宽数字","subtitleJa":"Menlo はコードブロック・ログ・インラインコード・設定コードのチップ専用 — ID と金額は Inter の等幅数字"},{"path":"guidelines/type-scale.html","group":"Type","name":"Type Scale","viewport":"700x450","subtitle":"Inter — the 14px scale: 12 captions · 14 body and controls · 16 section titles · 20 page titles; CJK one step larger below 14","zh":"字号阶梯","ja":"フォントサイズ体系","subtitleZh":"Inter——14px 字号阶梯：12 说明文字 · 14 正文与控件 · 16 区块标题 · 20 页面标题；CJK 在 14 以下大一号","subtitleJa":"Inter — 14px スケール：12 キャプション · 14 本文とコントロール · 16 セクション見出し · 20 ページ見出し。CJK は 14 未満で 1 段階大きい"},{"path":"guidelines/type-weights.html","group":"Type","name":"Inter Weights","viewport":"700x280","subtitle":"300 numerals · 400 body · 500 UI-medium · 600 titles — 500 becomes 600 in Chinese, Japanese and Korean","zh":"Inter 字重","ja":"Inter のウェイト","subtitleZh":"300 数字 · 400 正文 · 500 界面中等 · 600 标题 — 中文、日文、韩文中 500 改为 600","subtitleJa":"300：数字 · 400：本文 · 500：UI中間 · 600：見出し — 中国語・日本語・韓国語では500が600になる"},{"path":"components/_cards/charts-1-sparkline.card.html","group":"Charts","name":"Sparkline","viewport":"700x830","subtitle":"Micro trends for stat tiles, table cells, list rows — line · area · bars · curve","zh":"迷你趋势图","ja":"スパークライン","subtitleZh":"微型趋势 — 统计卡、表格单元格、列表行 · 线 / 面积 / 柱 / 曲线","subtitleJa":"ミニトレンド — 統計タイル・表セル・リスト行 · ライン / エリア / バー / カーブ"},{"path":"components/_cards/charts-2-line.card.html","group":"Charts","name":"Line & Area","viewport":"700x1370","subtitle":"Trends over time — straight, smooth or stepped · stacked area · hover + legend mute","zh":"折线与面积图","ja":"ライン & エリア","subtitleZh":"时间趋势 — 直线、平滑曲线或阶梯 · 堆叠面积 · 悬停与图例开关","subtitleJa":"時系列トレンド — 直線・スムーズ曲線・ステップ · 積み上げエリア · ホバーと凡例ミュート"},{"path":"components/_cards/charts-3-bar.card.html","group":"Charts","name":"Bar Chart","viewport":"700x2040","subtitle":"Vertical & horizontal — grouped · stacked · 100% stacked · diverging · combo line","zh":"柱状图","ja":"バーチャート","subtitleZh":"纵向与横向 — 分组 · 堆叠 · 百分比堆叠 · 正负差异 · 折线组合","subtitleJa":"縦・横 — グループ · 積み上げ · 100%積み上げ · プラスマイナス差異 · ラインコンボ"},{"path":"components/_cards/charts-4-barlist.card.html","group":"Charts","name":"Bar List","viewport":"700x540","subtitle":"Horizontal labeled bars — top-N rankings, budget consumption","zh":"横向条形列表","ja":"バーリスト","subtitleZh":"横向带标签条形 — Top-N 排名、预算消耗","subtitleJa":"横向きラベル付きバー — Top-Nランキング・予算消化"},{"path":"components/_cards/charts-5-donut.card.html","group":"Charts","name":"Donut & Pie","viewport":"700x570","subtitle":"Composition with a KPI center — hover lifts a segment","zh":"环形与饼图","ja":"ドーナツ & パイ","subtitleZh":"带 KPI 中心的构成占比 — 悬停抬升扇区","subtitleJa":"KPIセンター付き構成比 — ホバーでセグメントが浮き上がる"},{"path":"components/_cards/charts-6-scatter.card.html","group":"Charts","name":"Scatter & Bubble","viewport":"700x480","subtitle":"x/y correlation, bubble = third dimension — nearest-point tooltip","zh":"散点气泡图","ja":"散布図 & バブル","subtitleZh":"x/y 相关性，气泡为第三维 — 就近吸附提示","subtitleJa":"x/y相関、バブルが第3の次元 — 最近点スナップのツールチップ"},{"path":"components/_cards/charts-7-heatmap.card.html","group":"Charts","name":"Heatmap","viewport":"700x480","subtitle":"Matrix density — sequential blue ramp · diverging red/green variance","zh":"热力图","ja":"ヒートマップ","subtitleZh":"矩阵密度 — 顺序蓝色阶 · 正负发散色阶","subtitleJa":"マトリクス密度 — シーケンシャル / ダイバージング"},{"path":"components/_cards/charts-8-waterfall.card.html","group":"Charts","name":"Waterfall","viewport":"700x470","subtitle":"Finance bridge — signed deltas, re-baselining totals, running-sum connectors","zh":"瀑布图","ja":"ウォーターフォール","subtitleZh":"财务桥 — 有符号增减、小计重定基线、运行和连接线","subtitleJa":"財務ブリッジ — 符号付き増減・小計の再ベースライン・累計コネクタ"},{"path":"components/_cards/charts-9-bullet.card.html","group":"Charts","name":"Bullet","viewport":"700x470","subtitle":"Actual vs. target rows with a target tick — misses in red","zh":"子弹图","ja":"ブレットチャート","subtitleZh":"实际对目标 — 目标刻度线，未达标红色","subtitleJa":"実績対目標 — ターゲットティック、未達は赤"},{"path":"components/_cards/charts-10-gauge.card.html","group":"Charts","name":"Gauge","viewport":"700x310","subtitle":"Semi-circular KPI — flat arc, threshold bands, no needle","zh":"仪表盘","ja":"ゲージ","subtitleZh":"半圆 KPI — 平面圆弧、阈值分段、无指针","subtitleJa":"半円KPI — フラットアーク・しきい値バンド・針なし"},{"path":"components/_cards/charts-11-funnel.card.html","group":"Charts","name":"Funnel","viewport":"700x620","subtitle":"Stage counts with step-to-step conversion — sub-50% steps flagged","zh":"漏斗图","ja":"ファネル","subtitleZh":"阶段计数与逐级转化率 — 低于 50% 标红","subtitleJa":"ステージ数と段階間コンバージョン — 50%未満は赤"},{"path":"components/_cards/charts-12-treemap.card.html","group":"Charts","name":"Treemap","viewport":"700x450","subtitle":"Squarified composition — readable at 15+ items, hover for share","zh":"矩形树图","ja":"ツリーマップ","subtitleZh":"平铺方块构成 — 15+ 项仍可读，悬停看占比","subtitleJa":"スクエアリファイド構成 — 15+項目でも読める、ホバーでシェア"},{"path":"components/_cards/charts-14-radar.card.html","group":"Charts","name":"Radar","viewport":"700x490","subtitle":"Spider chart — a few entities across the same 3–10 measures","zh":"雷达图","ja":"レーダーチャート","subtitleZh":"蜘蛛网图 — 多个对象在同一组 3–10 项指标上的对比","subtitleJa":"スパイダーチャート — 同じ3〜10指標での対象比較"},{"path":"components/_cards/charts-15-distribution.card.html","group":"Charts","name":"Histogram & Box Plot","viewport":"700x760","subtitle":"Distribution of one measure · spread and outliers per group","zh":"直方图与箱线图","ja":"ヒストグラム & 箱ひげ図","subtitleZh":"单一指标的分布 · 各分组的离散度与离群值","subtitleJa":"単一指標の分布 · グループごとのばらつきと外れ値"},{"path":"components/_cards/charts-16-pareto.card.html","group":"Charts","name":"Pareto","viewport":"700x460","subtitle":"Sorted bars + cumulative % line — the vital few vs. the trivial many","zh":"帕累托图","ja":"パレート図","subtitleZh":"降序柱 + 累计百分比线 — 区分关键少数与次要多数","subtitleJa":"降順バー + 累積%ライン — 重要な少数と些末な多数"},{"path":"components/_cards/charts-17-candlestick.card.html","group":"Charts","name":"Candlestick","viewport":"700x730","subtitle":"OHLC K-line — volume band, moving average, hollow-body convention","zh":"K 线图","ja":"ローソク足","subtitleZh":"OHLC K 线 — 成交量带、移动平均、空心实体惯例","subtitleJa":"OHLCローソク足 — 出来高バンド・移動平均・中空ボディ"},{"path":"components/_cards/charts-18-sankey.card.html","group":"Charts","name":"Sankey","viewport":"700x550","subtitle":"Flow diagram — columns derived from the graph, never positioned by hand","zh":"桑基图","ja":"サンキー図","subtitleZh":"流向图 — 列位置由图结构推导，无需手工摆放","subtitleJa":"フロー図 — 列位置はグラフ構造から導出、手作業の配置なし"},{"path":"components/_cards/charts-19-chord.card.html","group":"Charts","name":"Chord","viewport":"700x910","subtitle":"Circular Sankey — many-to-many, cyclical flows on one ring","zh":"和弦图","ja":"コード図","subtitleZh":"环形桑基 — 多对多、可回流的流向都在一个圆环上","subtitleJa":"円形サンキー — 多対多で循環するフローを一つの環に"},{"path":"components/_cards/charts-20-sunburst.card.html","group":"Charts","name":"Sunburst","viewport":"700x540","subtitle":"Hierarchy as concentric rings — click a ring to zoom, center to go back","zh":"旭日图","ja":"サンバースト","subtitleZh":"层级的同心环 — 点击环层下钻，点击圆心返回","subtitleJa":"階層を同心円で — リングをクリックでドリルダウン、中心で戻る"},{"path":"components/_cards/charts-21-worldmap.card.html","group":"Charts","name":"World Map","viewport":"700x870","subtitle":"Choropleth on real Natural Earth geometry — hover, select, diverging scale","zh":"世界地图","ja":"世界地図","subtitleZh":"基于真实 Natural Earth 地理数据的分级填色图 — 悬停、选中、发散色阶","subtitleJa":"実際のNatural Earth地理データによるコロプレス — ホバー・選択・ダイバージング"},{"path":"components/_cards/charts-22-gantt.card.html","group":"Charts","name":"Gantt","viewport":"700x590","subtitle":"Timeline of tasks — weekend tinting, progress fill, today marker, milestones","zh":"甘特图","ja":"ガントチャート","subtitleZh":"任务时间线 — 周末底纹、进度填充、今日标记、里程碑","subtitleJa":"タスクのタイムライン — 週末の網掛け・進捗・今日マーカー・マイルストーン"},{"path":"components/_cards/charts-23-bar3d.card.html","group":"Charts","name":"3D Bars","viewport":"700x790","subtitle":"Cuboid bars, grouped depth rows or stacked — drag to orbit, hover to read","zh":"立体柱状图","ja":"3Dバー","subtitleZh":"立方体柱 — 分组纵深排列或堆叠 · 拖拽旋转 · 悬停读数","subtitleJa":"直方体バー — 奥行きグループ / 積み上げ · ドラッグ回転 · ホバー読み取り"},{"path":"components/_cards/charts-24-pie3d.card.html","group":"Charts","name":"3D Pie & Donut","viewport":"700x1270","subtitle":"Extruded and stepped-stairs slices — drag spins in place, hover lifts a slice","zh":"立体饼图与环形","ja":"3Dパイ & ドーナツ","subtitleZh":"立体与阶梯高度扇区 — 拖拽原地旋转 · 悬停抬升扇区","subtitleJa":"押し出し & 階段状スライス — ドラッグでその場回転 · ホバーでリフト"},{"path":"components/_cards/charts-25-surface3d.card.html","group":"Charts","name":"3D Surface","viewport":"700x480","subtitle":"z = f(x,y) heat-shaded grid — drag to orbit, hover reads a cell","zh":"立体曲面图","ja":"3Dサーフェス","subtitleZh":"z = f(x,y) 热力着色网格 — 拖拽旋转 · 悬停读取单元格","subtitleJa":"z = f(x,y) ヒート着色グリッド — ドラッグ回転 · ホバーでセル読み取り"},{"path":"components/_cards/charts-26-scatter3d.card.html","group":"Charts","name":"3D Scatter","viewport":"700x520","subtitle":"Points in an orientation cube — drag to orbit, hover pins x·y·z","zh":"立体散点图","ja":"3D散布図","subtitleZh":"方向立方体内的散点 — 拖拽旋转 · 悬停显示 x·y·z","subtitleJa":"方向キューブ内の散布点 — ドラッグ回転 · ホバーで x·y·z 表示"},{"path":"components/_cards/charts-27-ribbon3d.card.html","group":"Charts","name":"3D Ribbon","viewport":"700x510","subtitle":"Series as extruded depth bands — the classic 3D area · drag to orbit","zh":"立体层带图","ja":"3Dリボン","subtitleZh":"序列各占一条纵深层带 — 经典 3D 面积呈现 · 拖拽旋转","subtitleJa":"系列ごとの奥行きバンド — クラシックな3Dエリア表現 · ドラッグ回転"},{"path":"components/_cards/charts-99-fullpage.card.html","group":"Charts","name":"Full-Page Analytics","viewport":"1512x2210","subtitle":"Reference layout only — every chart type composed into one screen","zh":"全屏分析页","ja":"フルページ分析","subtitleZh":"仅作参考布局 — 22 种图表全部编排进同一个屏幕","subtitleJa":"参考レイアウトのみ — 22種類すべてのチャートを1画面に構成"}];
+window.KB_CARDS = [{"path":"components/_cards/accordion.card.html","group":"Components","name":"Accordion","viewport":"700x332","subtitle":"Generic collapsible section — settings/FAQ style","zh":"手风琴折叠","ja":"アコーディオン","subtitleZh":"通用可折叠区块 — 设置/FAQ 风格","subtitleJa":"汎用の折りたたみセクション — 設定/FAQ スタイル"},{"path":"components/_cards/action-chip.card.html","group":"Components","name":"Action Chip","viewport":"700x462","subtitle":"Tinted bulk-action chips · five tones · size tiers, Latin and CJK","zh":"操作胶囊","ja":"アクションチップ","subtitleZh":"浅色批量操作标签 · 五种色调 · 尺寸层级，西文与 CJK","subtitleJa":"淡色の一括操作チップ · 5 トーン · サイズ階層、欧文と CJK"},{"path":"components/_cards/activity.card.html","group":"Components","name":"Activity","viewport":"700x368","subtitle":"ActivityItem rows · DotActivity feed","zh":"动态记录","ja":"アクティビティ","subtitleZh":"ActivityItem 动态行 · DotActivity 圆点信息流","subtitleJa":"ActivityItem の行 · DotActivity のフィード"},{"path":"components/_cards/alert.card.html","group":"Components","name":"Alert","viewport":"700x496","subtitle":"In-card message — 4 tones, with and without body","zh":"提醒条","ja":"アラート","subtitleZh":"卡片内提示信息 — 4 种色调，含/不含正文","subtitleJa":"カード内メッセージ — 4トーン、本文の有無"},{"path":"components/_cards/app-chrome.card.html","group":"Components","name":"App Chrome","viewport":"700x1566","subtitle":"Sidebar tones · SidePanel · TopBar · UserMenu · PageToolbar","zh":"应用外壳","ja":"アプリの外枠","subtitleZh":"侧边栏色调 · 侧面板 · 顶栏 · 用户菜单 · 页面工具栏","subtitleJa":"サイドバーのトーン · サイドパネル · トップバー · ユーザーメニュー · ページツールバー"},{"path":"components/_cards/banner.card.html","group":"Components","name":"Banner","viewport":"700x486","subtitle":"Page-level notification — 4 tones · action link · dismissible","zh":"横幅通知","ja":"バナー","subtitleZh":"页面级通知条 — 4 种色调 · 操作链接 · 可关闭","subtitleJa":"ページレベルの通知 — 4トーン · アクションリンク · 閉じるボタン付き"},{"path":"components/_cards/breadcrumb.card.html","group":"Components","name":"Breadcrumb","viewport":"700x738","subtitle":"Path trail — hover darkens · long trails collapse to an ellipsis dropdown","zh":"面包屑导航","ja":"パンくずリスト","subtitleZh":"路径导航 — 悬停加深 · 过长路径折叠为省略号下拉","subtitleJa":"パス表示 — ホバーで濃くなる · 長いパスは省略記号のドロップダウンに折りたたみ"},{"path":"components/_cards/button-1-base.card.html","group":"Components","name":"Button","viewport":"700x1059","subtitle":"Solid · soft/outline · ghost · text-only · disabled · loading","zh":"按钮","ja":"ボタン","subtitleZh":"实心 · 浅色/描边 · 幽灵 · 纯文字 · 禁用 · 加载中","subtitleJa":"塗りつぶし · ソフト/アウトライン · ゴースト · テキストのみ · 無効 · 読み込み中"},{"path":"components/_cards/button-4-group.card.html","group":"Components","name":"Button Group","viewport":"700x582","subtitle":"Segmented group · split button · shortcut hint · badge","zh":"按钮组","ja":"ボタングループ","subtitleZh":"分段按钮组 · 拆分按钮 · 快捷键提示 · 角标","subtitleJa":"セグメント化グループ · スプリットボタン · ショートカットヒント · バッジ"},{"path":"components/_cards/button-2-states.card.html","group":"Components","name":"Button Interaction States","viewport":"1120x965","subtitle":"Rest · hover · press · focus · loading · disabled — every variant, live and forced","zh":"按钮交互状态","ja":"ボタンのインタラクション状態","subtitleZh":"静默 · 悬停 · 按下 · 聚焦 · 加载中 · 禁用 — 全部变体，实时与强制态并列","subtitleJa":"静止 · ホバー · 押下 · フォーカス · 読み込み中 · 無効 — 全バリアント、実動と強制表示"},{"path":"components/_cards/button-3-sizes-icons.card.html","group":"Components","name":"Button Sizes & Icons","viewport":"700x908","subtitle":"sm 28 · md 32 · lg 40, Latin and CJK · icon placement · full width","zh":"按钮尺寸与图标","ja":"ボタンのサイズとアイコン","subtitleZh":"sm 28 · md 32 · lg 40，西文与 CJK · 图标位置 · 全宽","subtitleJa":"sm 28 · md 32 · lg 40、欧文と CJK · アイコン位置 · 全幅"},{"path":"components/_cards/button-5-ai.card.html","group":"Components","name":"Button · AI","viewport":"700x937","subtitle":"variant=\"ai\" — Prophet AI entry points only · travelling gradient ring · hover speeds up","zh":"AI 按钮","ja":"AI ボタン","subtitleZh":"variant=\"ai\" — 仅用于方知入口 · 流动的渐变描边 · 悬停时加速","subtitleJa":"variant=\"ai\" — Prophet AI の入口専用 · 流れるグラデーションの枠線 · ホバーで加速"},{"path":"components/_cards/canvas-zoom-controls.card.html","group":"Components","name":"Canvas Zoom Controls","viewport":"700x110","subtitle":"Pipeline canvas − / % / + / fit-to-view","zh":"画布缩放控件","ja":"キャンバスズームコントロール","subtitleZh":"流程画布 − / % / + / 适应视图","subtitleJa":"パイプラインキャンバスの − / % / + / 全体表示"},{"path":"components/_cards/cards-indicators.card.html","group":"Components","name":"Cards & Indicators","viewport":"700x528","subtitle":"Work in progress · Card · StatCard · Badge · IconTile · charts","zh":"卡片与指示器","ja":"カードとインジケーター","subtitleZh":"开发中 · Card 卡片 · StatCard 统计卡 · Badge 徽标 · IconTile 图标块 · 图表","subtitleJa":"作業中 · Card · StatCard · Badge · IconTile · チャート"},{"path":"components/_cards/checkbox.card.html","group":"Components","name":"Checkbox","viewport":"700x606","subtitle":"Checked · unchecked · indeterminate · disabled · sizes","zh":"复选框","ja":"チェックボックス","subtitleZh":"选中 · 未选中 · 半选 · 禁用 · 多尺寸","subtitleJa":"選択済み · 未選択 · 中間状態 · 無効 · サイズ違い"},{"path":"components/_cards/codeblock.card.html","group":"Components","name":"Code Block","viewport":"700x286","subtitle":"SQL Preview / JSON export — mono with copy button","zh":"代码块","ja":"コードブロック","subtitleZh":"SQL 预览 / JSON 导出 — 带复制按钮的等宽代码块","subtitleJa":"SQL プレビュー／JSON エクスポート — コピー機能付き等幅コードブロック"},{"path":"components/_cards/combobox.card.html","group":"Components","name":"Combobox","viewport":"700x558","subtitle":"Typeahead single-select — type to filter · keyboard nav · no-results","zh":"输入筛选下拉","ja":"コンボボックス","subtitleZh":"输入即筛选的单选下拉 — 键盘导航 · 无结果状态","subtitleJa":"入力して絞り込む単一選択 — キーボード操作 · 該当なし状態"},{"path":"components/_cards/context-menu.card.html","group":"Components","name":"Context Menu","viewport":"700x1310","subtitle":"Icons · plain text · danger item · long list","zh":"右键菜单","ja":"右クリックメニュー","subtitleZh":"带图标 · 纯文字 · 危险项 · 长列表","subtitleJa":"アイコン付き · テキストのみ · 危険操作項目 · 長いリスト"},{"path":"components/_cards/date-picker.card.html","group":"Components","name":"Date Picker","viewport":"700x649","subtitle":"Input + month-grid popover — today outlined · selected filled","zh":"日期选择器","ja":"日付ピッカー","subtitleZh":"输入框 + 月历弹层 — 今天描边 · 选中填充","subtitleJa":"入力欄 + 月グリッドのポップオーバー — 本日は枠線 · 選択日は塗りつぶし"},{"path":"components/_cards/diffvalue.card.html","group":"Components","name":"Diff Value","viewport":"700x387","subtitle":"Before → after change display (config migration)","zh":"差异值","ja":"差分値","subtitleZh":"变更前 → 变更后 数值展示（配置迁移场景）","subtitleJa":"変更前 → 変更後 の値表示（設定移行シナリオ）"},{"path":"components/_cards/divider.card.html","group":"Components","name":"Divider","viewport":"700x338","subtitle":"Plain · labeled · vertical","zh":"分隔线","ja":"区切り線","subtitleZh":"普通 · 带标签 · 垂直","subtitleJa":"通常 · ラベル付き · 縦向き"},{"path":"components/_cards/drawer.card.html","group":"Components","name":"Drawer","viewport":"700x558","subtitle":"Slide-out detail panel — header · scrollable body · footer actions","zh":"抽屉面板","ja":"ドロワー","subtitleZh":"滑出式详情面板 — 标题栏 · 可滚动主体 · 底部操作区","subtitleJa":"スライドアウト式の詳細パネル — ヘッダー · スクロール本文 · フッター操作"},{"path":"components/_cards/dropdown-menu.card.html","group":"Components","name":"Dropdown Menu","viewport":"700x1152","subtitle":"Button · icon-only · ghost text · avatar triggers — icon items & plain-text items","zh":"下拉菜单","ja":"ドロップダウンメニュー","subtitleZh":"按钮 · 纯图标 · 幽灵文字 · 头像触发 — 带图标与纯文字菜单项","subtitleJa":"ボタン · アイコンのみ · ゴーストテキスト · アバタートリガー — アイコン付き/テキストのみの項目"},{"path":"components/_cards/dropzone.card.html","group":"Components","name":"Dropzone","viewport":"924x718","subtitle":"Empty · drag-over · uploaded · error · disabled","zh":"拖放上传区","ja":"ドロップゾーン","subtitleZh":"空状态 · 拖拽悬停 · 已上传 · 错误 · 禁用","subtitleJa":"空 · ドラッグオーバー · アップロード済み · エラー · 無効"},{"path":"components/_cards/empty-state.card.html","group":"Components","name":"Empty State","viewport":"924x644","subtitle":"First-run · no results · error — with and without action","zh":"空状态","ja":"空状態","subtitleZh":"首次使用 · 无结果 · 错误 — 含/不含操作按钮","subtitleJa":"初回利用 · 該当なし · エラー — アクションの有無"},{"path":"components/_cards/filter-bar.card.html","group":"Components","name":"Filter Bar (List Report)","viewport":"1000x566","subtitle":"Fiori-style filter bar composed with a table — Adapt Filters · Go","zh":"筛选栏（列表报表）","ja":"フィルターバー（リストレポート）","subtitleZh":"Fiori 风格筛选栏与表格组合 — Adapt Filters · Go","subtitleJa":"テーブルと組み合わせたFiori形式のフィルターバー — Adapt Filters · Go"},{"path":"components/_cards/icon-button.card.html","group":"Components","name":"Icon Button","viewport":"700x498","subtitle":"Square ghost icon button · sm 28 · md 32 · lg 40 · active / muted / danger / loading / disabled","zh":"图标按钮","ja":"アイコンボタン","subtitleZh":"方形幽灵图标按钮 · sm 28 · md 32 · lg 40 · 激活 / 弱化 / 危险 / 加载 / 禁用","subtitleJa":"正方形ゴーストアイコンボタン · sm 28 · md 32 · lg 40 · アクティブ / ミュート / 危険 / 読み込み / 無効"},{"path":"components/_cards/input.card.html","group":"Components","name":"Input","viewport":"700x797","subtitle":"Default · filled · required · readOnly · disabled · error · hint · focus","zh":"输入框","ja":"入力欄","subtitleZh":"默认 · 已填写 · 必填 · 只读 · 禁用 · 错误 · 提示文字 · 聚焦","subtitleJa":"既定 · 入力済み · 必須 · 読み取り専用 · 無効 · エラー · ヒント · フォーカス"},{"path":"components/_cards/keyvalue.card.html","group":"Components","name":"Key/Value Rows","viewport":"700x261","subtitle":"Config summary and confirmation-step rows","zh":"键值行","ja":"キー/バリュー行","subtitleZh":"配置摘要与确认步骤中的行展示","subtitleJa":"設定サマリーと確認ステップの行表示"},{"path":"components/_cards/kbd.card.html","group":"Components","name":"Keyboard Shortcuts","viewport":"700x267","subtitle":"Kbd — keycap hints for a power-user tool","zh":"键盘快捷键","ja":"キーボードショートカット","subtitleZh":"Kbd — 面向高级用户工具的按键提示","subtitleJa":"Kbd — パワーユーザー向けツールのキー入力ヒント"},{"path":"components/_cards/listrow.card.html","group":"Components","name":"List Row","viewport":"700x433","subtitle":"Expandable workflow rows — collapsed, expanded, with trailing count","zh":"列表行","ja":"リスト行","subtitleZh":"可展开的工作流行 — 折叠、展开、带末尾计数","subtitleJa":"展開可能なワークフロー行 — 折りたたみ、展開、末尾カウント付き"},{"path":"components/_cards/loading.card.html","group":"Components","name":"Loading","viewport":"700x459","subtitle":"Spinner sizes · Skeleton text, blocks and table rows","zh":"加载状态","ja":"読み込み状態","subtitleZh":"Spinner 多尺寸 · Skeleton 文字、色块与表格行","subtitleJa":"Spinner のサイズ違い · Skeleton のテキスト・ブロック・テーブル行"},{"path":"components/_cards/log-viewer.card.html","group":"Components","name":"Log Viewer","viewport":"700x436","subtitle":"Mono run log — info · warn · error lines","zh":"日志查看器","ja":"ログビューア","subtitleZh":"等宽运行日志 — info · warn · error 行","subtitleJa":"等幅の実行ログ — info · warn · error の行"},{"path":"components/_cards/modal.card.html","group":"Components","name":"Modal","viewport":"700x520","subtitle":"Default · destructive footer · with form content · no subtitle","zh":"弹窗","ja":"モーダル","subtitleZh":"默认 · 危险操作底栏 · 含表单内容 · 无副标题","subtitleJa":"既定 · 破壊的操作のフッター · フォーム付き · 副題なし"},{"path":"components/_cards/multi-select.card.html","group":"Components","name":"Multi Select","viewport":"700x530","subtitle":"Checkbox dropdown — removable tags · +n overflow · clear all","zh":"多选下拉","ja":"マルチセレクト","subtitleZh":"复选框下拉 — 可移除标签 · +n 溢出 · 一键清空","subtitleJa":"チェックボックス式ドロップダウン — 削除可能タグ · +n オーバーフロー · 全クリア"},{"path":"components/_cards/number-stepper.card.html","group":"Components","name":"Number Stepper","viewport":"700x344","subtitle":"Default · at min · at max · disabled","zh":"数字步进器","ja":"数値ステッパー","subtitleZh":"默认 · 最小值 · 最大值 · 禁用","subtitleJa":"既定 · 最小値 · 最大値 · 無効"},{"path":"components/_cards/pagination.card.html","group":"Components","name":"Pagination","viewport":"700x758","subtitle":"Row-range label · small set · first/last page states","zh":"分页","ja":"ページネーション","subtitleZh":"行范围标签 · 少页场景 · 首页/末页状态","subtitleJa":"行範囲ラベル · 少ページ時 · 先頭/末尾ページの状態"},{"path":"components/_cards/people.card.html","group":"Components","name":"People","viewport":"700x326","subtitle":"Avatar · AvatarGroup — initials, sizes, real images","zh":"人物","ja":"ユーザー","subtitleZh":"Avatar 头像 · AvatarGroup 头像组 — 首字母、尺寸、真实图片","subtitleJa":"Avatar（アバター）· AvatarGroup（アバターグループ）— イニシャル、サイズ、実画像"},{"path":"components/_cards/pipeline-node.card.html","group":"Components","name":"Pipeline Node Card","viewport":"700x1781","subtitle":"220×90 node — category hues · status badges · ports with hover, drag-to-connect and drop states","zh":"流程节点卡","ja":"パイプラインノードカード","subtitleZh":"220×90 节点 — 分类色 · 状态角标 · 端口的悬停、拖拽连线与落点状态","subtitleJa":"220×90ノード — カテゴリ色 · ステータスバッジ · ポートのホバー・ドラッグ接続・ドロップ状態"},{"path":"components/_cards/pipeline-palette.card.html","group":"Components","name":"Pipeline Palette","viewport":"700x771","subtitle":"240px component drawer — grid/list toggle · collapsible hued categories","zh":"组件面板","ja":"コンポーネントパレット","subtitleZh":"240px 组件抽屉 — 网格/列表切换 · 可折叠的分类色分组","subtitleJa":"240pxコンポーネントドロワー — グリッド/リスト切替 · 折りたたみ可能なカテゴリ"},{"path":"components/_cards/radio.card.html","group":"Components","name":"Radio Button","zh":"单选按钮","ja":"ラジオボタン","viewport":"700x1741","subtitle":"Single choice from a small set — md/sm · description · disabled · row · card variant · arrow-key navigation","subtitleZh":"小集合中的单选 — md/sm · 描述文字 · 禁用 · 横排 · 卡片式 · 方向键切换","subtitleJa":"少数の選択肢から1つ — md/sm · 説明文 · 無効 · 横並び · カード型 · 矢印キー操作"},{"path":"components/_cards/search.card.html","group":"Components","name":"Search Input","viewport":"700x756","subtitle":"Bordered · bare top-bar · with value/clear · disabled","zh":"搜索框","ja":"検索欄","subtitleZh":"带边框 · 顶栏无边框 · 带内容/清除 · 禁用","subtitleJa":"ボーダー付き · トップバー用（枠なし）· 入力値/クリア付き · 無効"},{"path":"components/_cards/search-global.card.html","group":"Components","name":"Search · Global","viewport":"1000x3634","subtitle":"GlobalSearch — TopBar search with ⌘K / Ctrl K · scopes · grouped results · Prophet AI hand-off · Deep Search","zh":"搜索 · 全局","ja":"検索 · グローバル","subtitleZh":"GlobalSearch — 顶栏搜索，⌘K / Ctrl K 唤起 · 范围切换 · 分组结果 · 转交方知 · 深度搜索","subtitleJa":"GlobalSearch — トップバー検索、⌘K / Ctrl K で起動 · スコープ切替 · グループ化された結果 · Prophet AI への引き継ぎ · ディープサーチ"},{"path":"components/_cards/segmented-control.card.html","group":"Components","name":"Segmented Control","zh":"分段控件","ja":"セグメントコントロール","viewport":"700x1864","subtitle":"Mutually exclusive views in one inset track — md/sm · counts · icons · icon-only · disabled option · full width · ViewToggle","subtitleZh":"同一轨道内的互斥视图切换 — md/sm · 计数 · 图标 · 纯图标 · 禁用项 · 撑满宽度 · ViewToggle","subtitleJa":"1つのトラック内で排他的にビューを切替 — md/sm · カウント · アイコン · アイコンのみ · 無効項目 · 全幅 · ViewToggle"},{"path":"components/_cards/select.card.html","group":"Components","name":"Select","viewport":"700x513","subtitle":"md / sm · placeholder · disabled · error","zh":"下拉选择","ja":"セレクト","subtitleZh":"中/小尺寸 · 占位符 · 禁用 · 错误","subtitleJa":"md/sm サイズ · プレースホルダー · 無効 · エラー"},{"path":"components/_cards/relative-time-picker.card.html","group":"Components","name":"Relative Time Picker","viewport":"700x871","subtitle":"Filter by how long ago · md / sm / lg · unlimited · disabled · localised labels","zh":"相对时间选择器","ja":"相対時間ピッカー","subtitleZh":"按\"多久以前\"筛选 · md / sm / lg · 不限时间 · 禁用 · 本地化文案","subtitleJa":"「どれくらい前」で絞り込み · md / sm / lg · 無制限 · 無効 · ローカライズ"},{"path":"components/_cards/slider.card.html","group":"Components","name":"Slider","viewport":"700x267","subtitle":"Filled track · ring knob · value bubble · min/max labels","zh":"滑杆","ja":"スライダー","subtitleZh":"填充轨道 · 环形滑块 · 数值气泡 · 最值标签","subtitleJa":"塗りつぶしトラック · リング状ノブ · 値バブル · 最小/最大ラベル"},{"path":"components/_cards/smart-table.card.html","group":"Components","name":"Smart Table (Database Grid)","viewport":"700x1454","subtitle":"Frozen header and row numbers · default and compact density · typed fields · hue pills · aggregates · + New","zh":"智能表格（数据网格）","ja":"スマートテーブル（データベースグリッド）","subtitleZh":"冻结表头与行号 · 默认与紧凑两种行密度 · Notion/Airtable 风格网格 — 类型化字段 · 色相胶囊 · 聚合统计 · + New","subtitleJa":"固定ヘッダーと行番号 · デフォルトとコンパクトの行密度 · Notion/Airtable形式のグリッド — 型付きフィールド · 色相ピル · 集計 · + New"},{"path":"components/_cards/spreadsheet.card.html","group":"Components","name":"Spreadsheet","viewport":"924x590","subtitle":"Formula bar · frozen headers · range selection · =SUM() · sheet tabs · status bar","zh":"电子表格","ja":"スプレッドシート","subtitleZh":"公式栏 · 冻结表头 · 范围选择 · =SUM() · 工作表标签 · 状态栏","subtitleJa":"数式バー · 固定ヘッダー · 範囲選択 · =SUM() · シートタブ · ステータスバー"},{"path":"components/_cards/stepper.card.html","group":"Components","name":"Stepper","viewport":"700x618","subtitle":"Multi-step flow header — done · current · upcoming","zh":"步骤条","ja":"ステッパー","subtitleZh":"多步骤流程头部 — 已完成 · 当前 · 待进行","subtitleJa":"多段階フローのヘッダー — 完了 · 現在 · 未着手"},{"path":"components/_cards/table.card.html","group":"Components","name":"Table","viewport":"700x11184","subtitle":"Anatomy · densities · column types · two-line name · sorting · selection · frames · column resize · states · composition","zh":"表格","ja":"テーブル","subtitleZh":"结构 · 密度 · 列类型 · 两行名称 · 排序 · 选择 · 边框方式 · 列宽拖拽 · 状态 · 组合用法","subtitleJa":"構造 · 密度 · 列タイプ · 2行の名前 · 並べ替え · 選択 · フレーム · 列幅ドラッグ · 状態 · 組み合わせ"},{"path":"components/_cards/tabs.card.html","group":"Components","name":"Tabs","viewport":"700x1118","subtitle":"Underline tabs · panel tabs · pill filter tabs · counts","zh":"标签页","ja":"タブ","subtitleZh":"下划线标签页 · 面板标签页 · 胶囊筛选标签 · 计数","subtitleJa":"アンダーラインタブ · パネルタブ · ピル型フィルタータブ · カウント"},{"path":"components/_cards/tag.card.html","group":"Components","name":"Tag","viewport":"700x438","subtitle":"Removable filter tags — distinct from Badge/ActionChip","zh":"标签","ja":"タグ","subtitleZh":"可移除的筛选标签 — 区别于 Badge/ActionChip","subtitleJa":"削除可能なフィルタータグ — Badge/ActionChip とは区別"},{"path":"components/_cards/textarea.card.html","group":"Components","name":"Textarea","viewport":"924x674","subtitle":"Default · character count · over the limit · disabled","zh":"文本域","ja":"テキストエリア","subtitleZh":"默认 · 字数统计 · 超出限制 · 禁用","subtitleJa":"既定 · 文字数カウント · 上限超過 · 無効"},{"path":"components/_cards/timeline.card.html","group":"Components","name":"Timeline","viewport":"700x373","subtitle":"Vertical activity timeline — toned icon nodes on a hairline spine","zh":"时间线","ja":"タイムライン","subtitleZh":"垂直活动时间线 — 细线主轴上的着色图标节点","subtitleJa":"縦型の活動タイムライン — 極細の軸上に色付きアイコンノード"},{"path":"components/_cards/toast.card.html","group":"Components","name":"Toast","viewport":"700x744","subtitle":"Tones · with/without meta · live ToastStack demo","zh":"轻提示","ja":"トースト通知","subtitleZh":"多种色调 · 含/不含附加信息 · 实时 ToastStack 演示","subtitleJa":"トーン違い · メタ情報の有無 · ToastStack のライブデモ"},{"path":"components/_cards/toggles.card.html","group":"Components","name":"Toggle Switch","viewport":"700x2771","subtitle":"Binary settings pill — sizes · semantic red→green · glyph knobs · inline text · captions · async loading","zh":"开关","ja":"スイッチ","subtitleZh":"二元设置开关 — 尺寸 · 红关绿开语义配色 · 滑块内图标/单字 · 胶囊内文字 · 两侧标注 · 异步加载","subtitleJa":"バイナリ設定ピル — サイズ · 赤オフ→緑オン · ノブ内グリフ · ピル内テキスト · 両側ラベル · 非同期ローディング"},{"path":"components/_cards/tooltip.card.html","group":"Components","name":"Tooltip","viewport":"700x499","subtitle":"Placements — top · bottom · left · right, on icon and text triggers","zh":"文字提示","ja":"ツールチップ","subtitleZh":"多种定位 — 上/下/左/右，可用于图标或文字触发","subtitleJa":"配置位置 — 上/下/左/右、アイコンおよびテキストトリガーで使用可能"},{"path":"components/_cards/tree.card.html","group":"Components","name":"Tree","viewport":"700x3171","subtitle":"Cascading checkboxes · disabled nodes · lines · async load · search · drag · reorder · keyboard","zh":"树形视图","ja":"ツリービュー","subtitleZh":"级联勾选 · 禁用节点 · 连接线 · 异步加载 · 搜索 · 拖拽 · 排序 · 键盘操作","subtitleJa":"カスケードチェック · 無効ノード · 接続線 · 非同期読み込み · 検索 · ドラッグ · 並べ替え · キーボード操作"},{"path":"components/_cards/icons-0-usage.card.html","group":"Icons","name":"Icon Usage","viewport":"700x2221","subtitle":"Monochrome glyphs · category tiles · document hues · status · marks · icons inside components — when an icon gets colour","zh":"图标用法","ja":"アイコンの使い方","subtitleZh":"单色图标 · 分类色块 · 文档色 · 状态 · 标记 · 组件内图标——图标什么时候用颜色","subtitleJa":"単色グリフ · カテゴリタイル · ドキュメント色 · ステータス · マーク · コンポーネント内のアイコン — いつ色を付けるか"},{"path":"components/_cards/icons-1-core.card.html","group":"Icons","name":"Core Set","viewport":"700x1764","subtitle":"The 157 stroke glyphs the product itself uses — keyword search · click to download the SVG","zh":"核心图标集","ja":"コアセット","subtitleZh":"产品自身使用的 157 个线性图标 — 关键词搜索 · 点击下载 SVG","subtitleJa":"プロダクト自身が使用する157個のストロークアイコン — キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-2-feather.card.html","group":"Icons","name":"Feather Library","viewport":"700x4551","subtitle":"404 stroke icons (core + all of Feather) · keyword search · click to download the SVG","zh":"Feather 图标库","ja":"Featherライブラリ","subtitleZh":"404 个线性图标（核心集 + 完整 Feather）· 关键词搜索 · 点击下载 SVG","subtitleJa":"404個のストロークアイコン（コア + Feather全量）· キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-2b-lucide.card.html","group":"Icons","name":"Lucide Library","viewport":"700x1396","subtitle":"Full Lucide set (1,700+ stroke glyphs, core style) via pinned CDN · keyword search · click to download the SVG","zh":"Lucide 图标库","ja":"Lucideライブラリ","subtitleZh":"完整 Lucide 图标集（1,700+ 线性图标，与核心风格一致，固定版本 CDN）· 关键词搜索 · 点击下载 SVG","subtitleJa":"Lucide 全セット（1,700+ のストロークアイコン、コアと同一スタイル、固定版 CDN）· キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-3-unicons.card.html","group":"Icons","name":"Unicons Library","viewport":"700x1348","subtitle":"1,206 Unicons line glyphs via CDN webfont · keyword search · click to download the SVG","zh":"Unicons 图标库","ja":"Uniconsライブラリ","subtitleZh":"1,206 个 Unicons 线性图标（CDN 字体）· 关键词搜索 · 点击下载 SVG","subtitleJa":"CDNウェブフォント経由の1,206個のUniconsラインアイコン · キーワード検索 · クリックで SVG をダウンロード"},{"path":"components/_cards/icons-4-datasource.card.html","group":"Icons","name":"Data Source Logos","viewport":"700x636","subtitle":"17 data-source logo images in assets/logos/datasource/","zh":"数据源图标","ja":"データソースロゴ","subtitleZh":"17 张数据源图标图片，位于 assets/logos/datasource/","subtitleJa":"assets/logos/datasource/ の 17 枚のデータソースロゴ画像"},{"path":"guidelines/brand-logo.html","group":"Brand","name":"Logo & Wordmark","viewport":"700x162","subtitle":"Blue cube bitmap + Inter 600 wordmark, −0.609px tracking","zh":"标志与字标","ja":"ロゴとワードマーク","subtitleZh":"蓝色立方体图标 + Inter 600 字标，字距 −0.609px","subtitleJa":"青い立方体のビットマップ + Inter 600 のワードマーク、字間 −0.609px"},{"path":"guidelines/colors-list.html","group":"Colors","name":"Color List","viewport":"700x2740","subtitle":"Every color in the system, with name and hex","zh":"色值清单","ja":"カラー一覧","subtitleZh":"系统中的全部色值，含名称与十六进制码","subtitleJa":"システム内の全カラー、名称とHEX値付き"},{"path":"guidelines/colors-palette.html","group":"Colors","name":"Palette","viewport":"700x880","subtitle":"Grouped by role — hover a dot for its token and hex","zh":"调色板","ja":"パレット","subtitleZh":"按角色分组 — 悬停色点可查看 token 与色值","subtitleJa":"役割別のグループ — ドットにホバーでトークンとHEXを表示"},{"path":"guidelines/colors-schemes.html","group":"Colors","name":"Schemes","viewport":"700x783","subtitle":"Sets that work together — surface, text, border, accent","zh":"配色方案","ja":"配色スキーム","subtitleZh":"可直接套用的配色组合 — 表面、文字、边框、强调色","subtitleJa":"組み合わせて機能するセット — 面・文字・境界・アクセント"},{"path":"guidelines/colors-transparency.html","group":"Colors","name":"Transparency","viewport":"700x478","subtitle":"Alpha scale — the number is the opacity","zh":"透明度","ja":"透明度","subtitleZh":"透明度阶梯 — 数字即不透明度","subtitleJa":"アルファ階調 — 数字がそのまま不透明度"},{"path":"guidelines/foundations-borders.html","group":"Foundations","name":"Borders & Shadows","viewport":"700x176","subtitle":"Hairlines carry the UI; shadows only on canvas nodes","zh":"边框与阴影","ja":"ボーダーとシャドウ","subtitleZh":"发丝边框承载整个界面；阴影仅用于画布节点","subtitleJa":"極細ボーダーがUI全体を支え、シャドウはキャンバスノードのみに使用"},{"path":"guidelines/foundations-chrome.html","group":"Foundations","name":"App Chrome Dimensions","viewport":"700x164","subtitle":"Fixed panel widths & bar heights","zh":"应用外壳尺寸","ja":"アプリ外枠のサイズ","subtitleZh":"固定的面板宽度与工具栏高度","subtitleJa":"固定されたパネル幅とバーの高さ"},{"path":"guidelines/foundations-motion.html","group":"Foundations","name":"Motion","viewport":"700x152","subtitle":"120/160/240ms · ease-out — hover, rise, pulse, spin","zh":"动效","ja":"モーション","subtitleZh":"120/160/240ms · ease-out 缓动 — 悬停、升起、脉冲、旋转","subtitleJa":"120/160/240ms · ease-out — ホバー、出現、パルス、回転"},{"path":"guidelines/foundations-radii.html","group":"Foundations","name":"Corner Radii","viewport":"700x200","subtitle":"4 controls · 8 buttons · 10 cards · 14/16 tiles & nodes · full circles","zh":"圆角","ja":"角丸","subtitleZh":"4px 控件 · 8px 按钮 · 10px 卡片 · 14/16px 瓦片与节点 · 全圆","subtitleJa":"4pxコントロール · 8pxボタン · 10pxカード · 14/16pxタイル・ノード · 完全円形"},{"path":"guidelines/foundations-size-tiers.html","group":"Foundations","name":"Size Tiers","viewport":"700x1335","subtitle":"sm 28 · md 32 · lg 40 — one tier per region, never mixed in a row; CJK one step larger at sm","zh":"尺寸层级","ja":"サイズ階層","subtitleZh":"sm 28 · md 32 · lg 40——每个区域一档，同一行不混用；CJK 在 sm 下大一号","subtitleJa":"sm 28 · md 32 · lg 40 — 領域ごとに 1 段階、同じ行で混在させない。CJK は sm で 1 段階大きい"},{"path":"guidelines/foundations-spacing.html","group":"Foundations","name":"Spacing","viewport":"700x138","subtitle":"4px family · page 24×32 · card 21 · section gap 24 · gaps 8 inside a group, 12/16/24 between groups","zh":"间距","ja":"余白","subtitleZh":"4px 间距体系 · 页面留白 24×32 · 卡片内边距 21 · 区块间距 24 · 组内间距 8，组间 12/16/24","subtitleJa":"4px単位の体系 · ページ余白24×32 · カード内余白21 · セクション間隔24 · グループ内8、グループ間12/16/24"},{"path":"guidelines/interaction-states.html","group":"Foundations","name":"Interaction States","viewport":"700x552","subtitle":"The five states every control carries — and where each one is defined","zh":"交互状态","ja":"インタラクション状態","subtitleZh":"每个控件都具备的五种状态 — 以及各自的定义位置","subtitleJa":"すべてのコントロールが持つ5つの状態 — と各々の定義場所"},{"path":"guidelines/type-extended.html","group":"Type","name":"Display Scale","viewport":"700x388","subtitle":"Display sizes 24–60 — tracking follows the same size→tracking curve","zh":"展示级字号","ja":"ディスプレイスケール","subtitleZh":"展示级字号 24–60 — 字距沿用同一条字号→字距曲线","subtitleJa":"ディスプレイサイズ24–60 — 字間は同じサイズ→字間カーブに従う"},{"path":"guidelines/type-mono.html","group":"Type","name":"Mono / Code Only","viewport":"700x187","subtitle":"Menlo for code blocks, logs, inline code and config-code chips — IDs and amounts stay in Inter with tabular figures","zh":"等宽字体 / 仅用于代码","ja":"等幅フォント／コード専用","subtitleZh":"Menlo 只用于代码块、日志、行内代码和配置代码标签——编号与金额仍用 Inter 等宽数字","subtitleJa":"Menlo はコードブロック・ログ・インラインコード・設定コードのチップ専用 — ID と金額は Inter の等幅数字"},{"path":"guidelines/type-scale.html","group":"Type","name":"Type Scale","viewport":"700x408","subtitle":"Inter — the 14px scale: 12 captions · 14 body and controls · 16 section titles · 20 page titles; CJK one step larger below 14","zh":"字号阶梯","ja":"フォントサイズ体系","subtitleZh":"Inter——14px 字号阶梯：12 说明文字 · 14 正文与控件 · 16 区块标题 · 20 页面标题；CJK 在 14 以下大一号","subtitleJa":"Inter — 14px スケール：12 キャプション · 14 本文とコントロール · 16 セクション見出し · 20 ページ見出し。CJK は 14 未満で 1 段階大きい"},{"path":"guidelines/type-weights.html","group":"Type","name":"Inter Weights","viewport":"700x264","subtitle":"300 numerals · 400 body · 500 UI-medium · 600 titles — 500 becomes 600 in Chinese, Japanese and Korean","zh":"Inter 字重","ja":"Inter のウェイト","subtitleZh":"300 数字 · 400 正文 · 500 界面中等 · 600 标题 — 中文、日文、韩文中 500 改为 600","subtitleJa":"300：数字 · 400：本文 · 500：UI中間 · 600：見出し — 中国語・日本語・韓国語では500が600になる"},{"path":"components/_cards/charts-1-sparkline.card.html","group":"Charts","name":"Sparkline","viewport":"700x945","subtitle":"Micro trends for stat tiles, table cells, list rows — line · area · bars · curve","zh":"迷你趋势图","ja":"スパークライン","subtitleZh":"微型趋势 — 统计卡、表格单元格、列表行 · 线 / 面积 / 柱 / 曲线","subtitleJa":"ミニトレンド — 統計タイル・表セル・リスト行 · ライン / エリア / バー / カーブ"},{"path":"components/_cards/charts-2-line.card.html","group":"Charts","name":"Line & Area","viewport":"700x1538","subtitle":"Trends over time — straight, smooth or stepped · stacked area · hover + legend mute","zh":"折线与面积图","ja":"ライン & エリア","subtitleZh":"时间趋势 — 直线、平滑曲线或阶梯 · 堆叠面积 · 悬停与图例开关","subtitleJa":"時系列トレンド — 直線・スムーズ曲線・ステップ · 積み上げエリア · ホバーと凡例ミュート"},{"path":"components/_cards/charts-3-bar.card.html","group":"Charts","name":"Bar Chart","viewport":"700x2203","subtitle":"Vertical & horizontal — grouped · stacked · 100% stacked · diverging · combo line","zh":"柱状图","ja":"バーチャート","subtitleZh":"纵向与横向 — 分组 · 堆叠 · 百分比堆叠 · 正负差异 · 折线组合","subtitleJa":"縦・横 — グループ · 積み上げ · 100%積み上げ · プラスマイナス差異 · ラインコンボ"},{"path":"components/_cards/charts-4-barlist.card.html","group":"Charts","name":"Bar List","viewport":"700x545","subtitle":"Horizontal labeled bars — top-N rankings, budget consumption","zh":"横向条形列表","ja":"バーリスト","subtitleZh":"横向带标签条形 — Top-N 排名、预算消耗","subtitleJa":"横向きラベル付きバー — Top-Nランキング・予算消化"},{"path":"components/_cards/charts-5-donut.card.html","group":"Charts","name":"Donut & Pie","viewport":"700x583","subtitle":"Composition with a KPI center — hover lifts a segment","zh":"环形与饼图","ja":"ドーナツ & パイ","subtitleZh":"带 KPI 中心的构成占比 — 悬停抬升扇区","subtitleJa":"KPIセンター付き構成比 — ホバーでセグメントが浮き上がる"},{"path":"components/_cards/charts-6-scatter.card.html","group":"Charts","name":"Scatter & Bubble","viewport":"700x496","subtitle":"x/y correlation, bubble = third dimension — nearest-point tooltip","zh":"散点气泡图","ja":"散布図 & バブル","subtitleZh":"x/y 相关性，气泡为第三维 — 就近吸附提示","subtitleJa":"x/y相関、バブルが第3の次元 — 最近点スナップのツールチップ"},{"path":"components/_cards/charts-7-heatmap.card.html","group":"Charts","name":"Heatmap","viewport":"700x537","subtitle":"Matrix density — sequential blue ramp · diverging red/green variance","zh":"热力图","ja":"ヒートマップ","subtitleZh":"矩阵密度 — 顺序蓝色阶 · 正负发散色阶","subtitleJa":"マトリクス密度 — シーケンシャル / ダイバージング"},{"path":"components/_cards/charts-8-waterfall.card.html","group":"Charts","name":"Waterfall","viewport":"700x483","subtitle":"Finance bridge — signed deltas, re-baselining totals, running-sum connectors","zh":"瀑布图","ja":"ウォーターフォール","subtitleZh":"财务桥 — 有符号增减、小计重定基线、运行和连接线","subtitleJa":"財務ブリッジ — 符号付き増減・小計の再ベースライン・累計コネクタ"},{"path":"components/_cards/charts-9-bullet.card.html","group":"Charts","name":"Bullet","viewport":"700x500","subtitle":"Actual vs. target rows with a target tick — misses in red","zh":"子弹图","ja":"ブレットチャート","subtitleZh":"实际对目标 — 目标刻度线，未达标红色","subtitleJa":"実績対目標 — ターゲットティック、未達は赤"},{"path":"components/_cards/charts-10-gauge.card.html","group":"Charts","name":"Gauge","viewport":"700x320","subtitle":"Semi-circular KPI — flat arc, threshold bands, no needle","zh":"仪表盘","ja":"ゲージ","subtitleZh":"半圆 KPI — 平面圆弧、阈值分段、无指针","subtitleJa":"半円KPI — フラットアーク・しきい値バンド・針なし"},{"path":"components/_cards/charts-11-funnel.card.html","group":"Charts","name":"Funnel","viewport":"700x631","subtitle":"Stage counts with step-to-step conversion — sub-50% steps flagged","zh":"漏斗图","ja":"ファネル","subtitleZh":"阶段计数与逐级转化率 — 低于 50% 标红","subtitleJa":"ステージ数と段階間コンバージョン — 50%未満は赤"},{"path":"components/_cards/charts-12-treemap.card.html","group":"Charts","name":"Treemap","viewport":"700x463","subtitle":"Squarified composition — readable at 15+ items, hover for share","zh":"矩形树图","ja":"ツリーマップ","subtitleZh":"平铺方块构成 — 15+ 项仍可读，悬停看占比","subtitleJa":"スクエアリファイド構成 — 15+項目でも読める、ホバーでシェア"},{"path":"components/_cards/charts-14-radar.card.html","group":"Charts","name":"Radar","viewport":"700x514","subtitle":"Spider chart — a few entities across the same 3–10 measures","zh":"雷达图","ja":"レーダーチャート","subtitleZh":"蜘蛛网图 — 多个对象在同一组 3–10 项指标上的对比","subtitleJa":"スパイダーチャート — 同じ3〜10指標での対象比較"},{"path":"components/_cards/charts-15-distribution.card.html","group":"Charts","name":"Histogram & Box Plot","viewport":"700x809","subtitle":"Distribution of one measure · spread and outliers per group","zh":"直方图与箱线图","ja":"ヒストグラム & 箱ひげ図","subtitleZh":"单一指标的分布 · 各分组的离散度与离群值","subtitleJa":"単一指標の分布 · グループごとのばらつきと外れ値"},{"path":"components/_cards/charts-16-pareto.card.html","group":"Charts","name":"Pareto","viewport":"700x473","subtitle":"Sorted bars + cumulative % line — the vital few vs. the trivial many","zh":"帕累托图","ja":"パレート図","subtitleZh":"降序柱 + 累计百分比线 — 区分关键少数与次要多数","subtitleJa":"降順バー + 累積%ライン — 重要な少数と些末な多数"},{"path":"components/_cards/charts-17-candlestick.card.html","group":"Charts","name":"Candlestick","viewport":"700x789","subtitle":"OHLC K-line — volume band, moving average, hollow-body convention","zh":"K 线图","ja":"ローソク足","subtitleZh":"OHLC K 线 — 成交量带、移动平均、空心实体惯例","subtitleJa":"OHLCローソク足 — 出来高バンド・移動平均・中空ボディ"},{"path":"components/_cards/charts-18-sankey.card.html","group":"Charts","name":"Sankey","viewport":"700x561","subtitle":"Flow diagram — columns derived from the graph, never positioned by hand","zh":"桑基图","ja":"サンキー図","subtitleZh":"流向图 — 列位置由图结构推导，无需手工摆放","subtitleJa":"フロー図 — 列位置はグラフ構造から導出、手作業の配置なし"},{"path":"components/_cards/charts-19-chord.card.html","group":"Charts","name":"Chord","viewport":"700x924","subtitle":"Circular Sankey — many-to-many, cyclical flows on one ring","zh":"和弦图","ja":"コード図","subtitleZh":"环形桑基 — 多对多、可回流的流向都在一个圆环上","subtitleJa":"円形サンキー — 多対多で循環するフローを一つの環に"},{"path":"components/_cards/charts-20-sunburst.card.html","group":"Charts","name":"Sunburst","viewport":"700x551","subtitle":"Hierarchy as concentric rings — click a ring to zoom, center to go back","zh":"旭日图","ja":"サンバースト","subtitleZh":"层级的同心环 — 点击环层下钻，点击圆心返回","subtitleJa":"階層を同心円で — リングをクリックでドリルダウン、中心で戻る"},{"path":"components/_cards/charts-21-worldmap.card.html","group":"Charts","name":"World Map","viewport":"700x924","subtitle":"Choropleth on real Natural Earth geometry — hover, select, diverging scale","zh":"世界地图","ja":"世界地図","subtitleZh":"基于真实 Natural Earth 地理数据的分级填色图 — 悬停、选中、发散色阶","subtitleJa":"実際のNatural Earth地理データによるコロプレス — ホバー・選択・ダイバージング"},{"path":"components/_cards/charts-22-gantt.card.html","group":"Charts","name":"Gantt","viewport":"700x648","subtitle":"Timeline of tasks — weekend tinting, progress fill, today marker, milestones","zh":"甘特图","ja":"ガントチャート","subtitleZh":"任务时间线 — 周末底纹、进度填充、今日标记、里程碑","subtitleJa":"タスクのタイムライン — 週末の網掛け・進捗・今日マーカー・マイルストーン"},{"path":"components/_cards/charts-23-bar3d.card.html","group":"Charts","name":"3D Bars","viewport":"700x802","subtitle":"Cuboid bars, grouped depth rows or stacked — drag to orbit, hover to read","zh":"立体柱状图","ja":"3Dバー","subtitleZh":"立方体柱 — 分组纵深排列或堆叠 · 拖拽旋转 · 悬停读数","subtitleJa":"直方体バー — 奥行きグループ / 積み上げ · ドラッグ回転 · ホバー読み取り"},{"path":"components/_cards/charts-24-pie3d.card.html","group":"Charts","name":"3D Pie & Donut","viewport":"700x1336","subtitle":"Extruded and stepped-stairs slices — drag spins in place, hover lifts a slice","zh":"立体饼图与环形","ja":"3Dパイ & ドーナツ","subtitleZh":"立体与阶梯高度扇区 — 拖拽原地旋转 · 悬停抬升扇区","subtitleJa":"押し出し & 階段状スライス — ドラッグでその場回転 · ホバーでリフト"},{"path":"components/_cards/charts-25-surface3d.card.html","group":"Charts","name":"3D Surface","viewport":"700x493","subtitle":"z = f(x,y) heat-shaded grid — drag to orbit, hover reads a cell","zh":"立体曲面图","ja":"3Dサーフェス","subtitleZh":"z = f(x,y) 热力着色网格 — 拖拽旋转 · 悬停读取单元格","subtitleJa":"z = f(x,y) ヒート着色グリッド — ドラッグ回転 · ホバーでセル読み取り"},{"path":"components/_cards/charts-26-scatter3d.card.html","group":"Charts","name":"3D Scatter","viewport":"700x534","subtitle":"Points in an orientation cube — drag to orbit, hover pins x·y·z","zh":"立体散点图","ja":"3D散布図","subtitleZh":"方向立方体内的散点 — 拖拽旋转 · 悬停显示 x·y·z","subtitleJa":"方向キューブ内の散布点 — ドラッグ回転 · ホバーで x·y·z 表示"},{"path":"components/_cards/charts-27-ribbon3d.card.html","group":"Charts","name":"3D Ribbon","viewport":"700x524","subtitle":"Series as extruded depth bands — the classic 3D area · drag to orbit","zh":"立体层带图","ja":"3Dリボン","subtitleZh":"序列各占一条纵深层带 — 经典 3D 面积呈现 · 拖拽旋转","subtitleJa":"系列ごとの奥行きバンド — クラシックな3Dエリア表現 · ドラッグ回転"},{"path":"components/_cards/charts-99-fullpage.card.html","group":"Charts","name":"Full-Page Analytics","viewport":"1512x2200","subtitle":"Reference layout only — every chart type composed into one screen","zh":"全屏分析页","ja":"フルページ分析","subtitleZh":"仅作参考布局 — 22 种图表全部编排进同一个屏幕","subtitleJa":"参考レイアウトのみ — 22種類すべてのチャートを1画面に構成"}];

package/styles.css

@@ -7,4 +7,5 @@
 @import './tokens/motion.css';
 @import './tokens/charts.css';
 @import './tokens/interaction.css';
+@import './tokens/ai.css';
 @import './tokens/dark.css';

package/tokens/ai.css

@@ -0,0 +1,17 @@
+/* Prophet AI (方知) entry points — component tier. Used ONLY by Button variant="ai" and AI suggestion tiles.
+   The one sanctioned gradient outside charts, and the one animation whose speed changes (hover). */
+:root{
+--ai-gradient-start:var(--blue-500);
+--ai-gradient-end:var(--pink-500);
+--ai-gradient-stops:var(--ai-gradient-start),var(--ai-gradient-end),var(--ai-gradient-start);
+--ai-ring-rest-track:var(--border-control);
+--ai-ring-width:1px;
+--ai-tint:8%; /* @kind other */
+--ai-tint-press:14%; /* @kind other */
+--ai-glow-blur:6px;
+--ai-glow-opacity:.4; /* @kind other */
+--ai-spin-rest:5s; /* @kind other */
+--ai-spin-hover:1.2s; /* @kind other */
+}
+[data-theme="dark"]{--ai-ring-rest-track:var(--border-control);--ai-glow-opacity:.3 /* @kind other */}
+/* @property --kb-ai-angle and @keyframes kb-ai-spin are injected by components/buttons/ai-button.js */

package/tokens/colors.css

@@ -23,7 +23,7 @@
 --text-primary:var(--neutral-950);--text-heading:var(--neutral-900);--text-strong:var(--neutral-700);--text-body:var(--neutral-600);--text-secondary:var(--neutral-500);--text-muted:var(--neutral-400);--text-inverse:#ffffff;
 /* Foreground ON a saturated fill — always light, in BOTH themes */
 --on-accent:#ffffff;
-/* Foreground on the neutral "dark pill" (AI Assistant), which inverts in dark */
+/* Foreground on the neutral "dark pill" (Button variant="dark"), which inverts in dark */
 --action-dark-fg:#ffffff;
 --border-card:rgba(229,229,229,.6);--border-control:var(--neutral-200);--border-split:var(--neutral-300);--border-subtle:var(--neutral-100);--border-strong:var(--neutral-300);
 --action-primary:var(--blue-600);--action-primary-hover:var(--blue-700);--action-primary-active:#1039c4;--action-dark:var(--neutral-900);--action-dark-hover:var(--neutral-800);--action-dark-active:var(--neutral-950);

package/tokens/tokens.d.ts

@@ -7,6 +7,17 @@ export type TokenName =
   | "--action-primary"
   | "--action-primary-active"
   | "--action-primary-hover"
+  | "--ai-glow-blur"
+  | "--ai-glow-opacity"
+  | "--ai-gradient-end"
+  | "--ai-gradient-start"
+  | "--ai-gradient-stops"
+  | "--ai-ring-rest-track"
+  | "--ai-ring-width"
+  | "--ai-spin-hover"
+  | "--ai-spin-rest"
+  | "--ai-tint"
+  | "--ai-tint-press"
   | "--amber-100"
   | "--amber-200"
   | "--amber-300"
@@ -277,10 +288,13 @@ export type TokenName =
   | "--series-7"
   | "--series-8"
   | "--series-9"
+  | "--shadow-drawer"
   | "--shadow-menu"
   | "--shadow-modal"
   | "--shadow-node"
+  | "--shadow-raised"
   | "--shadow-selected"
+  | "--shadow-thumb"
   | "--sidebar-w"
   | "--skeleton"
   | "--soft-active"
@@ -372,6 +386,17 @@ export type TokenKey =
   | "actionPrimary"
   | "actionPrimaryActive"
   | "actionPrimaryHover"
+  | "aiGlowBlur"
+  | "aiGlowOpacity"
+  | "aiGradientEnd"
+  | "aiGradientStart"
+  | "aiGradientStops"
+  | "aiRingRestTrack"
+  | "aiRingWidth"
+  | "aiSpinHover"
+  | "aiSpinRest"
+  | "aiTint"
+  | "aiTintPress"
   | "amber100"
   | "amber200"
   | "amber300"
@@ -642,10 +667,13 @@ export type TokenKey =
   | "series7"
   | "series8"
   | "series9"
+  | "shadowDrawer"
   | "shadowMenu"
   | "shadowModal"
   | "shadowNode"
+  | "shadowRaised"
   | "shadowSelected"
+  | "shadowThumb"
   | "sidebarW"
   | "skeleton"
   | "softActive"

package/tokens/tokens.js

@@ -10,6 +10,17 @@ export const cssVar = {
   actionPrimary: "var(--action-primary)",
   actionPrimaryActive: "var(--action-primary-active)",
   actionPrimaryHover: "var(--action-primary-hover)",
+  aiGlowBlur: "var(--ai-glow-blur)",
+  aiGlowOpacity: "var(--ai-glow-opacity)",
+  aiGradientEnd: "var(--ai-gradient-end)",
+  aiGradientStart: "var(--ai-gradient-start)",
+  aiGradientStops: "var(--ai-gradient-stops)",
+  aiRingRestTrack: "var(--ai-ring-rest-track)",
+  aiRingWidth: "var(--ai-ring-width)",
+  aiSpinHover: "var(--ai-spin-hover)",
+  aiSpinRest: "var(--ai-spin-rest)",
+  aiTint: "var(--ai-tint)",
+  aiTintPress: "var(--ai-tint-press)",
   amber100: "var(--amber-100)",
   amber200: "var(--amber-200)",
   amber300: "var(--amber-300)",
@@ -280,10 +291,13 @@ export const cssVar = {
   series7: "var(--series-7)",
   series8: "var(--series-8)",
   series9: "var(--series-9)",
+  shadowDrawer: "var(--shadow-drawer)",
   shadowMenu: "var(--shadow-menu)",
   shadowModal: "var(--shadow-modal)",
   shadowNode: "var(--shadow-node)",
+  shadowRaised: "var(--shadow-raised)",
   shadowSelected: "var(--shadow-selected)",
+  shadowThumb: "var(--shadow-thumb)",
   sidebarW: "var(--sidebar-w)",
   skeleton: "var(--skeleton)",
   softActive: "var(--soft-active)",
@@ -377,6 +391,17 @@ export const light = {
   actionPrimary: "#155dfc",
   actionPrimaryActive: "#1039c4",
   actionPrimaryHover: "#1447e6",
+  aiGlowBlur: "6px",
+  aiGlowOpacity: ".4",
+  aiGradientEnd: "#e355b2",
+  aiGradientStart: "#2b7fff",
+  aiGradientStops: "#2b7fff,#e355b2,#2b7fff",
+  aiRingRestTrack: "#e5e5e5",
+  aiRingWidth: "1px",
+  aiSpinHover: "1.2s",
+  aiSpinRest: "5s",
+  aiTint: "8%",
+  aiTintPress: "14%",
   amber100: "#ffefd3",
   amber200: "#ffe5b7",
   amber300: "#ffd280",
@@ -647,10 +672,13 @@ export const light = {
   series7: "#7a8d30",
   series8: "#2f99c0",
   series9: "#737373",
+  shadowDrawer: "-8px 0 24px rgba(0,0,0,.12)",
   shadowMenu: "0 4px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)",
   shadowModal: "0 24px 64px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)",
   shadowNode: "0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)",
+  shadowRaised: "0 1px 2px rgba(0,0,0,.08)",
   shadowSelected: "0 0 0 2px #dbeafe,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)",
+  shadowThumb: "0 1px 2px rgba(0,0,0,.15)",
   sidebarW: "240px",
   skeleton: "#e5e5e5",
   softActive: "#bedbff",
@@ -661,8 +689,8 @@ export const light = {
   successBg: "#ecfdf5",
   successStrong: "#009966",
   successText: "#007a55",
-  switchH: "20px",
-  switchW: "36px",
+  switchH: "18px",
+  switchW: "32px",
   tHover: "background 120ms cubic-bezier(.2,.8,.3,1),border-color 120ms cubic-bezier(.2,.8,.3,1),color 120ms cubic-bezier(.2,.8,.3,1)",
   tTheme: "background-color 160ms cubic-bezier(.2,.8,.3,1),color 160ms cubic-bezier(.2,.8,.3,1),border-color 160ms cubic-bezier(.2,.8,.3,1)",
   tagH: "24px",
@@ -744,6 +772,17 @@ export const dark = {
   actionPrimary: "#1f6feb",
   actionPrimaryActive: "#1a5ec9",
   actionPrimaryHover: "#2b7fff",
+  aiGlowBlur: "6px",
+  aiGlowOpacity: ".3",
+  aiGradientEnd: "#e355b2",
+  aiGradientStart: "#2b7fff",
+  aiGradientStops: "#2b7fff,#e355b2,#2b7fff",
+  aiRingRestTrack: "#333333",
+  aiRingWidth: "1px",
+  aiSpinHover: "1.2s",
+  aiSpinRest: "5s",
+  aiTint: "8%",
+  aiTintPress: "14%",
   amber100: "#ffefd3",
   amber200: "#ffe5b7",
   amber300: "#ffd280",
@@ -1014,10 +1053,13 @@ export const dark = {
   series7: "#9bb054",
   series8: "#54b8e1",
   series9: "#8f8f8f",
+  shadowDrawer: "-8px 0 24px rgba(0,0,0,.5)",
   shadowMenu: "0 4px 16px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4)",
   shadowModal: "0 24px 64px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5)",
   shadowNode: "0 1px 3px 0 rgba(0,0,0,.6),0 1px 2px -1px rgba(0,0,0,.5)",
+  shadowRaised: "0 1px 2px rgba(0,0,0,.4)",
   shadowSelected: "0 0 0 2px rgba(43,127,255,.32),0 1px 3px 0 rgba(0,0,0,.6)",
+  shadowThumb: "0 1px 2px rgba(0,0,0,.5)",
   sidebarW: "240px",
   skeleton: "#242424",
   softActive: "rgba(43,127,255,.32)",
@@ -1028,8 +1070,8 @@ export const dark = {
   successBg: "rgba(0,188,125,.14)",
   successStrong: "#22c58f",
   successText: "#4ade9f",
-  switchH: "20px",
-  switchW: "36px",
+  switchH: "18px",
+  switchW: "32px",
   tHover: "background 120ms cubic-bezier(.2,.8,.3,1),border-color 120ms cubic-bezier(.2,.8,.3,1),color 120ms cubic-bezier(.2,.8,.3,1)",
   tTheme: "background-color 160ms cubic-bezier(.2,.8,.3,1),color 160ms cubic-bezier(.2,.8,.3,1),border-color 160ms cubic-bezier(.2,.8,.3,1)",
   tagH: "24px",
@@ -1103,6 +1145,6 @@ export const dark = {
   zTooltip: "100",
 };
 
-export const tokenNames = ["--action-dark","--action-dark-active","--action-dark-fg","--action-dark-hover","--action-primary","--action-primary-active","--action-primary-hover","--amber-100","--amber-200","--amber-300","--amber-400","--amber-50","--amber-500","--amber-600","--amber-700","--amber-800","--amber-900","--amber-950","--bar-card-h","--bar-h","--bg-active","--bg-app","--bg-hover","--bg-inset","--bg-press","--bg-raised","--bg-scrim","--bg-surface","--bg-table-header","--blue-100","--blue-200","--blue-300","--blue-400","--blue-50","--blue-500","--blue-600","--blue-700","--blue-800","--blue-900","--blue-950","--border-card","--border-control","--border-split","--border-strong","--border-subtle","--brand-alpha-12","--brand-alpha-16","--brand-alpha-24","--brand-alpha-32","--brand-alpha-8","--card-pad","--card-pad-sm","--cat-join","--cat-join-bg","--cat-merge","--cat-merge-bg","--cat-output","--cat-output-bg","--cat-source","--cat-source-bg","--cat-transform","--cat-transform-bg","--cell-px","--chart-area-alpha","--chart-axis","--chart-blue","--chart-grid","--chart-guide","--chart-heat-1","--chart-heat-2","--chart-heat-3","--chart-heat-4","--chart-heat-5","--chart-heat-ink","--chart-label","--chart-neg","--chart-pos","--chart-total","--chart-track","--check-size","--checkbox-border","--control-gap","--control-h","--control-icon","--control-leading","--control-px","--control-text","--control-tracking","--count-h","--cyan-100","--cyan-200","--cyan-300","--cyan-400","--cyan-50","--cyan-500","--cyan-600","--cyan-700","--cyan-800","--cyan-900","--cyan-950","--danger","--danger-active","--danger-bg","--danger-soft-active","--danger-soft-hover","--danger-text","--dot-neutral","--drawer-h","--dropzone-border","--dropzone-border-hover","--dur","--dur-fast","--dur-instant","--dur-slow","--dur-slower","--ease-in","--ease-in-out","--ease-out","--edge","--edge-pad","--emerald-100","--emerald-200","--emerald-300","--emerald-400","--emerald-50","--emerald-500","--emerald-600","--emerald-700","--emerald-800","--emerald-900","--emerald-950","--focus-border","--focus-ring","--font-mono","--font-sans","--group-gap","--h-button","--h-button-sm","--h-input","--h-nav-item","--h-subnav-item","--h-tree-item","--hue-amber-bg","--hue-amber-fg","--hue-blue-bg","--hue-blue-fg","--hue-cyan-bg","--hue-cyan-fg","--hue-gray-bg","--hue-gray-fg","--hue-green-bg","--hue-green-fg","--hue-orange-bg","--hue-orange-fg","--hue-pink-bg","--hue-pink-fg","--hue-purple-bg","--hue-purple-fg","--hue-red-bg","--hue-red-fg","--hue-teal-bg","--hue-teal-fg","--info-bg","--info-fg","--leading-2xl","--leading-2xs","--leading-3xl","--leading-4xl","--leading-base","--leading-code","--leading-display","--leading-lg","--leading-md","--leading-num","--leading-sm","--leading-xl","--leading-xs","--link","--link-hover","--neutral-0","--neutral-100","--neutral-200","--neutral-300","--neutral-400","--neutral-50","--neutral-500","--neutral-600","--neutral-700","--neutral-800","--neutral-900","--neutral-950","--neutral-alpha-12","--neutral-alpha-16","--neutral-alpha-2","--neutral-alpha-24","--neutral-alpha-32","--neutral-alpha-4","--neutral-alpha-48","--neutral-alpha-64","--neutral-alpha-8","--neutral-alpha-80","--on-accent","--orange-100","--orange-200","--orange-300","--orange-400","--orange-50","--orange-500","--orange-600","--orange-700","--orange-800","--orange-900","--orange-950","--overlay-drag","--overlay-hover","--overlay-press","--overlay-selected","--page-pad-x","--page-pad-y","--panel-w","--pink-100","--pink-200","--pink-300","--pink-400","--pink-50","--pink-500","--pink-600","--pink-700","--pink-800","--pink-900","--pink-950","--port-border","--press-filter","--press-filter-strong","--purple-100","--purple-200","--purple-300","--purple-400","--purple-50","--purple-500","--purple-600","--purple-700","--purple-800","--purple-900","--purple-950","--radius-full","--radius-lg","--radius-md","--radius-node","--radius-sm","--radius-tile","--rail-w","--red-100","--red-200","--red-300","--red-400","--red-50","--red-500","--red-600","--red-700","--red-800","--red-900","--red-950","--ring-focus","--ring-surface","--section-gap","--selected-border","--series-1","--series-10","--series-2","--series-3","--series-4","--series-5","--series-6","--series-7","--series-8","--series-9","--shadow-menu","--shadow-modal","--shadow-node","--shadow-selected","--sidebar-w","--skeleton","--soft-active","--soft-bg","--soft-border","--soft-hover","--success","--success-bg","--success-strong","--success-text","--switch-h","--switch-w","--t-hover","--t-theme","--tag-h","--teal-100","--teal-200","--teal-300","--teal-400","--teal-50","--teal-500","--teal-600","--teal-700","--teal-800","--teal-900","--teal-950","--text-2xl","--text-2xs","--text-2xs-mono","--text-3xl","--text-4xl","--text-base","--text-body","--text-code","--text-display","--text-glyph-min","--text-heading","--text-inverse","--text-lg","--text-md","--text-muted","--text-num","--text-primary","--text-secondary","--text-sm","--text-strong","--text-xl","--text-xs","--title-cell-gap","--title-cell-icon","--title-cell-py","--title-cell-tile","--title-cell-tile-gap","--title-cell-tile-r","--tooltip-bg","--tooltip-fg","--topbar-h","--track","--tracking-2xl","--tracking-2xs","--tracking-3xl","--tracking-4xl","--tracking-base","--tracking-display","--tracking-lg","--tracking-md","--tracking-num","--tracking-sm","--tracking-xl","--tracking-xs","--warning","--warning-bg","--warning-text","--weight-light","--weight-medium","--weight-regular","--weight-semibold","--z-drawer","--z-menu","--z-modal","--z-sticky","--z-toast","--z-tooltip"];
+export const tokenNames = ["--action-dark","--action-dark-active","--action-dark-fg","--action-dark-hover","--action-primary","--action-primary-active","--action-primary-hover","--ai-glow-blur","--ai-glow-opacity","--ai-gradient-end","--ai-gradient-start","--ai-gradient-stops","--ai-ring-rest-track","--ai-ring-width","--ai-spin-hover","--ai-spin-rest","--ai-tint","--ai-tint-press","--amber-100","--amber-200","--amber-300","--amber-400","--amber-50","--amber-500","--amber-600","--amber-700","--amber-800","--amber-900","--amber-950","--bar-card-h","--bar-h","--bg-active","--bg-app","--bg-hover","--bg-inset","--bg-press","--bg-raised","--bg-scrim","--bg-surface","--bg-table-header","--blue-100","--blue-200","--blue-300","--blue-400","--blue-50","--blue-500","--blue-600","--blue-700","--blue-800","--blue-900","--blue-950","--border-card","--border-control","--border-split","--border-strong","--border-subtle","--brand-alpha-12","--brand-alpha-16","--brand-alpha-24","--brand-alpha-32","--brand-alpha-8","--card-pad","--card-pad-sm","--cat-join","--cat-join-bg","--cat-merge","--cat-merge-bg","--cat-output","--cat-output-bg","--cat-source","--cat-source-bg","--cat-transform","--cat-transform-bg","--cell-px","--chart-area-alpha","--chart-axis","--chart-blue","--chart-grid","--chart-guide","--chart-heat-1","--chart-heat-2","--chart-heat-3","--chart-heat-4","--chart-heat-5","--chart-heat-ink","--chart-label","--chart-neg","--chart-pos","--chart-total","--chart-track","--check-size","--checkbox-border","--control-gap","--control-h","--control-icon","--control-leading","--control-px","--control-text","--control-tracking","--count-h","--cyan-100","--cyan-200","--cyan-300","--cyan-400","--cyan-50","--cyan-500","--cyan-600","--cyan-700","--cyan-800","--cyan-900","--cyan-950","--danger","--danger-active","--danger-bg","--danger-soft-active","--danger-soft-hover","--danger-text","--dot-neutral","--drawer-h","--dropzone-border","--dropzone-border-hover","--dur","--dur-fast","--dur-instant","--dur-slow","--dur-slower","--ease-in","--ease-in-out","--ease-out","--edge","--edge-pad","--emerald-100","--emerald-200","--emerald-300","--emerald-400","--emerald-50","--emerald-500","--emerald-600","--emerald-700","--emerald-800","--emerald-900","--emerald-950","--focus-border","--focus-ring","--font-mono","--font-sans","--group-gap","--h-button","--h-button-sm","--h-input","--h-nav-item","--h-subnav-item","--h-tree-item","--hue-amber-bg","--hue-amber-fg","--hue-blue-bg","--hue-blue-fg","--hue-cyan-bg","--hue-cyan-fg","--hue-gray-bg","--hue-gray-fg","--hue-green-bg","--hue-green-fg","--hue-orange-bg","--hue-orange-fg","--hue-pink-bg","--hue-pink-fg","--hue-purple-bg","--hue-purple-fg","--hue-red-bg","--hue-red-fg","--hue-teal-bg","--hue-teal-fg","--info-bg","--info-fg","--leading-2xl","--leading-2xs","--leading-3xl","--leading-4xl","--leading-base","--leading-code","--leading-display","--leading-lg","--leading-md","--leading-num","--leading-sm","--leading-xl","--leading-xs","--link","--link-hover","--neutral-0","--neutral-100","--neutral-200","--neutral-300","--neutral-400","--neutral-50","--neutral-500","--neutral-600","--neutral-700","--neutral-800","--neutral-900","--neutral-950","--neutral-alpha-12","--neutral-alpha-16","--neutral-alpha-2","--neutral-alpha-24","--neutral-alpha-32","--neutral-alpha-4","--neutral-alpha-48","--neutral-alpha-64","--neutral-alpha-8","--neutral-alpha-80","--on-accent","--orange-100","--orange-200","--orange-300","--orange-400","--orange-50","--orange-500","--orange-600","--orange-700","--orange-800","--orange-900","--orange-950","--overlay-drag","--overlay-hover","--overlay-press","--overlay-selected","--page-pad-x","--page-pad-y","--panel-w","--pink-100","--pink-200","--pink-300","--pink-400","--pink-50","--pink-500","--pink-600","--pink-700","--pink-800","--pink-900","--pink-950","--port-border","--press-filter","--press-filter-strong","--purple-100","--purple-200","--purple-300","--purple-400","--purple-50","--purple-500","--purple-600","--purple-700","--purple-800","--purple-900","--purple-950","--radius-full","--radius-lg","--radius-md","--radius-node","--radius-sm","--radius-tile","--rail-w","--red-100","--red-200","--red-300","--red-400","--red-50","--red-500","--red-600","--red-700","--red-800","--red-900","--red-950","--ring-focus","--ring-surface","--section-gap","--selected-border","--series-1","--series-10","--series-2","--series-3","--series-4","--series-5","--series-6","--series-7","--series-8","--series-9","--shadow-drawer","--shadow-menu","--shadow-modal","--shadow-node","--shadow-raised","--shadow-selected","--shadow-thumb","--sidebar-w","--skeleton","--soft-active","--soft-bg","--soft-border","--soft-hover","--success","--success-bg","--success-strong","--success-text","--switch-h","--switch-w","--t-hover","--t-theme","--tag-h","--teal-100","--teal-200","--teal-300","--teal-400","--teal-50","--teal-500","--teal-600","--teal-700","--teal-800","--teal-900","--teal-950","--text-2xl","--text-2xs","--text-2xs-mono","--text-3xl","--text-4xl","--text-base","--text-body","--text-code","--text-display","--text-glyph-min","--text-heading","--text-inverse","--text-lg","--text-md","--text-muted","--text-num","--text-primary","--text-secondary","--text-sm","--text-strong","--text-xl","--text-xs","--title-cell-gap","--title-cell-icon","--title-cell-py","--title-cell-tile","--title-cell-tile-gap","--title-cell-tile-r","--tooltip-bg","--tooltip-fg","--topbar-h","--track","--tracking-2xl","--tracking-2xs","--tracking-3xl","--tracking-4xl","--tracking-base","--tracking-display","--tracking-lg","--tracking-md","--tracking-num","--tracking-sm","--tracking-xl","--tracking-xs","--warning","--warning-bg","--warning-text","--weight-light","--weight-medium","--weight-regular","--weight-semibold","--z-drawer","--z-menu","--z-modal","--z-sticky","--z-toast","--z-tooltip"];
 
 export default { cssVar, light, dark, tokenNames };