@icen.ai/ui 0.8.1 → 0.10.0

package/dist/registry.json

@@ -1,28 +1,34 @@
 {
   "name": "@icen.ai/ui",
-  "version": "0.8.1",
+  "version": "0.10.0",
   "tokens": [
     "colors.css",
     "style-profiles.css",
-    "typography.css"
-  ],
-  "tokensExtras": [
-    "retro-effects.css"
+    "typography.css",
+    "design.css",
+    "chinese.css",
+    "soviet.css",
+    "pixel.css",
+    "icon-masks.css"
   ],
+  "tokensExtras": [],
   "base": "base.css",
   "components": [
     "ai-chat",
     "ai-diff",
     "ai-panel",
     "ai-tool",
+    "autocomplete",
     "back-top",
     "badge",
     "breadcrumb",
     "btn",
     "card",
+    "cascader",
     "chart-area",
     "chart-bar",
     "chart-gauge",
+    "chart-graph",
     "chart-heatmap",
     "chart-line",
     "chart-pie",
@@ -31,6 +37,7 @@
     "chart-sparkline",
     "chart-stack",
     "charts",
+    "code-block",
     "command-palette",
     "content",
     "copy",
@@ -38,10 +45,24 @@
     "date-picker",
     "empty",
     "feedback",
+    "form-validate",
     "form",
+    "icon",
     "input",
+    "kb-agent",
+    "kb-data",
+    "kb-ground",
+    "kb-ingest",
+    "kb-ops",
+    "kb-perm",
+    "kb-search",
+    "kb",
     "layout",
+    "material-chinese",
+    "material-soviet",
+    "material",
     "media",
+    "mentions",
     "menu",
     "modal",
     "nav",
@@ -63,54 +84,133 @@
     "tabs",
     "tag-input",
     "tag",
+    "theme-switcher",
     "toast",
     "toolbar",
     "tooltip",
+    "tree-select",
     "upload"
   ],
   "behaviors": [
     "accordion",
+    "ai-branch",
     "ai-chat",
     "ai-composer",
     "ai-core",
     "ai-diff",
+    "ai-feedback",
     "ai-panel",
     "ai-provider",
+    "ai-threads",
     "ai-tool",
     "ai-tools",
+    "autocomplete",
     "back-top",
     "carousel",
+    "cascader",
     "charts",
+    "code-block",
     "command-palette",
     "context-menu",
     "controls",
     "copy",
     "datatable",
     "date-picker",
+    "design",
     "dropdown",
     "events",
+    "feedback",
+    "focus",
+    "form-validate",
+    "i18n",
+    "icons",
     "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-select",
+    "kb-sources",
+    "kb-sql",
+    "kb-trace",
+    "kb-visibility",
+    "kb-who-can",
+    "mentions",
     "modal",
     "nav",
     "notification",
+    "panel",
     "popover",
     "select",
     "sidebar",
     "slider",
     "split-pane",
+    "suggestions",
+    "svg-parse",
     "tabs",
     "tag-input",
+    "theme-switcher",
     "theme",
     "toast",
+    "tooltip",
+    "tree-select",
     "tree",
     "upload"
   ],
   "slugs": {
+    "icon": {
+      "css": "icon.css",
+      "behavior": "icons",
+      "exports": [
+        "ICON_PATHS",
+        "iconPath",
+        "iconHTML",
+        "createIcon",
+        "registerIcon"
+      ]
+    },
+    "theme-switcher": {
+      "css": "theme-switcher.css",
+      "behavior": "theme-switcher",
+      "init": "initThemeSwitcher",
+      "exports": [
+        "createThemeSwitcher",
+        "themeSwitcherHTML"
+      ]
+    },
     "btn": {
       "css": "btn.css"
     },
     "panel": {
-      "css": "panel.css"
+      "css": "panel.css",
+      "behavior": "panel",
+      "init": "initPanel",
+      "exports": [
+        "setPanelExpanded"
+      ]
     },
     "pill": {
       "css": "pill.css"
@@ -152,7 +252,10 @@
     "select": {
       "css": "select.css",
       "behavior": "select",
-      "init": "initSelect"
+      "init": "initSelect",
+      "exports": [
+        "refreshSelect"
+      ]
     },
     "slider": {
       "css": "slider.css",
@@ -162,7 +265,10 @@
     "tag-input": {
       "css": "tag-input.css",
       "behavior": "tag-input",
-      "init": "initTagInput"
+      "init": "initTagInput",
+      "exports": [
+        "createTagInput"
+      ]
     },
     "switch": {
       "css": "switch.css",
@@ -191,24 +297,60 @@
       "behavior": "date-picker",
       "init": "initDatePicker"
     },
+    "form-validate": {
+      "css": "form-validate.css",
+      "behavior": "form-validate",
+      "init": "initFormValidate"
+    },
+    "cascader": {
+      "css": "cascader.css",
+      "behavior": "cascader"
+    },
+    "tree-select": {
+      "css": "tree-select.css",
+      "behavior": "tree-select"
+    },
+    "mentions": {
+      "css": "mentions.css",
+      "behavior": "mentions"
+    },
+    "autocomplete": {
+      "css": "autocomplete.css",
+      "behavior": "autocomplete"
+    },
     "modal": {
       "css": "modal.css",
       "behavior": "modal",
-      "init": "initModal"
+      "init": "initModal",
+      "exports": [
+        "openModal",
+        "closeModal"
+      ]
     },
     "dropdown": {
       "css": "menu.css",
       "behavior": "dropdown",
-      "init": "initDropdown"
+      "init": "initDropdown",
+      "exports": [
+        "openDropdown",
+        "closeDropdown"
+      ]
     },
     "context-menu": {
       "css": "menu.css",
       "behavior": "context-menu",
-      "init": "initContextMenu"
+      "init": "initContextMenu",
+      "exports": [
+        "openContextMenu",
+        "closeContextMenu",
+        "registerContextMenu",
+        "unregisterContextMenu"
+      ]
     },
     "popover": {
       "css": "popover.css",
       "behavior": "popover",
+      "init": "initPopover",
       "exports": [
         "openPopover",
         "closePopover",
@@ -216,7 +358,9 @@
       ]
     },
     "tooltip": {
-      "css": "tooltip.css"
+      "css": "tooltip.css",
+      "behavior": "tooltip",
+      "init": "initTooltip"
     },
     "command-palette": {
       "css": "command-palette.css",
@@ -276,6 +420,18 @@
     "scroll-area": {
       "css": "scroll-area.css"
     },
+    "code-block": {
+      "css": "code-block.css",
+      "extraCss": [
+        "tooltip.css"
+      ],
+      "behavior": "code-block",
+      "init": "initCodeBlock",
+      "exports": [
+        "renderCodeBlock",
+        "codeBlockHTML"
+      ]
+    },
     "table": {
       "css": "table.css",
       "behavior": "controls",
@@ -306,7 +462,8 @@
         "chart-stack.css",
         "chart-gauge.css",
         "chart-sparkline.css",
-        "chart-scatter.css"
+        "chart-scatter.css",
+        "chart-graph.css"
       ],
       "behavior": "charts",
       "exports": [
@@ -427,7 +584,8 @@
       ],
       "behavior": "charts",
       "exports": [
-        "renderScatter"
+        "renderScatter",
+        "renderMap"
       ]
     },
     "chart-calendar": {
@@ -465,7 +623,8 @@
       "behavior": "notification",
       "init": "initNotification",
       "exports": [
-        "notify"
+        "notify",
+        "createNotificationCenter"
       ]
     },
     "nav": {
@@ -534,10 +693,12 @@
     },
     "ai-tool-call": {
       "css": "ai-tool.css",
+      "behavior": "ai-tool",
       "init": "initAiTool"
     },
     "ai-subagent": {
       "css": "ai-tool.css",
+      "behavior": "ai-tool",
       "init": "initAiSubagent"
     },
     "ai-diff": {
@@ -554,10 +715,12 @@
     },
     "ai-todo": {
       "css": "ai-panel.css",
+      "behavior": "ai-panel",
       "init": "initAiTodo"
     },
     "ai-context": {
       "css": "ai-panel.css",
+      "behavior": "ai-panel",
       "init": "initAiContext"
     },
     "ai-usage": {
@@ -568,6 +731,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/tokens/chinese.css

@@ -0,0 +1,44 @@
+@layer icen.tokens {
+/* 中式 / Chinese — Song-era proportion, book typography and quiet paper planes.
+ * Palette-independent: the active theme supplies every pigment and semantic color.
+ * Display type is serif; small controls and dense information remain sans-serif.
+ */
+:root[data-icen-style="chinese"],
+:root[data-icen-style="chinese"] [data-icen-preset] {
+  --icen-design-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  --icen-design-font-size: 14px;
+  --icen-design-radius: 4px;
+  --icen-design-space: 4.5px;
+  --icen-design-control-height: 42px;
+  --icen-design-glass-opacity: 100%;
+  --icen-design-glass-blur: 0px;
+  --icen-radius-xs: max(0px, calc(var(--icen-design-radius) - 2px));
+  --icen-radius-sm: var(--icen-design-radius);
+  --icen-radius-md: var(--icen-design-radius);
+  --icen-radius-lg: calc(var(--icen-design-radius) * 2);
+  --icen-radius-xl: calc(var(--icen-design-radius) * 3);
+  --icen-radius-full: 999px;
+  --icen-font-body: var(--icen-design-font);
+  --icen-font-heading: 'Iowan Old Style', 'Palatino Linotype', 'Songti SC', 'Noto Serif CJK SC', 'Source Han Serif SC', 'STSong', 'SimSun', serif;
+  --icen-font-cjk: var(--icen-design-font);
+  --icen-line-height-body: 1.75;
+  --icen-line-height-heading: 1.4;
+  --icen-letter-spacing-body: .012em;
+  --icen-letter-spacing-heading: .045em;
+  --icen-duration-fast: calc(140ms * var(--icen-design-motion));
+  --icen-duration-normal: calc(240ms * var(--icen-design-motion));
+  --icen-duration-slow: calc(340ms * var(--icen-design-motion));
+  --icen-ease-out: cubic-bezier(.22, .68, .2, 1);
+  --icen-ease-bounce: var(--icen-ease-out);
+  --icen-token-surface-glass: var(--icen-token-surface);
+  --icen-token-shadow-card: 0 1px 2px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .45), transparent), 0 6px 18px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .25), transparent);
+  --icen-token-shadow-elevated: 0 1px 3px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .65), transparent), 0 12px 30px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .55), transparent);
+  --icen-token-shadow-overlay: 0 2px 5px color-mix(in srgb, var(--icen-design-shadow-color) var(--icen-design-shadow-strength), transparent), 0 24px 64px color-mix(in srgb, var(--icen-design-shadow-color) calc(var(--icen-design-shadow-strength) * .7), transparent);
+  --icen-token-shadow-popover: var(--icen-token-shadow-elevated);
+  --icen-token-shadow-inset: inset 0 0 0 0 transparent;
+  --icen-token-material-light: inset 0 0 0 0 transparent;
+  --icen-token-top-highlight: transparent;
+  --icen-token-material-edge: var(--icen-token-line);
+}
+
+}