@icen.ai/ui 0.8.0 → 0.9.0

package/dist/registry.json

@@ -1,6 +1,6 @@
 {
   "name": "@icen.ai/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "tokens": [
     "colors.css",
     "style-profiles.css",
@@ -23,6 +23,7 @@
     "chart-area",
     "chart-bar",
     "chart-gauge",
+    "chart-graph",
     "chart-heatmap",
     "chart-line",
     "chart-pie",
@@ -40,6 +41,14 @@
     "feedback",
     "form",
     "input",
+    "kb-agent",
+    "kb-data",
+    "kb-ground",
+    "kb-ingest",
+    "kb-ops",
+    "kb-perm",
+    "kb-search",
+    "kb",
     "layout",
     "media",
     "menu",
@@ -70,12 +79,15 @@
   ],
   "behaviors": [
     "accordion",
+    "ai-branch",
     "ai-chat",
     "ai-composer",
     "ai-core",
     "ai-diff",
+    "ai-feedback",
     "ai-panel",
     "ai-provider",
+    "ai-threads",
     "ai-tool",
     "ai-tools",
     "back-top",
@@ -83,11 +95,45 @@
     "charts",
     "command-palette",
     "context-menu",
+    "controls",
     "copy",
     "datatable",
     "date-picker",
     "dropdown",
+    "events",
     "input",
+    "kb-access",
+    "kb-acl",
+    "kb-answer",
+    "kb-audit",
+    "kb-canvas",
+    "kb-chain",
+    "kb-checkpoint",
+    "kb-chunks",
+    "kb-citation",
+    "kb-clarify",
+    "kb-conflict",
+    "kb-connector",
+    "kb-core",
+    "kb-eval",
+    "kb-explain",
+    "kb-filter",
+    "kb-gap",
+    "kb-hittest",
+    "kb-metadata",
+    "kb-passage",
+    "kb-pipeline",
+    "kb-qa",
+    "kb-rerank",
+    "kb-retrieval",
+    "kb-review",
+    "kb-sandbox",
+    "kb-segment",
+    "kb-sources",
+    "kb-sql",
+    "kb-trace",
+    "kb-visibility",
+    "kb-who-can",
     "modal",
     "nav",
     "notification",
@@ -163,13 +209,20 @@
       "init": "initTagInput"
     },
     "switch": {
-      "css": "switch.css"
+      "css": "switch.css",
+      "behavior": "controls",
+      "init": "initSwitch",
+      "exports": [
+        "initSwitch"
+      ]
     },
     "segmented": {
       "css": "segmented.css",
-      "behavior": "input",
+      "behavior": "controls",
       "exports": [
-        "initInput"
+        "initInput",
+        "initSegmented",
+        "initStepper"
       ]
     },
     "upload": {
@@ -227,7 +280,12 @@
       "css": "media.css"
     },
     "rating": {
-      "css": "media.css"
+      "css": "media.css",
+      "behavior": "controls",
+      "init": "initRating",
+      "exports": [
+        "initRating"
+      ]
     },
     "kbd": {
       "css": "content.css"
@@ -263,7 +321,12 @@
       "css": "scroll-area.css"
     },
     "table": {
-      "css": "table.css"
+      "css": "table.css",
+      "behavior": "controls",
+      "init": "initTableSort",
+      "exports": [
+        "initTableSort"
+      ]
     },
     "datatable": {
       "css": "datatable.css",
@@ -287,7 +350,8 @@
         "chart-stack.css",
         "chart-gauge.css",
         "chart-sparkline.css",
-        "chart-scatter.css"
+        "chart-scatter.css",
+        "chart-graph.css"
       ],
       "behavior": "charts",
       "exports": [
@@ -306,7 +370,8 @@
         "renderChart",
         "normalizeChartSpec",
         "inferChartType",
-        "chartFormatValue"
+        "chartFormatValue",
+        "registerChartTone"
       ]
     },
     "chart-line": {
@@ -407,14 +472,14 @@
       ],
       "behavior": "charts",
       "exports": [
-        "renderScatter"
+        "renderScatter",
+        "renderMap"
       ]
     },
     "chart-calendar": {
-      "css": "chart-calendar.css",
+      "css": "chart-heatmap.css",
       "extraCss": [
-        "charts.css",
-        "chart-heatmap.css"
+        "charts.css"
       ],
       "behavior": "charts",
       "exports": [
@@ -463,10 +528,20 @@
       "css": "breadcrumb.css"
     },
     "pagination": {
-      "css": "pagination.css"
+      "css": "pagination.css",
+      "behavior": "controls",
+      "init": "initPagination",
+      "exports": [
+        "initPagination"
+      ]
     },
     "steps": {
-      "css": "steps.css"
+      "css": "steps.css",
+      "behavior": "controls",
+      "init": "initSteps",
+      "exports": [
+        "initSteps"
+      ]
     },
     "back-top": {
       "css": "back-top.css",
@@ -504,7 +579,7 @@
       "init": "initAiComposer"
     },
     "ai-tool-call": {
-      "css": "ai-tool-call.css",
+      "css": "ai-tool.css",
       "init": "initAiTool"
     },
     "ai-subagent": {
@@ -539,6 +614,282 @@
         "renderAiUsageRing",
         "renderAiAudit"
       ]
+    },
+    "ai-threads": {
+      "css": "ai-chat.css",
+      "behavior": "ai-threads",
+      "init": "initAiThreads"
+    },
+    "ai-feedback": {
+      "css": "ai-panel.css",
+      "behavior": "ai-feedback",
+      "init": "initAiFeedback"
+    },
+    "ai-branch": {
+      "css": "ai-chat.css",
+      "behavior": "ai-branch",
+      "init": "initAiBranch"
+    },
+    "kb": {
+      "css": "kb.css",
+      "extraCss": [
+        "kb-ground.css",
+        "kb-ingest.css",
+        "kb-search.css",
+        "kb-data.css",
+        "kb-ops.css",
+        "kb-agent.css",
+        "kb-perm.css"
+      ]
+    },
+    "kb-citation": {
+      "css": "kb-ground.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-citation",
+      "init": "initKbCitation"
+    },
+    "kb-sources": {
+      "css": "kb-ground.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-sources",
+      "init": "initKbSources"
+    },
+    "kb-passage": {
+      "css": "kb-ground.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-passage"
+    },
+    "kb-conflict": {
+      "css": "kb-ground.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-conflict"
+    },
+    "kb-pipeline": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-pipeline",
+      "init": "initKbPipeline"
+    },
+    "kb-chunks": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-chunks",
+      "init": "initKbChunks"
+    },
+    "kb-segment": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-segment"
+    },
+    "kb-connector": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-connector",
+      "init": "initKbConnectors"
+    },
+    "kb-metadata": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-metadata",
+      "init": "initKbMetadata"
+    },
+    "kb-qa": {
+      "css": "kb-ingest.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-qa",
+      "init": "initKbQa"
+    },
+    "kb-retrieval": {
+      "css": "kb-search.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-retrieval"
+    },
+    "kb-filter": {
+      "css": "kb-search.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-filter"
+    },
+    "kb-rerank": {
+      "css": "kb-search.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-rerank"
+    },
+    "kb-hittest": {
+      "css": "kb-search.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-hittest"
+    },
+    "kb-sql": {
+      "css": "kb-data.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-sql",
+      "init": "initKbSql"
+    },
+    "kb-answer": {
+      "css": "kb-data.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-answer"
+    },
+    "kb-clarify": {
+      "css": "kb-data.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-clarify"
+    },
+    "kb-explain": {
+      "css": "kb-data.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-explain"
+    },
+    "kb-trace": {
+      "css": "kb-ops.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-trace",
+      "init": "initKbTrace"
+    },
+    "kb-review": {
+      "css": "kb-ops.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-review"
+    },
+    "kb-gap": {
+      "css": "kb-ops.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-gap",
+      "init": "initKbGap"
+    },
+    "kb-eval": {
+      "css": "kb-ops.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-eval"
+    },
+    "kb-canvas": {
+      "css": "kb-agent.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-canvas"
+    },
+    "kb-checkpoint": {
+      "css": "kb-agent.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-checkpoint",
+      "init": "initKbCheckpoint"
+    },
+    "kb-sandbox": {
+      "css": "kb-agent.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-sandbox"
+    },
+    "kb-chain": {
+      "css": "kb-agent.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-chain",
+      "init": "initKbChain"
+    },
+    "kb-acl": {
+      "css": "kb-perm.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-acl",
+      "init": "initKbAcl"
+    },
+    "kb-who-can": {
+      "css": "kb-perm.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-who-can"
+    },
+    "kb-access": {
+      "css": "kb-perm.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-access"
+    },
+    "kb-audit": {
+      "css": "kb-perm.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-audit",
+      "init": "initKbAudit"
+    },
+    "kb-visibility": {
+      "css": "kb-perm.css",
+      "extraCss": [
+        "kb.css"
+      ],
+      "behavior": "kb-visibility"
+    },
+    "chart-graph": {
+      "css": "chart-graph.css",
+      "extraCss": [
+        "charts.css"
+      ],
+      "behavior": "charts",
+      "exports": [
+        "renderGraph",
+        "layoutGraph"
+      ]
+    },
+    "chart-map": {
+      "css": "charts.css",
+      "behavior": "charts",
+      "exports": [
+        "renderMap"
+      ]
     }
   }
 }

package/dist/retro-effects.css

@@ -6,7 +6,7 @@
  *
  * 仅在 <html class="style-retro">（或叠加 .dark）激活时生效，对其它风格无副作用：
  *   - CRT 扫描线 + 暗角 + 颗粒噪点
- *   - 屏幕闪烁 / 抖动 / 游走扫描光
+ *   - 游走扫描光
  *   - RGB 色散 / 霓虹发光（暗色）
  *   - 像素边框 / 像素按钮 / 像素分隔线工具类
  *   - 开机自检 / 打字机光标 / 页面闪白动画
@@ -63,20 +63,6 @@
   opacity: 0.55;
 }
 
-/* 屏幕闪烁（备用工具类，需要时挂在元素上） */
-@keyframes retro-flicker {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.985; }
-}
-
-/* 屏幕轻微抖动（备用工具类） */
-@keyframes retro-jitter {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(0.5px, 0); }
-  50% { transform: translate(-0.5px, 0.5px); }
-  75% { transform: translate(0, -0.5px); }
-}
-
 /* CRT 颗粒噪点 */
 @keyframes retro-grain {
   0%, 100% { background-position: 0 0; }
@@ -263,6 +249,7 @@
   opacity: 0;
 }
 
-.style-retro .retro-page-flash.active {
+/* 状态类遵循全库 .is-* 规范 */
+.style-retro .retro-page-flash.is-active {
   animation: retro-flash 0.2s steps(3) forwards;
 }

package/dist/tokens/retro-effects.css

@@ -6,7 +6,7 @@
  *
  * 仅在 <html class="style-retro">（或叠加 .dark）激活时生效，对其它风格无副作用：
  *   - CRT 扫描线 + 暗角 + 颗粒噪点
- *   - 屏幕闪烁 / 抖动 / 游走扫描光
+ *   - 游走扫描光
  *   - RGB 色散 / 霓虹发光（暗色）
  *   - 像素边框 / 像素按钮 / 像素分隔线工具类
  *   - 开机自检 / 打字机光标 / 页面闪白动画
@@ -63,20 +63,6 @@
   opacity: 0.55;
 }
 
-/* 屏幕闪烁（备用工具类，需要时挂在元素上） */
-@keyframes retro-flicker {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.985; }
-}
-
-/* 屏幕轻微抖动（备用工具类） */
-@keyframes retro-jitter {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(0.5px, 0); }
-  50% { transform: translate(-0.5px, 0.5px); }
-  75% { transform: translate(0, -0.5px); }
-}
-
 /* CRT 颗粒噪点 */
 @keyframes retro-grain {
   0%, 100% { background-position: 0 0; }
@@ -263,6 +249,7 @@
   opacity: 0;
 }
 
-.style-retro .retro-page-flash.active {
+/* 状态类遵循全库 .is-* 规范 */
+.style-retro .retro-page-flash.is-active {
   animation: retro-flash 0.2s steps(3) forwards;
 }

package/dist/tokens/style-profiles.css

@@ -84,7 +84,9 @@
   --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
   --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
 
-  /* ── Typography 字体 ── */
+  /* ── Typography 字体 ──
+     --line-height-heading 不在此定义：typography.css 独家拥有（icen 品牌 1.2），
+     各 .style-* profile 需要差异化时在自己的块里覆盖。 */
   --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   --font-mono-paper: ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Courier New', monospace;
@@ -92,7 +94,6 @@
   --letter-spacing-body: 0;
   --letter-spacing-heading: 0;
   --line-height-body: 1.5;
-  --line-height-heading: 1.2;
 }
 
 /* ══════════════════════════════════════════════════════════════

package/dist/tokens/typography.css

@@ -2,6 +2,7 @@
  * @icen.ai/ui — Typography Tokens（icen canonical）
  * 美学基调：等宽数字精密感 × 衬线书卷气（宋体标题）
  * 默认（:root）即 icen 品牌形态；.style-modern 显式回退 system-ui 栈（见 style-profiles.css）
+ * 工具类：.font-math（数字密集区，"Numeric Math" 数学字体 + tabular-nums）
  */
 
 /* ── 数学/等宽数字字体（数字密集区的精密感） ── */
@@ -24,6 +25,7 @@
   --font-heading: 'Songti SC', 'STSong', 'Noto Serif SC', 'Source Han Serif SC', SimSun, serif;
   --font-cjk: var(--font-heading);
   --line-height-body: 1.7;
+  /* 独家定义（style-profiles.css 的 :root 不再重复；profile 差异化在各 .style-* 块覆盖） */
   --line-height-heading: 1.2;
 }
 

package/dist/tokens.css

@@ -1339,7 +1339,9 @@
   --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
   --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
 
-  /* ── Typography 字体 ── */
+  /* ── Typography 字体 ──
+     --line-height-heading 不在此定义：typography.css 独家拥有（icen 品牌 1.2），
+     各 .style-* profile 需要差异化时在自己的块里覆盖。 */
   --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   --font-mono-paper: ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Courier New', monospace;
@@ -1347,7 +1349,6 @@
   --letter-spacing-body: 0;
   --letter-spacing-heading: 0;
   --line-height-body: 1.5;
-  --line-height-heading: 1.2;
 }
 
 /* ══════════════════════════════════════════════════════════════
@@ -1821,6 +1822,7 @@
  * @icen.ai/ui — Typography Tokens（icen canonical）
  * 美学基调：等宽数字精密感 × 衬线书卷气（宋体标题）
  * 默认（:root）即 icen 品牌形态；.style-modern 显式回退 system-ui 栈（见 style-profiles.css）
+ * 工具类：.font-math（数字密集区，"Numeric Math" 数学字体 + tabular-nums）
  */
 
 /* ── 数学/等宽数字字体（数字密集区的精密感） ── */
@@ -1843,6 +1845,7 @@
   --font-heading: 'Songti SC', 'STSong', 'Noto Serif SC', 'Source Han Serif SC', SimSun, serif;
   --font-cjk: var(--font-heading);
   --line-height-body: 1.7;
+  /* 独家定义（style-profiles.css 的 :root 不再重复；profile 差异化在各 .style-* 块覆盖） */
   --line-height-heading: 1.2;
 }