slexkit 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to SlexKit.
 
+## v0.3.3 - Obsidian input control hardening
+
+### Fixed
+- Slider now renders its visual track outside the native range input while keeping the native input for interaction and accessibility, avoiding square thumb artifacts in Obsidian and other host themes.
+- Input fields with trailing units now reset host input chrome with scoped selectors so unit add-ons stay aligned with the text field in Obsidian dark themes.
+
+## v0.3.2 - Host CSS isolation and repeated layout hardening
+
+### Changed
+- `$for` rendering now uses comment anchors and direct child insertion instead of a wrapper element that depended on `display: contents`.
+- Site-only mobile navigation CSS moved out of the runtime base stylesheet and into the documentation site shell.
+- Component accessors now share one reactive effect across subscribers instead of creating duplicate subscriber fan-out work.
+
+### Fixed
+- Obsidian and other Markdown hosts no longer need to rewrite `$for` wrapper CSS to avoid `display: contents`, preserving grid and row layouts for repeated items.
+- Published runtime base CSS no longer leaks `#mobileNav` or `body[data-mobile-nav-open]` selectors into host pages.
+- Custom renderers that return no element no longer leave invalid `$for` slots behind during diffing or cleanup.
+
 ## v0.3.1 - Host stability and control rendering hardening
 
 ### Added

package/README.md

@@ -15,7 +15,7 @@
     <a href="README.zh-CN.md">简体中文</a>
   </p>
   <p>
-    <img alt="version" src="https://img.shields.io/badge/version-0.3.1-18181b">
+    <img alt="version" src="https://img.shields.io/badge/version-0.3.3-18181b">
     <img alt="script" src="https://img.shields.io/badge/Slex-v0.1-18181b">
     <img alt="TypeScript" src="https://img.shields.io/badge/runtime-TypeScript-3178c6">
     <img alt="Svelte 5" src="https://img.shields.io/badge/components-Svelte_5-ff3e00">

package/README.zh-CN.md

@@ -15,7 +15,7 @@
     <a href="README.md">English</a>
   </p>
   <p>
-    <img alt="version" src="https://img.shields.io/badge/version-0.3.1-18181b">
+    <img alt="version" src="https://img.shields.io/badge/version-0.3.3-18181b">
     <img alt="script" src="https://img.shields.io/badge/Slex-v0.1-18181b">
     <img alt="TypeScript" src="https://img.shields.io/badge/runtime-TypeScript-3178c6">
     <img alt="Svelte 5" src="https://img.shields.io/badge/components-Svelte_5-ff3e00">

package/dist/ai/llms-full.txt

@@ -1,6 +1,6 @@
 # SlexKit Full LLM Documentation
 
-Version: 0.3.1
+Version: 0.3.3
 
 This file concatenates SlexKit's canonical English Markdown docs. `slex` fences are preserved exactly.
 
@@ -27,7 +27,7 @@ Source: README.md
     <a href="README.zh-CN.md">简体中文</a>
   </p>
   <p>
-    <img alt="version" src="https://img.shields.io/badge/version-0.3.1-18181b">
+    <img alt="version" src="https://img.shields.io/badge/version-0.3.3-18181b">
     <img alt="script" src="https://img.shields.io/badge/Slex-v0.1-18181b">
     <img alt="TypeScript" src="https://img.shields.io/badge/runtime-TypeScript-3178c6">
     <img alt="Svelte 5" src="https://img.shields.io/badge/components-Svelte_5-ff3e00">
@@ -1416,12 +1416,12 @@ Source: content/examples/multi-input-coordination/zh-CN.md
       "grid:params": {
         columns: 1, mdColumns: 2,
         "column:w": {
-          "input:width": { label: "宽度", "$value": "g.width", type: "number", unit: "px", onchange: "g.width = Number($event || 0)" },
-          "slider:width": { label: "宽度", "$value": "g.width", min: 20, max: 300, step: 5, unit: "px", onchange: "g.width = Number($event)" }
+          "input:widthInput": { label: "宽度", "$value": "g.width", type: "number", unit: "px", onchange: "g.width = Number($event || 0)" },
+          "slider:widthSlider": { label: "宽度", "$value": "g.width", min: 20, max: 300, step: 5, unit: "px", onchange: "g.width = Number($event)" }
         },
         "column:h": {
-          "input:height": { label: "高度", "$value": "g.height", type: "number", unit: "px", onchange: "g.height = Number($event || 0)" },
-          "slider:height": { label: "高度", "$value": "g.height", min: 20, max: 300, step: 5, unit: "px", onchange: "g.height = Number($event)" }
+          "input:heightInput": { label: "高度", "$value": "g.height", type: "number", unit: "px", onchange: "g.height = Number($event || 0)" },
+          "slider:heightSlider": { label: "高度", "$value": "g.height", min: 20, max: 300, step: 5, unit: "px", onchange: "g.height = Number($event)" }
         }
       },
       "grid:results": {
@@ -1556,8 +1556,8 @@ Source: content/examples/salary-calculator/zh-CN.md
       "grid:params": {
         columns: 1, mdColumns: 2,
         "column:baseField": {
-          "input:base": { label: "税前工资", "$value": "g.base", type: "number", unit: "元/月", onchange: "g.base = Number($event || 0)" },
-          "slider:base": { label: "税前工资", "$value": "g.base", min: 3000, max: 50000, step: 500, unit: "元", onchange: "g.base = Number($event)" }
+          "input:baseInput": { label: "税前工资", "$value": "g.base", type: "number", unit: "元/月", onchange: "g.base = Number($event || 0)" },
+          "slider:baseSlider": { label: "税前工资", "$value": "g.base", min: 3000, max: 50000, step: 500, unit: "元", onchange: "g.base = Number($event)" }
         },
         "column:cityField": {
           "select:city": {
@@ -1677,12 +1677,12 @@ Source: content/examples/project-cost-estimator/zh-CN.md
       "grid:params": {
         columns: 1, mdColumns: 2,
         "column:period": {
-          "input:months": { label: "开发周期", "$value": "g.months", type: "number", unit: "个月", onchange: "g.months = Number($event || 0)" },
-          "slider:months": { label: "开发周期", "$value": "g.months", min: 1, max: 24, step: 1, unit: "月", onchange: "g.months = Number($event)" }
+          "input:monthsInput": { label: "开发周期", "$value": "g.months", type: "number", unit: "个月", onchange: "g.months = Number($event || 0)" },
+          "slider:monthsSlider": { label: "开发周期", "$value": "g.months", min: 1, max: 24, step: 1, unit: "月", onchange: "g.months = Number($event)" }
         },
         "column:salaryField": {
-          "input:salary": { label: "人均月薪", "$value": "g.salary", type: "number", unit: "元", onchange: "g.salary = Number($event || 0)" },
-          "slider:salary": { label: "人均月薪", "$value": "g.salary", min: 8000, max: 50000, step: 1000, unit: "元", onchange: "g.salary = Number($event)" }
+          "input:salaryInput": { label: "人均月薪", "$value": "g.salary", type: "number", unit: "元", onchange: "g.salary = Number($event || 0)" },
+          "slider:salarySlider": { label: "人均月薪", "$value": "g.salary", min: 8000, max: 50000, step: 1000, unit: "元", onchange: "g.salary = Number($event)" }
         }
       },
       "grid:results": {
@@ -1780,13 +1780,13 @@ Source: content/examples/voltage-divider/zh-CN.md
         title: "分压器计算器",
       "grid:params": {
         columns: 1, mdColumns: 2,
-        "column:r1Field": { "input:r1": { label: "R1", "$value": "g.r1", type: "number", unit: "Ω", onchange: "g.r1 = Number($event || 0)" }, "slider:r1": { label: "R1", "$value": "g.r1", min: 100, max: 1000000, step: 100, unit: "Ω", onchange: "g.r1 = Number($event)" } },
-        "column:r2Field": { "input:r2": { label: "R2", "$value": "g.r2", type: "number", unit: "Ω", onchange: "g.r2 = Number($event || 0)" }, "slider:r2": { label: "R2", "$value": "g.r2", min: 100, max: 1000000, step: 100, unit: "Ω", onchange: "g.r2 = Number($event)" } }
+        "column:r1Field": { "input:r1Input": { label: "R1", "$value": "std.units.si(g.r1, 'Ω', 1)", type: "engineering", unit: "Ω", placeholder: "10kΩ", onchange: "if ($event.valid && $event.number > 0) g.r1 = $event.number" }, "slider:r1Slider": { label: "R1", "$value": "g.r1", min: 100, max: 1000000, step: 100, unit: "Ω", onchange: "g.r1 = Number($event)" } },
+        "column:r2Field": { "input:r2Input": { label: "R2", "$value": "std.units.si(g.r2, 'Ω', 1)", type: "engineering", unit: "Ω", placeholder: "10kΩ", onchange: "if ($event.valid && $event.number > 0) g.r2 = $event.number" }, "slider:r2Slider": { label: "R2", "$value": "g.r2", min: 100, max: 1000000, step: 100, unit: "Ω", onchange: "g.r2 = Number($event)" } }
       },
       "grid:params2": {
         columns: 1, mdColumns: 2,
-        "column:vinField": { "input:vin": { label: "输入电压 Vin", "$value": "g.vin", type: "number", unit: "V", onchange: "g.vin = Number($event || 0)" }, "slider:vin": { label: "Vin", "$value": "g.vin", min: 0.1, max: 48, step: 0.1, unit: "V", onchange: "g.vin = Number($event)" } },
-        "column:rlField": { "input:rl": { label: "负载电阻 RL", "$value": "g.rl", type: "number", unit: "Ω", onchange: "g.rl = Number($event || 0)" }, "slider:rl": { label: "RL", "$value": "g.rl", min: 1000, max: 10000000, step: 1000, unit: "Ω", onchange: "g.rl = Number($event)" } }
+        "column:vinField": { "input:vinInput": { label: "输入电压 Vin", "$value": "std.units.si(g.vin, 'V', 1)", type: "engineering", unit: "V", placeholder: "5V", onchange: "if ($event.valid && $event.number > 0) g.vin = $event.number" }, "slider:vinSlider": { label: "Vin", "$value": "g.vin", min: 0.1, max: 48, step: 0.1, unit: "V", onchange: "g.vin = Number($event)" } },
+        "column:rlField": { "input:rlInput": { label: "负载电阻 RL", "$value": "std.units.si(g.rl, 'Ω', 1)", type: "engineering", unit: "Ω", placeholder: "100kΩ", onchange: "if ($event.valid && $event.number > 0) g.rl = $event.number" }, "slider:rlSlider": { label: "RL", "$value": "g.rl", min: 1000, max: 10000000, step: 1000, unit: "Ω", onchange: "g.rl = Number($event)" } }
       },
       "formula:eq1": { "$tex": "'V_{out} = ' + g.vin.toFixed(1) + ' \\\\times \\\\frac{' + (g.r2/1000).toFixed(1) + '\\\\text{k}}{' + (g.r1/1000).toFixed(1) + '\\\\text{k} + ' + (g.r2/1000).toFixed(1) + '\\\\text{k}} = ' + g.vout().toFixed(3) + '\\\\text{ V}'" },
       "grid:results": {
@@ -1862,9 +1862,9 @@ $$|H(f)| = \frac{1}{\sqrt{1 + (f/f_c)^2}}$$
         title: "参数输入",
       "grid:inputs": {
         columns: 1, mdColumns: 2,
-        "column:rField": { "input:r": { label: "电阻 R", "$value": "g.r", type: "number", unit: "Ω", onchange: "g.r = Number($event || 0)" }, "slider:r": { label: "R", "$value": "g.r", min: 100, max: 100000, step: 100, unit: "Ω", onchange: "g.r = Number($event)" } },
-        "column:cField": { "input:c": { label: "电容 C", "$value": "g.c", type: "number", unit: "nF", onchange: "g.c = Number($event || 0)" }, "slider:c": { label: "C", "$value": "g.c", min: 1, max: 1000, step: 1, unit: "nF", onchange: "g.c = Number($event)" } },
-        "column:fField": { "input:f": { label: "输入频率 f", "$value": "g.f", type: "number", unit: "Hz", onchange: "g.f = Number($event || 0)" }, "slider:f": { label: "f", "$value": "g.f", min: 1, max: 100000, step: 1, unit: "Hz", onchange: "g.f = Number($event)" } }
+        "column:rField": { "input:rInput": { label: "电阻 R", "$value": "std.units.si(g.r, 'Ω', 1)", type: "engineering", unit: "Ω", placeholder: "10kΩ", onchange: "if ($event.valid && $event.number > 0) g.r = $event.number" }, "slider:rSlider": { label: "R", "$value": "g.r", min: 100, max: 100000, step: 100, unit: "Ω", onchange: "g.r = Number($event)" } },
+        "column:cField": { "input:cInput": { label: "电容 C", "$value": "g.c + 'nF'", type: "engineering", unit: "nF", placeholder: "100nF", onchange: "if ($event.valid && $event.number > 0) g.c = $event.unit ? $event.number * 1e9 : $event.number" }, "slider:cSlider": { label: "C", "$value": "g.c", min: 1, max: 1000, step: 1, unit: "nF", onchange: "g.c = Number($event)" } },
+        "column:fField": { "input:fInput": { label: "输入频率 f", "$value": "std.units.si(g.f, 'Hz', 1)", type: "engineering", unit: "Hz", placeholder: "1kHz", onchange: "if ($event.valid && $event.number >= 0) g.f = $event.number" }, "slider:fSlider": { label: "f", "$value": "g.f", min: 1, max: 100000, step: 1, unit: "Hz", onchange: "g.f = Number($event)" } }
       },
       "stat:fc": { label: "截止频率", "$value": "g.cutoff().toFixed(1)", unit: "Hz" },
       "badge:regime": { "$label": "g.regimeLabel()", "$tone": "g.f < g.cutoff() * 0.1 ? 'success' : g.f > g.cutoff() * 10 ? 'danger' : 'warning'" }
@@ -2422,7 +2422,7 @@ URL: /zh-CN/examples/toolhost-demo
 Raw Markdown: /zh-CN/examples/toolhost-demo.md
 Source: content/examples/toolhost-demo/zh-CN.md
 
-## ToolHost 对话演示
+# ToolHost 对话演示
 
 AI 对话中需要收集用户信息时，会调用 **ToolHost** 弹出交互式表单卡片。用户填写并提交后，表单数据以结构化的 `ToolResult` 返回给 AI，AI 继续处理。
 
@@ -7574,6 +7574,24 @@ slexkitRenderMode: component
 
 All notable changes to SlexKit.
 
+## v0.3.3 - Obsidian input control hardening
+
+### Fixed
+- Slider now renders its visual track outside the native range input while keeping the native input for interaction and accessibility, avoiding square thumb artifacts in Obsidian and other host themes.
+- Input fields with trailing units now reset host input chrome with scoped selectors so unit add-ons stay aligned with the text field in Obsidian dark themes.
+
+## v0.3.2 - Host CSS isolation and repeated layout hardening
+
+### Changed
+- `$for` rendering now uses comment anchors and direct child insertion instead of a wrapper element that depended on `display: contents`.
+- Site-only mobile navigation CSS moved out of the runtime base stylesheet and into the documentation site shell.
+- Component accessors now share one reactive effect across subscribers instead of creating duplicate subscriber fan-out work.
+
+### Fixed
+- Obsidian and other Markdown hosts no longer need to rewrite `$for` wrapper CSS to avoid `display: contents`, preserving grid and row layouts for repeated items.
+- Published runtime base CSS no longer leaks `#mobileNav` or `body[data-mobile-nav-open]` selectors into host pages.
+- Custom renderers that return no element no longer leave invalid `$for` slots behind during diffing or cleanup.
+
 ## v0.3.1 - Host stability and control rendering hardening
 
 ### Added
@@ -7599,14 +7617,19 @@ All notable changes to SlexKit.
 - English translations for all 17 example pages
 - `toolhost-demo`: real `renderToolCall` API with chat-style conversation UI
 - Example rendering infrastructure: `site/routes/examples.js`, `site/pages/examples.slex.js`, `site/data/examples.js`
+- Content discovery: `site/data/content-discovery.js` with locale fallback and allowed-slug filtering
+- `site/data/content-discovery.js`: `discoverExampleMarkdown()` with per-locale discovery
+- SEO metadata for example pages
+- `examples/minimal-cdn/index.html`: zero-build CDN usage example
 - Formula component (`src/components/svelte/content/Formula.svelte`) with KaTeX rendering
 - `src/engine/capabilities.ts`: structured capability docs for AI agents
-- `src/engine/validation.ts`: SPEC contract validation
+- `src/engine/validation.ts`: SPEC contract validation for component specs
 - `src/engine/stdlib.ts`: standard library with `math.clamp`, `math.safeDivide`, and other utilities
 - `src/engine/sandbox-runner.ts`: sandbox runner for secure runtime
 - Component state eval context shadowing test suite (`component-state-shadowing.test.ts`)
 - Collapsible and Callout double-rendering regression tests
 - Slider component name shadowing regression test
+- Tests for content, playground, select, tabs, slider, disclosure, feedback, policy-api
 
 ### Changed
 - Examples reduced from 64 to 17 high-quality examples, organized by user story
@@ -7616,6 +7639,7 @@ All notable changes to SlexKit.
 - Site UI: DocsShell, DocRail, router, shell improvements
 - Components: Input, Select, Tabs, Table, PlaygroundMarkdown refinements
 - CSS: theme-shadcn, text-input, docs-shell styling updates
+- MCP: enhanced with structured capability docs
 
 ### Fixed
 - Eval context shadowing: component names `g` and `api` no longer overwrite reserved context keys
@@ -7624,11 +7648,19 @@ All notable changes to SlexKit.
 - Salary calculator fallback numbers to match actual calculator output
 - Tabs-and-branching: title and length conversion mismatch
 - 4 pre-existing test failures (ai-docs, page-structure, theme, markdown-content)
+- Toolhost test: added setup import to fix `document is not defined`
+- Badge stretching in grid layout
+- Project-dashboard syntax error
+- Salary-calculator rate configuration
 
 ### Removed
 - 47 low-quality/duplicate examples (reduced from 64 to 17)
 - Dead "Fallback" copywriting from all example files
+- Post-slex explanatory text from example files
 - Unused `DialogShell.svelte` component
+- Orphaned `test-if` example directory
+- Agent-generated `docs/compose` planning files
+- Temporary `screenshot-*.png` files
 
 ## v0.2.0 - First public release
 

package/dist/ai/llms.txt

@@ -12,7 +12,7 @@
 
 SlexKit raw docs are Markdown (`.md`) with explicit `slex` fences. The interactive layer is the fenced `slex` source inside each Markdown page.
 
-Version: 0.3.1
+Version: 0.3.3
 
 ## Table of Contents