diff --git a/.changeset/markdown-callout-variant-fix.md b/.changeset/markdown-callout-variant-fix.md
new file mode 100644
index 0000000000..faf49e95c4
--- /dev/null
+++ b/.changeset/markdown-callout-variant-fix.md
@@ -0,0 +1,5 @@
+---
+"@platejs/markdown": patch
+---
+
+Fix `<callout type="...">` deserializing into `variant` without clobbering the callout node type
diff --git a/.changeset/streaming-mdx-multiline-tail.md b/.changeset/streaming-mdx-multiline-tail.md
new file mode 100644
index 0000000000..ba74cdf69f
--- /dev/null
+++ b/.changeset/streaming-mdx-multiline-tail.md
@@ -0,0 +1,5 @@
+---
+"@platejs/markdown": patch
+---
+
+Keep multiline incomplete MDX tails visible while preserving a complete parsed prefix during streaming fallback
diff --git a/.changeset/streaming-mdx-replay-prefix.md b/.changeset/streaming-mdx-replay-prefix.md
new file mode 100644
index 0000000000..bba0b23ee6
--- /dev/null
+++ b/.changeset/streaming-mdx-replay-prefix.md
@@ -0,0 +1,5 @@
+---
+"@platejs/ai": patch
+---
+
+Fix insert streaming preserving completed markdown and MDX blocks before an incomplete MDX tail
diff --git a/.claude/docs/analysis/compound-engineering-tree.md b/.claude/docs/analysis/compound-engineering-tree.md
new file mode 100644
index 0000000000..2b0ed18bab
--- /dev/null
+++ b/.claude/docs/analysis/compound-engineering-tree.md
@@ -0,0 +1,260 @@
+# Plate Compound Engineering Tree
+
+This is the Plate-specific reduction of the Compound Engineering agent tree.
+
+It is grounded in:
+
+- `skiller-lock.json` for what Plate actually installed from `EveryInc/compound-engineering-plugin`
+- `.agents/rules/task.mdc` for the default task lane
+- `.agents/rules/major-task.mdc` for the heavyweight architecture/comparison lane
+- `.agents/rules/agent-browser-issue.mdc` for the browser parity escalation
+- `.agents/AGENTS.md` for explicit exclusions
+
+This is not the whole plugin zoo. It is the slice Plate actually keeps, where it is wired, and why the rest stays dead.
+
+## Actual Plate Tree
+
+```text
+Plate CE set
+├── task lane
+│   ├── ce:brainstorm
+│   ├── learnings-researcher
+│   ├── framework-docs-researcher (conditional, second-pass only)
+│   ├── risky-change review lane
+│   │   ├── ce-review
+│   │   ├── correctness-reviewer
+│   │   ├── maintainability-reviewer
+│   │   ├── project-standards-reviewer
+│   │   └── code-simplicity-reviewer
+│   └── agent-native parity lane
+│       └── agent-native-reviewer
+├── major-task lane
+│   ├── ce:plan
+│   ├── learnings-researcher
+│   ├── repo-research-analyst
+│   ├── architecture-strategist
+│   ├── pattern-recognition-specialist
+│   ├── framework-docs-researcher (conditional, after local clone/source pass)
+│   ├── best-practices-researcher (conditional)
+│   ├── performance-oracle
+│   ├── spec-flow-analyzer
+│   └── issue-intelligence-analyst / git-history-analyzer (conditional)
+└── major-task conditional document-review pass
+    ├── coherence-reviewer
+    ├── feasibility-reviewer
+    ├── scope-guardian-reviewer
+    ├── product-lens-reviewer
+    └── adversarial-document-reviewer
+```
+
+## Installed CE Agents
+
+### Research
+
+- `best-practices-researcher`
+- `framework-docs-researcher`
+- `git-history-analyzer`
+- `issue-intelligence-analyst`
+- `learnings-researcher`
+- `repo-research-analyst`
+
+### Review
+
+- `agent-native-reviewer`
+- `architecture-strategist`
+- `code-simplicity-reviewer`
+- `correctness-reviewer`
+- `maintainability-reviewer`
+- `pattern-recognition-specialist`
+- `performance-oracle`
+- `project-standards-reviewer`
+
+### Workflow
+
+- `spec-flow-analyzer`
+
+### Document Review
+
+- `adversarial-document-reviewer`
+- `coherence-reviewer`
+- `feasibility-reviewer`
+- `product-lens-reviewer`
+- `scope-guardian-reviewer`
+
+## Where Plate Uses Them
+
+## `task.mdc`
+
+Direct CE references in `.agents/rules/task.mdc`:
+
+- `ce:brainstorm`
+  Use when the task is still mushy after reading the source of truth and nearby code.
+- `learnings-researcher`
+  Default early pass for repeated domains, prior solutions, and non-trivial work.
+- `framework-docs-researcher`
+  Conditional only. Use after the AGENTS-required local clone/source/docs pass when third-party behavior is still unclear, unfamiliar, or version-sensitive.
+- `ce-review`
+- `correctness-reviewer`
+- `maintainability-reviewer`
+- `project-standards-reviewer`
+- `code-simplicity-reviewer`
+  This is the risky-change review lane. It is not default. It is reserved for risky, large, user-facing, or architecture-sensitive work.
+- `agent-native-reviewer`
+  Separate conditional lane. Use only for `.agents/**`, `.claude/**`, AI/tooling surfaces, commands, or user-action parity work.
+
+Companion rule outside the CE tree:
+
+- `.agents/rules/agent-browser-issue.mdc`
+  If browser/tool automation exposes a reusable action-parity gap, it tells the task flow to load `agent-native-reviewer` and capture that gap as a real follow-up instead of shrugging.
+
+What `task` does not do:
+
+- It does not default to the full CE review zoo.
+- It does not default to document-review personas.
+- It does not default to architecture research unless intake escalates to `major-task`.
+
+## `major-task.mdc`
+
+Direct CE references in `.agents/rules/major-task.mdc`:
+
+- `ce:plan`
+  Main planning spine for heavyweight work.
+- `learnings-researcher`
+  Early repo-memory pass when prior decisions matter.
+- `repo-research-analyst`
+  Default repo-grounding helper for major work.
+- `architecture-strategist`
+  Public API, layering, ownership, abstraction cleanup, and cross-package refactor work.
+- `pattern-recognition-specialist`
+  Repo-wide pattern extraction, repeated smell detection, and consistency analysis across packages.
+- `framework-docs-researcher`
+  Conditional second pass only. Local clone and source reading come first per AGENTS. This comes in when official docs are needed to settle third-party behavior or compare competing frameworks honestly.
+- `best-practices-researcher`
+  Only when official docs still leave gaps or the task genuinely needs wider field patterns.
+- `performance-oracle`
+  Explicit performance and optimization lane. Used for benchmark design, scalability analysis, hot-path tradeoffs, and editor/runtime comparison strategy.
+- `spec-flow-analyzer`
+  RFC, proposal, acceptance-criteria, rollout, and completeness pressure-testing.
+- `issue-intelligence-analyst` or `git-history-analyzer`
+  Conditional only when issue churn, historical regressions, or design history matter.
+
+`major-task` also points editor-framework analysis at:
+
+- `docs/analysis/editor-architecture-candidates.md`
+
+That keeps comparison work bounded instead of widening into random framework tourism.
+
+### `major-task` document-review pass
+
+These are no longer manual-only. They are conditionally wired into `major-task`:
+
+- `coherence-reviewer`
+- `feasibility-reviewer`
+  Default pair for explicit plan, RFC, proposal, or spec review.
+- `scope-guardian-reviewer`
+  Add when abstraction count, rollout shape, or scope drift smells inflated.
+- `product-lens-reviewer`
+  Add when the document makes product framing, value, roadmap, or "are we solving the right problem?" claims.
+- `adversarial-document-reviewer`
+  Add when the doc is large, assumption-heavy, architecture-heavy, or high-stakes enough to deserve premise stress-testing.
+
+The rule is selective. `major-task` does not load every reviewer just because a doc exists.
+
+### `major-task` performance and comparison lane
+
+This is the sharpest major-task branch for Plate-specific framework work:
+
+- define the workload first
+- separate measured evidence from hypothesis
+- compare equivalent workloads, not vibes
+- start from repo constraints before internet takes
+- for editor-framework performance questions:
+  - prefer `Plate vs Slate` first for direct inheritance pressure
+  - use `ProseMirror` and `Lexical` for deeper runtime or architecture direction
+  - use `Tiptap` more for product-layer or packaging cost than raw engine performance
+  - use `Pretext` and `Premirror` for pagination, composition, and layout-aware editing questions
+
+## Rejected Or Deferred
+
+### Wrong repo shape
+
+- `data-integrity-guardian`
+- `data-migration-expert`
+- `data-migrations-reviewer`
+- `schema-drift-detector`
+- `deployment-verification-agent`
+- `api-contract-reviewer`
+
+Reason:
+
+- Plate is a framework/editor monorepo, not a migration-heavy or deploy-heavy product app.
+- These agents bias toward data-plane or operational concerns that are not central here.
+
+### Wrong stack
+
+- `dhh-rails-reviewer`
+- `kieran-rails-reviewer`
+- `kieran-python-reviewer`
+
+Reason:
+
+- Wrong language family.
+- Installing them would just add noise and fake sophistication.
+
+### Workflow noise
+
+- `previous-comments-reviewer`
+- `pr-comment-resolver`
+- `figma-design-sync`
+- `bug-reproduction-validator`
+
+Reason:
+
+- PR-thread replay, Figma sync, and extra browser-validator choreography are not part of Plate's default execution model.
+- Plate already has its own task, review, and browser flows.
+
+### Overkill for default Plate use
+
+- `security-lens-reviewer`
+- `design-lens-reviewer`
+- `security-reviewer`
+- `security-sentinel`
+- `reliability-reviewer`
+- `performance-reviewer`
+- `adversarial-reviewer`
+- `julik-frontend-races-reviewer`
+- `kieran-typescript-reviewer`
+
+Reason:
+
+- Some are legit, but not legit enough to justify default install.
+- Plate wanted a lean set that earns its keep.
+- Add one later on proof, not because the catalog exists.
+
+### Orphan / not first-class yet
+
+- `design-implementation-reviewer`
+- `ankane-readme-writer`
+- `cli-agent-readiness-reviewer`
+
+Reason:
+
+- No strong first-class parent skill in the current CE tree.
+- Not worth pulling into Plate just because they are lying around.
+
+## Why This Shape
+
+Plate wanted two modes:
+
+1. `task` stays lean for normal issue execution.
+2. `major-task` handles architecture, comparison, benchmark, and proposal work without turning every task into a research circus.
+
+That means:
+
+- keep a small serious research spine
+- keep a small serious risky-change review spine
+- wire document-review agents conditionally behind `major-task`
+- keep performance/comparison work explicit and evidence-first
+- reject data/deploy/Rails/Figma/PR-thread sludge
+
+That is the current best-fit CE slice for Plate.
diff --git a/.claude/docs/analysis/editor-architecture-candidates.md b/.claude/docs/analysis/editor-architecture-candidates.md
new file mode 100644
index 0000000000..71aae41fd9
--- /dev/null
+++ b/.claude/docs/analysis/editor-architecture-candidates.md
@@ -0,0 +1,341 @@
+# Editor Architecture Candidates for Plate
+
+This is the opinionated shortlist. Not a market map. Not a graveyard of every editor repo on GitHub. Just the candidates and inspirations actually worth keeping in Plate's future architectural comparison set.
+
+It is intentionally not a prescription for exact features Plate should copy. The current analysis is strong enough to rank and frame the field, not to lock Plate into a shopping list.
+
+## Repos
+
+- [ProseMirror](https://github.com/ProseMirror/prosemirror)
+- [Lexical](https://github.com/facebook/lexical)
+- [Tiptap](https://github.com/ueberdosis/tiptap)
+- [Pretext](https://github.com/chenglou/pretext)
+- [Premirror](https://github.com/samwillis/premirror)
+- [Slate](https://github.com/ianstormtaylor/slate)
+- [edix](https://github.com/inokawa/edix)
+- [use-editable](https://github.com/FormidableLabs/use-editable)
+- [rich-textarea](https://github.com/inokawa/rich-textarea)
+- [@react-libraries/markdown-editor](https://github.com/ReactLibraries/markdown-editor)
+- [urql](https://github.com/urql-graphql/urql)
+- [TanStack DB](https://github.com/TanStack/db)
+- [VS Code](https://github.com/microsoft/vscode)
+- [Language Server Protocol](https://github.com/microsoft/language-server-protocol)
+- [EditContext API docs](https://developer.mozilla.org/en-US/docs/Web/API/EditContext_API)
+- [Open UI Richer Text Fields](https://open-ui.org/components/richer-text-fields.explainer/)
+
+## Clone Or Update
+
+Run this from `/Users/zbeyens/git/plate` if you want the comparison repos checked out in `..`:
+
+```bash
+for repo in \
+  ProseMirror/prosemirror \
+  facebook/lexical \
+  ueberdosis/tiptap \
+  chenglou/pretext \
+  samwillis/premirror \
+  ianstormtaylor/slate \
+  inokawa/edix \
+  FormidableLabs/use-editable \
+  inokawa/rich-textarea \
+  ReactLibraries/markdown-editor \
+  urql-graphql/urql \
+  TanStack/db \
+  microsoft/vscode \
+  microsoft/language-server-protocol
+do
+  name="${repo##*/}"
+  if [ -d "../$name/.git" ]; then
+    git -C "../$name" pull --ff-only
+  else
+    git clone "https://github.com/$repo.git" "../$name"
+  fi
+done
+```
+
+## Ranking
+
+1. ProseMirror
+2. Lexical
+3. Tiptap
+4. Pretext + Premirror
+5. Slate
+6. edix
+7. use-editable
+8. rich-textarea
+9. @react-libraries/markdown-editor
+10. urql
+11. TanStack DB
+12. VS Code + Language Server Protocol
+13. EditContext API
+14. Open UI Richer Text Fields
+
+## Tier 1: Direct Comparison Targets
+
+### ProseMirror
+
+Still the center of gravity.
+
+Why it matters:
+
+- Best substrate for schema, transforms, plugins, and serious document structure.
+- Still the cleanest answer to "what does a disciplined rich-text engine look like?"
+- If Plate wants to absorb the best ideas in the space instead of inventing weird local alternatives, this is still the first stop.
+
+Take:
+
+If Plate ever compares itself against one core editor architecture, this is the one. Everything else is either reacting to it, productizing it, or trying to escape its complexity.
+
+### Lexical
+
+The strongest non-ProseMirror engine to study hard.
+
+Why it matters:
+
+- Strong modern runtime posture: immutable editor state, command system, own reconciliation strategy.
+- Serious performance intent instead of accidental performance.
+- Backed by Meta, which matters when evaluating whether ideas survived real product abuse.
+
+Take:
+
+If Plate ever questions its underlying runtime model, Lexical is the real challenger, not a side-show wrapper.
+
+### Tiptap
+
+Not the engine winner. The productization winner.
+
+Why it matters:
+
+- Massive extension surface and polished packaging around ProseMirror.
+- Strong docs, onboarding, examples, and "this actually ships in products" energy.
+- Useful benchmark for DX, extension ergonomics, collaboration packaging, and ecosystem capture.
+
+Take:
+
+Do not compare Plate to Tiptap as a better engine. Compare Plate to Tiptap as a better developer product.
+
+### Pretext + Premirror
+
+This is the most important future-facing lane.
+
+Why Pretext matters:
+
+- It tackles multiline text measurement and layout without relying on DOM reflow.
+- That is a huge missing primitive in web editors, especially for pagination, composition, and layout-aware editing.
+
+Why Premirror matters:
+
+- It treats ProseMirror as document truth and `@chenglou/pretext` as the measurement/layout primitive.
+- The local `../premirror` direction is exactly the kind of synthesis worth watching: document engine plus deterministic page composition instead of pretending pagination is a CSS afterthought.
+
+Take:
+
+This is not "another editor." It is the strongest path toward solving the unsolved page-layout problem on the web.
+
+## Tier 2: Important, But Not the Main Bet
+
+### Slate
+
+Important because Plate comes from this world.
+
+Why it matters:
+
+- It shaped a lot of Plate's current mental model and ergonomics.
+- It stays attractive because it is flexible and React-friendly.
+
+Why it is not the north star:
+
+- Even its own repo still describes it as beta.
+- Historically great for flexibility, less convincing as the long-term answer for strict structure, heavy composition, and platform-grade editor architecture.
+
+Take:
+
+Study Slate to understand your inheritance and its limits, not because it is the future benchmark.
+
+### edix
+
+Very good inspiration repo. Not a core replacement candidate.
+
+Why it matters:
+
+- It is explicitly an experimental, framework-agnostic, small `contenteditable` state manager.
+- Its motivation is sharp: full editor frameworks are too much for small editing surfaces, but raw `contenteditable` is a mess.
+
+Take:
+
+`edix` is a scalpel, not the next spine. Worth studying for lightweight surfaces, not for replacing Plate's serious document architecture.
+
+### use-editable
+
+Still one of the cleanest small-surface inspirations.
+
+Why it matters:
+
+- It is a tiny React hook for turning elements into editable, fully renderable content surfaces.
+- Great example of "I want a custom editable surface without dragging in a cathedral."
+
+Take:
+
+This is not a full editor framework. It is a strong reminder that not every editable surface deserves the full Plate stack.
+
+### rich-textarea
+
+A very relevant companion to the `edix` line of thinking.
+
+Why it matters:
+
+- It aims to keep native textarea behavior while adding highlighting, decoration, autocomplete, and caret-aware interactions.
+- Strong example of going "smaller than a full editor" without falling back to dumb plain text.
+
+Take:
+
+Good inspiration for lightweight, high-polish text surfaces. Not a contender for Plate's core document model.
+
+### @react-libraries/markdown-editor
+
+Narrower, but still useful.
+
+Why it matters:
+
+- Markdown-first editing surface with SSR support and externally controllable editing events.
+- Useful example of a focused editing package that is trying to stay controllable instead of becoming an everything-framework.
+
+Take:
+
+Relevant as a markdown-surface inspiration, not as a major architecture benchmark.
+
+## Tier 3: Cross-Domain Architecture Inspirations
+
+### urql
+
+Not an editor. Still extremely relevant.
+
+Why it matters:
+
+- Highly customizable pipeline architecture through exchanges.
+- Clear stance on normalized caching and composable behavior layers.
+
+Take:
+
+This is useful when thinking about editor infrastructure, not text rendering.
+
+### TanStack DB
+
+One of the best non-editor inspirations on the list.
+
+Why it matters:
+
+- Normalized collections.
+- Sub-millisecond live queries.
+- Instant optimistic writes.
+
+Take:
+
+If Plate wants better projections, indexes, or derived editor state, TanStack DB is a smarter inspiration than another random editor repo.
+
+### VS Code + Language Server Protocol
+
+This is the service architecture model worth studying closely.
+
+Why it matters:
+
+- Stable core editor plus protocolized external intelligence.
+- Analyzers, completions, diagnostics, and actions can live outside the core UI process.
+
+Take:
+
+If Plate ever grows semantic services, AI analyzers, structural linting, or document reasoning, this is the right mental model.
+
+### EditContext API
+
+Important future platform primitive.
+
+Why it matters:
+
+- The web platform is finally acknowledging that serious custom text editing needs more direct control than classic `contenteditable`.
+- This is the kind of primitive that could eventually let editors escape a lot of legacy DOM pain.
+
+Take:
+
+Do not bet Plate on it yet. Track it aggressively.
+
+### Open UI Richer Text Fields
+
+More important than it looks.
+
+Why it matters:
+
+- It is standards work aimed at text controls that need more than plain `<input>` and `<textarea>` behavior.
+- That matters for mentions, autocomplete, highlighting, structured inline chips, and similar rich text-entry surfaces.
+
+Take:
+
+This is not a framework. It is a signal about where the platform should go next.
+
+## How To Use This List
+
+### Core comparison set
+
+For future architecture work, the real comparison set should be:
+
+- ProseMirror
+- Lexical
+- Tiptap
+- Pretext + Premirror
+
+That is the serious shortlist.
+
+### Secondary influence set
+
+Use these for tactical ideas, not for "should we rebuild Plate around this?":
+
+- Slate
+- edix
+- use-editable
+- rich-textarea
+- @react-libraries/markdown-editor
+
+### Cross-domain influence set
+
+Keep these in the room when designing next-gen Plate architecture:
+
+- urql
+- TanStack DB
+- VS Code
+- Language Server Protocol
+- EditContext API
+- Open UI Richer Text Fields
+
+This is not a mandate to copy them. It is a lens for what deserves deeper research when the question is architecture, layout, services, or future platform bets.
+
+## Bottom Line
+
+ProseMirror is still the architectural benchmark.
+
+Lexical is the strongest engine challenger.
+
+Tiptap is the best productization benchmark.
+
+Pretext, especially combined with the `../premirror` direction, is the most important future-facing bet because it attacks the layout and pagination problem that web editors still mostly fake.
+
+The smartest non-editor inspirations are TanStack DB and the VS Code/LSP model.
+
+`edix`, `use-editable`, `rich-textarea`, and `@react-libraries/markdown-editor` matter because they show how to build lighter editing surfaces without dragging a whole cathedral into every text field.
+
+## Sources
+
+- [ProseMirror](https://prosemirror.net/)
+- [ProseMirror GitHub](https://github.com/ProseMirror/prosemirror)
+- [Lexical](https://lexical.dev/docs/intro)
+- [Tiptap](https://tiptap.dev/docs/editor/getting-started/overview)
+- [Slate](https://github.com/ianstormtaylor/slate)
+- [edix](https://github.com/inokawa/edix)
+- [use-editable](https://github.com/FormidableLabs/use-editable)
+- [rich-textarea](https://github.com/inokawa/rich-textarea)
+- [@react-libraries/markdown-editor](https://github.com/ReactLibraries/markdown-editor)
+- [urql](https://github.com/urql-graphql/urql)
+- [TanStack DB](https://github.com/TanStack/db)
+- [VS Code Language Server Extension Guide](https://code.visualstudio.com/api/language-extensions/language-server-extension-guide)
+- [Language Server Protocol](https://microsoft.github.io/language-server-protocol/)
+- [MDN: EditContext API](https://developer.mozilla.org/en-US/docs/Web/API/EditContext_API)
+- [Open UI: Richer Text Fields](https://open-ui.org/components/richer-text-fields.explainer/)
diff --git a/.claude/docs/docs-api.md b/.claude/docs/docs-api.md
new file mode 100644
index 0000000000..21aef9772e
--- /dev/null
+++ b/.claude/docs/docs-api.md
@@ -0,0 +1,475 @@
+Goal:
+Migrate the existing API doc to the new format.
+
+Return Format:
+Follow the existing pattern with:
+
+- title: add backticks if missing and if it's a constant/function/plugin name. Add `<>` if it's a component name (e.g. `<Button>`).
+- description. remove the description if the api only includes `<APIReturns>` to avoid redundancy.
+- add examples ONLY if there is any in the jsdoc, OR if it's trivial. Avoid adding examples if you are not 100% sure it will work / reliable.
+- Wrap the following components in `<API name="sectionName">` if missing.
+
+API Components:
+
+- `<APIState>` - For state-related sections (e.g. store state)
+- `<APIProps>` - For component props
+- `<APIAttributes>` - For general attributes/properties
+- `<APIMethods>` - For methods documentation
+- `<APIListAPI>` - For plugin API documentation
+- `<APITransforms>` - For transform functions
+- `<APIParameters>` - For function parameters
+- `<APIOptions>` - For options objects (replaces APISubList for options)
+- `<APIReturns type="ReturnType">` - For return values (must include type prop)
+
+Rules:
+
+1. Always wrap API sections in `<API name="SectionName">`
+2. Use appropriate API component based on content type
+3. For parameters and options:
+
+   - If there's only one parameter, use `<APIOptions>` directly under `<API>` (no `<APIParameters>` wrapper)
+   - If there are multiple parameters, use `<APIParameters>`
+   - If one of the parameters is `options`, add/move `<APIOptions>` and its children as a sibling to `<APIParameters>`, never nest `<APIOptions>` inside `<APIParameters>`, and convert all its `<APISubListItem>` to `<APIItem>`, removing `parent` prop (when converting to `<APIOptions> > <APIItem>`)
+
+4. For return values:
+   - Always include `type` prop in `<APIReturns>`
+   - Omit `<APIReturns>` if return type is void/undefined
+   - Don't repeat the type in the description text since it's in the type prop
+
+Example of correct parameter/options structure:
+
+```tsx
+// Single parameter with options
+<API name="method">
+<APIOptions type="object">
+  <APIItem name="setting1" type="boolean" optional>
+    First setting description
+  </APIItem>
+  <APIItem name="setting2" type="string" optional>
+    Second setting description
+  </APIItem>
+</APIOptions>
+</API>
+
+// Multiple parameters, one with options
+<API name="method">
+<APIParameters>
+  <APIItem name="path" type="Path">
+    The path to transform.
+  </APIItem>
+  <APIItem name="options" type="MethodOptions" optional>
+    Options for the method.
+  </APIItem>
+</APIParameters>
+
+<APIOptions type="MethodOptions">
+  <APIItem name="setting1" type="boolean" optional>
+    First setting description
+  </APIItem>
+</APIOptions>
+</API>
+```
+
+5. For default values:
+
+```
+<APIItem>
+<description>
+
+- **Default:** `true`
+</APIItem>
+```
+
+6. For parameters:
+
+   - Use single `<APIItem>` if only one parameter
+   - Use `<APIParameters>` + `<APIOptions>` e.g. for `(path, options) => void` pattern
+   - Use `<APISubList>` for other nested object parameters
+
+7. Keep code examples minimal and only include if:
+   - They exist in JSDoc comments
+   - The usage is trivial/obvious
+   - You are 100% confident in their correctness
+
+Complete Example:
+
+### `transform`
+
+Transform a path by an operation.
+
+```tsx
+// Transform a path by an insert operation
+path.transform([0, 1], {
+  type: 'insert_node',
+  path: [0],
+  node: { type: 'paragraph' },
+});
+
+// Transform with affinity
+path.transform([0, 2], op, { affinity: 'forward' });
+```
+
+<API name="transform">
+<APIParameters>
+  <APIItem name="path" type="Path">
+    The path to transform.
+  </APIItem>
+  <APIItem name="operation" type="Operation">
+    The operation to apply.
+  </APIItem>
+  <APIItem name="options" type="PathTransformOptions" optional>
+    Options for transforming a path.
+  </APIItem>
+</APIParameters>
+
+<APIOptions type="PathTransformOptions">
+  <APIItem name="affinity" type="TextDirection | null" optional>
+    The affinity of the transform.
+  </APIItem>
+</APIOptions>
+
+<APIReturns type="Path | null">
+  The transformed path, or null if the path was deleted.
+</APIReturns>
+</API>
+
+Warnings:
+
+- Since your output is markdown, output in ```mdx so I can copy the whole codeblock instead of your rich-text output.
+- When you see repetitive long types, smartly decide if we should document the type in ## Types and link it instead of duplicating. If it's like one sentence doc, just repeat it instead of adding a doc section for the type.
+- Don't over-clutter the types in the text to keep it readable. Avoid generics in the text when linking a type, except in the doc section of the type itself.
+  Context API mdx components:
+
+```tsx
+type Item = {
+  children: ReactNode;
+  name: string;
+  type: string;
+  default?: boolean | string;
+  description?: string;
+  optional?: boolean;
+  required?: boolean;
+  value?: string;
+};
+
+const APIContext = createContext<{ listType?: string; name?: string }>({});
+
+const listTypeToId: any = {
+  attributes: 'attrs',
+  options: 'opt',
+  parameters: 'params',
+  props: 'props',
+  returns: 'returns',
+  state: 'state',
+};
+
+export function API({ children, name }: { children: ReactNode; name: string }) {
+  return <APIContext.Provider value={{ name }}>{children}</APIContext.Provider>;
+}
+
+export function APIItem({
+  children,
+  name,
+  optional,
+  required,
+  type,
+  value,
+}: Item) {
+  const { listType, name: contextName } = React.useContext(APIContext);
+
+  const id = contextName
+    ? `${contextName}-${listType ? `${listTypeToId[listType]}-` : ''}${name}`
+        .toLowerCase()
+        .replace(/[^\da-z]+/g, '-')
+        .replace(/^-|-$/g, '')
+    : undefined;
+
+  return (
+    <AccordionItem className="select-text" value={value ?? name}>
+      <AccordionTrigger className="group hover:no-underline">
+        <li id={id} className="scroll-mt-20">
+          <h4 className="relative py-2 text-start font-semibold leading-none tracking-tight">
+            {id && (
+              <a
+                className={cn(
+                  'opacity-0 hover:opacity-100 group-hover:opacity-100'
+                )}
+                onClick={(e) => e.stopPropagation()}
+                href={`#${id}`}
+              >
+                <div className="absolute -left-5 top-2 pr-1 leading-none">
+                  <Icons.pragma className="text-muted-foreground size-4" />
+                </div>
+              </a>
+            )}
+            <span className="font-mono font-semibold leading-none group-hover:underline">
+              {name}
+            </span>
+            {required && (
+              <span className="font-mono text-xs leading-none text-orange-500">
+                {' '}
+                REQUIRED
+              </span>
+            )}
+            <span className="text-muted-foreground text-left font-mono text-sm font-medium leading-none">
+              {!required && optional && ' optional'} {type}
+            </span>
+          </h4>
+        </li>
+      </AccordionTrigger>
+      <AccordionContent>{children}</AccordionContent>
+    </AccordionItem>
+  );
+}
+
+export function APIAttributes({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="attributes" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+export function APIOptions({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="options" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+export function APIProps({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="props" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+export function APIState({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="state" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+export function APIReturns({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="returns" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+export function APIParameters({ children, ...props }: APIListProps) {
+  return (
+    <APIList listType="parameters" {...props}>
+      {children}
+    </APIList>
+  );
+}
+
+type APIListProps = {
+  children: ReactNode;
+  collapsed?: boolean;
+  listType?: string;
+  type?: string;
+};
+
+export function APIList({
+  children,
+  collapsed = false,
+  listType = 'parameters',
+  type,
+}: APIListProps) {
+  const { name } = React.useContext(APIContext);
+  const childCount = React.Children.count(children);
+  const hasItems = React.Children.toArray(children).some(
+    (child) => (child as any)?.type?.name === 'APIItem'
+  );
+  const newValues = Array.from(Array.from({ length: childCount }).keys()).map(
+    (i) => i.toString()
+  );
+  const defaultValues = collapsed ? [] : newValues;
+
+  const [values, setValues] = useState<string[]>(defaultValues);
+  const [expanded, setExpanded] = useState(!collapsed);
+
+  if (listType === 'returns' && !childCount) return null;
+
+  const id = name ? `${name}-${listTypeToId[listType]}` : undefined;
+
+  return (
+    <APIContext.Provider value={{ listType, name }}>
+      <section className="flex w-full flex-col items-center">
+        <div className="w-full">
+          <div className="mt-10 pb-3">
+            <div className="mt-5 flex items-center justify-between pb-4">
+              <h3
+                id={id}
+                className="group relative scroll-mt-20 text-lg font-medium leading-none tracking-tight"
+              >
+                {id && (
+                  <a
+                    className={cn(
+                      'opacity-0 hover:opacity-100 group-hover:opacity-100'
+                    )}
+                    onClick={(e) => e.stopPropagation()}
+                    href={`#${id}`}
+                  >
+                    <div className="absolute -left-5 top-0 pr-1 leading-none">
+                      <Icons.pragma className="text-muted-foreground size-4" />
+                    </div>
+                  </a>
+                )}
+
+                {listType === 'parameters' && 'Parameters'}
+                {listType === 'attributes' && 'Attributes'}
+                {listType === 'returns' && 'Returns'}
+                {listType === 'props' && 'Props'}
+                {listType === 'state' && 'State'}
+                {listType === 'options' && 'Options'}
+
+                {type && (
+                  <span className="text-muted-foreground ml-2 font-mono text-sm font-medium">
+                    {type}
+                  </span>
+                )}
+              </h3>
+
+              {hasItems && (
+                <div
+                  className="text-muted-foreground cursor-pointer select-none text-sm"
+                  onClick={() => {
+                    values.length === childCount
+                      ? setValues([])
+                      : setValues(newValues);
+                    setExpanded(!expanded);
+                  }}
+                >
+                  {values.length === childCount ? 'Collapse all' : 'Expand all'}
+                </div>
+              )}
+            </div>
+
+            <ul className="m-0 list-none p-0">
+              <Separator />
+
+              {hasItems ? (
+                <Accordion
+                  className="w-full"
+                  value={values}
+                  onValueChange={setValues}
+                  type="multiple"
+                >
+                  {React.Children.map(children, (child, i) => {
+                    return React.cloneElement(child as any, {
+                      className: 'pt-4',
+                      value: i.toString(),
+                    });
+                  })}
+                </Accordion>
+              ) : childCount > 0 ? (
+                children
+              ) : (
+                <div className="text-muted-foreground py-4 text-sm">
+                  No parameters.
+                </div>
+              )}
+            </ul>
+          </div>
+        </div>
+      </section>
+    </APIContext.Provider>
+  );
+}
+
+export function APISubListItem({
+  children,
+  name,
+  optional,
+  parent,
+  required,
+  type,
+}: {
+  children: ReactNode;
+  name: string;
+  parent: string;
+  type: string;
+  optional?: boolean;
+  required?: boolean;
+}) {
+  const { listType, name: contextName } = React.useContext(APIContext);
+
+  const id = contextName
+    ? `${contextName}-${listType ? `${listTypeToId[listType]}-` : ''}${parent}-${name}`
+        .toLowerCase()
+        .replace(/[^\da-z]+/g, '-')
+        .replace(/^-|-$/g, '')
+    : undefined;
+
+  return (
+    <div className="border-t-border border-t p-3">
+      <h4 className="relative py-2 font-mono font-semibold tracking-tight">
+        {id && (
+          <a
+            className={cn(
+              'opacity-0 hover:opacity-100 group-hover:opacity-100'
+            )}
+            onClick={(e) => e.stopPropagation()}
+            href={`#${id}`}
+          >
+            <div className="absolute -left-5 top-2 pr-1 leading-none">
+              <Icons.pragma className="text-muted-foreground size-4" />
+            </div>
+          </a>
+        )}
+        <span className="text-muted-foreground font-semibold leading-none">
+          {parent}.
+        </span>
+        <span className="font-semibold leading-none">{name}</span>
+        {required && (
+          <span className="ml-1 font-mono text-xs leading-none text-orange-500">
+            {' '}
+            REQUIRED
+          </span>
+        )}
+        <span className="text-muted-foreground text-left font-mono text-sm font-medium leading-none group-hover:no-underline">
+          {!required && optional && ' optional'} {type}
+        </span>
+      </h4>
+      <div>{children}</div>
+    </div>
+  );
+}
+
+export function APISubList({
+  children,
+  open,
+}: {
+  children: ReactNode;
+  open?: boolean;
+}) {
+  const [value, setValue] = useState(open ? '1' : '');
+
+  return (
+    <Card className="my-2">
+      <Accordion
+        className="w-full"
+        defaultValue={open ? '1' : ''}
+        onValueChange={setValue}
+        type="single"
+        collapsible
+      >
+        <AccordionItem className="border-none" value="1">
+          <AccordionTrigger className="group px-3" iconVariant="plus">
+            {value ? 'Hide' : 'Show'} child attributes
+          </AccordionTrigger>
+          <AccordionContent>{children}</AccordionContent>
+        </AccordionItem>
+      </Accordion>
+    </Card>
+  );
+}
+```
diff --git a/.claude/docs/plans/2026-03-31-plate-ai-next-architecture.md b/.claude/docs/plans/2026-03-31-plate-ai-next-architecture.md
new file mode 100644
index 0000000000..68fd3933fb
--- /dev/null
+++ b/.claude/docs/plans/2026-03-31-plate-ai-next-architecture.md
@@ -0,0 +1,441 @@
+# Plate AI Next-Stage Architecture Decision
+
+## Source Of Truth
+
+- User request: determine the right architectural direction for Plate's next AI refactor stage
+- `/.agents/skills/major-task/SKILL.md`
+- `/.claude/docs/analysis/compound-engineering-tree.md`
+- `/.claude/docs/analysis/editor-architecture-candidates.md`
+- `docs/internal/plate-streaming-handoff-2026-03-27.md`
+- `/.claude/docs/solutions/performance-issues/2026-03-26-ai-streaming-preview-should-use-localized-rollback.md`
+- `/.claude/docs/solutions/performance-issues/2026-03-31-markdown-stream-burst-batching.md`
+- `packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts`
+- `packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts`
+- `packages/ai/src/react/ai-chat/hooks/useChatChunk.ts`
+- `packages/ai/src/react/ai-chat/AIChatPlugin.ts`
+- `packages/ai/src/lib/transforms/aiStreamSnapshot.ts`
+- `apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx`
+- `apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx`
+
+## Decision Frame
+
+### Decision To Make
+
+Determine the right primary architecture for Plate's next AI refactor stage instead of jumping straight into implementation.
+
+This decision does not answer "how do we fix one bug." It answers:
+
+1. What the real central seam is for the next AI refactor stage
+2. Which existing directions should stay
+3. Which boundaries should be reworked
+4. Which directions should explicitly not be pursued now
+
+### Major-Work Lane
+
+- lane: architecture or public API
+- secondary lane: benchmark or performance
+- work type: analytical only
+
+### Expected Outcome
+
+Produce an architecture decision memo that can directly guide the next implementation stage, including:
+
+- recommended direction
+- why the alternatives are not selected
+- supporting evidence
+- affected boundaries
+- phased rollout order
+
+### Decision Criteria
+
+This architecture direction must satisfy all of the following:
+
+1. Make insert-mode AI streaming more stable
+2. Make long-document streaming faster
+3. Reduce hot-path hacks and cross-layer state coupling
+4. Reuse Plate's existing good direction instead of resetting from scratch
+5. Let the package path and demo/perf path converge over time
+6. Avoid pushing complexity back into strict markdown round-trip concerns
+
+### Browser Surface
+
+- No real browser surface must be validated first for this decision
+- Browser pages may serve as later perf validation tools, but they are not the primary artifact of this decision
+
+### Likely Highest-Leverage Seam
+
+The insert-mode streaming runtime boundary.
+
+More concretely, the boundary between:
+
+- transport events
+- markdown shaping
+- streaming session state
+- preview lifecycle
+- plugin UI and workflow state
+
+## Repo Constraints
+
+### Clear Existing Constraints
+
+1. The current main contract is still:
+   - raw chunks
+   - joiner or shaping
+   - `streamInsertChunk`
+   - correct Plate editor state
+2. The current main goal is not strict markdown round-trip
+3. A parse-side local fork may exist, but it should stay minimal
+4. Preview behavior should use localized rollback, not full-document snapshot restore
+5. Recent perf results already show:
+   - the main bottleneck is not the `joiner`
+   - the bigger issue is `streamInsertChunk` call count and editor update count
+
+### Constraint From The Editor Candidate Analysis
+
+`major-task` explicitly requires editor-framework-facing work to start from `/.claude/docs/analysis/editor-architecture-candidates.md` instead of widening the comparison arbitrarily.
+
+That means if we discuss changing the editor substrate, the first meaningful comparison is still:
+
+- Plate and Slate inheritance pressure
+- ProseMirror or Lexical as deeper runtime references
+
+Current repo evidence does not show that we must replace the editor substrate now.
+
+## Facts
+
+### F1. The Right Streaming Core Direction Is Already Emerging
+
+From `streamInsertChunk.ts`, the handoff doc, and the tests:
+
+- the current core no longer depends on serialize or compare or retry loops
+- the direction is replay unstable tail plus patch changed suffix
+- this is already closer to the right model than reprocessing the full prefix
+
+### F2. The Preview Lifecycle Boundary Is Reasonable
+
+From `aiStreamSnapshot.ts` and related solution docs:
+
+- preview begin or accept or cancel or discard already has local block-level semantics
+- accept and cancel no longer depend on full-document `setValue`
+- this area is already workflow-oriented API, not parser-oriented hackery
+
+### F3. Runtime Internals Still Leak Through `AIChatPlugin` Option State
+
+From `AIChatPlugin.ts`, option state still stores:
+
+- `_blockChunks`
+- `_blockPath`
+- `_mdxName`
+
+These are insert-stream runtime bookkeeping details, not user-facing workflow state.
+
+### F4. The Package Path And Demo Or Perf Path Still Do Not Share One True Pipeline
+
+Comparing the `apps/www` demo or perf files with the package path shows:
+
+- demo or perf already has raw chunks, joiner, burst shaping, and measured batching
+- the package insert path still mainly runs through `useChatChunk`
+- `useChatChunk` does not consume provider-native stream events; it consumes diffs from accumulated assistant text
+
+### F5. The Current Transport Contract Is Too Weak
+
+`useChatChunk.ts` currently does the following:
+
+1. Reads the last assistant message
+2. Finds the text part
+3. Slices the suffix using previously inserted text length
+4. Treats that suffix as the chunk
+
+That means the package core still partly depends on message accumulation semantics instead of a clear transport event contract.
+
+### F6. Recent Perf Results Show Update Count Is The Main Lever
+
+The burst batching results show:
+
+- a slightly slower single `streamInsertChunk` call is not the main issue
+- the real win comes from a much lower total call count
+- this means the next optimization target should be the pipeline boundary, not serializer purity
+
+### F7. The Existing Test Anchors Already Support One Round Of Boundary Refactor
+
+The current high-value anchors are:
+
+- `streamInsertChunk.slow.tsx`
+- `streamHistory.slow.tsx`
+
+They already cover:
+
+- regrouping invariance
+- preview history contract
+- accept or undo or redo behavior
+
+That means the next step can refactor boundaries without first rebuilding the whole test system.
+
+## Inference
+
+### I1. The Main Problem Is Not The Editor Substrate
+
+If the editor substrate were wrong enough to require replacement, the last two important wins would not have landed this directly:
+
+- localized rollback
+- burst batching
+
+Both indicate the current substrate still has meaningful headroom. The main problem is boundary design, not engine choice.
+
+### I2. The Highest-Leverage Cleanup Is The Insert Streaming Session, Not The Parser Surface
+
+The parse-side fork already carries the small set of responsibilities it should carry:
+
+- pending tail
+- incomplete suffix parse hints
+
+Pushing more editor-specific behavior down into that layer would increase fork fragility while yielding diminishing returns.
+
+### I3. `AIChatPlugin` Currently Owns Runtime State It Should Not Own
+
+The plugin option state currently mixes:
+
+- UI or workflow state
+- transport-derived streaming internals
+
+That will keep reset, finish, reuse, and future public API design centered around internals instead of workflow semantics.
+
+### I4. The Package Path Cannot Keep Using Full-Message Diff As The Primary Streaming Contract
+
+That path can remain as a compatibility layer, but it should not stay the architectural center.
+
+Otherwise:
+
+- provider cadence cannot be modeled accurately
+- raw event visibility stays trapped in the demo
+- the package path and demo path keep diverging
+
+### I5. The Right Unit For The Next Stage Is Not A Bigger AI Engine But A Clearer Insert-Mode Session
+
+It is still too early to force insert, edit, comment, and table modes into one large unified engine.
+
+The clean core worth building first is insert-mode markdown streaming.
+
+## Recommendation
+
+### Primary Recommendation
+
+The next stage should reorganize insert-mode streaming around a package-private `MarkdownStreamSession`.
+
+That session should own:
+
+- accumulated markdown source
+- normalized stream events
+- joiner or batching or finish-flush shaping results
+- replay runtime state
+- calls into `streamInsertChunk`
+- unified reset and finish bookkeeping
+
+### Recommended Layering
+
+```text
+Provider / AI SDK / demo fetch stream
+  -> transport adapter
+  -> normalized stream events
+  -> markdown stream shaper
+  -> MarkdownStreamSession
+  -> tf.ai preview lifecycle
+  -> Plate editor state
+```
+
+### Responsibility By Layer
+
+#### 1. Transport Adapter
+
+Responsibilities:
+
+- normalize provider-specific events
+- emit text delta or finish or abort or non-text part
+
+Does not own:
+
+- editor mutation
+- preview
+- markdown joining
+
+#### 2. Markdown Stream Shaper
+
+Responsibilities:
+
+- markdown syntax join decisions
+- cadence or burst batching
+- pre-finish flush behavior
+
+This layer is the right future home for any package-private `MarkdownJoiner`.
+
+#### 3. `MarkdownStreamSession`
+
+Responsibilities:
+
+- maintain source accumulation
+- maintain replay runtime state
+- submit shaped markdown batches into `streamInsertChunk`
+- own insert-mode runtime state
+
+This layer should remove `_blockChunks`, `_blockPath`, and `_mdxName` from `AIChatPlugin`.
+
+#### 4. `tf.ai.*` Preview Lifecycle
+
+Responsibilities:
+
+- `beginPreview`
+- `acceptPreview`
+- `cancelPreview`
+- `discardPreview`
+- `undo`
+
+This layer should keep the current local, history-safe, workflow-oriented semantics.
+
+#### 5. `AIChatPlugin`
+
+Keep only real workflow state:
+
+- `open`
+- `mode`
+- `streaming`
+- `toolName`
+- `chat`
+- `chatNodes`
+- `chatSelection`
+
+It should not keep insert-stream runtime internals.
+
+## Alternatives Considered
+
+### A. Build A Sessionized Streaming Pipeline On The Current Plate Substrate
+
+Decision: choose this
+
+Why it is best now:
+
+- it directly targets the real current problem
+- it matches the recently validated perf and stability direction
+- it can move forward with the smallest blast radius
+- it does not require rewriting the whole AI layer or reselecting the editor
+
+### B. Redesign Streaming Around Strict Markdown Round-Trip
+
+Decision: do not choose
+
+Why:
+
+- it optimizes text fidelity rather than the most important current UX contract
+- it pushes complexity back into serializer or markdown-preserving IR work
+- it pulls the codebase back toward a high-cost path that has already been de-emphasized
+
+### C. Reopen The Editor Substrate Decision Around ProseMirror Or Lexical
+
+Decision: do not choose now
+
+Why:
+
+- `major-task` requires editor comparison to start from the candidate map, not generic platform tourism
+- current repo evidence is not strong enough to justify a platform migration now
+- this stage needs boundary cleanup, not substrate replacement
+
+## Why This Wins Now
+
+There are currently two directions that both look plausible:
+
+1. a targeted seam refactor
+2. a broader AI or runtime reset
+
+The first should win now.
+
+Why:
+
+- recent perf and preview work already proved the seam refactor direction has leverage
+- the largest architectural debt is boundary ownership, not engine capability
+- a broader reset would likely reframe the problem without landing value faster
+
+## Blast Radius
+
+### Directly Affected Boundaries
+
+- `packages/ai/src/react/ai-chat/streaming/*`
+- `packages/ai/src/react/ai-chat/hooks/useChatChunk.ts`
+- `packages/ai/src/react/ai-chat/AIChatPlugin.ts`
+- `packages/ai/src/react/ai-chat/utils/resetAIChat.ts`
+- `apps/www/src/registry/components/editor/plugins/ai-kit.tsx`
+- the matching AI kit or use-chat paths in the template mirror
+
+### Boundaries That Should Not Move Much In The First Cut
+
+- the overall public API of `packages/markdown`
+- stringify-side fork strategy
+- a fully unified abstraction across comment, table, and suggestion flows
+- editor substrate selection
+
+## Phased Rollout
+
+### Phase 1. Privatize The Insert Streaming Session
+
+Goals:
+
+- introduce a package-private `MarkdownStreamSession`
+- move insert runtime state out of `AIChatPlugin` options
+
+Success criteria:
+
+- `_blockChunks`, `_blockPath`, and `_mdxName` no longer live in `AIChatPlugin`
+- existing insert streaming tests still pass
+
+### Phase 2. Normalize Transport Events
+
+Goals:
+
+- let the insert-mode path consume explicit stream events
+- demote assistant full-message diffing into a compatibility layer instead of the primary contract
+
+Success criteria:
+
+- the package path no longer depends on accumulated message diff as its only streaming source
+- finish and reset semantics remain unchanged
+
+### Phase 3. Converge Package And Demo Shaping Rules
+
+Goals:
+
+- move joiner or batching rules out of app-only or demo-only territory
+
+Success criteria:
+
+- demo and package path share one authoritative shaping contract
+- perf gains can be reproduced through the real package path
+
+### Phase 4. Decide The Public Surface Later
+
+Goals:
+
+- once the internal session is stable, decide whether `tf.ai.stream.*` should become public
+
+Success criteria:
+
+- the public API is workflow-oriented instead of internals-oriented
+
+## Acceptance Criteria For This Decision
+
+If later implementation follows this decision, it should achieve at least:
+
+1. insert-mode streaming has one clear package-level runtime path
+2. plugin state only describes workflow state
+3. preview lifecycle remains local and history-safe
+4. demo or perf behavior no longer drifts away from package behavior over time
+5. the next performance round shows up in the package path, not only in the demo
+
+## Open Questions
+
+These do not block the decision, but they do affect later design details:
+
+1. Should `MarkdownJoiner` move into a package-private layer in the next stage
+2. When transport events are unified, should comment or table non-text parts enter the same event model immediately
+3. Should `streamInsertChunk` keep its current public name, or be renamed after internal convergence
+
+## One-Sentence Call
+
+The right next architecture move is not to rewrite Plate AI and not to chase strict markdown round-trip. It is to converge on a package-private insert streaming session pipeline on the current Plate substrate, with clearer boundaries for transport, shaping, runtime ownership, and preview lifecycle.
diff --git a/.claude/docs/plans/2026-04-01-vendor-markdown-parser-forks.md b/.claude/docs/plans/2026-04-01-vendor-markdown-parser-forks.md
new file mode 100644
index 0000000000..cb404a51e1
--- /dev/null
+++ b/.claude/docs/plans/2026-04-01-vendor-markdown-parser-forks.md
@@ -0,0 +1,40 @@
+# Vendor Markdown Parser Forks Into `@platejs/markdown`
+
+## Goal
+
+Move the local `remark-parse` and `mdast-util-from-markdown` forks out of top-level private workspace packages and into `packages/markdown` as internal vendor code.
+
+## Why
+
+- Only `@platejs/markdown` consumes these forks today.
+- Keeping them as top-level private workspace packages adds package-graph noise.
+- The forked parser code is an implementation detail of markdown deserialization, not a shared public surface.
+
+## Constraints
+
+- Preserve current streaming markdown and MDX behavior.
+- Keep the fork internal to `packages/markdown`.
+- Remove the dead top-level package surfaces cleanly.
+- Re-run the package build-first verification flow after rewiring imports.
+
+## Phases
+
+- [in_progress] Confirm current ownership, imports, and package-graph usage
+- [pending] Move fork sources into `packages/markdown`
+- [pending] Rewrite imports and package manifests
+- [pending] Delete obsolete top-level private packages
+- [pending] Run targeted tests plus install/build/typecheck/lint
+
+## Findings
+
+- The only direct consumer is `packages/markdown/src/lib/deserializer/deserializeMd.ts`.
+- `packages/remark-parse` currently depends on `@platejs/mdast-util-from-markdown`, so both forks should move together.
+- This is a good fit for an internal `vendor/` or `lib/vendor/` layout, not a new public export.
+
+## Verification Plan
+
+- `pnpm install`
+- `pnpm turbo build --filter=./packages/markdown`
+- `pnpm turbo typecheck --filter=./packages/markdown`
+- `pnpm lint:fix`
+- targeted tests for markdown/streaming parser seams
diff --git a/.claude/docs/plans/2026-04-02-merge-main-into-markdown-stream-perf-baseline.md b/.claude/docs/plans/2026-04-02-merge-main-into-markdown-stream-perf-baseline.md
new file mode 100644
index 0000000000..4bfd22a39d
--- /dev/null
+++ b/.claude/docs/plans/2026-04-02-merge-main-into-markdown-stream-perf-baseline.md
@@ -0,0 +1,17 @@
+# Merge `origin/main` Into `codex/markdown-stream-perf-baseline`
+
+## Goal
+
+Bring the latest `origin/main` into the current branch, resolve conflicts cleanly, and keep the markdown streaming work intact.
+
+## Steps
+
+- [in_progress] Create a durable merge note
+- [pending] Fetch `origin/main` and attempt merge
+- [pending] Resolve conflicts
+- [pending] Run focused verification on the conflicted areas
+
+## Notes
+
+- Preserve current branch intent around markdown streaming, parser vendoring, and demo/perf cleanup.
+- Prefer the branch's newer behavior when main reintroduces deleted or superseded surfaces unless main clearly contains a newer fix.
diff --git a/.claude/docs/solutions/best-practices/2026-03-31-ai-chat-text-stream-transports-must-use-instance-scoped-channels.md b/.claude/docs/solutions/best-practices/2026-03-31-ai-chat-text-stream-transports-must-use-instance-scoped-channels.md
new file mode 100644
index 0000000000..7c603c357f
--- /dev/null
+++ b/.claude/docs/solutions/best-practices/2026-03-31-ai-chat-text-stream-transports-must-use-instance-scoped-channels.md
@@ -0,0 +1,138 @@
+---
+module: AI
+date: 2026-03-31
+problem_type: best_practice
+component: assistant
+symptoms:
+  - "Two AI editors can consume each other's raw text deltas when they share the same chat id"
+  - "The app bridge can still overwrite transport fetchers when every editor instance registers under the same global key"
+  - "Passing a custom text-stream transport can silently fall back to assistant-message diffing"
+  - "Docs and app glue drift because the package does not expose transport capability as a first-class contract"
+root_cause: scope_issue
+resolution_type: code_fix
+severity: high
+tags:
+  - ai
+  - streaming
+  - transport
+  - usechatchunk
+  - session-scope
+  - docs
+---
+
+# AI chat text-stream transports must use instance-scoped channels
+
+## Problem
+
+The first pass of the AI chat streaming refactor moved insert-session state out of `AIChatPlugin`, but the text-event seam was still only half-shaped.
+
+Raw `text-start` / `text-delta` / `text-end` events were broadcast through a global listener map keyed by `chatId`, and the app only enabled that path with a private boolean on one specific caller. That meant the package surface still leaked app assumptions into what should have been a transport-level contract.
+
+## Symptoms
+
+- Two editors with the same `chatId` could subscribe to the same text stream bucket and receive each other's deltas.
+- `useChatChunk` only used raw transport events when the chat object happened to carry an app-private flag, so explicitly passing the same transport from another caller could fall back to assistant-message diffing.
+- Public docs still showed `DefaultChatTransport`, which meant the documented integration path missed the new text-stream seam entirely.
+
+## What Didn't Work
+
+### Using `chatId` as the bus key
+
+`chatId` is useful for request identity, but it is not unique enough to represent one live transport instance.
+
+As soon as two editors reuse the same id, a global listener map keyed only by `chatId` turns into a shared bucket.
+
+### Hiding capability behind an app-private boolean
+
+The earlier bridge set `__plateTextStreamEvents` only when the app created the default transport locally.
+
+That fixed one caller, but it did not make transport capability discoverable from the package contract. A caller could still pass the same transport explicitly and lose the raw-event path.
+
+## Fix
+
+Make the transport own an instance-scoped channel and let the package annotate the returned chat helpers with that channel metadata.
+
+### 1. Give each transport instance its own channel
+
+In [`chatTextStreamTransport.ts`](/Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.ts), the listener bus now uses a generated `channelId` instead of plain `chatId`.
+
+Each `AIChatTextStreamTransport` instance creates its own channel:
+
+```ts
+const createChatTextStreamChannelId = (chatId: string) =>
+  `${chatId}:${++nextChatTextStreamChannelId}`;
+```
+
+And streamed text events emit against `this.channelId`, not a shared editor id.
+
+### 2. Make transport capability first-class
+
+The package now exposes two small helpers:
+
+- `getAIChatTextStreamChannelId(transport)`
+- `withAIChatTextStream(chat, transport)`
+
+`withAIChatTextStream` annotates the returned `UseChatHelpers` object with `__plateTextStreamChannelId` when the transport supports raw text events. That turns capability detection into a package-owned contract instead of app-specific glue.
+
+### 3. Teach `useChatChunk` to prefer raw text events
+
+In [`useChatChunk.ts`](/Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts), the hook now:
+
+- subscribes to `subscribeChatTextStream(textStreamChannelId, ...)` when a channel id is present
+- accumulates streamed text locally from `text-delta` events
+- still falls back to assistant-message diffing when no text-stream channel is available
+
+That keeps compatibility for non-text-stream transports while making the preferred path explicit.
+
+### 4. Keep the app wrapper instance-scoped too
+
+In [`use-chat.ts`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/use-chat.ts), the editor integration now:
+
+- creates or accepts a transport
+- generates a stable per-hook `chatInstanceId` like `editor:${nanoid()}`
+- uses that id for `useBaseChat`, `createAIChatTextStreamTransport`, and the proxy fetcher map key
+- wraps the returned helpers with `withAIChatTextStream`
+- syncs the plugin chat option with `useEffectEvent` instead of an ignored dependency lint escape hatch
+
+This matters because package-level channel isolation is not enough on its own. If the app still registers every editor instance under the same global `'editor'` key, the later mount can overwrite the earlier instance's fetcher and undo the transport-level safety work.
+
+### 5. Update docs to show the real contract
+
+The AI docs now demonstrate `createAIChatTextStreamTransport(...)` plus `withAIChatTextStream(...)`, so the public reference matches the package behavior that `useChatChunk` expects.
+
+## Why This Works
+
+This fix restores the right ownership boundaries:
+
+- transport instances own raw stream identity
+- app bridges own their own transport registration keys
+- package helpers expose transport capability
+- hooks consume the package contract
+- app code wires the pieces together without inventing a private side-channel
+
+That separation matters because streaming bugs at this layer are subtle. If transport identity and hook capability are not first-class, the code can look correct in one demo while still being unsafe for multiple editors or custom callers.
+
+## Prevention
+
+- Do not key a raw-event observer bus by a reusable app identifier when the real lifetime is one transport instance.
+- Do not reuse one app-level transport registration key across multiple mounted editors. If the transport is instance-scoped, the app bridge key must be instance-scoped too.
+- If a hook depends on a transport capability, expose that capability from the package surface instead of teaching one app to set a private marker.
+- Add a behavior test for both "same chat id, different transport instances" and "two mounted editors do not overwrite each other's proxy fetchers".
+- Keep docs aligned with the shipped seam. If the package expects `withAIChatTextStream`, the docs should show it.
+
+## Verification
+
+These checks passed while landing the fix:
+
+```bash
+bun test ./packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.spec.ts ./packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx
+corepack pnpm turbo build --filter=./packages/ai --filter=./apps/www
+corepack pnpm turbo typecheck --filter=./packages/ai --filter=./apps/www
+corepack pnpm exec biome check /Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.ts /Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.spec.ts /Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts /Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx /Users/felixfeng/Desktop/udecode/plate/packages/ai/src/react/ai-chat/AIChatPlugin.ts /Users/felixfeng/Desktop/udecode/plate/apps/www/src/registry/components/editor/use-chat.ts
+```
+
+`corepack pnpm lint:fix` still failed because of existing repo-wide Biome diagnostics in `packages/mdast-util-from-markdown/**` and `packages/remark-parse/index.d.ts`, outside this text-stream follow-up.
+
+## Related Issues
+
+- Related learning: [Keep insert streaming session state out of AIChatPlugin options](/Users/felixfeng/Desktop/udecode/plate/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md)
diff --git a/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md b/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md
new file mode 100644
index 0000000000..1077822f7c
--- /dev/null
+++ b/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md
@@ -0,0 +1,108 @@
+---
+title: Keep insert streaming session state out of AIChatPlugin options
+type: solution
+date: 2026-03-31
+status: completed
+category: best-practices
+module: ai
+tags:
+  - ai
+  - streaming
+  - architecture
+  - aichatplugin
+  - session
+  - apps-www
+---
+
+# Problem
+
+Insert-mode streaming was storing runtime bookkeeping in `AIChatPlugin` options:
+
+- `_blockChunks`
+- `_blockPath`
+- `_mdxName`
+
+Those fields are not workflow state. They are private session state used while one markdown stream is in flight.
+
+# Symptoms
+
+- Plugin options mixed UI state and transport-derived runtime state.
+- Reset and finish call sites had to know internal cleanup fields.
+- Demo code, package code, and tests all reached into the same private-looking options.
+- The next sessionization step would have to keep threading internal state through public plugin surfaces.
+
+# Solution
+
+Move insert streaming runtime ownership into a package-private session helper and keep `AIChatPlugin` focused on workflow state.
+
+We introduced `markdownStreamSession.ts` in `packages/ai/src/react/ai-chat/streaming/` and moved these responsibilities there:
+
+- accumulated markdown source
+- current streaming path
+- MDX literal-mode name
+- replay runtime state
+
+Then we applied the same rule across the callers:
+
+- `streamInsertChunk` reads and writes the private session instead of plugin options
+- `streamDeserializeMd` keeps MDX literal-mode state in the private session
+- `resetAIChat` clears the private session
+- app-level callers use `resetStreamInsertChunk(editor)` instead of setting `_blockChunks`, `_blockPath`, and `_mdxName` directly
+
+# Why This Works
+
+`AIChatPlugin` should own user-facing workflow state such as:
+
+- `mode`
+- `toolName`
+- `streaming`
+- chat message state
+
+It should not also own low-level parser and replay bookkeeping for one active stream.
+
+Once the streaming runtime state is private:
+
+- cleanup becomes one operation instead of three leaked fields
+- package internals can evolve without pushing more state into public plugin options
+- demo code and package code can share the same insert-session contract
+- the next transport/session refactor has a clear seam to build on
+
+# Verification
+
+## Tests
+
+```bash
+bun test packages/ai/src/react/ai-chat/streaming/markdownStreamSession.spec.ts
+bun test packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
+```
+
+Result: passing
+
+## Workspace checks
+
+```bash
+pnpm install
+pnpm turbo build --filter=./packages/ai --filter=./apps/www
+pnpm turbo typecheck --filter=./packages/ai --filter=./apps/www
+pnpm lint:fix
+pnpm exec biome check packages/ai/src/react/ai-chat/AIChatPlugin.ts packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts packages/ai/src/react/ai-chat/streaming/markdownStreamSession.ts packages/ai/src/react/ai-chat/streaming/markdownStreamSession.spec.ts packages/ai/src/react/ai-chat/utils/resetAIChat.ts packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx apps/www/src/app/dev/markdown-stream-perf/page.tsx apps/www/src/registry/components/editor/plugins/ai-kit.tsx apps/www/src/registry/examples/markdown-streaming-demo.tsx
+```
+
+The build, typecheck, and targeted Biome check passed.
+
+`pnpm lint:fix` still failed because of existing repository-wide Biome diagnostics in `packages/mdast-util-from-markdown` and `packages/remark-parse`, outside this sessionization change.
+
+## Browser smoke
+
+Verified with `agent-browser`:
+
+- `http://localhost:3002/dev/markdown-stream-perf`
+- `http://localhost:3002/blocks/markdown-streaming-demo`
+
+The perf page streamed successfully. The registry demo also handled `Play -> Reset` correctly after the new session cleanup path.
+
+# Working Rule
+
+If state only exists to support one active insert-mode markdown stream, keep it in a package-private streaming session, not in `AIChatPlugin` options.
diff --git a/.claude/docs/solutions/best-practices/2026-04-01-single-consumer-parser-forks-should-live-inside-the-owning-package.md b/.claude/docs/solutions/best-practices/2026-04-01-single-consumer-parser-forks-should-live-inside-the-owning-package.md
new file mode 100644
index 0000000000..47985f93e1
--- /dev/null
+++ b/.claude/docs/solutions/best-practices/2026-04-01-single-consumer-parser-forks-should-live-inside-the-owning-package.md
@@ -0,0 +1,102 @@
+---
+title: Keep single-consumer parser forks inside the owning package
+type: solution
+date: 2026-04-01
+status: completed
+category: best-practices
+module: markdown
+tags:
+  - markdown
+  - parser
+  - remark
+  - mdast
+  - vendor
+  - package-ownership
+  - workspace
+---
+
+# Problem
+
+The streaming markdown work introduced two top-level private workspace packages:
+
+- `packages/remark-parse`
+- `packages/mdast-util-from-markdown`
+
+Only `@platejs/markdown` consumed them.
+
+# Symptoms
+
+- The workspace package graph suggested those parser forks were shared infrastructure when they were really markdown implementation details.
+- `packages/markdown/package.json` depended on a private workspace package instead of owning its forked parser runtime directly.
+- Release and lockfile churn now had to account for extra workspace packages that could never be published or reused on their own.
+
+# Solution
+
+Move both forks under `packages/markdown` as internal vendor code and let `@platejs/markdown` own their runtime dependencies directly.
+
+The final layout is:
+
+- `packages/markdown/src/internal/vendor/remark-parse/*`
+- `packages/markdown/src/internal/vendor/mdast-util-from-markdown/*`
+
+Then update the live dependency edges:
+
+- `deserializeMd.ts` imports the local vendor entrypoint instead of `@platejs/remark-parse`
+- the vendored `remark-parse` files import the vendored `mdast-util-from-markdown` files by relative path
+- `packages/markdown/package.json` carries the parser runtime dependencies itself
+- the old top-level private package directories are deleted
+
+# Why This Works
+
+These forks exist to support markdown deserialization and streaming-tail parsing inside one published package. They are not a reusable public surface and they are not shared workspace infrastructure.
+
+Putting them under `packages/markdown` makes the ownership match reality:
+
+- the fork boundary stays close to the code that depends on it
+- the top-level workspace package graph gets smaller and easier to read
+- release metadata no longer needs to represent private helper packages
+- future parser changes can stay package-private until there is a real second consumer
+
+# Verification
+
+## Build and install
+
+```bash
+corepack pnpm install
+corepack pnpm turbo build --filter=./packages/markdown
+```
+
+Result: passing
+
+## Typecheck
+
+```bash
+bun ./node_modules/typescript/bin/tsc -p packages/markdown/tsconfig.json --noEmit
+```
+
+Result: passing
+
+The standard `corepack pnpm turbo typecheck --filter=./packages/markdown` and `corepack pnpm --filter @platejs/markdown typecheck` commands crashed in this environment inside Node `23.3.0` with a V8 `unreachable code` fatal error before reporting any TypeScript diagnostics.
+
+## Lint
+
+```bash
+bun node_modules/@biomejs/biome/bin/biome check . --fix
+```
+
+Result: passing, no fixes needed
+
+The standard `corepack pnpm lint:fix` command hit the same Node `23.3.0` V8 crash in this environment before Biome finished.
+
+## Targeted tests
+
+```bash
+bun test ./packages/markdown/src/lib/deserializer/deserializeMd.spec.ts ./packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
+```
+
+Result: passing
+
+# Working Rule
+
+If a local upstream fork only serves one published package, keep it inside that package as internal vendor code. Only promote it to a top-level workspace package after a real second consumer appears.
diff --git a/.claude/docs/solutions/developer-experience/2026-04-01-streaming-code-highlight-crash-repros-on-fenced-language-opener.md b/.claude/docs/solutions/developer-experience/2026-04-01-streaming-code-highlight-crash-repros-on-fenced-language-opener.md
new file mode 100644
index 0000000000..069344e7fd
--- /dev/null
+++ b/.claude/docs/solutions/developer-experience/2026-04-01-streaming-code-highlight-crash-repros-on-fenced-language-opener.md
@@ -0,0 +1,143 @@
+---
+title: Streaming code-highlight crashes can reproduce on the fenced language opener
+type: solution
+date: 2026-04-01
+last_updated: 2026-04-02
+status: completed
+category: developer-experience
+module: apps/www markdown streaming demo
+tags:
+  - apps-www
+  - demo
+  - markdown
+  - streaming
+  - code-block
+  - highlight
+  - python
+  - repro
+---
+
+# Problem
+
+We had a user-provided markdown stream that triggered `CODE_HIGHLIGHT`, but the failure mode was still ambiguous.
+
+The open question was whether the crash came from incomplete streamed code syntax, from `streamInsertChunk`, or from the code-block highlighter itself.
+
+# Symptoms
+
+- The homepage and demo could both surface a `Runtime PlateError` tagged as `CODE_HIGHLIGHT`.
+- Earlier reports made it look like an incomplete streamed code block might be the trigger.
+- The markdown streaming demo did not have a built-in preset for this exact stream, so the repro path was noisy.
+- In dev mode, repeated streaming replays could still flood the server/browser log bridge with large `CODE_HIGHLIGHT` warnings even after the fatal overlay was removed.
+
+# Solution
+
+Normalize the SSE transcript into the demo's raw chunk format, replay it on the markdown streaming demo as a dedicated preset scenario, then make registered-language highlight failures fall back to plaintext without throwing, retrying, or logging the full regex payload on every chunk.
+
+The useful part of the transcript is only the ordered `text-delta` payloads. The demo's paste helper accepts `JSON.stringify(string[])`, not raw `data: {...}` lines, so the transcript first had to be converted into a plain string array.
+
+For a stable browser repro, we added `highlightErrorRepro` to [markdown-streaming-demo.tsx](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/examples/markdown-streaming-demo.tsx) and then replayed it on:
+
+- `http://localhost:3002/blocks/markdown-streaming-demo`
+
+The important finding came from stepping the scenario forward one joined chunk at a time. The crash occurs on the chunk that opens the fenced language block:
+
+```ts
+"```python\\n"
+```
+
+In this dataset, that is step `73` in the demo's joined-chunk playback.
+
+Once the failing boundary was clear, the actual fix lived in [setCodeBlockToDecorations.ts](/Users/felixfeng/Desktop/repos/plate/packages/code-block/src/lib/setCodeBlockToDecorations.ts).
+
+That helper already tries to fall back to plaintext when highlighting fails. The problem was that the registered-language branch called `editor.api.debug.error(...)` before returning the empty highlight result. In development, `debug.error(...)` throws a `PlateError`, so the fallback never executes.
+
+The first fix is to log this case with `debug.warn(...)` instead:
+
+```ts
+editor.api.debug.warn(
+  `Failed to highlight language "${effectiveLanguage}". Falling back to plaintext`,
+  'CODE_HIGHLIGHT',
+  error
+);
+highlighted = { value: [] };
+```
+
+This keeps the code block editable and lets the render path continue with plaintext decorations.
+
+The follow-up fix is to treat the failing registered language as disabled for the current `lowlight` instance after the first failure. That prevents every later streaming normalization pass from calling `lowlight.highlight(...)` again for the same broken language.
+
+We also sanitize the warning detail. Some runtimes include the full invalid regex source in `error.message`, which makes the warning payload enormous. Instead of logging the whole regex, collapse it to a short reason such as:
+
+```txt
+Invalid regular expression (Range out of order in character class)
+```
+
+# Why This Works
+
+This isolates the code-path boundary much better than looking at the final rendered document or at the fully completed stream.
+
+The demo applies `streamInsertChunk` incrementally. By stepping the joined chunks, we can see whether the failure appears:
+
+- before the code fence exists
+- exactly when the language fence arrives
+- only after incomplete code lines appear
+
+For this stream, the failure starts as soon as the fenced language opener lands. That means the primary trigger is not an incomplete Python statement like `def hello_world():` or `print(...)`.
+
+Instead, the failing boundary is the moment the block becomes a syntax-highlighted `python` code block. In the reproduced run, the browser surfaced:
+
+```txt
+[CODE_HIGHLIGHT] SyntaxError: Invalid regular expression ... Range out of order in character class
+```
+
+That points investigation toward the code-highlight path itself, not toward markdown body incompleteness.
+
+After the fix, the same stream still reaches the `python` opener, but the editor stays alive because highlight failures no longer escalate into a fatal dev overlay, repeated streaming passes stop retrying the same broken language, and the warning payload stays small enough for Turbopack dev logging to tolerate.
+
+# Verification
+
+## Browser verification
+
+Verified with `dev-browser` against the persistent Chrome session:
+
+- loaded `http://localhost:3002/blocks/markdown-streaming-demo`
+- selected `Highlight Error Repro`
+- replayed with `Burst size = 1`
+- confirmed the original crash on the fenced language opener chunk `````python\n``` at step `73`
+- replayed again after the fix
+- completed the scenario to `104/104`
+- confirmed `Sample Markdown Document` and the Python code body rendered with no runtime overlay
+
+## Workspace checks
+
+```bash
+corepack pnpm install
+corepack pnpm turbo build --filter=./packages/code-block --filter=./apps/www
+corepack pnpm turbo typecheck --filter=./packages/code-block --filter=./apps/www
+corepack pnpm lint:fix
+bun test packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts
+```
+
+All five commands passed.
+
+Additional follow-up verification on `2026-04-02`:
+
+- `corepack pnpm turbo build --filter=./packages/code-block --filter=./apps/www`
+- `corepack pnpm turbo typecheck --filter=./packages/code-block --filter=./apps/www`
+- `corepack pnpm lint:fix`
+- `bun test packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts`
+- replayed `http://localhost:3010/blocks/markdown-streaming-demo` and `http://localhost:3010/dev/markdown-stream-perf`
+- confirmed the dev server warning shrank to:
+  `Invalid regular expression (Range out of order in character class)`
+- refreshed `/dev/markdown-stream-perf` five times without another `RangeError: Map maximum size exceeded`
+
+# Working Rule
+
+When a streamed markdown repro seems to implicate incomplete code syntax, do not trust the final rendered output alone.
+
+First replay the stream step by step in the markdown streaming demo. If the crash starts on the fenced language opener itself, focus on the code-highlight path before debugging incomplete code-body syntax.
+
+For highlight failures in a registered language, prefer a non-fatal warning plus plaintext fallback over a thrown dev-time error. The editor should keep streaming even when syntax highlighting cannot.
+
+If a registered language is known to fail in the current runtime, stop retrying that language for the same `lowlight` instance and keep the warning detail compact. Replaying the same broken highlight on every streamed chunk can turn a recoverable syntax-highlighting issue into a dev-server stability problem.
diff --git a/.claude/docs/solutions/logic-errors/2026-04-01-demo-mdx-presets-must-use-editor-supported-custom-tags.md b/.claude/docs/solutions/logic-errors/2026-04-01-demo-mdx-presets-must-use-editor-supported-custom-tags.md
new file mode 100644
index 0000000000..172d8bb33d
--- /dev/null
+++ b/.claude/docs/solutions/logic-errors/2026-04-01-demo-mdx-presets-must-use-editor-supported-custom-tags.md
@@ -0,0 +1,93 @@
+---
+module: Markdown
+date: 2026-04-01
+problem_type: logic_error
+component: markdown_deserializer
+symptoms:
+  - "New markdown streaming demo MDX presets rendered `<Callout>` and `<Steps>` as literal paragraph text in `Editor tree`"
+  - "Lowercase `<callout type=\"warning\">` parsed into a node with `type: \"warning\"` instead of `type: \"callout\"`"
+root_cause: logic_error
+resolution_type: code_change
+severity: medium
+tags:
+  - markdown
+  - mdx
+  - callout
+  - streaming-demo
+  - deserializer
+  - testing
+---
+
+# Demo MDX presets must use editor-supported custom tags
+
+## Problem
+
+The markdown streaming demo added several new MDX presets to stress the streaming parser.
+
+The browser did not crash, but the `Editor tree` showed that the new MDX presets were not being parsed into structured nodes. Uppercase docs-site tags such as `<Callout>` and `<Steps>` landed as plain paragraph text, and lowercase `<callout type="warning">` still had a hidden parser bug where the MDX attribute overwrote the Slate node type.
+
+## Root cause
+
+There were two separate mismatches:
+
+- The editor markdown parser supports Plate custom MDX tags such as `<callout>`, `<column>`, and `<column_group>`, not the docs-site React components `<Callout>` and `<Steps>`.
+- The `callout` deserializer parsed MDX attributes and spread them after setting the Slate node `type`, so a source like `<callout type="warning">` overwrote `type: "callout"` with `type: "warning"`.
+
+## Fix
+
+First, replace the broken demo presets with editor-supported MDX structures:
+
+```md
+<column_group layout="[50,50]">
+<column width="50%">
+### Install Plate
+</column>
+<column width="50%">
+### Stream chunks
+</column>
+</column_group>
+
+<callout type="note">
+This preset mixes markdown headings with supported MDX block components.
+</callout>
+```
+
+Next, keep the callout node type stable during deserialization and map the legacy MDX `type` attribute into `variant`:
+
+```ts
+const props = parseAttributes(mdastNode.attributes);
+const variant = props.variant ?? props.type;
+const { type: _legacyType, ...rest } = props;
+
+return {
+  children: convertChildrenDeserialize(mdastNode.children, deco, options),
+  ...rest,
+  type: getPluginType(options.editor!, KEYS.callout),
+  ...(variant ? { variant } : {}),
+};
+```
+
+That keeps `type: "callout"` intact while still preserving the semantic variant from markdown.
+
+## Verification
+
+These checks passed:
+
+```bash
+bun test apps/www/src/registry/lib/markdown-streaming-demo-data.spec.ts packages/markdown/src/lib/mdx.spec.tsx
+corepack pnpm install
+corepack pnpm turbo build --filter=./packages/markdown --filter=./apps/www
+corepack pnpm turbo typecheck --filter=./packages/markdown --filter=./apps/www
+corepack pnpm lint:fix
+```
+
+Browser verification on `http://localhost:3002/blocks/markdown-streaming-demo` also passed. The repaired presets now produce `callout`, `column_group`, and `code_block` nodes in `Editor tree`, with no literal `<Callout>` or `<Steps>` left in the output.
+
+## Prevention
+
+When adding demo markdown or MDX fixtures for the editor:
+
+- Use the editor parser contract, not the docs-site MDX contract.
+- Prefer Plate custom tags such as `<callout>` and `<column_group>` when the fixture is meant to round-trip through the editor.
+- Add one thin deserialization test that checks for the expected structured node types instead of only checking that the page does not crash.
+- Be careful with MDX attribute names that collide with Slate fields. If a custom tag needs a semantic `type`, map it to a safer Slate field such as `variant`.
diff --git a/.claude/docs/solutions/logic-errors/2026-04-01-stop-must-force-flush-buffered-ai-stream-chunks.md b/.claude/docs/solutions/logic-errors/2026-04-01-stop-must-force-flush-buffered-ai-stream-chunks.md
new file mode 100644
index 0000000000..8ec8fc34a5
--- /dev/null
+++ b/.claude/docs/solutions/logic-errors/2026-04-01-stop-must-force-flush-buffered-ai-stream-chunks.md
@@ -0,0 +1,111 @@
+---
+title: Stop must force-flush buffered AI stream chunks
+date: 2026-04-01
+last_updated: 2026-04-01
+category: logic-errors
+module: apps/www ai-kit and packages/ai useChatChunk
+problem_type: logic_error
+component: assistant
+symptoms:
+  - Pressing Stop during insert-mode AI streaming could drop the last buffered characters
+  - The real AI editor could preserve most of the response but lose the final short tail when the user interrupted quickly
+  - Unit tests around the batcher passed for normal finish while the interrupted stop path still lost text
+root_cause: logic_error
+resolution_type: code_fix
+severity: high
+tags:
+  - ai
+  - streaming
+  - batching
+  - stop
+  - apps-www
+  - packages-ai
+---
+
+# Stop must force-flush buffered AI stream chunks
+
+## Problem
+
+Insert-mode AI streaming now batches later deltas in a short `16ms` or `32ms` window before calling `streamInsertChunk`.
+
+That improved throughput, but it also created a new edge case. If the user pressed Stop while one of those batched tails was still waiting in memory, the app could flip `streaming` to `false` before the batcher drained. The final characters had already arrived from the transport, but they never reached the editor preview.
+
+## Symptoms
+
+- The real `editor-ai` page could stream normally, then lose the final few buffered characters after Stop.
+- The batcher logic looked correct for normal completion, but the interrupted path behaved differently because Stop happens before the transport reaches a normal `text-end`.
+- A browser smoke test that compared document size right before Stop and after settle could catch a shrink on interrupted runs.
+
+## What Didn't Work
+
+- Flushing buffered text only in the normal `onFinish` path was not enough.
+- Looking only at `AIChatPlugin.stop()` suggested the stream had stopped cleanly, but it hid the fact that app-level buffered text still existed.
+- Guarding `applyChunk` with `if (!streaming) return` was correct for stale callbacks, but it also blocked the one final interrupted flush that should have been allowed through.
+
+## Solution
+
+Teach the interrupted finish path to carry intent all the way to the batcher.
+
+In [`useChatChunk.ts`](/Users/felixfeng/Desktop/repos/plate/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts):
+
+- extend `onFinish` so it can report `{ interrupted?: boolean }`
+- when the raw text stream stops loading without a normal `text-end`, call `onFinish({ interrupted: true })`
+- keep normal completions on `interrupted: false`
+
+In [`ai-stream-batching.ts`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/lib/ai-stream-batching.ts):
+
+- let `flush()` forward an optional `{ force: true }` flag to the `applyChunk` callback
+
+In [`ai-kit.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/plugins/ai-kit.tsx):
+
+- allow `applyChunk` to bypass the `streaming` guard when the flush is forced
+- on finish, flush the batcher once with `{ force: true }` before resetting stream state
+
+This keeps the normal stale-callback protection, but still lets the interrupted stop path deliver the buffered tail that was already received.
+
+## Why This Works
+
+There are two different meanings behind “streaming is false”:
+
+- the stream is truly over and no more buffered text matters
+- the user interrupted the stream, but one short buffered tail still needs to be committed
+
+The old code treated both cases the same. Once Stop flipped `streaming` off, every later batcher callback looked stale and got dropped.
+
+The fix separates those cases. An interrupted finish explicitly says “flush one last buffered chunk even though streaming is already false.” That preserves the text the transport already delivered without reopening the stream or allowing arbitrary late writes.
+
+## Prevention
+
+- When batching async editor updates, design the interrupted path separately from the normal finish path.
+- If a stop action flips a shared state flag, check whether any app-local buffer still needs a one-shot drain.
+- Add one regression test for the transport seam and one for the batcher seam:
+  - interrupted finish metadata reaches the caller
+  - forced flush forwards through the batcher
+- For streaming UI fixes, verify both with tests and with a browser run that interrupts mid-stream.
+
+## Verification
+
+These checks passed:
+
+```bash
+bun test ./packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx
+bun test apps/www/src/registry/lib/ai-stream-batching.spec.ts
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
+corepack pnpm install
+corepack pnpm turbo build --filter=./packages/ai --filter=./apps/www
+corepack pnpm turbo typecheck --filter=./packages/ai --filter=./apps/www
+corepack pnpm lint:fix
+```
+
+Browser verification also passed on `http://localhost:3002/blocks/editor-ai` using the real page editor instance and the real `aiChat.submit()` plus `aiChat.stop()` APIs. Three interrupted runs showed no shrink after Stop:
+
+- run 1: `deltaAfterStop = +1`
+- run 2: `deltaAfterStop = 0`
+- run 3: `deltaAfterStop = +24`
+
+That is the expected result: Stop may preserve the current text exactly or land the final buffered tail, but it should not roll the document backward.
+
+## Related Issues
+
+- Related learning: [Insert-stream batching must run in AIKit, not only in the demo surface](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/performance-issues/2026-04-01-insert-stream-batching-must-run-in-ai-kit.md)
+- Related learning: [Stream insert preview range must not consume trailing blocks](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/logic-errors/2026-04-01-stream-insert-preview-range-must-not-consume-trailing-blocks.md)
diff --git a/.claude/docs/solutions/logic-errors/2026-04-01-stream-insert-preview-range-must-not-consume-trailing-blocks.md b/.claude/docs/solutions/logic-errors/2026-04-01-stream-insert-preview-range-must-not-consume-trailing-blocks.md
new file mode 100644
index 0000000000..423aec0ece
--- /dev/null
+++ b/.claude/docs/solutions/logic-errors/2026-04-01-stream-insert-preview-range-must-not-consume-trailing-blocks.md
@@ -0,0 +1,95 @@
+---
+title: Stream insert preview range must not consume trailing blocks
+date: 2026-04-01
+category: logic-errors
+module: packages/ai streamInsertChunk
+problem_type: logic_error
+component: assistant
+symptoms:
+  - Homepage AI execution removed top-level blocks after the insertion point
+  - The AI menu anchor felt offset because streamed content started from the wrong top-level path
+  - A streamed insert regression test failed once the editor had blocks after the cursor
+root_cause: logic_error
+resolution_type: code_fix
+severity: high
+tags:
+  - ai
+  - streaming
+  - preview
+  - homepage
+  - blocks
+  - plate
+---
+
+# Stream insert preview range must not consume trailing blocks
+
+## Problem
+
+The new `streamInsertChunk` replay implementation tracked markdown session state correctly, but it diffed against the wrong document slice.
+
+On the homepage AI editor, running an insert-style command near the top of the document could treat every top-level block after the cursor as part of the streamed preview. That made later blocks disappear while the preview was still streaming.
+
+## Symptoms
+
+- Running AI on the homepage could remove blocks that came after the insertion point.
+- The behavior was easiest to notice in long documents like the homepage playground because many unrelated blocks sat below the cursor.
+- The AI menu anchor also felt wrong because the streamed preview started from the selected block path instead of the actual streamed insertion path.
+- This targeted regression test failed before the fix:
+
+```bash
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
+```
+
+## What Didn't Work
+
+- Looking only at the new homepage batching controller in [`ai-kit.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/plugins/ai-kit.tsx) was misleading. The timer changed chunk frequency, but it did not decide which existing blocks belonged to the streamed preview.
+- Blaming the adaptive `16/32ms` batching window also did not line up with the code path. The destructive behavior came from the package-level diff range inside [`streamInsertChunk.ts`](/Users/felixfeng/Desktop/repos/plate/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts), not from when chunks were flushed.
+
+## Solution
+
+Fix the streamed range at the package boundary.
+
+The broken logic used:
+
+- `getInsertPreviewStart(editor).path` as the stream start path for fresh streams
+- `editor.children.slice(startIndex)` as the current streamed region
+
+That was too broad for insert mode. For a non-empty current block, the preview should start at the *next* top-level path, and the current streamed region should be only the preview-owned range.
+
+We fixed it in [`streamInsertChunk.ts`](/Users/felixfeng/Desktop/repos/plate/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts) by adding two helpers:
+
+1. `getInsertStreamStartPath(editor)`
+   - uses the current block path only when the insertion starts in an empty paragraph
+   - otherwise starts at `PathApi.next(path)` so the preview begins after the current block
+
+2. `getCurrentStreamBlocks(editor, startPath, currentPath)`
+   - prefers the tracked preview end path from the markdown stream session
+   - falls back to scanning contiguous top-level nodes marked with `AI_PREVIEW_KEY`
+   - never slices from the insertion point to the end of the document
+
+That keeps the diff window limited to the active preview range and leaves unrelated trailing blocks alone.
+
+We also added a regression test in [`streamHistory.slow.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx) that starts streaming from the first block of a multi-block document, accepts the preview, and asserts that the trailing blocks still exist.
+
+## Why This Works
+
+Insert-mode streaming has two different coordinates:
+
+- the block that currently holds the cursor
+- the top-level range that belongs to the streamed preview
+
+The old `_blockPath` implementation implicitly tracked the preview range. The replay rewrite switched to a session-based model, but it accidentally reused the cursor block path as the preview start and then diffed against the whole remaining document.
+
+By restoring the real preview start path and scoping diffs to preview-owned blocks only, the replay algorithm can still do shared-prefix reuse and partial reparse without mutating unrelated content.
+
+## Prevention
+
+- When replacing a per-call mutable path like `_blockPath` with session state, keep the old ownership boundary explicit. Session state should know the *preview range*, not just the markdown source.
+- For insert-mode AI work, always test with blocks both before and after the insertion point. Empty-editor tests alone will miss this class of bug.
+- If the streamed preview is marked with `AI_PREVIEW_KEY`, treat that marker as the source of truth for range ownership during diffing.
+- Verify homepage or playground behavior with real browser runs after package-level streaming changes, even when the visible change started in app code.
+
+## Related Issues
+
+- Related learning: [Insert-stream batching must run in AIKit, not only in the demo surface](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/performance-issues/2026-04-01-insert-stream-batching-must-run-in-ai-kit.md)
+- Related learning: [Insert streaming session state should not live in AIChatPlugin options](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md)
diff --git a/.claude/docs/solutions/logic-errors/2026-04-01-streaming-mdx-literal-mode-must-preserve-complete-prefix.md b/.claude/docs/solutions/logic-errors/2026-04-01-streaming-mdx-literal-mode-must-preserve-complete-prefix.md
new file mode 100644
index 0000000000..34ac4fedea
--- /dev/null
+++ b/.claude/docs/solutions/logic-errors/2026-04-01-streaming-mdx-literal-mode-must-preserve-complete-prefix.md
@@ -0,0 +1,154 @@
+---
+title: Streaming MDX literal mode must preserve the complete prefix
+date: 2026-04-01
+last_updated: 2026-04-01
+category: logic-errors
+module: packages/ai streamDeserializeMd
+problem_type: logic_error
+component: assistant
+symptoms:
+  - Completed `callout` content could make the next markdown chunk stay literal during insert streaming
+  - A later incomplete MDX tag could keep already-complete markdown or MDX content from being parsed normally
+  - The markdown streaming demo could show `**after**` as raw text after a completed `callout`
+  - While streaming an incomplete `column_group`, new inner text like `- Keep the editor...` could temporarily disappear until more MDX arrived
+root_cause: logic_error
+resolution_type: code_fix
+severity: high
+tags:
+  - ai
+  - streaming
+  - mdx
+  - callout
+  - markdown
+  - plate
+---
+
+# Streaming MDX literal mode must preserve the complete prefix
+
+## Problem
+
+Insert-mode streaming kept a private `mdxName` session flag to avoid parsing obviously incomplete MDX too early.
+
+That guard was too broad. Once a completed chunk started with `<callout>`, the session could stay in MDX literal mode even though the same chunk had already closed the tag. Later markdown chunks then stayed literal, and a later incomplete MDX tail could make the already-complete prefix look unstable.
+
+## Symptoms
+
+- After streaming `<callout>one</callout>\n\n`, the next chunk `**after**\n\n` could render as raw `**after**` text instead of bold markdown.
+- The markdown streaming demo showed the completed callout, but the following markdown stayed unparsed until more MDX arrived.
+- In the `MDX Callout Props And Columns` preset, the right editor could show `<column_group ...>` and `<column ...>` but hide the newly streamed list text for several steps.
+- A regression test around `streamInsertChunk` failed once the stream contained:
+
+```ts
+[
+  '<callout>one</callout>\n\n',
+  '**after**\n\n',
+  '<callout type="note">',
+]
+```
+
+## What Didn't Work
+
+- Treating the whole replay slice as literal text whenever `mdxName` was set was too coarse.
+- Looking at batching or replay frequency did not explain the behavior. The bug was in MDX session state and fallback scope, not in how often `streamInsertChunk` ran.
+- Relying on [`markdownToSlateNodesSafely`](/Users/felixfeng/Desktop/repos/plate/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts) to inline-deserialize a multiline incomplete MDX tail still lost visible text for nested containers like `column_group`.
+
+## Solution
+
+Fix `streamDeserializeMd` so MDX session state tracks only the *pending* incomplete MDX tail.
+
+In [`streamDeserializeMd.ts`](/Users/felixfeng/Desktop/repos/plate/packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts):
+
+- derive the pending MDX name from [`splitIncompleteMdx`](/Users/felixfeng/Desktop/repos/plate/packages/markdown/src/lib/deserializer/utils/splitIncompleteMdx.ts) instead of from any chunk that merely starts with `<tag>`
+- clear stale `mdxName` when the current input no longer ends with an incomplete MDX tail
+- when the session is still inside the same unfinished MDX tag *and* the input already contains a complete prefix, reuse [`markdownToSlateNodesSafely`](/Users/felixfeng/Desktop/repos/plate/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts) so only the incomplete tail falls back to text
+- normalize safe-deserializer output back into block nodes before `streamInsertChunk` post-processing
+
+We also added two regression tests:
+
+- [`streamInsertChunk.slow.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx)
+  - proves completed markdown and MDX stay structured before a later incomplete MDX tail
+- [`streamDeserializeMd.slow.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx)
+  - proves a chunk that already closes `<callout>` does not leave the next markdown chunk stuck in literal mode
+
+For multiline incomplete MDX tails, tighten the markdown fallback too.
+
+In [`markdownToSlateNodesSafely.ts`](/Users/felixfeng/Desktop/repos/plate/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts):
+
+- compare the visible inline-deserialized text with the full stripped tail text
+- if a multiline incomplete MDX tail would lose user-visible content, keep the whole tail literal instead of partially inline-deserializing it
+- reuse the trailing empty paragraph created by the complete prefix so the literal tail stays in the expected block instead of creating an extra blank block
+
+We also added two more regressions:
+
+- [`markdownToSlateNodesSafely.spec.tsx`](/Users/felixfeng/Desktop/repos/plate/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx)
+  - proves a complete prefix plus incomplete multiline column tail keeps the full literal tail visible
+- [`streamInsertChunk.slow.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx)
+  - proves insert streaming keeps newly arrived column text visible before the MDX container closes
+
+## Why This Works
+
+The streaming parser needs two different behaviors:
+
+- If the stream currently ends with an unfinished MDX opener, protect only that unfinished tail.
+- If the stream no longer ends inside that tag, clear the MDX literal-mode flag and parse normally.
+
+The old code conflated those two states. It remembered only that a tag had started at some point, so later chunks inherited literal mode even after the completed prefix was already safe to parse.
+
+By basing the session flag on `splitIncompleteMdx(input)`, the parser asks a better question: does the current replay slice still *end* inside unfinished MDX? If yes, preserve the complete prefix and literalize only the tail. If no, clear the flag and return to normal markdown parsing.
+
+The remaining subtlety is that “literalize only the tail” must still preserve all user-visible text. Nested multiline MDX containers are not safe to squeeze through the inline fallback because that path strips block structure and can drop the newest text. Comparing the visible inline output to the stripped tail catches that loss early and falls back to the full literal tail instead.
+
+## Prevention
+
+- Do not let streaming session flags describe historical state. They must describe the current unfinished tail only.
+- For streaming MDX regressions, add at least one test with this shape:
+  - completed MDX block
+  - normal markdown after it
+  - later incomplete MDX opener
+- If a fallback needs to protect incomplete MDX, prefer `splitIncompleteMdx`-style prefix preservation over whole-input stringification.
+- If a safe fallback handles multiline incomplete MDX, assert that every newly streamed visible character still appears somewhere in the fallback output.
+- Verify package-level streaming fixes in the browser with pasted raw chunks, not only with preset scenarios.
+
+## Verification
+
+These checks passed:
+
+```bash
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
+bun test packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx
+bun test ./apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
+corepack pnpm install
+corepack pnpm turbo build --filter=./packages/markdown --filter=./apps/www
+corepack pnpm turbo typecheck --filter=./packages/markdown --filter=./apps/www
+corepack pnpm lint:fix
+```
+
+Browser verification also passed on `http://localhost:3002/blocks/markdown-streaming-demo` by pasting:
+
+```json
+[
+  "<callout>one</callout>\n\n",
+  "**after**\n\n",
+  "<callout type=\"note\">"
+]
+```
+
+The final `Editor tree` kept:
+
+- a structured `callout` node for `one`
+- a bold paragraph node for `after`
+- only the unfinished tail as literal text
+
+Browser verification also passed on the `MDX Callout Props And Columns` preset by stepping through the previously broken window. At steps 37-40 the editor text kept advancing through:
+
+- `- K`
+- `- Kee`
+- `- Keep the`
+- `- Keep the editor`
+
+## Related Issues
+
+- Related learning: [Stream insert preview range must not consume trailing blocks](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/logic-errors/2026-04-01-stream-insert-preview-range-must-not-consume-trailing-blocks.md)
+- Related learning: [Keep insert streaming session state out of AIChatPlugin options](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md)
+- Related learning: [Demo MDX presets must use editor-supported custom tags](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/logic-errors/2026-04-01-demo-mdx-presets-must-use-editor-supported-custom-tags.md)
diff --git a/.claude/docs/solutions/performance-issues/2026-03-30-markdown-stream-perf-stability-baseline.md b/.claude/docs/solutions/performance-issues/2026-03-30-markdown-stream-perf-stability-baseline.md
new file mode 100644
index 0000000000..6f1ec755c4
--- /dev/null
+++ b/.claude/docs/solutions/performance-issues/2026-03-30-markdown-stream-perf-stability-baseline.md
@@ -0,0 +1,131 @@
+---
+title: Markdown stream perf stability baseline for the live article chunk set
+type: solution
+date: 2026-03-30
+status: completed
+category: performance-issues
+module: ai
+tags:
+  - markdown
+  - streaming
+  - performance
+  - benchmark
+  - apps-www
+  - ai
+---
+
+# Problem
+
+Use `/dev/markdown-stream-perf` as a browser-visible benchmark for the captured markdown article stream, then record a baseline that is stable enough to compare future changes.
+
+Single-run numbers are easy to overread on this page. The useful baseline is the spread across several fresh runs with the same dataset and the same controls.
+
+# Measurement Setup
+
+We measured the page locally from the browser, not from synthetic unit-test timers.
+
+The measurement route was:
+
+- `/dev/markdown-stream-perf`
+
+The local app was:
+
+- `http://localhost:3001`
+
+The fixed dataset was:
+
+- `liveMarkdownEditorsArticleChunks`
+
+That dataset expanded to:
+
+- `382` raw chunks
+- `172` joined chunks
+- `1982` total characters
+- `172` delay-bearing joined chunks
+
+Each benchmark round used the same controls:
+
+- measured runs: `5`
+- warmup runs: `2`
+- burst size: `5`
+
+Each round started from a fresh page load before clicking `Run Benchmark (5 iter)`.
+
+# Results
+
+## Round-by-round results
+
+| Round | End-to-end mean | End-to-end p95 | Burst-step mean | `streamInsertChunk` mean | Joiner mean |
+| --- | --- | --- | --- | --- | --- |
+| `1` | `4828.96 ms` | `5058.50 ms` | `137.97 ms` | `23.35 ms` | `0.18 ms` |
+| `2` | `5194.56 ms` | `6344.00 ms` | `148.42 ms` | `25.24 ms` | `0.16 ms` |
+| `3` | `5095.28 ms` | `5243.40 ms` | `145.58 ms` | `24.55 ms` | `0.20 ms` |
+
+## Stability summary
+
+The main baseline is the spread across those three fresh runs:
+
+| Metric | Mean of round means | Min | Max | Span | Span % of mean |
+| --- | --- | --- | --- | --- | --- |
+| End-to-end mean | `5039.60 ms` | `4828.96 ms` | `5194.56 ms` | `365.60 ms` | `7.25%` |
+| Burst-step mean | `143.99 ms` | `137.97 ms` | `148.42 ms` | `10.45 ms` | `7.26%` |
+| `streamInsertChunk` mean | `24.38 ms` | `23.35 ms` | `25.24 ms` | `1.89 ms` | `7.75%` |
+| Joiner mean | `0.18 ms` | `0.16 ms` | `0.20 ms` | `0.04 ms` | `22.22%` |
+
+The joiner percentage looks large only because the absolute numbers are tiny. In real terms, `0.16-0.20 ms` is still noise next to multi-second wall-clock totals.
+
+# Interpretation
+
+## 1. The page is stable enough for a practical baseline
+
+The three primary means stayed in a fairly tight band:
+
+- end-to-end mean: about `4.83-5.19 s`
+- burst-step mean: about `138-148 ms`
+- `streamInsertChunk` mean: about `23.35-25.24 ms`
+
+That puts the round-to-round spread for the main means at roughly `7-8%`. That is good enough for routine before/after comparisons on this route.
+
+## 2. The joiner is still not the bottleneck
+
+The joiner stayed at `0.16-0.20 ms` across all three rounds.
+
+If this page feels slow, the useful places to look are still:
+
+- the number of burst cycles
+- paint waits between bursts
+- the editor work inside `streamInsertChunk`
+
+## 3. Tail latency is noisier than the means
+
+Round 2 hit an end-to-end p95 of `6344.00 ms`, while the other two rounds stayed near `5.1-5.2 s`.
+
+That means the route has a usable mean baseline, but p95 should be treated as a noisy signal unless you collect more rounds.
+
+# Working Rule
+
+When comparing streaming changes on this page:
+
+- keep the dataset fixed
+- keep `measured runs=5`, `warmup runs=2`, and `burst size=5`
+- compare against the three-run baseline band, not a single run
+
+For quick checks, use these practical baseline ranges:
+
+- end-to-end mean: `4.83-5.19 s`
+- burst-step mean: `137.97-148.42 ms`
+- `streamInsertChunk` mean: `23.35-25.24 ms`
+- joiner mean: `0.16-0.20 ms`
+
+# Verification
+
+The numbers above came from the browser-visible benchmark page itself.
+
+The measurement flow was:
+
+1. Start the local app on port `3001`.
+2. Open `/dev/markdown-stream-perf`.
+3. Set measured runs to `5`.
+4. Set burst size to `5`.
+5. Run the benchmark three times from a fresh page load.
+6. Read the metrics from the page output.
diff --git a/.claude/docs/solutions/performance-issues/2026-03-31-markdown-stream-burst-batching.md b/.claude/docs/solutions/performance-issues/2026-03-31-markdown-stream-burst-batching.md
new file mode 100644
index 0000000000..ecd5c26482
--- /dev/null
+++ b/.claude/docs/solutions/performance-issues/2026-03-31-markdown-stream-burst-batching.md
@@ -0,0 +1,125 @@
+---
+title: Batch joined chunks per burst before calling streamInsertChunk
+type: solution
+date: 2026-03-31
+status: completed
+category: performance-issues
+module: ai
+tags:
+  - markdown
+  - streaming
+  - performance
+  - ai
+  - apps-www
+  - benchmark
+---
+
+# Problem
+
+The markdown streaming demos already grouped raw AI chunks into animation-frame flushes, but the editor path still replayed every joined chunk one by one inside each flush.
+
+That meant the UI paid the full `streamInsertChunk` cost for every joined chunk even when the browser only painted once per burst.
+
+# Symptoms
+
+- The live AI demo still felt much faster and rougher than the preset playback.
+- `/dev/markdown-stream-perf` showed multi-second wall-clock time for the captured article stream.
+- The old `burst size=5` benchmark still executed `860` `streamInsertChunk` calls across `5` measured runs.
+
+# Solution
+
+Batch the joined chunks that belong to the same burst into one combined markdown string, then call `streamInsertChunk` once for that burst.
+
+We applied that rule in two places:
+
+- the registry demo at [markdown-streaming-demo.tsx](/Users/felixfeng/Desktop/udecode/plate/apps/www/src/registry/examples/markdown-streaming-demo.tsx)
+- the benchmark page at [page.tsx](/Users/felixfeng/Desktop/udecode/plate/apps/www/src/app/dev/markdown-stream-perf/page.tsx)
+
+The key change is simple:
+
+```ts
+const chunkBatch = chunks.slice(startIndex, endIndex).join('');
+
+if (chunkBatch.length > 0) {
+  applyChunk(editor, chunkBatch);
+}
+```
+
+The same idea also replaces replay loops. When we need to rebuild the editor for a prefix, we now replay the whole prefix as one concatenated markdown batch instead of one chunk at a time.
+
+# Why This Works
+
+The important cost on this page is not the joiner. It is the number of `streamInsertChunk` calls.
+
+Each burst already represents a visual update boundary. If five joined chunks are going to land before the next paint anyway, feeding those five chunks to `streamInsertChunk` separately only adds parser and editor work without creating any extra visible value.
+
+The regrouping tests already covered this contract. The streaming core produces the same final editor state for equivalent markdown content even when chunk boundaries move. That made burst-level batching a safe optimization for the demos and the benchmark route.
+
+The result is that the average single call became slightly heavier, but the total number of calls dropped much more sharply:
+
+- old `streamInsertChunk` samples: `860`
+- new `streamInsertChunk` samples: `175`
+
+That is why end-to-end time dropped even though per-call mean went from `24.38 ms` to `28.53 ms`.
+
+# Verification
+
+We verified the change in four ways.
+
+## 1. Streaming tests
+
+```bash
+bun test apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx apps/www/src/registry/lib/markdown-streaming-chunks.spec.ts apps/www/src/app/dev/markdown-stream-perf/perf-helpers.spec.ts
+```
+
+Result: passing
+
+## 2. Workspace checks
+
+```bash
+pnpm install
+pnpm turbo build --filter=./apps/www
+pnpm turbo typecheck --filter=./apps/www
+pnpm lint:fix
+```
+
+The first three commands passed.
+
+`pnpm lint:fix` still reported existing repository-wide `biome` diagnostics in `packages/mdast-util-from-markdown` and `packages/remark-parse`, outside this batching change.
+
+## 3. Browser benchmark
+
+Route:
+
+- `http://localhost:3002/dev/markdown-stream-perf`
+
+Controls:
+
+- measured runs: `5`
+- warmup runs: `2`
+- burst size: `5`
+
+Old baseline:
+
+- end-to-end mean: `5039.60 ms`
+- burst-step mean: `143.99 ms`
+- `streamInsertChunk` mean: `24.38 ms`
+
+New result:
+
+- end-to-end mean: `1682.28 ms`
+- burst-step mean: `48.06 ms`
+- `streamInsertChunk` mean: `28.53 ms`
+
+## 4. Browser smoke
+
+Both pages loaded correctly after the change:
+
+- `http://localhost:3002/dev`
+- `http://localhost:3002/blocks/markdown-streaming-demo`
+
+# Working Rule
+
+When the UI only needs one visual update per burst, batch the joined markdown for that burst before calling `streamInsertChunk`.
+
+If you only compare per-call mean, you can miss the real win. Track call count and end-to-end wall-clock time together.
diff --git a/.claude/docs/solutions/performance-issues/2026-04-01-insert-stream-batching-must-run-in-ai-kit.md b/.claude/docs/solutions/performance-issues/2026-04-01-insert-stream-batching-must-run-in-ai-kit.md
new file mode 100644
index 0000000000..5ca380649f
--- /dev/null
+++ b/.claude/docs/solutions/performance-issues/2026-04-01-insert-stream-batching-must-run-in-ai-kit.md
@@ -0,0 +1,98 @@
+---
+module: ai
+date: 2026-04-01
+problem_type: performance_issue
+component: assistant
+symptoms:
+  - "The markdown streaming demo and perf page feel faster than the real AI editor path"
+  - "Insert-mode AI streaming still calls streamInsertChunk once per text delta in ai-kit"
+  - "Burst-size benchmarks show end-to-end time is dominated by update count, not just single-call cost"
+root_cause: scope_issue
+resolution_type: code_fix
+severity: medium
+tags:
+  - ai
+  - streaming
+  - performance
+  - apps-www
+  - streaminsertchunk
+  - batching
+  - ai-kit
+---
+
+# Insert-stream batching must run in AIKit, not only in the demo surface
+
+## Problem
+
+The markdown streaming demo and `/dev/markdown-stream-perf` already proved that burst batching lowers end-to-end cost, but the real insert-mode AI editor path was still streaming every incoming text delta straight into `streamInsertChunk`.
+
+That meant the benchmark looked better while the user-facing editor path still paid the old update count.
+
+## Symptoms
+
+- `/dev/markdown-stream-perf` showed a large gap between `burst=1` and `burst=5`, but the homepage and playground AI editor path did not consume that optimization automatically.
+- [`ai-kit.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/plugins/ai-kit.tsx) still called `streamInsertChunk(editor, chunk)` for each `useChatChunk` delta.
+- Real editor UX risk stayed concentrated in insert-mode streaming: too many parser/editor passes, too many paints, and a rougher long-response path.
+
+## What Didn't Work
+
+- Keeping burst batching only in [`markdown-streaming-demo.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/examples/markdown-streaming-demo.tsx) and [`page.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/app/dev/markdown-stream-perf/page.tsx) improved the debug surfaces only.
+- Copying the demo's fixed burst behavior straight into the user-facing editor would have traded too much first-token responsiveness for throughput.
+
+## Solution
+
+Add a small app-level batching controller and wire it into the real insert-mode integration in [`ai-kit.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/plugins/ai-kit.tsx).
+
+The controller lives in [`ai-stream-batching.ts`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/lib/ai-stream-batching.ts) and applies four rules:
+
+```ts
+if (isFirst) {
+  reset();
+  pendingChunk = chunk;
+  flush();
+  return;
+}
+
+pendingChunk += chunk;
+
+if (shouldFlushAIStreamChunkImmediately(chunk)) {
+  flush();
+  return;
+}
+
+if (!timer) {
+  timer = schedule(() => {
+    timer = null;
+    flush();
+  }, batchWindowInMs);
+}
+```
+
+Key behavior:
+
+- first chunk flushes immediately
+- later chunks batch in a short timer window
+- slow flushes stretch the next window from `16ms` to `32ms`
+- line breaks and heavy markdown delimiters flush immediately
+- `onFinish` flushes buffered text before `resetStreamInsertChunk(editor)`
+
+## Why This Works
+
+The useful optimization boundary is not "the demo page" and not "the parser internals". It is the real insert-stream integration seam where transport deltas become editor mutations.
+
+Putting batching there preserves the shipped package contract while letting the real AI editor path consume the same update-count win that the benchmark already measured.
+
+Using "first chunk immediate, later chunks short-window batched" keeps the typing feel responsive while still collapsing most redundant `streamInsertChunk` calls on longer responses.
+
+## Prevention
+
+- If a perf win comes from lowering update count, apply it at the real integration seam, not only in the benchmark harness.
+- For insert-mode AI streaming, keep package runtime state private and keep app-level batching glue in the app integration.
+- Verify both kinds of surfaces:
+  - benchmark surface for call-count and wall-clock behavior
+  - real editor surface for `Writing... -> ready -> Accept` flow
+
+## Related Issues
+
+- Related learning: [Batch joined chunks per burst before calling streamInsertChunk](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/performance-issues/2026-03-31-markdown-stream-burst-batching.md)
+- Related learning: [Keep insert streaming session state out of AIChatPlugin options](/Users/felixfeng/Desktop/repos/plate/.claude/docs/solutions/best-practices/2026-03-31-insert-streaming-session-state-should-not-live-in-aichatplugin-options.md)
diff --git a/.claude/docs/solutions/test-failures/2026-03-27-bun-transformstream-tests-need-node-stream-web-globals.md b/.claude/docs/solutions/test-failures/2026-03-27-bun-transformstream-tests-need-node-stream-web-globals.md
new file mode 100644
index 0000000000..25cdad31f9
--- /dev/null
+++ b/.claude/docs/solutions/test-failures/2026-03-27-bun-transformstream-tests-need-node-stream-web-globals.md
@@ -0,0 +1,108 @@
+---
+title: Bun tests for TransformStream helpers need node stream web globals
+category: test-failures
+date: 2026-03-27
+tags:
+  - bun
+  - tests
+  - streams
+  - registry
+  - ai
+---
+
+# Bun tests for TransformStream helpers need node stream web globals
+
+## Problem
+
+A new spec for `apps/www/src/registry/lib/markdown-joiner-transform.ts` passed in an ad-hoc `bun -e` probe, but failed inside `bun test`.
+
+The failures looked unrelated to the helper logic itself:
+
+- `pipeThrough` rejected the returned transform with `TypeError: readable should be ReadableStream`
+- direct `stream.writable.getWriter()` access failed because `getWriter` was missing in the test environment
+
+That made it look like the new tests were wrong, even though the helper behavior was fine.
+
+## Root Cause
+
+The registry helper constructs a `TransformStream` from globals at runtime.
+
+In the Bun test runner, the active global Web Streams implementation did not behave like the standard stream constructors that the helper expected. The mismatch only showed up in the test harness layer, not in the production logic.
+
+That means the failure was not “the joiner transform is broken.” The real issue was “the test runner global stream constructors are not a stable harness for this helper.”
+
+## Solution
+
+Keep the production helper untouched. Fix the test harness instead.
+
+In the spec:
+
+1. Import `ReadableStream` and `TransformStream` from `node:stream/web`
+2. Temporarily assign those constructors onto `globalThis`
+3. Construct the readable stream and the transform while those globals are active
+4. Restore the original globals in a `finally` block
+
+This keeps the test focused on public behavior while avoiding test-runner-specific stream incompatibilities.
+
+The working pattern looks like this:
+
+```ts
+import type { TextStreamPart, ToolSet } from 'ai';
+import {
+  ReadableStream as WebReadableStream,
+  TransformStream as WebTransformStream,
+} from 'node:stream/web';
+
+type Chunk = TextStreamPart<ToolSet>;
+
+const readStream = async (chunks: Chunk[]) => {
+  const originalTransformStream = globalThis.TransformStream;
+  const originalReadableStream = globalThis.ReadableStream;
+
+  globalThis.ReadableStream =
+    WebReadableStream as unknown as typeof ReadableStream;
+  globalThis.TransformStream =
+    WebTransformStream as unknown as typeof TransformStream;
+
+  try {
+    const stream = new ReadableStream<Chunk>({
+      start(controller) {
+        for (const chunk of chunks) controller.enqueue(chunk);
+        controller.close();
+      },
+    }).pipeThrough(markdownJoinerTransform()());
+
+    const reader = stream.getReader();
+    const output: Chunk[] = [];
+
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      output.push(value as Chunk);
+    }
+
+    return output;
+  } finally {
+    globalThis.ReadableStream = originalReadableStream;
+    globalThis.TransformStream = originalTransformStream;
+  }
+};
+```
+
+## Prevention
+
+- If a stream helper passes in `bun -e` but fails in `bun test`, check the stream constructors before changing product code.
+- For registry or demo helpers that build `TransformStream` from globals, prefer a harness that pins `ReadableStream` and `TransformStream` explicitly.
+- Keep the shim inside the test file unless the same issue starts repeating across many specs.
+
+## Verification
+
+These checks passed with the harness fix in place:
+
+```bash
+bun test apps/www/src/__tests__/package-integration/ai-chat-streaming/markdownJoinerTransform.spec.ts
+pnpm turbo build --filter=./apps/www
+pnpm turbo typecheck --filter=./apps/www
+```
+
+Repo-wide `pnpm lint:fix` still failed on unrelated existing diagnostics outside this slice.
diff --git a/.claude/docs/table/table-perf-benchmark-input-snapshot.md b/.claude/docs/table/table-perf-benchmark-input-snapshot.md
new file mode 100644
index 0000000000..d46a778ca5
--- /dev/null
+++ b/.claude/docs/table/table-perf-benchmark-input-snapshot.md
@@ -0,0 +1,47 @@
+# dev/table-perf Performance Snapshot
+
+## Environment
+
+- Test time: 2026-03-12 21:46:54 CST
+- Page URL: `http://localhost:3000/dev/table-perf`
+- App: `apps/www`
+- Commit: `98ae3116f`
+- Browser: Playwright + Chromium `138.0.7204.15`
+- Page accessibility check: confirmed `/dev/table-perf` loads via `agent-browser`
+
+## Sampling
+
+- Read `apps/www/src/app/dev/table-perf/page.tsx`, confirmed the page has two built-in tests:
+  - Benchmark: `5` warmup + `20` measured remount iterations
+  - Input latency: `10` warmup + `50` measured inserts
+- Used `Large (1600)` preset, corresponding to `40 x 40`
+- Click sequence:
+  - `Generate Table`
+  - `Run Benchmark (20 iter)`
+  - `Test Input Latency (50 samples)`
+- Metrics read from the page Metrics panel
+
+## Results
+
+### 40 x 40 (1600 cells)
+
+| Category | Metric | Value |
+| --- | --- | ---: |
+| Metrics | Initial render | 1002.00 ms |
+| Metrics | Re-render count | 3 |
+| Metrics | Last render | 0.40 ms |
+| Metrics | Avg render | 351.27 ms |
+| Metrics | Render median | 51.40 ms |
+| Metrics | Render p95 | 1002.00 ms |
+| Benchmark Results | Mean | 841.44 ms |
+| Benchmark Results | Median | 827.10 ms |
+| Benchmark Results | P95 | 959.30 ms |
+| Benchmark Results | P99 | 959.30 ms |
+| Benchmark Results | Min | 804.00 ms |
+| Benchmark Results | Max | 959.30 ms |
+| Benchmark Results | Std Dev | 31.64 ms |
+| Input Latency | Mean | 40.74 ms |
+| Input Latency | Median | 38.70 ms |
+| Input Latency | P95 | 52.70 ms |
+| Input Latency | Min | 28.00 ms |
+| Input Latency | Max | 61.60 ms |
diff --git a/.claude/docs/table/table-selection-latency-snapshot.md b/.claude/docs/table/table-selection-latency-snapshot.md
new file mode 100644
index 0000000000..4e65008a53
--- /dev/null
+++ b/.claude/docs/table/table-selection-latency-snapshot.md
@@ -0,0 +1,44 @@
+# dev/table-perf Performance Snapshot
+
+## Environment
+
+- Page route: `/dev/table-perf`
+- App: `apps/www`
+- Metric group: `Table Selection Latency`
+- Table size: `40 x 40` (`1600` cells)
+- Selected cells: `9`
+- Injected delay: `0 ms`
+
+## Results
+
+### Baseline
+
+| Category | Metric | Value |
+| --- | --- | ---: |
+| Table Selection Latency | Selected cells | 9 |
+| Table Selection Latency | Injected delay | 0.00 ms |
+| Table Selection Latency | Mean | 425.00 ms |
+| Table Selection Latency | Median | 424.60 ms |
+| Table Selection Latency | P95 | 477.90 ms |
+| Table Selection Latency | Min | 368.90 ms |
+| Table Selection Latency | Max | 489.50 ms |
+
+### Current
+
+| Category | Metric | Value |
+| --- | --- | ---: |
+| Table Selection Latency | Selected cells | 9 |
+| Table Selection Latency | Injected delay | 0.00 ms |
+| Table Selection Latency | Mean | 174.62 ms |
+| Table Selection Latency | Median | 174.00 ms |
+| Table Selection Latency | P95 | 187.10 ms |
+| Table Selection Latency | Min | 140.20 ms |
+| Table Selection Latency | Max | 214.10 ms |
+
+## Comparison
+
+- Mean: `425.00 -> 174.62 ms` (`-250.38 ms`, `-58.9%`)
+- Median: `424.60 -> 174.00 ms` (`-250.60 ms`, `-59.0%`)
+- P95: `477.90 -> 187.10 ms` (`-290.80 ms`, `-60.8%`)
+- Min: `368.90 -> 140.20 ms` (`-228.70 ms`, `-62.0%`)
+- Max: `489.50 -> 214.10 ms` (`-275.40 ms`, `-56.3%`)
diff --git a/apps/www/public/r/ai-docs.json b/apps/www/public/r/ai-docs.json
index ef220a7465..7892d86f67 100644
--- a/apps/www/public/r/ai-docs.json
+++ b/apps/www/public/r/ai-docs.json
@@ -7,7 +7,7 @@
   "files": [
     {
       "path": "../../content/(plugins)/(ai)/ai.mdx",
-      "content": "---\ntitle: AI\ndescription: AI-powered writing assistance.\ndocs:\n  - route: https://pro.platejs.org/docs/examples/ai\n    title: Plus\n---\n\n<ComponentPreview name=\"ai-demo\" />\n\n<PackageInfo>\n\n## Features\n\n- **Context-aware command menu** that adapts to cursor, text selection, and block selection workflows.\n- **Streaming Markdown/MDX insertion** with table, column, and code block support powered by `streamInsertChunk`.\n- **Insert and chat review modes** with localized insert previews plus undo-safe batching via `withAIBatch` and `tf.ai.undo()`.\n- **Block selection aware transforms** to replace or append entire sections using `tf.aiChat.replaceSelection` and `tf.aiChat.insertBelow`.\n- **Direct integration with `@ai-sdk/react`** so `api.aiChat.submit` can stream responses from Vercel AI SDK helpers.\n- **Suggestion and comment utilities** that diff AI edits, accept/reject changes, and map AI feedback back to document ranges.\n\n</PackageInfo>\n\n## Kit Usage\n\n<Steps>\n\n### Installation\n\nThe fastest way to add AI functionality is with the `AIKit`. It ships the configured `AIPlugin`, `AIChatPlugin`, Markdown streaming helpers, cursor overlay, and their [Plate UI](/docs/installation/plate-ui) components.\n\n<ComponentSource name=\"ai-kit\" />\n\n- [`AIMenu`](/docs/components/ai-menu): Floating command surface for prompts, tool shortcuts, and chat review.\n- [`AILoadingBar`](/docs/components/ai-loading-bar): Displays streaming status at the editor container.\n- [`AIAnchorElement`](/docs/components/ai-anchor-element): Invisible anchor node used to position the floating menu during streaming.\n- [`AILeaf`](/docs/components/ai-leaf): Renders AI-marked text with subtle styling.\n\n### Add Kit\n\n```tsx\nimport { createPlateEditor } from 'platejs/react';\nimport { AIKit } from '@/components/editor/plugins/ai-kit';\n\nconst editor = createPlateEditor({\n  plugins: [\n    // ...otherPlugins,\n    ...AIKit,\n  ],\n});\n```\n\n### Add API Route\n\nExpose a streaming command endpoint that proxies your model provider:\n\n<ComponentSource name=\"ai-api\" />\n\n### Configure Environment\n\nSet your AI Gateway key locally (replace with your provider secret if you are not using a gateway):\n\n```bash title=\".env.local\"\nAI_GATEWAY_API_KEY=\"your-api-key\"\n```\n\n</Steps>\n\n## Manual Usage\n\n<Steps>\n\n### Installation\n\n```bash\nnpm install @platejs/ai @platejs/markdown @platejs/selection @ai-sdk/react ai\n```\n\n`@platejs/suggestion` is optional but required for diff-based edit suggestions.\n\n### Add Plugins\n\n```tsx\nimport { createPlateEditor } from 'platejs/react';\nimport { AIChatPlugin, AIPlugin } from '@platejs/ai/react';\nimport { BlockSelectionPlugin } from '@platejs/selection/react';\nimport { MarkdownPlugin } from '@platejs/markdown';\n\nexport const editor = createPlateEditor({\n  plugins: [\n    BlockSelectionPlugin,\n    MarkdownPlugin,\n    AIPlugin,\n    AIChatPlugin, // extended in the next step\n  ],\n});\n```\n\n- `BlockSelectionPlugin`: Enables multi-block selections that `AIChatPlugin` relies on for insert/replace transforms.\n- `MarkdownPlugin`: Provides Markdown serialization used by streaming utilities.\n- `AIPlugin`: Adds the AI mark and transforms for undoing AI batches.\n- `AIChatPlugin`: Supplies the AI combobox, API helpers, and transforms.\n\nUse `AIPlugin.withComponent` with your own element (or [`AILeaf`](/docs/components/ai-leaf)) to highlight AI-generated text.\n\n### Configure AIChatPlugin\n\nExtend `AIChatPlugin` to hook streaming and edits. The example mirrors the core logic from `AIKit` while keeping the UI headless.\n\n```tsx\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BaseAIPlugin, withAIBatch } from '@platejs/ai';\nimport {\n  AIChatPlugin,\n  applyAISuggestions,\n  getInsertPreviewStart,\n  streamInsertChunk,\n  useChatChunk,\n} from '@platejs/ai/react';\nimport { ElementApi, getPluginType, KEYS, PathApi } from 'platejs';\nimport { usePluginOption } from 'platejs/react';\n\nexport const aiChatPlugin = AIChatPlugin.extend({\n  options: {\n    chatOptions: {\n      api: '/api/ai/command',\n      body: {\n        model: 'openai/gpt-4o-mini',\n      },\n    },\n    trigger: ' ',\n    triggerPreviousCharPattern: /^\\s?$/,\n  },\n  useHooks: ({ editor, getOption }) => {\n    const mode = usePluginOption(AIChatPlugin, 'mode');\n    const toolName = usePluginOption(AIChatPlugin, 'toolName');\n\n    useChatChunk({\n      onChunk: ({ chunk, isFirst, text }) => {\n        if (isFirst && mode === 'insert') {\n          const { startBlock, startInEmptyParagraph } =\n            getInsertPreviewStart(editor);\n\n          editor.getTransforms(BaseAIPlugin).ai.beginPreview({\n            originalBlocks:\n              startInEmptyParagraph &&\n              startBlock &&\n              ElementApi.isElement(startBlock)\n                ? [cloneDeep(startBlock)]\n                : [],\n          });\n\n          editor.setOption(AIChatPlugin, 'streaming', true);\n\n          editor.tf.withoutSaving(() => {\n            editor.tf.insertNodes(\n              {\n                children: [{ text: '' }],\n                type: getPluginType(editor, KEYS.aiChat),\n              },\n              {\n                at: PathApi.next(editor.selection!.focus.path.slice(0, 1)),\n              }\n            );\n          });\n        }\n\n        if (mode === 'insert') {\n          editor.tf.withoutSaving(() => {\n            if (!getOption('streaming')) return;\n\n            editor.tf.withScrolling(() => {\n              streamInsertChunk(editor, chunk, {\n                textProps: {\n                  [getPluginType(editor, KEYS.ai)]: true,\n                },\n              });\n            });\n          });\n        }\n\n        if (toolName === 'edit' && mode === 'chat') {\n          withAIBatch(\n            editor,\n            () => {\n              applyAISuggestions(editor, text);\n            },\n            { split: isFirst }\n          );\n        }\n      },\n      onFinish: () => {\n        editor.setOption(AIChatPlugin, 'streaming', false);\n        editor.setOption(AIChatPlugin, '_blockChunks', '');\n        editor.setOption(AIChatPlugin, '_blockPath', null);\n        editor.setOption(AIChatPlugin, '_mdxName', null);\n      },\n    });\n  },\n});\n```\n\n- `useChatChunk`: Watches `UseChatHelpers` status and yields incremental chunks.\n- `tf.ai.beginPreview`: Captures the rollback slice and selection for insert-mode preview before the first streamed chunk is written.\n- `streamInsertChunk`: Streams Markdown/MDX into the document, reusing the existing block when possible.\n- `applyAISuggestions`: Converts responses into transient suggestion nodes when `toolName === 'edit'`.\n- `withAIBatch`: Marks saved AI batches so suggestion review and accepted AI changes stay undo-safe.\n\nProvide your own `render` components (toolbar button, floating menu, etc.) when you extend the plugin.\n\n### Build API Route\n\nHandle `api.aiChat.submit` requests on the server. Each request includes the chat `messages` from `@ai-sdk/react` and a `ctx` payload that contains the editor `children`, current `selection`, and last `toolName`.\n[Complete API example](https://github.com/udecode/plate-playground-template/blob/main/src/app/api/ai/command/route.ts)\n\n```ts title=\"app/api/ai/command/route.ts\"\nimport { createGateway } from '@ai-sdk/gateway';\nimport { convertToCoreMessages, streamText } from 'ai';\nimport { createSlateEditor } from 'platejs';\n\nimport { BaseEditorKit } from '@/registry/components/editor/editor-base-kit';\nimport { markdownJoinerTransform } from '@/registry/lib/markdown-joiner-transform';\n\nexport async function POST(req: Request) {\n  const { apiKey, ctx, messages, model } = await req.json();\n\n  const editor = createSlateEditor({\n    plugins: BaseEditorKit,\n    selection: ctx.selection,\n    value: ctx.children,\n  });\n\n  const gateway = createGateway({\n    apiKey: apiKey ?? process.env.AI_GATEWAY_API_KEY!,\n  });\n\n  const result = streamText({\n    experimental_transform: markdownJoinerTransform(),\n    messages: convertToCoreMessages(messages),\n    model: gateway(model ?? 'openai/gpt-4o-mini'),\n    system: ctx.toolName === 'edit' ? 'You are an editor that rewrites user text.' : undefined,\n  });\n\n  return result.toDataStreamResponse();\n}\n```\n\n- `ctx.children` and `ctx.selection` are rehydrated into a Slate editor so you can build rich prompts (see [Prompt Templates](#prompt-templates)).\n- Forward provider settings (model, apiKey, temperature, gateway flags, etc.) through `chatOptions.body`; everything you add is passed verbatim in the JSON payload and can be read before calling `createGateway`.\n- Always read secrets from the server. The client should only send opaque identifiers or short-lived tokens.\n- Return a streaming response so `useChat` and `useChatChunk` can process tokens incrementally.\n\n### Connect `useChat`\n\nBridge the editor and your model endpoint with `@ai-sdk/react`. Store helpers on the plugin so transforms can reload, stop, or show chat state.\n\n```tsx\nimport { useEffect } from 'react';\n\nimport { type UIMessage, DefaultChatTransport } from 'ai';\nimport { type UseChatHelpers, useChat } from '@ai-sdk/react';\nimport { AIChatPlugin } from '@platejs/ai/react';\nimport { useEditorPlugin } from 'platejs/react';\n\ntype ChatMessage = UIMessage<{}, { toolName: 'comment' | 'edit' | 'generate'; comment?: unknown }>;\n\nexport const useEditorAIChat = () => {\n  const { editor, setOption } = useEditorPlugin(AIChatPlugin);\n\n  const chat = useChat<ChatMessage>({\n    id: 'editor',\n    api: '/api/ai/command',\n    transport: new DefaultChatTransport(),\n    onData(data) {\n      if (data.type === 'data-toolName') {\n        editor.setOption(AIChatPlugin, 'toolName', data.data);\n      }\n    },\n  });\n\n  useEffect(() => {\n    setOption('chat', chat as UseChatHelpers<ChatMessage>);\n  }, [chat, setOption]);\n\n  return chat;\n};\n```\n\nCombine the helper with `useEditorChat` to keep the floating menu anchored correctly:\n\n```tsx\nimport { useEditorChat } from '@platejs/ai/react';\n\nuseEditorChat({\n  onOpenChange: (open) => {\n    if (!open) chat.stop?.();\n  },\n});\n```\n\nNow you can submit prompts programmatically:\n\n```tsx\nimport { AIChatPlugin } from '@platejs/ai/react';\n\neditor.getApi(AIChatPlugin).aiChat.submit('', {\n  prompt: {\n    default: 'Continue the document after {block}',\n    selecting: 'Rewrite {selection} with a clearer tone',\n  },\n  toolName: 'generate',\n});\n```\n\n</Steps>\n\n## Prompt Templates\n\n### Client Prompting\n\n- `api.aiChat.submit` accepts an `EditorPrompt`. Provide a string, an object with `default`/`selecting`/`blockSelecting`, or a function that receives `{ editor, isSelecting, isBlockSelecting }`. The helper `getEditorPrompt` in the client turns that value into the final string.\n- Combine it with `replacePlaceholders(editor, template, { prompt })` to expand `{editor}`, `{block}`, `{blockSelection}`, and `{prompt}` using Markdown generated by `@platejs/ai`.\n\n```tsx\nimport { replacePlaceholders } from '@platejs/ai';\n\neditor.getApi(AIChatPlugin).aiChat.submit('Improve tone', {\n  prompt: ({ isSelecting }) =>\n    isSelecting\n      ? replacePlaceholders(editor, 'Rewrite {blockSelection} using a friendly tone.')\n      : replacePlaceholders(editor, 'Continue {block} with two more sentences.'),\n  toolName: 'generate',\n});\n```\n\n### Server Prompting\n\nThe demo backend in `apps/www/src/app/api/ai/command` reconstructs the editor from `ctx` and builds structured prompts:\n\n- `getChooseToolPrompt` decides whether the request is `generate`, `edit`, or `comment`.\n- `getGeneratePrompt`, `getEditPrompt`, and `getCommentPrompt` transform the current editor state into instructions tailored to each mode.\n- Utility helpers like `getMarkdown`, `getMarkdownWithSelection`, and `buildStructuredPrompt` (see `apps/www/src/app/api/ai/command/prompts.ts`) make it easy to embed block ids, selections, and MDX tags into the LLM request.\n\nAugment the payload you send from the client to fine-tune server prompts:\n\n```ts\neditor.setOption(aiChatPlugin, 'chatOptions', {\n  api: '/api/ai/command',\n  body: {\n    model: 'openai/gpt-4o-mini',\n    tone: 'playful',\n    temperature: 0.4,\n  },\n});\n```\n\nEverything under `chatOptions.body` arrives in the route handler, letting you swap providers, pass user-specific metadata, or branch into different prompt templates.\n\n## Keyboard Shortcuts\n\n<KeyTable>\n  <KeyTableItem hotkey=\"Space\">Open the AI menu in an empty block (cursor mode)</KeyTableItem>\n  <KeyTableItem hotkey=\"Cmd + J\">Show the AI menu (set via `shortcuts.show`)</KeyTableItem>\n  <KeyTableItem hotkey=\"Escape\">Hide the AI menu and stop streaming</KeyTableItem>\n</KeyTable>\n\n## Streaming\n\nThe streaming utilities keep complex layouts intact while responses arrive:\n\n- `streamInsertChunk(editor, chunk, options)` deserializes Markdown chunks, updates the current block in place, and appends new blocks as needed. Use `textProps`/`elementProps` to tag streamed nodes (e.g., mark AI text).\n- `streamDeserializeMd` and `streamDeserializeInlineMd` provide lower-level access if you need to control streaming for custom node types.\n- `streamSerializeMd` mirrors the editor state so you can detect drift between streamed content and the response buffer.\n\nReset the internal `_blockChunks`, `_blockPath`, and `_mdxName` options when streaming finishes to start the next response from a clean slate.\n\n## Streaming Example\n\n<ComponentPreview name=\"markdown-streaming-demo\" />\n\n## Plate Plus\n\n<ComponentPreviewPro name=\"ai-pro\" />\n\n## Hooks\n\n### `useAIChatEditor`\n\nRegisters an auxiliary editor for chat previews and deserializes Markdown with block-level memoization.\n\n<API name=\"useAIChatEditor\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor instance dedicated to the chat preview.</APIItem>\n  <APIItem name=\"content\" type=\"string\">Markdown content returned by the model.</APIItem>\n  <APIItem name=\"options\" type=\"DeserializeMdOptions\" optional>Pass `parser` to filter tokens before deserialization.</APIItem>\n</APIParameters>\n</API>\n\n```tsx\nimport { usePlateEditor } from 'platejs/react';\nimport { MarkdownPlugin } from '@platejs/markdown';\nimport { AIChatPlugin, useAIChatEditor } from '@platejs/ai/react';\n\nconst aiPreviewEditor = usePlateEditor({\n  plugins: [MarkdownPlugin, AIChatPlugin],\n});\n\nuseAIChatEditor(aiPreviewEditor, responseMarkdown, {\n  parser: { exclude: ['space'] },\n});\n```\n\n### `useEditorChat`\n\nConnects `UseChatHelpers` to editor state so the AI menu knows whether to anchor to cursor, selection, or block selection.\n\n<API name=\"useEditorChat\">\n<APIParameters>\n  <APIItem name=\"onOpenBlockSelection\" type=\"(blocks: NodeEntry[]) => void\" optional>Called when the menu opens on block selection.</APIItem>\n  <APIItem name=\"onOpenChange\" type=\"(open: boolean) => void\" optional>Called whenever the menu opens or closes.</APIItem>\n  <APIItem name=\"onOpenCursor\" type=\"() => void\" optional>Called when the menu opens at the cursor.</APIItem>\n  <APIItem name=\"onOpenSelection\" type=\"() => void\" optional>Called when the menu opens on a text selection.</APIItem>\n</APIParameters>\n</API>\n\n### `useChatChunk`\n\nStreams chat responses chunk-by-chunk and gives you full control over insertion.\n\n<API name=\"useChatChunk\">\n<APIParameters>\n  <APIItem name=\"onChunk\" type=\"(chunk: { chunk: string; isFirst: boolean; nodes: TText[]; text: string }) => void\">Handle each streamed chunk.</APIItem>\n  <APIItem name=\"onFinish\" type=\"({ content }: { content: string }) => void\" optional>Called when streaming finishes.</APIItem>\n</APIParameters>\n</API>\n\n## Utilities\n\n### `withAIBatch`\n\nGroups editor operations into a single history batch and flags it as AI-generated so `tf.ai.undo()` removes it safely.\n\n<API name=\"withAIBatch\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Target editor.</APIItem>\n  <APIItem name=\"fn\" type=\"() => void\">Operations to run.</APIItem>\n  <APIItem name=\"options\" type=\"{ split?: boolean }\" optional>Set `split: true` to start a new history batch.</APIItem>\n</APIParameters>\n</API>\n\n### `applyAISuggestions`\n\nDiffs AI output against stored `chatNodes` and writes transient suggestion nodes. Requires `@platejs/suggestion`.\n\n<API name=\"applyAISuggestions\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor to apply suggestions to.</APIItem>\n  <APIItem name=\"content\" type=\"string\">Markdown response from the model.</APIItem>\n</APIParameters>\n</API>\n\nComplementary helpers allow you to finalize or discard the diff:\n\n- `acceptAISuggestions(editor)`: Converts transient suggestion nodes into permanent suggestions.\n- `rejectAISuggestions(editor)`: Removes transient suggestion nodes and clears suggestion marks.\n\n### `aiCommentToRange`\n\nMaps streamed comment metadata back to document ranges so comments can be inserted automatically.\n\n<API name=\"aiCommentToRange\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"PlateEditor\">Editor instance.</APIItem>\n  <APIItem name=\"options\" type=\"{ blockId: string; comment: string; content: string }\">Block id and text used to locate the range.</APIItem>\n</APIParameters>\n<APIReturns type=\"{ start: BasePoint; end: BasePoint } | null\">Range matching the comment or `null` if it cannot be found.</APIReturns>\n</API>\n\n### `findTextRangeInBlock`\n\nFuzzy-search helper that uses LCS to find the closest match inside a block.\n\n<API name=\"findTextRangeInBlock\">\n<APIParameters>\n  <APIItem name=\"node\" type=\"TNode\">Block node to search.</APIItem>\n  <APIItem name=\"searchText\" type=\"string\">Text snippet to locate.</APIItem>\n</APIParameters>\n<APIReturns type=\"{ start: { path: Path; offset: number }; end: { path: Path; offset: number } } | null\">Matched range or `null`.</APIReturns>\n</API>\n\n### `getEditorPrompt`\n\nGenerates prompts that respect cursor, selection, or block selection states.\n\n<API name=\"getEditorPrompt\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor providing context.</APIItem>\n  <APIItem name=\"options\" type=\"{ prompt?: EditorPrompt }\">String, config, or function describing the prompt.</APIItem>\n</APIParameters>\n<APIReturns type=\"string\">Contextualized prompt string.</APIReturns>\n</API>\n\n### `replacePlaceholders`\n\nReplaces placeholders like `{editor}`, `{blockSelection}`, and `{prompt}` with serialized Markdown.\n\n<API name=\"replacePlaceholders\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor providing content.</APIItem>\n  <APIItem name=\"text\" type=\"string\">Template text.</APIItem>\n  <APIItem name=\"options\" type=\"{ prompt?: string }\" optional>Prompt value injected into `{prompt}`.</APIItem>\n</APIParameters>\n<APIReturns type=\"string\">Template with placeholders replaced by Markdown.</APIReturns>\n</API>\n\n## Plugins\n\n### `AIPlugin`\n\nAdds an `ai` mark to streamed text and exposes transforms to remove AI nodes or undo the last AI batch. Use `.withComponent` to render AI-marked text with a custom component.\n\n<API name=\"AIPlugin\">\n  <APIOptions>\n    <APIItem name=\"node.isLeaf\" type=\"true\">AI content is stored on text nodes.</APIItem>\n    <APIItem name=\"node.isDecoration\" type=\"false\">AI marks are regular text properties, not decorations.</APIItem>\n  </APIOptions>\n</API>\n\n### `AIChatPlugin`\n\nMain plugin that powers the AI menu, chat state, and transforms.\n\n<API name=\"AIChatPlugin\">\n  <APIOptions>\n    <APIItem name=\"trigger\" type=\"RegExp | string | string[]\" optional>Character(s) that open the command menu. Defaults to `' '`.</APIItem>\n    <APIItem name=\"triggerPreviousCharPattern\" type=\"RegExp\" optional>Pattern that must match the character before the trigger. Defaults to `/^\\s?$/`.</APIItem>\n    <APIItem name=\"triggerQuery\" type=\"(editor: SlateEditor) => boolean\" optional>Return `false` to cancel opening in specific contexts.</APIItem>\n    <APIItem name=\"chat\" type=\"UseChatHelpers&lt;ChatMessage&gt;\" optional>Store helpers from `useChat` so API calls can access them.</APIItem>\n    <APIItem name=\"chatNodes\" type=\"TIdElement[]\" optional>Snapshot of nodes used to diff edit suggestions (managed internally).</APIItem>\n    <APIItem name=\"chatSelection\" type=\"TRange | null\" optional>Selection captured before submitting a prompt (managed internally).</APIItem>\n    <APIItem name=\"mode\" type=\"'chat' | 'insert'\">Controls whether responses stream directly into the document or open a review panel. Defaults to `'insert'`.</APIItem>\n    <APIItem name=\"open\" type=\"boolean\" optional>Whether the AI menu is visible. Defaults to `false`.</APIItem>\n    <APIItem name=\"streaming\" type=\"boolean\" optional>True while a response is streaming. Defaults to `false`.</APIItem>\n    <APIItem name=\"toolName\" type=\"'comment' | 'edit' | 'generate' | null\" optional>Active tool used to interpret the response.</APIItem>\n  </APIOptions>\n</API>\n\n## API\n\n### `api.aiChat.submit(input, options?)`\n\nSubmits a prompt to your model provider. When `mode` is omitted it defaults to `'insert'` for a collapsed cursor and `'chat'` otherwise.\n\n<API name=\"submit\">\n<APIParameters>\n  <APIItem name=\"input\" type=\"string\">Raw input from the user.</APIItem>\n  <APIItem name=\"options\" type=\"object\" optional>Fine-tune submission behaviour.</APIItem>\n</APIParameters>\n<APIOptions type=\"object\">\n  <APIItem name=\"mode\" type=\"'chat' | 'insert'\" optional>Override the response mode.</APIItem>\n  <APIItem name=\"options\" type=\"ChatRequestOptions\" optional>Forwarded to `chat.sendMessage` (model, headers, etc.).</APIItem>\n  <APIItem name=\"prompt\" type=\"EditorPrompt\" optional>String, config, or function processed by `getEditorPrompt`.</APIItem>\n  <APIItem name=\"toolName\" type=\"'comment' | 'edit' | 'generate' | null\" optional>Tags the submission so hooks can react differently.</APIItem>\n</APIOptions>\n</API>\n\n### `api.aiChat.reset(options?)`\n\nClears chat state, removes AI nodes, and optionally undoes the last AI batch.\n\n<API name=\"reset\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ undo?: boolean }\" optional>Pass `undo: false` to keep streamed content.</APIItem>\n</APIParameters>\n</API>\n\n### `api.aiChat.node(options?)`\n\nRetrieves the first AI node that matches the specified criteria.\n\n<API name=\"node\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"EditorNodesOptions &amp; { anchor?: boolean; streaming?: boolean }\" optional>Set `anchor: true` to get the anchor node or `streaming: true` to retrieve the node currently being streamed into.</APIItem>\n</APIParameters>\n<APIReturns type=\"NodeEntry | undefined\">Matching node entry, if found.</APIReturns>\n</API>\n\n### `api.aiChat.reload()`\n\nReplays the last prompt using the stored `UseChatHelpers`, restoring the original selection or block selection before resubmitting.\n\n### `api.aiChat.stop()`\n\nStops streaming and calls `chat.stop`.\n\n### `api.aiChat.show()`\n\nOpens the AI menu, clears previous chat messages, and resets tool state.\n\n### `api.aiChat.hide(options?)`\n\nCloses the AI menu, optionally undoing the last AI batch and refocusing the editor.\n\n<API name=\"hide\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ focus?: boolean; undo?: boolean }\" optional>Set `focus: false` to keep focus outside the editor or `undo: false` to preserve inserted content.</APIItem>\n</APIParameters>\n</API>\n\n## Transforms\n\n### `tf.aiChat.accept()`\n\nAccepts the latest response. In insert mode it removes AI marks and places the caret at the end of the streamed content. In chat mode it applies the pending suggestions.\n\n### `tf.aiChat.insertBelow(sourceEditor, options?)`\n\nInserts the chat preview (`sourceEditor`) below the current selection or block selection.\n\n<API name=\"insertBelow\">\n<APIParameters>\n  <APIItem name=\"sourceEditor\" type=\"SlateEditor\">Editor containing the generated content.</APIItem>\n  <APIItem name=\"options\" type=\"{ format?: 'all' | 'none' | 'single' }\" optional>Copy formatting from the source selection. Defaults to `'single'`.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.aiChat.replaceSelection(sourceEditor, options?)`\n\nReplaces the current selection or block selection with the chat preview.\n\n<API name=\"replaceSelection\">\n<APIParameters>\n  <APIItem name=\"sourceEditor\" type=\"SlateEditor\">Editor containing the generated content.</APIItem>\n  <APIItem name=\"options\" type=\"{ format?: 'all' | 'none' | 'single' }\" optional>Controls how much formatting from the original selection should be applied.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.aiChat.removeAnchor(options?)`\n\nRemoves the temporary anchor node used to position the AI menu.\n\n<API name=\"removeAnchor\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"EditorNodesOptions\" optional>Filters the nodes to remove.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.ai.insertNodes(nodes, options?)`\n\nInserts nodes tagged with the AI mark at the current selection (or `options.target`).\n\n### `tf.ai.removeMarks(options?)`\n\nClears the AI mark from matching nodes.\n\n### `tf.ai.removeNodes(options?)`\n\nRemoves text nodes that are marked as AI-generated.\n\n### `tf.ai.beginPreview(options?)`\n\nCaptures the rollback slice and selection for insert-mode AI preview. Call it once before writing the first unsaved preview chunk.\n\n<API name=\"beginPreview\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ originalBlocks?: Value }\" optional>Top-level blocks that the preview will overwrite. Use `[]` when preview inserts after existing content.</APIItem>\n</APIParameters>\n<APIReturns type=\"boolean\">Returns `true` when a new preview rollback point was stored, or `false` when preview state already exists.</APIReturns>\n</API>\n\n### `tf.ai.acceptPreview()`\n\nCommits the active preview as one fresh undoable batch, strips preview-only markers, and clears preview bookkeeping.\n\n<API name=\"acceptPreview\">\n<APIReturns type=\"boolean\">Returns `true` when an active preview was committed.</APIReturns>\n</API>\n\n### `tf.ai.cancelPreview()`\n\nRestores the rollback point for the active preview and clears preview bookkeeping.\n\n<API name=\"cancelPreview\">\n<APIReturns type=\"boolean\">Returns `true` when an active preview was restored.</APIReturns>\n</API>\n\n### `tf.ai.discardPreview()`\n\nClears preview bookkeeping without restoring content. Use it when the previewed content should stay in place.\n\n<API name=\"discardPreview\">\n<APIReturns type=\"boolean\">Returns `true` when active preview bookkeeping was cleared.</APIReturns>\n</API>\n\n### `tf.ai.hasPreview()`\n\nReports whether an insert-mode preview rollback point is currently active.\n\n<API name=\"hasPreview\">\n<APIReturns type=\"boolean\">Returns `true` when preview rollback state exists.</APIReturns>\n</API>\n\n### `tf.ai.undo()`\n\nUndoes the latest AI history entry when it was created by `withAIBatch`. If an insert-mode preview is active, it cancels that preview first instead of replaying every streamed chunk. In both cases it avoids re-applying AI output from redo.\n\n## Customization\n\n### Adding Custom AI Commands\n\n<ComponentSource name=\"ai-menu\" />\n\nExtend the `aiChatItems` map to add new commands. Each command receives `{ aiEditor, editor, input }` and can dispatch `api.aiChat.submit` with custom prompts or transforms.\n\n#### Simple Custom Command\n\n```tsx\nsummarizeInBullets: {\n  icon: <ListIcon />,\n  label: 'Summarize in bullets',\n  value: 'summarizeInBullets',\n  onSelect: ({ editor }) => {\n    void editor.getApi(AIChatPlugin).aiChat.submit('', {\n      prompt: 'Summarize the current selection using bullet points',\n      toolName: 'generate',\n    });\n  },\n},\n```\n\n#### Command with Complex Logic\n\n```tsx\ngenerateTOC: {\n  icon: <BookIcon />,\n  label: 'Generate table of contents',\n  value: 'generateTOC',\n  onSelect: ({ editor }) => {\n    const headings = editor.api.nodes({\n      match: (n) => ['h1', 'h2', 'h3'].includes(n.type as string),\n    });\n\n    const prompt =\n      headings.length === 0\n        ? 'Create a realistic table of contents for this document'\n        : 'Generate a table of contents that reflects the existing headings';\n\n    void editor.getApi(AIChatPlugin).aiChat.submit('', {\n      mode: 'insert',\n      prompt,\n      toolName: 'generate',\n    });\n  },\n},\n```\n\nThe menu automatically switches between command and suggestion states:\n\n- `cursorCommand`: Cursor is collapsed and no response yet.\n- `selectionCommand`: Text is selected and no response yet.\n- `cursorSuggestion` / `selectionSuggestion`: A response exists, so actions like Accept, Try Again, or Insert Below are shown.\n\nUse `toolName` (`'generate' | 'edit' | 'comment'`) to control how streaming hooks process the response. For example, `'edit'` enables diff-based suggestions, and `'comment'` allows you to convert streamed comments into discussion threads with `aiCommentToRange`.\n",
+      "content": "---\ntitle: AI\ndescription: AI-powered writing assistance.\ndocs:\n  - route: https://pro.platejs.org/docs/examples/ai\n    title: Plus\n---\n\n<ComponentPreview name=\"ai-demo\" />\n\n<PackageInfo>\n\n## Features\n\n- **Context-aware command menu** that adapts to cursor, text selection, and block selection workflows.\n- **Streaming Markdown/MDX insertion** with table, column, and code block support powered by `streamInsertChunk`.\n- **Insert and chat review modes** with localized insert previews plus undo-safe batching via `withAIBatch` and `tf.ai.undo()`.\n- **Block selection aware transforms** to replace or append entire sections using `tf.aiChat.replaceSelection` and `tf.aiChat.insertBelow`.\n- **Direct integration with `@ai-sdk/react`** so `api.aiChat.submit` can stream responses from Vercel AI SDK helpers.\n- **Suggestion and comment utilities** that diff AI edits, accept/reject changes, and map AI feedback back to document ranges.\n\n</PackageInfo>\n\n## Kit Usage\n\n<Steps>\n\n### Installation\n\nThe fastest way to add AI functionality is with the `AIKit`. It ships the configured `AIPlugin`, `AIChatPlugin`, Markdown streaming helpers, cursor overlay, and their [Plate UI](/docs/installation/plate-ui) components.\n\n<ComponentSource name=\"ai-kit\" />\n\n- [`AIMenu`](/docs/components/ai-menu): Floating command surface for prompts, tool shortcuts, and chat review.\n- [`AILoadingBar`](/docs/components/ai-loading-bar): Displays streaming status at the editor container.\n- [`AIAnchorElement`](/docs/components/ai-anchor-element): Invisible anchor node used to position the floating menu during streaming.\n- [`AILeaf`](/docs/components/ai-leaf): Renders AI-marked text with subtle styling.\n\n### Add Kit\n\n```tsx\nimport { createPlateEditor } from 'platejs/react';\nimport { AIKit } from '@/components/editor/plugins/ai-kit';\n\nconst editor = createPlateEditor({\n  plugins: [\n    // ...otherPlugins,\n    ...AIKit,\n  ],\n});\n```\n\n### Add API Route\n\nExpose a streaming command endpoint that proxies your model provider:\n\n<ComponentSource name=\"ai-api\" />\n\n### Configure Environment\n\nSet your AI Gateway key locally (replace with your provider secret if you are not using a gateway):\n\n```bash title=\".env.local\"\nAI_GATEWAY_API_KEY=\"your-api-key\"\n```\n\n</Steps>\n\n## Manual Usage\n\n<Steps>\n\n### Installation\n\n```bash\nnpm install @platejs/ai @platejs/markdown @platejs/selection @ai-sdk/react ai\n```\n\n`@platejs/suggestion` is optional but required for diff-based edit suggestions.\n\n### Add Plugins\n\n```tsx\nimport { createPlateEditor } from 'platejs/react';\nimport { AIChatPlugin, AIPlugin } from '@platejs/ai/react';\nimport { BlockSelectionPlugin } from '@platejs/selection/react';\nimport { MarkdownPlugin } from '@platejs/markdown';\n\nexport const editor = createPlateEditor({\n  plugins: [\n    BlockSelectionPlugin,\n    MarkdownPlugin,\n    AIPlugin,\n    AIChatPlugin, // extended in the next step\n  ],\n});\n```\n\n- `BlockSelectionPlugin`: Enables multi-block selections that `AIChatPlugin` relies on for insert/replace transforms.\n- `MarkdownPlugin`: Provides Markdown serialization used by streaming utilities.\n- `AIPlugin`: Adds the AI mark and transforms for undoing AI batches.\n- `AIChatPlugin`: Supplies the AI combobox, API helpers, and transforms.\n\nUse `AIPlugin.withComponent` with your own element (or [`AILeaf`](/docs/components/ai-leaf)) to highlight AI-generated text.\n\n### Configure AIChatPlugin\n\nExtend `AIChatPlugin` to hook streaming and edits. The example mirrors the core logic from `AIKit` while keeping the UI headless.\n\n```tsx\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BaseAIPlugin, withAIBatch } from '@platejs/ai';\nimport {\n  AIChatPlugin,\n  applyAISuggestions,\n  getInsertPreviewStart,\n  resetStreamInsertChunk,\n  streamInsertChunk,\n  useChatChunk,\n} from '@platejs/ai/react';\nimport { ElementApi, getPluginType, KEYS, PathApi } from 'platejs';\nimport { usePluginOption } from 'platejs/react';\n\nexport const aiChatPlugin = AIChatPlugin.extend({\n  options: {\n    chatOptions: {\n      api: '/api/ai/command',\n      body: {\n        model: 'openai/gpt-4o-mini',\n      },\n    },\n    trigger: ' ',\n    triggerPreviousCharPattern: /^\\s?$/,\n  },\n  useHooks: ({ editor, getOption }) => {\n    const mode = usePluginOption(AIChatPlugin, 'mode');\n    const toolName = usePluginOption(AIChatPlugin, 'toolName');\n\n    useChatChunk({\n      onChunk: ({ chunk, isFirst, text }) => {\n        if (isFirst && mode === 'insert') {\n          const { startBlock, startInEmptyParagraph } =\n            getInsertPreviewStart(editor);\n\n          editor.getTransforms(BaseAIPlugin).ai.beginPreview({\n            originalBlocks:\n              startInEmptyParagraph &&\n              startBlock &&\n              ElementApi.isElement(startBlock)\n                ? [cloneDeep(startBlock)]\n                : [],\n          });\n\n          editor.setOption(AIChatPlugin, 'streaming', true);\n\n          editor.tf.withoutSaving(() => {\n            editor.tf.insertNodes(\n              {\n                children: [{ text: '' }],\n                type: getPluginType(editor, KEYS.aiChat),\n              },\n              {\n                at: PathApi.next(editor.selection!.focus.path.slice(0, 1)),\n              }\n            );\n          });\n        }\n\n        if (mode === 'insert') {\n          editor.tf.withoutSaving(() => {\n            if (!getOption('streaming')) return;\n\n            editor.tf.withScrolling(() => {\n              streamInsertChunk(editor, chunk, {\n                textProps: {\n                  [getPluginType(editor, KEYS.ai)]: true,\n                },\n              });\n            });\n          });\n        }\n\n        if (toolName === 'edit' && mode === 'chat') {\n          withAIBatch(\n            editor,\n            () => {\n              applyAISuggestions(editor, text);\n            },\n            { split: isFirst }\n          );\n        }\n      },\n      onFinish: () => {\n        editor.setOption(AIChatPlugin, 'streaming', false);\n        resetStreamInsertChunk(editor);\n      },\n    });\n  },\n});\n```\n\n- `useChatChunk`: Watches `UseChatHelpers` status and yields incremental chunks.\n- `tf.ai.beginPreview`: Captures the rollback slice and selection for insert-mode preview before the first streamed chunk is written.\n- `streamInsertChunk`: Streams Markdown/MDX into the document, reusing the existing block when possible.\n- `applyAISuggestions`: Converts responses into transient suggestion nodes when `toolName === 'edit'`.\n- `withAIBatch`: Marks saved AI batches so suggestion review and accepted AI changes stay undo-safe.\n\nProvide your own `render` components (toolbar button, floating menu, etc.) when you extend the plugin.\n\n### Build API Route\n\nHandle `api.aiChat.submit` requests on the server. Each request includes the chat `messages` from `@ai-sdk/react` and a `ctx` payload that contains the editor `children`, current `selection`, and last `toolName`.\n[Complete API example](https://github.com/udecode/plate-playground-template/blob/main/src/app/api/ai/command/route.ts)\n\n```ts title=\"app/api/ai/command/route.ts\"\nimport { createGateway } from '@ai-sdk/gateway';\nimport { convertToCoreMessages, streamText } from 'ai';\nimport { createSlateEditor } from 'platejs';\n\nimport { BaseEditorKit } from '@/registry/components/editor/editor-base-kit';\nimport { markdownJoinerTransform } from '@/registry/lib/markdown-joiner-transform';\n\nexport async function POST(req: Request) {\n  const { apiKey, ctx, messages, model } = await req.json();\n\n  const editor = createSlateEditor({\n    plugins: BaseEditorKit,\n    selection: ctx.selection,\n    value: ctx.children,\n  });\n\n  const gateway = createGateway({\n    apiKey: apiKey ?? process.env.AI_GATEWAY_API_KEY!,\n  });\n\n  const result = streamText({\n    experimental_transform: markdownJoinerTransform(),\n    messages: convertToCoreMessages(messages),\n    model: gateway(model ?? 'openai/gpt-4o-mini'),\n    system: ctx.toolName === 'edit' ? 'You are an editor that rewrites user text.' : undefined,\n  });\n\n  return result.toDataStreamResponse();\n}\n```\n\n- `ctx.children` and `ctx.selection` are rehydrated into a Slate editor so you can build rich prompts (see [Prompt Templates](#prompt-templates)).\n- Forward provider settings (model, apiKey, temperature, gateway flags, etc.) through `chatOptions.body`; everything you add is passed verbatim in the JSON payload and can be read before calling `createGateway`.\n- Always read secrets from the server. The client should only send opaque identifiers or short-lived tokens.\n- Return a streaming response so `useChat` and `useChatChunk` can process tokens incrementally.\n\n### Connect `useChat`\n\nBridge the editor and your model endpoint with `@ai-sdk/react`. Store helpers on the plugin so transforms can reload, stop, or show chat state.\n\n```tsx\nimport { useEffect, useMemo } from 'react';\n\nimport { type UIMessage } from 'ai';\nimport { type UseChatHelpers, useChat } from '@ai-sdk/react';\nimport {\n  AIChatPlugin,\n  createAIChatTextStreamTransport,\n  withAIChatTextStream,\n} from '@platejs/ai/react';\nimport { useEditorPlugin } from 'platejs/react';\n\ntype ChatMessage = UIMessage<{}, { toolName: 'comment' | 'edit' | 'generate'; comment?: unknown }>;\n\nexport const useEditorAIChat = () => {\n  const { editor, setOption } = useEditorPlugin(AIChatPlugin);\n  const transport = useMemo(\n    () =>\n      createAIChatTextStreamTransport<ChatMessage>({\n        api: '/api/ai/command',\n        chatId: 'editor',\n      }),\n    []\n  );\n\n  const baseChat = useChat<ChatMessage>({\n    id: 'editor',\n    transport,\n    onData(data) {\n      if (data.type === 'data-toolName') {\n        editor.setOption(AIChatPlugin, 'toolName', data.data);\n      }\n    },\n  });\n  const chat = withAIChatTextStream(baseChat, transport);\n\n  useEffect(() => {\n    setOption('chat', chat as UseChatHelpers<ChatMessage>);\n  }, [chat.__plateTextStreamChannelId, chat.error, chat.messages, chat.status, setOption]);\n\n  return chat;\n};\n```\n\nCombine the helper with `useEditorChat` to keep the floating menu anchored correctly:\n\n```tsx\nimport { useEditorChat } from '@platejs/ai/react';\n\nuseEditorChat({\n  onOpenChange: (open) => {\n    if (!open) chat.stop?.();\n  },\n});\n```\n\nNow you can submit prompts programmatically:\n\n```tsx\nimport { AIChatPlugin } from '@platejs/ai/react';\n\neditor.getApi(AIChatPlugin).aiChat.submit('', {\n  prompt: {\n    default: 'Continue the document after {block}',\n    selecting: 'Rewrite {selection} with a clearer tone',\n  },\n  toolName: 'generate',\n});\n```\n\n</Steps>\n\n## Prompt Templates\n\n### Client Prompting\n\n- `api.aiChat.submit` accepts an `EditorPrompt`. Provide a string, an object with `default`/`selecting`/`blockSelecting`, or a function that receives `{ editor, isSelecting, isBlockSelecting }`. The helper `getEditorPrompt` in the client turns that value into the final string.\n- Combine it with `replacePlaceholders(editor, template, { prompt })` to expand `{editor}`, `{block}`, `{blockSelection}`, and `{prompt}` using Markdown generated by `@platejs/ai`.\n\n```tsx\nimport { replacePlaceholders } from '@platejs/ai';\n\neditor.getApi(AIChatPlugin).aiChat.submit('Improve tone', {\n  prompt: ({ isSelecting }) =>\n    isSelecting\n      ? replacePlaceholders(editor, 'Rewrite {blockSelection} using a friendly tone.')\n      : replacePlaceholders(editor, 'Continue {block} with two more sentences.'),\n  toolName: 'generate',\n});\n```\n\n### Server Prompting\n\nThe demo backend in `apps/www/src/app/api/ai/command` reconstructs the editor from `ctx` and builds structured prompts:\n\n- `getChooseToolPrompt` decides whether the request is `generate`, `edit`, or `comment`.\n- `getGeneratePrompt`, `getEditPrompt`, and `getCommentPrompt` transform the current editor state into instructions tailored to each mode.\n- Utility helpers like `getMarkdown`, `getMarkdownWithSelection`, and `buildStructuredPrompt` (see `apps/www/src/app/api/ai/command/prompts.ts`) make it easy to embed block ids, selections, and MDX tags into the LLM request.\n\nAugment the payload you send from the client to fine-tune server prompts:\n\n```ts\neditor.setOption(aiChatPlugin, 'chatOptions', {\n  api: '/api/ai/command',\n  body: {\n    model: 'openai/gpt-4o-mini',\n    tone: 'playful',\n    temperature: 0.4,\n  },\n});\n```\n\nEverything under `chatOptions.body` arrives in the route handler, letting you swap providers, pass user-specific metadata, or branch into different prompt templates.\n\n- `createAIChatTextStreamTransport`: forwards raw `text-start` / `text-delta` / `text-end` events from the AI SDK transport.\n- `withAIChatTextStream`: annotates the returned chat helpers so `useChatChunk` can subscribe to the transport's instance-local text stream instead of diffing the accumulated assistant message.\n\n## Keyboard Shortcuts\n\n<KeyTable>\n  <KeyTableItem hotkey=\"Space\">Open the AI menu in an empty block (cursor mode)</KeyTableItem>\n  <KeyTableItem hotkey=\"Cmd + J\">Show the AI menu (set via `shortcuts.show`)</KeyTableItem>\n  <KeyTableItem hotkey=\"Escape\">Hide the AI menu and stop streaming</KeyTableItem>\n</KeyTable>\n\n## Streaming\n\nThe streaming utilities keep complex layouts intact while responses arrive:\n\n- `streamInsertChunk(editor, chunk, options)` deserializes Markdown chunks, updates the current block in place, and appends new blocks as needed. Use `textProps`/`elementProps` to tag streamed nodes (e.g., mark AI text).\n- `streamDeserializeMd` and `streamDeserializeInlineMd` provide lower-level access if you need to control streaming for custom node types.\n- `streamSerializeMd` mirrors the editor state so you can detect drift between streamed content and the response buffer.\n- `resetStreamInsertChunk(editor)` clears the active insert-stream session when streaming finishes or when you intentionally restart the stream from scratch.\n\n## Streaming Example\n\n<ComponentPreview name=\"markdown-streaming-demo\" />\n\n## Plate Plus\n\n<ComponentPreviewPro name=\"ai-pro\" />\n\n## Hooks\n\n### `useAIChatEditor`\n\nRegisters an auxiliary editor for chat previews and deserializes Markdown with block-level memoization.\n\n<API name=\"useAIChatEditor\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor instance dedicated to the chat preview.</APIItem>\n  <APIItem name=\"content\" type=\"string\">Markdown content returned by the model.</APIItem>\n  <APIItem name=\"options\" type=\"DeserializeMdOptions\" optional>Pass `parser` to filter tokens before deserialization.</APIItem>\n</APIParameters>\n</API>\n\n```tsx\nimport { usePlateEditor } from 'platejs/react';\nimport { MarkdownPlugin } from '@platejs/markdown';\nimport { AIChatPlugin, useAIChatEditor } from '@platejs/ai/react';\n\nconst aiPreviewEditor = usePlateEditor({\n  plugins: [MarkdownPlugin, AIChatPlugin],\n});\n\nuseAIChatEditor(aiPreviewEditor, responseMarkdown, {\n  parser: { exclude: ['space'] },\n});\n```\n\n### `useEditorChat`\n\nConnects `UseChatHelpers` to editor state so the AI menu knows whether to anchor to cursor, selection, or block selection.\n\n<API name=\"useEditorChat\">\n<APIParameters>\n  <APIItem name=\"onOpenBlockSelection\" type=\"(blocks: NodeEntry[]) => void\" optional>Called when the menu opens on block selection.</APIItem>\n  <APIItem name=\"onOpenChange\" type=\"(open: boolean) => void\" optional>Called whenever the menu opens or closes.</APIItem>\n  <APIItem name=\"onOpenCursor\" type=\"() => void\" optional>Called when the menu opens at the cursor.</APIItem>\n  <APIItem name=\"onOpenSelection\" type=\"() => void\" optional>Called when the menu opens on a text selection.</APIItem>\n</APIParameters>\n</API>\n\n### `useChatChunk`\n\nStreams chat responses chunk-by-chunk and gives you full control over insertion.\n\n<API name=\"useChatChunk\">\n<APIParameters>\n  <APIItem name=\"onChunk\" type=\"(chunk: { chunk: string; isFirst: boolean; nodes: TText[]; text: string }) => void\">Handle each streamed chunk.</APIItem>\n  <APIItem name=\"onFinish\" type=\"({ content }: { content: string }) => void\" optional>Called when streaming finishes.</APIItem>\n</APIParameters>\n</API>\n\n## Utilities\n\n### `withAIBatch`\n\nGroups editor operations into a single history batch and flags it as AI-generated so `tf.ai.undo()` removes it safely.\n\n<API name=\"withAIBatch\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Target editor.</APIItem>\n  <APIItem name=\"fn\" type=\"() => void\">Operations to run.</APIItem>\n  <APIItem name=\"options\" type=\"{ split?: boolean }\" optional>Set `split: true` to start a new history batch.</APIItem>\n</APIParameters>\n</API>\n\n### `applyAISuggestions`\n\nDiffs AI output against stored `chatNodes` and writes transient suggestion nodes. Requires `@platejs/suggestion`.\n\n<API name=\"applyAISuggestions\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor to apply suggestions to.</APIItem>\n  <APIItem name=\"content\" type=\"string\">Markdown response from the model.</APIItem>\n</APIParameters>\n</API>\n\nComplementary helpers allow you to finalize or discard the diff:\n\n- `acceptAISuggestions(editor)`: Converts transient suggestion nodes into permanent suggestions.\n- `rejectAISuggestions(editor)`: Removes transient suggestion nodes and clears suggestion marks.\n\n### `aiCommentToRange`\n\nMaps streamed comment metadata back to document ranges so comments can be inserted automatically.\n\n<API name=\"aiCommentToRange\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"PlateEditor\">Editor instance.</APIItem>\n  <APIItem name=\"options\" type=\"{ blockId: string; comment: string; content: string }\">Block id and text used to locate the range.</APIItem>\n</APIParameters>\n<APIReturns type=\"{ start: BasePoint; end: BasePoint } | null\">Range matching the comment or `null` if it cannot be found.</APIReturns>\n</API>\n\n### `findTextRangeInBlock`\n\nFuzzy-search helper that uses LCS to find the closest match inside a block.\n\n<API name=\"findTextRangeInBlock\">\n<APIParameters>\n  <APIItem name=\"node\" type=\"TNode\">Block node to search.</APIItem>\n  <APIItem name=\"searchText\" type=\"string\">Text snippet to locate.</APIItem>\n</APIParameters>\n<APIReturns type=\"{ start: { path: Path; offset: number }; end: { path: Path; offset: number } } | null\">Matched range or `null`.</APIReturns>\n</API>\n\n### `getEditorPrompt`\n\nGenerates prompts that respect cursor, selection, or block selection states.\n\n<API name=\"getEditorPrompt\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor providing context.</APIItem>\n  <APIItem name=\"options\" type=\"{ prompt?: EditorPrompt }\">String, config, or function describing the prompt.</APIItem>\n</APIParameters>\n<APIReturns type=\"string\">Contextualized prompt string.</APIReturns>\n</API>\n\n### `replacePlaceholders`\n\nReplaces placeholders like `{editor}`, `{blockSelection}`, and `{prompt}` with serialized Markdown.\n\n<API name=\"replacePlaceholders\">\n<APIParameters>\n  <APIItem name=\"editor\" type=\"SlateEditor\">Editor providing content.</APIItem>\n  <APIItem name=\"text\" type=\"string\">Template text.</APIItem>\n  <APIItem name=\"options\" type=\"{ prompt?: string }\" optional>Prompt value injected into `{prompt}`.</APIItem>\n</APIParameters>\n<APIReturns type=\"string\">Template with placeholders replaced by Markdown.</APIReturns>\n</API>\n\n## Plugins\n\n### `AIPlugin`\n\nAdds an `ai` mark to streamed text and exposes transforms to remove AI nodes or undo the last AI batch. Use `.withComponent` to render AI-marked text with a custom component.\n\n<API name=\"AIPlugin\">\n  <APIOptions>\n    <APIItem name=\"node.isLeaf\" type=\"true\">AI content is stored on text nodes.</APIItem>\n    <APIItem name=\"node.isDecoration\" type=\"false\">AI marks are regular text properties, not decorations.</APIItem>\n  </APIOptions>\n</API>\n\n### `AIChatPlugin`\n\nMain plugin that powers the AI menu, chat state, and transforms.\n\n<API name=\"AIChatPlugin\">\n  <APIOptions>\n    <APIItem name=\"trigger\" type=\"RegExp | string | string[]\" optional>Character(s) that open the command menu. Defaults to `' '`.</APIItem>\n    <APIItem name=\"triggerPreviousCharPattern\" type=\"RegExp\" optional>Pattern that must match the character before the trigger. Defaults to `/^\\s?$/`.</APIItem>\n    <APIItem name=\"triggerQuery\" type=\"(editor: SlateEditor) => boolean\" optional>Return `false` to cancel opening in specific contexts.</APIItem>\n    <APIItem name=\"chat\" type=\"UseChatHelpers&lt;ChatMessage&gt;\" optional>Store helpers from `useChat` so API calls can access them.</APIItem>\n    <APIItem name=\"chatNodes\" type=\"TIdElement[]\" optional>Snapshot of nodes used to diff edit suggestions (managed internally).</APIItem>\n    <APIItem name=\"chatSelection\" type=\"TRange | null\" optional>Selection captured before submitting a prompt (managed internally).</APIItem>\n    <APIItem name=\"mode\" type=\"'chat' | 'insert'\">Controls whether responses stream directly into the document or open a review panel. Defaults to `'insert'`.</APIItem>\n    <APIItem name=\"open\" type=\"boolean\" optional>Whether the AI menu is visible. Defaults to `false`.</APIItem>\n    <APIItem name=\"streaming\" type=\"boolean\" optional>True while a response is streaming. Defaults to `false`.</APIItem>\n    <APIItem name=\"toolName\" type=\"'comment' | 'edit' | 'generate' | null\" optional>Active tool used to interpret the response.</APIItem>\n  </APIOptions>\n</API>\n\n## API\n\n### `api.aiChat.submit(input, options?)`\n\nSubmits a prompt to your model provider. When `mode` is omitted it defaults to `'insert'` for a collapsed cursor and `'chat'` otherwise.\n\n<API name=\"submit\">\n<APIParameters>\n  <APIItem name=\"input\" type=\"string\">Raw input from the user.</APIItem>\n  <APIItem name=\"options\" type=\"object\" optional>Fine-tune submission behaviour.</APIItem>\n</APIParameters>\n<APIOptions type=\"object\">\n  <APIItem name=\"mode\" type=\"'chat' | 'insert'\" optional>Override the response mode.</APIItem>\n  <APIItem name=\"options\" type=\"ChatRequestOptions\" optional>Forwarded to `chat.sendMessage` (model, headers, etc.).</APIItem>\n  <APIItem name=\"prompt\" type=\"EditorPrompt\" optional>String, config, or function processed by `getEditorPrompt`.</APIItem>\n  <APIItem name=\"toolName\" type=\"'comment' | 'edit' | 'generate' | null\" optional>Tags the submission so hooks can react differently.</APIItem>\n</APIOptions>\n</API>\n\n### `api.aiChat.reset(options?)`\n\nClears chat state, removes AI nodes, and optionally undoes the last AI batch.\n\n<API name=\"reset\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ undo?: boolean }\" optional>Pass `undo: false` to keep streamed content.</APIItem>\n</APIParameters>\n</API>\n\n### `api.aiChat.node(options?)`\n\nRetrieves the first AI node that matches the specified criteria.\n\n<API name=\"node\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"EditorNodesOptions &amp; { anchor?: boolean; streaming?: boolean }\" optional>Set `anchor: true` to get the anchor node or `streaming: true` to retrieve the node currently being streamed into.</APIItem>\n</APIParameters>\n<APIReturns type=\"NodeEntry | undefined\">Matching node entry, if found.</APIReturns>\n</API>\n\n### `api.aiChat.reload()`\n\nReplays the last prompt using the stored `UseChatHelpers`, restoring the original selection or block selection before resubmitting.\n\n### `api.aiChat.stop()`\n\nStops streaming and calls `chat.stop`.\n\n### `api.aiChat.show()`\n\nOpens the AI menu, clears previous chat messages, and resets tool state.\n\n### `api.aiChat.hide(options?)`\n\nCloses the AI menu, optionally undoing the last AI batch and refocusing the editor.\n\n<API name=\"hide\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ focus?: boolean; undo?: boolean }\" optional>Set `focus: false` to keep focus outside the editor or `undo: false` to preserve inserted content.</APIItem>\n</APIParameters>\n</API>\n\n## Transforms\n\n### `tf.aiChat.accept()`\n\nAccepts the latest response. In insert mode it removes AI marks and places the caret at the end of the streamed content. In chat mode it applies the pending suggestions.\n\n### `tf.aiChat.insertBelow(sourceEditor, options?)`\n\nInserts the chat preview (`sourceEditor`) below the current selection or block selection.\n\n<API name=\"insertBelow\">\n<APIParameters>\n  <APIItem name=\"sourceEditor\" type=\"SlateEditor\">Editor containing the generated content.</APIItem>\n  <APIItem name=\"options\" type=\"{ format?: 'all' | 'none' | 'single' }\" optional>Copy formatting from the source selection. Defaults to `'single'`.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.aiChat.replaceSelection(sourceEditor, options?)`\n\nReplaces the current selection or block selection with the chat preview.\n\n<API name=\"replaceSelection\">\n<APIParameters>\n  <APIItem name=\"sourceEditor\" type=\"SlateEditor\">Editor containing the generated content.</APIItem>\n  <APIItem name=\"options\" type=\"{ format?: 'all' | 'none' | 'single' }\" optional>Controls how much formatting from the original selection should be applied.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.aiChat.removeAnchor(options?)`\n\nRemoves the temporary anchor node used to position the AI menu.\n\n<API name=\"removeAnchor\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"EditorNodesOptions\" optional>Filters the nodes to remove.</APIItem>\n</APIParameters>\n</API>\n\n### `tf.ai.insertNodes(nodes, options?)`\n\nInserts nodes tagged with the AI mark at the current selection (or `options.target`).\n\n### `tf.ai.removeMarks(options?)`\n\nClears the AI mark from matching nodes.\n\n### `tf.ai.removeNodes(options?)`\n\nRemoves text nodes that are marked as AI-generated.\n\n### `tf.ai.beginPreview(options?)`\n\nCaptures the rollback slice and selection for insert-mode AI preview. Call it once before writing the first unsaved preview chunk.\n\n<API name=\"beginPreview\">\n<APIParameters>\n  <APIItem name=\"options\" type=\"{ originalBlocks?: Value }\" optional>Top-level blocks that the preview will overwrite. Use `[]` when preview inserts after existing content.</APIItem>\n</APIParameters>\n<APIReturns type=\"boolean\">Returns `true` when a new preview rollback point was stored, or `false` when preview state already exists.</APIReturns>\n</API>\n\n### `tf.ai.acceptPreview()`\n\nCommits the active preview as one fresh undoable batch, strips preview-only markers, and clears preview bookkeeping.\n\n<API name=\"acceptPreview\">\n<APIReturns type=\"boolean\">Returns `true` when an active preview was committed.</APIReturns>\n</API>\n\n### `tf.ai.cancelPreview()`\n\nRestores the rollback point for the active preview and clears preview bookkeeping.\n\n<API name=\"cancelPreview\">\n<APIReturns type=\"boolean\">Returns `true` when an active preview was restored.</APIReturns>\n</API>\n\n### `tf.ai.discardPreview()`\n\nClears preview bookkeeping without restoring content. Use it when the previewed content should stay in place.\n\n<API name=\"discardPreview\">\n<APIReturns type=\"boolean\">Returns `true` when active preview bookkeeping was cleared.</APIReturns>\n</API>\n\n### `tf.ai.hasPreview()`\n\nReports whether an insert-mode preview rollback point is currently active.\n\n<API name=\"hasPreview\">\n<APIReturns type=\"boolean\">Returns `true` when preview rollback state exists.</APIReturns>\n</API>\n\n### `tf.ai.undo()`\n\nUndoes the latest AI history entry when it was created by `withAIBatch`. If an insert-mode preview is active, it cancels that preview first instead of replaying every streamed chunk. In both cases it avoids re-applying AI output from redo.\n\n## Customization\n\n### Adding Custom AI Commands\n\n<ComponentSource name=\"ai-menu\" />\n\nExtend the `aiChatItems` map to add new commands. Each command receives `{ aiEditor, editor, input }` and can dispatch `api.aiChat.submit` with custom prompts or transforms.\n\n#### Simple Custom Command\n\n```tsx\nsummarizeInBullets: {\n  icon: <ListIcon />,\n  label: 'Summarize in bullets',\n  value: 'summarizeInBullets',\n  onSelect: ({ editor }) => {\n    void editor.getApi(AIChatPlugin).aiChat.submit('', {\n      prompt: 'Summarize the current selection using bullet points',\n      toolName: 'generate',\n    });\n  },\n},\n```\n\n#### Command with Complex Logic\n\n```tsx\ngenerateTOC: {\n  icon: <BookIcon />,\n  label: 'Generate table of contents',\n  value: 'generateTOC',\n  onSelect: ({ editor }) => {\n    const headings = editor.api.nodes({\n      match: (n) => ['h1', 'h2', 'h3'].includes(n.type as string),\n    });\n\n    const prompt =\n      headings.length === 0\n        ? 'Create a realistic table of contents for this document'\n        : 'Generate a table of contents that reflects the existing headings';\n\n    void editor.getApi(AIChatPlugin).aiChat.submit('', {\n      mode: 'insert',\n      prompt,\n      toolName: 'generate',\n    });\n  },\n},\n```\n\nThe menu automatically switches between command and suggestion states:\n\n- `cursorCommand`: Cursor is collapsed and no response yet.\n- `selectionCommand`: Text is selected and no response yet.\n- `cursorSuggestion` / `selectionSuggestion`: A response exists, so actions like Accept, Try Again, or Insert Below are shown.\n\nUse `toolName` (`'generate' | 'edit' | 'comment'`) to control how streaming hooks process the response. For example, `'edit'` enables diff-based suggestions, and `'comment'` allows you to convert streamed comments into discussion threads with `aiCommentToRange`.\n",
       "type": "registry:file",
       "target": "content/docs/plate/(plugins)/(ai)/ai.mdx"
     }
diff --git a/apps/www/public/r/ai-kit.json b/apps/www/public/r/ai-kit.json
index 9a5b8894dc..fcda0d0a00 100644
--- a/apps/www/public/r/ai-kit.json
+++ b/apps/www/public/r/ai-kit.json
@@ -14,9 +14,14 @@
     "https://platejs.org/r/ai-api.json"
   ],
   "files": [
+    {
+      "path": "src/registry/lib/ai-stream-batching.ts",
+      "content": "const DEFAULT_BATCH_WINDOW_IN_MS = 16;\nconst SLOW_BATCH_WINDOW_IN_MS = 32;\nconst SLOW_FLUSH_THRESHOLD_IN_MS = 24;\n\ntype AIStreamBatchTimer = ReturnType<typeof setTimeout>;\ntype AIStreamBatchFlushOptions = {\n  force?: boolean;\n};\n\nexport type AIStreamBatcher = ReturnType<typeof createAIStreamBatcher>;\n\nexport function shouldFlushAIStreamChunkImmediately(chunk: string) {\n  return chunk.includes('\\n') || chunk.includes('```') || chunk.includes('|');\n}\n\nexport function createAIStreamBatcher({\n  applyChunk,\n  cancel = clearTimeout,\n  getNow = () => performance.now(),\n  schedule = setTimeout,\n}: {\n  applyChunk: (chunk: string, options?: AIStreamBatchFlushOptions) => void;\n  cancel?: (timer: AIStreamBatchTimer) => void;\n  getNow?: () => number;\n  schedule?: (callback: () => void, delayInMs: number) => AIStreamBatchTimer;\n}) {\n  let batchWindowInMs = DEFAULT_BATCH_WINDOW_IN_MS;\n  let pendingChunk = '';\n  let timer: AIStreamBatchTimer | null = null;\n\n  const clearTimer = () => {\n    if (timer) {\n      cancel(timer);\n      timer = null;\n    }\n  };\n\n  const flush = (options?: AIStreamBatchFlushOptions) => {\n    if (!pendingChunk) return false;\n\n    const chunk = pendingChunk;\n\n    pendingChunk = '';\n    clearTimer();\n\n    const startedAt = getNow();\n\n    applyChunk(chunk, options);\n\n    batchWindowInMs =\n      getNow() - startedAt > SLOW_FLUSH_THRESHOLD_IN_MS\n        ? SLOW_BATCH_WINDOW_IN_MS\n        : DEFAULT_BATCH_WINDOW_IN_MS;\n\n    return true;\n  };\n\n  const queue = ({ chunk, isFirst }: { chunk: string; isFirst: boolean }) => {\n    if (!chunk) return;\n\n    if (isFirst) {\n      reset();\n      pendingChunk = chunk;\n      flush();\n\n      return;\n    }\n\n    pendingChunk += chunk;\n\n    if (shouldFlushAIStreamChunkImmediately(chunk)) {\n      flush();\n\n      return;\n    }\n\n    if (!timer) {\n      timer = schedule(() => {\n        timer = null;\n        flush();\n      }, batchWindowInMs);\n    }\n  };\n\n  const reset = () => {\n    pendingChunk = '';\n    batchWindowInMs = DEFAULT_BATCH_WINDOW_IN_MS;\n    clearTimer();\n  };\n\n  return {\n    flush,\n    getBatchWindowInMs: () => batchWindowInMs,\n    getPendingChunk: () => pendingChunk,\n    queue,\n    reset,\n  };\n}\n",
+      "type": "registry:lib"
+    },
     {
       "path": "src/registry/components/editor/plugins/ai-kit.tsx",
-      "content": "'use client';\n\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { BaseAIPlugin, withAIBatch } from '@platejs/ai';\nimport {\n  AIChatPlugin,\n  AIPlugin,\n  applyAISuggestions,\n  getInsertPreviewStart,\n  streamInsertChunk,\n  useChatChunk,\n} from '@platejs/ai/react';\nimport { ElementApi, getPluginType, KEYS, PathApi } from 'platejs';\nimport { usePluginOption } from 'platejs/react';\n\nimport { AILoadingBar, AIMenu } from '@/registry/ui/ai-menu';\nimport { AIAnchorElement, AILeaf } from '@/registry/ui/ai-node';\n\nimport { useChat } from '../use-chat';\nimport { CursorOverlayKit } from './cursor-overlay-kit';\nimport { MarkdownKit } from './markdown-kit';\n\nexport const aiChatPlugin = AIChatPlugin.extend({\n  options: {\n    chatOptions: {\n      api: '/api/ai/command',\n      body: {},\n    },\n  },\n  render: {\n    afterContainer: AILoadingBar,\n    afterEditable: AIMenu,\n    node: AIAnchorElement,\n  },\n  shortcuts: { show: { keys: 'mod+j' } },\n  useHooks: ({ editor, getOption }) => {\n    useChat();\n\n    const mode = usePluginOption(AIChatPlugin, 'mode');\n    const toolName = usePluginOption(AIChatPlugin, 'toolName');\n    useChatChunk({\n      onChunk: ({ chunk, isFirst, nodes, text: content }) => {\n        if (isFirst && mode === 'insert') {\n          const { startBlock, startInEmptyParagraph } =\n            getInsertPreviewStart(editor);\n\n          editor.getTransforms(BaseAIPlugin).ai.beginPreview({\n            originalBlocks:\n              startInEmptyParagraph &&\n              startBlock &&\n              ElementApi.isElement(startBlock)\n                ? [cloneDeep(startBlock)]\n                : [],\n          });\n\n          editor.tf.withoutSaving(() => {\n            editor.tf.insertNodes(\n              {\n                children: [{ text: '' }],\n                type: getPluginType(editor, KEYS.aiChat),\n              },\n              {\n                at: PathApi.next(editor.selection!.focus.path.slice(0, 1)),\n              }\n            );\n          });\n          editor.setOption(AIChatPlugin, 'streaming', true);\n        }\n\n        if (mode === 'insert' && nodes.length > 0) {\n          editor.tf.withoutSaving(() => {\n            if (!getOption('streaming')) return;\n\n            editor.tf.withScrolling(() => {\n              streamInsertChunk(editor, chunk, {\n                textProps: {\n                  [getPluginType(editor, KEYS.ai)]: true,\n                },\n              });\n            });\n          });\n        }\n\n        if (toolName === 'edit' && mode === 'chat') {\n          withAIBatch(\n            editor,\n            () => {\n              applyAISuggestions(editor, content);\n            },\n            {\n              split: isFirst,\n            }\n          );\n        }\n      },\n      onFinish: () => {\n        editor.setOption(AIChatPlugin, 'streaming', false);\n        editor.setOption(AIChatPlugin, '_blockChunks', '');\n        editor.setOption(AIChatPlugin, '_blockPath', null);\n        editor.setOption(AIChatPlugin, '_mdxName', null);\n      },\n    });\n  },\n});\n\nexport const AIKit = [\n  ...CursorOverlayKit,\n  ...MarkdownKit,\n  AIPlugin.withComponent(AILeaf),\n  aiChatPlugin,\n];\n",
+      "content": "'use client';\n\nimport { useEffect, useRef } from 'react';\n\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { BaseAIPlugin, withAIBatch } from '@platejs/ai';\nimport {\n  AIChatPlugin,\n  AIPlugin,\n  applyAISuggestions,\n  getInsertPreviewStart,\n  resetStreamInsertChunk,\n  streamInsertChunk,\n  useChatChunk,\n} from '@platejs/ai/react';\nimport { ElementApi, getPluginType, KEYS, PathApi } from 'platejs';\nimport { usePluginOption } from 'platejs/react';\n\nimport { AILoadingBar, AIMenu } from '@/registry/ui/ai-menu';\nimport { AIAnchorElement, AILeaf } from '@/registry/ui/ai-node';\nimport { createAIStreamBatcher } from '@/registry/lib/ai-stream-batching';\n\nimport { useChat } from '../use-chat';\nimport { CursorOverlayKit } from './cursor-overlay-kit';\nimport { MarkdownKit } from './markdown-kit';\n\nexport const aiChatPlugin = AIChatPlugin.extend({\n  options: {\n    chatOptions: {\n      api: '/api/ai/command',\n      body: {},\n    },\n  },\n  render: {\n    afterContainer: AILoadingBar,\n    afterEditable: AIMenu,\n    node: AIAnchorElement,\n  },\n  shortcuts: { show: { keys: 'mod+j' } },\n  useHooks: ({ editor, getOption }) => {\n    useChat();\n\n    const mode = usePluginOption(AIChatPlugin, 'mode');\n    const toolName = usePluginOption(AIChatPlugin, 'toolName');\n    const insertStreamBatcherRef = useRef<ReturnType<\n      typeof createAIStreamBatcher\n    > | null>(null);\n\n    if (!insertStreamBatcherRef.current) {\n      insertStreamBatcherRef.current = createAIStreamBatcher({\n        applyChunk: (chunk, options) => {\n          editor.tf.withoutSaving(() => {\n            if (!getOption('streaming') && !options?.force) return;\n\n            editor.tf.withScrolling(() => {\n              streamInsertChunk(editor, chunk, {\n                textProps: {\n                  [getPluginType(editor, KEYS.ai)]: true,\n                },\n              });\n            });\n          });\n        },\n      });\n    }\n\n    useEffect(\n      () => () => {\n        insertStreamBatcherRef.current?.reset();\n      },\n      []\n    );\n\n    useChatChunk({\n      onChunk: ({ chunk, isFirst, nodes, text: content }) => {\n        if (isFirst && mode === 'insert') {\n          const { startBlock, startInEmptyParagraph } =\n            getInsertPreviewStart(editor);\n\n          editor.getTransforms(BaseAIPlugin).ai.beginPreview({\n            originalBlocks:\n              startInEmptyParagraph &&\n              startBlock &&\n              ElementApi.isElement(startBlock)\n                ? [cloneDeep(startBlock)]\n                : [],\n          });\n\n          editor.tf.withoutSaving(() => {\n            editor.tf.insertNodes(\n              {\n                children: [{ text: '' }],\n                type: getPluginType(editor, KEYS.aiChat),\n              },\n              {\n                at: PathApi.next(editor.selection!.focus.path.slice(0, 1)),\n              }\n            );\n          });\n          editor.setOption(AIChatPlugin, 'streaming', true);\n        }\n\n        if (mode === 'insert' && nodes.length > 0) {\n          insertStreamBatcherRef.current?.queue({ chunk, isFirst });\n        }\n\n        if (toolName === 'edit' && mode === 'chat') {\n          withAIBatch(\n            editor,\n            () => {\n              applyAISuggestions(editor, content);\n            },\n            {\n              split: isFirst,\n            }\n          );\n        }\n      },\n      onFinish: () => {\n        insertStreamBatcherRef.current?.flush({ force: true });\n        editor.setOption(AIChatPlugin, 'streaming', false);\n        resetStreamInsertChunk(editor);\n        insertStreamBatcherRef.current?.reset();\n      },\n    });\n  },\n});\n\nexport const AIKit = [\n  ...CursorOverlayKit,\n  ...MarkdownKit,\n  AIPlugin.withComponent(AILeaf),\n  aiChatPlugin,\n];\n",
       "type": "registry:component"
     }
   ]
diff --git a/apps/www/public/r/markdown-streaming-demo.json b/apps/www/public/r/markdown-streaming-demo.json
index 14e5931164..8f8fddfe1b 100644
--- a/apps/www/public/r/markdown-streaming-demo.json
+++ b/apps/www/public/r/markdown-streaming-demo.json
@@ -4,14 +4,13 @@
   "type": "registry:example",
   "dependencies": [],
   "registryDependencies": [
-    "https://platejs.org/r/copilot-kit.json",
     "https://platejs.org/r/editor-kit.json",
     "https://platejs.org/r/markdown-joiner-transform.json"
   ],
   "files": [
     {
       "path": "src/registry/examples/markdown-streaming-demo.tsx",
-      "content": "'use client';\nimport {\n  type HTMLAttributes,\n  useCallback,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nimport { AIChatPlugin, streamInsertChunk } from '@platejs/ai/react';\nimport { deserializeMd } from '@platejs/markdown';\nimport {\n  ChevronFirstIcon,\n  ChevronLastIcon,\n  PauseIcon,\n  PlayIcon,\n  RotateCcwIcon,\n} from 'lucide-react';\nimport { getPluginType, KEYS } from 'platejs';\nimport { Plate, usePlateEditor, usePlateViewEditor } from 'platejs/react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\nimport { EditorKit } from '@/registry/components/editor/editor-kit';\nimport { CopilotKit } from '@/registry/components/editor/plugins/copilot-kit';\nimport { MarkdownJoiner } from '@/registry/lib/markdown-joiner-transform';\nimport { Editor, EditorContainer, EditorView } from '@/registry/ui/editor';\n\nimport { BaseEditorKit } from '../components/editor/editor-base-kit';\n\nconst CAPITALIZE_REGEX = /([A-Z])/g;\nconst FIRST_CHAR_REGEX = /^./;\nconst TRAILING_NEWLINES_REGEX = /(\\n+)$/;\n\nconst testScenarios = {\n  // Basic markdown with complete elements\n  columns: [\n    'paragraph\\n\\n<column',\n    '_group',\n    '>\\n',\n    ' ',\n    ' <',\n    'column',\n    ' width',\n    '=\"',\n    '33',\n    '.',\n    '333',\n    '333',\n    '333',\n    '333',\n    '336',\n    '%\">\\n',\n    '   ',\n    ' ',\n    '1',\n    '\\n',\n    ' ',\n    ' </',\n    'column',\n    '>\\n',\n    ' ',\n    ' <',\n    'column',\n    ' width',\n    '=\"',\n    '33',\n    '.',\n    '333',\n    '333',\n    '333',\n    '333',\n    '336',\n    '%\">\\n',\n    '   ',\n    ' ',\n    '2',\n    '\\n',\n    ' ',\n    ' </',\n    'column',\n    '>\\n',\n    ' ',\n    ' <',\n    'column',\n    ' width',\n    '=\"',\n    '33',\n    '.',\n    '333',\n    '333',\n    '333',\n    '333',\n    '336',\n    '%\">\\n',\n    '   ',\n    ' ',\n    '3',\n    '\\n',\n    ' ',\n    ' </',\n    'column',\n    '>\\n',\n    '</',\n    'column',\n    '_group',\n    '>\\n\\nparagraph',\n  ],\n  links: [\n    '[Link ',\n    'to OpenA',\n    'I](https://www.openai.com)\\n\\n',\n    '[Link ',\n    'to Google',\n    'I](https://ww',\n    'w.google.com/1',\n    '11',\n    '22',\n    'xx',\n    'yy',\n    'zz',\n    'aa',\n    'bb',\n    'cc',\n    'dd',\n    'ee',\n    '33)\\n\\n',\n    '[False Positive',\n    '11',\n    '22',\n    '33',\n    '44',\n    '55',\n    '66',\n    '77',\n    '88',\n    '99',\n    '100',\n  ],\n  lists: ['1.', ' number 1\\n', '- ', 'List B\\n', '-', ' [x] ', 'Task C'],\n  listWithImage: [\n    '## ',\n    'Links ',\n    'and ',\n    'Images\\n\\n',\n    '- [Link ',\n    'to OpenA',\n    'I](https://www.openai.com)\\n',\n    '- ![Sample Image](https://via.placeholder.com/150)\\n\\n',\n  ],\n  nestedStructureBlock: [\n    '```',\n    'javascript',\n    '\\n',\n    'import',\n    ' React',\n    ' from',\n    \" '\",\n    'react',\n    \"';\\n\",\n    'import',\n    ' {',\n    ' Plate',\n    ' }',\n    ' from',\n    \" '@\",\n    'ud',\n    'ecode',\n    '/',\n    'plate',\n    \"';\\n\\n\",\n    'const',\n    ' Basic',\n    'Editor',\n    ' =',\n    ' ()',\n    ' =>',\n    ' {\\n',\n    ' ',\n    ' return',\n    ' (\\n',\n    '   ',\n    ' <',\n    'Plate',\n    '>\\n',\n    '     ',\n    ' {/*',\n    ' Add',\n    ' your',\n    ' plugins',\n    ' and',\n    ' components',\n    ' here',\n    ' */}\\n',\n    '   ',\n    ' </',\n    'Plate',\n    '>\\n',\n    ' ',\n    ' );\\n',\n    '};\\n\\n',\n    'export',\n    ' default',\n    ' Basic',\n    'Editor',\n    ';\\n',\n    '```',\n  ],\n  table: [\n    '| Feature          |',\n    ' Plate',\n    '.js',\n    '                                     ',\n    ' ',\n    '| Slate.js                                     ',\n    ' ',\n    '|\\n|------------------',\n    '|--------------------------------',\n    '---------------',\n    '|--------------------------------',\n    '---------------',\n    '|\\n| Purpose         ',\n    ' ',\n    '| Rich text editor framework',\n    '                   ',\n    ' ',\n    '| Rich text editor framework',\n    '                   ',\n    ' ',\n    '|\\n| Flexibility     ',\n    ' ',\n    '| Highly customizable',\n    ' with',\n    ' plugins',\n    '             ',\n    ' ',\n    '| Highly customizable',\n    ' with',\n    ' plugins',\n    '             ',\n    ' ',\n    '|\\n| Community       ',\n    ' ',\n    '| Growing community support',\n    '                    ',\n    ' ',\n    '| Established community',\n    ' support',\n    '                ',\n    ' ',\n    '|\\n| Documentation   ',\n    ' ',\n    '| Comprehensive documentation',\n    ' available',\n    '        ',\n    ' ',\n    '| Comprehensive documentation',\n    ' available',\n    '        ',\n    ' ',\n    '|\\n| Performance     ',\n    ' ',\n    '| Optimized for performance',\n    ' with',\n    ' large',\n    ' documents',\n    '| Good performance, but',\n    ' may',\n    ' require',\n    ' optimization',\n    '|\\n| Integration     ',\n    ' ',\n    '| Easy integration with',\n    ' React',\n    '                  ',\n    ' ',\n    '| Easy integration with',\n    ' React',\n    '                  ',\n    ' ',\n    '|\\n| Use Cases       ',\n    ' ',\n    '| Suitable for complex',\n    ' editing',\n    ' needs',\n    '           ',\n    ' ',\n    '| Suitable for complex',\n    ' editing',\n    ' needs',\n    '           ',\n    ' ',\n    '\\n\\n',\n    'Paragraph ',\n    'should ',\n    'exist ',\n    'from ',\n    'table',\n  ],\n};\n\nexport default function MarkdownStreamingDemo() {\n  const [selectedScenario, setSelectedScenario] =\n    useState<keyof typeof testScenarios>('columns');\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n  const isPauseRef = useRef(false);\n  const streamSessionRef = useRef(0);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n  const [streaming, setStreaming] = useState(false);\n  const [isPlateStatic, setIsPlateStatic] = useState(false);\n  const [speed, setSpeed] = useState<number | null>(null);\n\n  const editor = usePlateEditor(\n    {\n      plugins: [...CopilotKit, ...EditorKit],\n      value: [],\n    },\n    []\n  );\n\n  const editorStatic = usePlateViewEditor(\n    {\n      plugins: BaseEditorKit,\n    },\n    []\n  );\n\n  const currentChunks = testScenarios[selectedScenario];\n  const transformedCurrentChunks = transformedChunks(currentChunks);\n\n  const onStreaming = useCallback(async () => {\n    setStreaming(true);\n    streamSessionRef.current += 1;\n    const sessionId = streamSessionRef.current;\n\n    isPauseRef.current = false;\n    setActiveIndex(0);\n    // editor.tf.setValue([]);\n\n    editor.setOption(AIChatPlugin, 'streaming', false);\n    editor.setOption(AIChatPlugin, '_blockChunks', '');\n    editor.setOption(AIChatPlugin, '_blockPath', null);\n\n    for (let i = 0; i < transformedCurrentChunks.length; i++) {\n      while (isPauseRef.current) {\n        if (sessionId !== streamSessionRef.current) return;\n        await new Promise((resolve) => setTimeout(resolve, 100));\n      }\n\n      if (sessionId !== streamSessionRef.current) return;\n\n      setActiveIndex(i + 1);\n\n      const chunk = transformedCurrentChunks[i];\n\n      streamInsertChunk(editor, chunk.chunk, {\n        textProps: {\n          [getPluginType(editor, KEYS.ai)]: true,\n        },\n      });\n\n      await new Promise((resolve) =>\n        setTimeout(resolve, speed ?? chunk.delayInMs)\n      );\n\n      if (sessionId !== streamSessionRef.current) return;\n    }\n    setStreaming(false);\n  }, [editor, transformedCurrentChunks, speed]);\n\n  const onStreamingStatic = useCallback(async () => {\n    let output = '';\n    setStreaming(true);\n    streamSessionRef.current += 1;\n\n    for (const chunk of transformedCurrentChunks) {\n      output += chunk.chunk;\n      // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for streaming visualization\n      editorStatic.children = deserializeMd(editorStatic, output);\n      setActiveIndex((prev) => prev + 1);\n      forceUpdate();\n      await new Promise((resolve) =>\n        setTimeout(resolve, speed ?? chunk.delayInMs)\n      );\n    }\n    setStreaming(false);\n  }, [editorStatic, speed, transformedCurrentChunks]);\n\n  const onReset = useCallback(() => {\n    setActiveIndex(0);\n    if (isPlateStatic) {\n      // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for reset\n      editorStatic.children = [];\n      forceUpdate();\n    } else {\n      editor.tf.setValue([]);\n      editor.setOption(AIChatPlugin, 'streaming', false);\n      editor.setOption(AIChatPlugin, '_blockChunks', '');\n      editor.setOption(AIChatPlugin, '_blockPath', null);\n    }\n  }, [editor, editorStatic, isPlateStatic]);\n\n  const onNavigate = useCallback(\n    (targetIndex: number) => {\n      // Check if navigation is possible\n      if (targetIndex < 0 || targetIndex > transformedCurrentChunks.length)\n        return;\n\n      if (isPlateStatic) {\n        let output = '';\n        for (const chunk of transformedCurrentChunks.slice(0, targetIndex)) {\n          output += chunk.chunk;\n        }\n\n        // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for navigation\n        editorStatic.children = deserializeMd(editorStatic, output);\n        setActiveIndex(targetIndex);\n        forceUpdate();\n      } else {\n        editor.tf.setValue([]);\n\n        editor.setOption(AIChatPlugin, 'streaming', false);\n        editor.setOption(AIChatPlugin, '_blockChunks', '');\n        editor.setOption(AIChatPlugin, '_blockPath', null);\n\n        for (const chunk of transformedCurrentChunks.slice(0, targetIndex)) {\n          streamInsertChunk(editor, chunk.chunk, {\n            textProps: {\n              [getPluginType(editor, KEYS.ai)]: true,\n            },\n          });\n        }\n        setActiveIndex(targetIndex);\n      }\n    },\n    [editor, editorStatic, isPlateStatic, transformedCurrentChunks]\n  );\n\n  const onPrev = useCallback(\n    () => onNavigate(activeIndex - 1),\n    [onNavigate, activeIndex]\n  );\n  const onNext = useCallback(\n    () => onNavigate(activeIndex + 1),\n    [onNavigate, activeIndex]\n  );\n\n  return (\n    <section className=\"h-full overflow-y-auto p-20\">\n      <div className=\"mb-10 rounded bg-gray-100 p-4\">\n        {/* Scenario Selection */}\n        <div className=\"mb-4\">\n          <span className=\"mb-2 block font-medium text-sm\">Test Scenario:</span>\n          <select\n            className=\"w-64 rounded border px-3 py-2\"\n            value={selectedScenario}\n            onChange={(e) => {\n              setSelectedScenario(e.target.value as keyof typeof testScenarios);\n              setActiveIndex(0);\n              editor.tf.setValue([]);\n            }}\n          >\n            {Object.entries(testScenarios).map(([key]) => (\n              <option key={key} value={key}>\n                {key\n                  .replace(CAPITALIZE_REGEX, ' $1')\n                  .replace(FIRST_CHAR_REGEX, (str) => str.toUpperCase())}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Control Buttons */}\n        <div className=\"mb-4 flex items-center gap-2\">\n          <Button onClick={onPrev}>\n            <ChevronFirstIcon />\n          </Button>\n\n          <Button\n            onClick={() => {\n              if (streaming) {\n                isPauseRef.current = !isPauseRef.current;\n                forceUpdate();\n              } else if (isPlateStatic) {\n                onStreamingStatic();\n              } else {\n                onStreaming();\n              }\n            }}\n          >\n            {isPauseRef.current || !streaming ? <PlayIcon /> : <PauseIcon />}\n          </Button>\n\n          <Button onClick={onNext}>\n            <ChevronLastIcon />\n          </Button>\n\n          <Button onClick={() => onReset()}>\n            <RotateCcwIcon />\n          </Button>\n\n          <Button\n            onClick={() => {\n              setIsPlateStatic(!isPlateStatic);\n              onReset();\n            }}\n          >\n            Switch to {isPlateStatic ? 'Plate' : 'PlateStatic'}\n          </Button>\n        </div>\n\n        <div className=\"mb-4 flex items-center gap-2\">\n          <span className=\"block font-medium text-sm\">Speed:</span>\n          <select\n            className=\"rounded border px-2 py-1\"\n            value={speed ?? 'default'}\n            onChange={(e) =>\n              setSpeed(\n                e.target.value === 'default' ? null : Number(e.target.value)\n              )\n            }\n          >\n            {['default', 10, 100, 200].map((ms) => (\n              <option key={ms} value={ms}>\n                {ms === 'default'\n                  ? 'Default'\n                  : ms === 10\n                    ? 'Fast(10ms)'\n                    : ms === 100\n                      ? 'Medium(100ms)'\n                      : ms === 200\n                        ? 'Slow(200ms)'\n                        : `${ms}ms`}\n              </option>\n            ))}\n          </select>\n          <span className=\"text-muted-foreground text-sm\">\n            The default speed is 10ms, but it adjusts to 100ms when streaming a\n            table or code block.\n          </span>\n        </div>\n\n        <div className=\"my-4 h-2 w-full rounded bg-gray-200\">\n          <div\n            className=\"h-2 rounded bg-primary transition-all duration-300\"\n            style={{\n              width: `${(activeIndex / (transformedCurrentChunks.length || 1)) * 100}%`,\n            }}\n          />\n        </div>\n\n        <span className=\"text-muted-foreground text-sm\">\n          PlateStatic offers more robust and flawless performance.\n        </span>\n      </div>\n\n      <div className=\"my-2 flex gap-10\">\n        <div className=\"w-1/2\">\n          <h3 className=\"mb-2 font-semibold\">\n            Transformed Chunks ({activeIndex}/{transformedCurrentChunks.length})\n          </h3>\n          <Tokens\n            activeIndex={activeIndex}\n            chunkClick={onNavigate}\n            chunks={splitChunksByLinebreak(\n              transformedCurrentChunks.map((c) => c.chunk)\n            )}\n          />\n        </div>\n\n        <div className=\"w-1/2\">\n          <h3 className=\"mb-2 font-semibold\">Editor Output</h3>\n          {isPlateStatic ? (\n            <EditorView\n              className=\"h-[500px] overflow-y-auto rounded border\"\n              editor={editorStatic}\n            />\n          ) : (\n            <Plate editor={editor}>\n              <EditorContainer className=\"h-[500px] overflow-y-auto rounded border\">\n                <Editor\n                  variant=\"demo\"\n                  className=\"pb-[20vh]\"\n                  placeholder=\"Type something...\"\n                  spellCheck={false}\n                />\n              </EditorContainer>\n            </Plate>\n          )}\n        </div>\n      </div>\n\n      <h2 className=\"mt-8 mb-4 font-semibold text-xl\">Raw Token Comparison</h2>\n      <div className=\"my-2 flex gap-10\">\n        <div className=\"w-1/2\">\n          <h3 className=\"mb-2 font-semibold\">Original Chunks</h3>\n          <Tokens\n            activeIndex={0}\n            chunks={splitChunksByLinebreak(currentChunks)}\n          />\n        </div>\n\n        <div className=\"w-1/2\">\n          <h3 className=\"mb-2 font-semibold\">Raw Markdown Text</h3>\n          <textarea\n            className={cn(\n              'h-[500px] w-full overflow-y-auto rounded border p-4 font-mono text-sm'\n            )}\n            readOnly\n            value={currentChunks.join('')}\n          />\n        </div>\n      </div>\n    </section>\n  );\n}\n\ntype TChunks = {\n  chunks: {\n    index: number;\n    text: string;\n  }[];\n  linebreaks: number;\n};\n\nfunction splitChunksByLinebreak(chunks: string[]) {\n  const result: TChunks[] = [];\n  let current: { index: number; text: string }[] = [];\n\n  for (let i = 0; i < chunks.length; i++) {\n    const chunk = chunks[i];\n    current.push({ index: i, text: chunk });\n\n    const match = TRAILING_NEWLINES_REGEX.exec(chunk);\n    if (match) {\n      const linebreaks = match[1].length;\n      result.push({\n        chunks: [...current],\n        linebreaks,\n      });\n      current = [];\n    }\n  }\n\n  if (current.length > 0) {\n    result.push({\n      chunks: [...current],\n      linebreaks: 0,\n    });\n  }\n\n  return result;\n}\n\ntype TChunk = { chunk: string; delayInMs: number };\nconst transformedChunks = (chunks: string[]): TChunk[] => {\n  const result: TChunk[] = [];\n  const joiner = new MarkdownJoiner();\n  for (const chunk of chunks) {\n    const processed = joiner.processText(chunk);\n    if (processed) {\n      result.push({ chunk: processed, delayInMs: joiner.delayInMs });\n    }\n  }\n  // flush any remaining buffered content\n  const remaining = joiner.flush();\n  if (remaining) {\n    result.push({ chunk: remaining, delayInMs: joiner.delayInMs });\n  }\n  return result;\n};\n\nconst Tokens = ({\n  activeIndex,\n  chunkClick,\n  chunks,\n  ...props\n}: {\n  activeIndex: number;\n  chunks: TChunks[];\n  chunkClick?: (index: number) => void;\n} & HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className=\"my-1 h-[500px] overflow-y-auto rounded bg-gray-100 p-4 font-mono\"\n    {...props}\n  >\n    {chunks.map((chunk, index) => (\n      <div key={index} className=\"py-1\">\n        {chunk.chunks.map((c, j) => {\n          const lineBreak = c.text.replaceAll('\\n', '⤶');\n          const space = lineBreak.replaceAll(' ', '␣');\n\n          return (\n            <span\n              key={j}\n              role=\"button\"\n              className={cn(\n                'mx-1 inline-block rounded border p-1',\n                activeIndex && c.index < activeIndex && 'bg-amber-400'\n              )}\n              onClick={() => chunkClick?.(c.index + 1)}\n            >\n              {space}\n            </span>\n          );\n        })}\n      </div>\n    ))}\n  </div>\n);\n",
+      "content": "'use client';\n\nimport {\n  Component,\n  type ErrorInfo,\n  type ReactNode,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  AIChatPlugin,\n  resetStreamInsertChunk,\n  streamInsertChunk,\n} from '@platejs/ai/react';\nimport { getPluginType, KEYS } from 'platejs';\nimport { Plate, usePlateEditor } from 'platejs/react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\nimport { EditorKit } from '@/registry/components/editor/editor-kit';\nimport {\n  type MarkdownStreamingChunk,\n  transformMarkdownStreamingChunks,\n} from '@/registry/lib/markdown-streaming-chunks';\nimport {\n  DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID,\n  DEFAULT_PLAYBACK_BURST_SIZE,\n  DEFAULT_PLAYBACK_DELAY_IN_MS,\n  type MarkdownStreamingDemoScenarioId,\n  getNextPlaybackIndex,\n  getPlaybackDelayInMs,\n  markdownStreamingDemoScenarios,\n  playbackBurstSizeOptions,\n  playbackDelayOptions,\n} from '@/registry/lib/markdown-streaming-demo-data';\nimport { Editor, EditorContainer } from '@/registry/ui/editor';\n\nconst TRAILING_LINEBREAK_REGEX = /(\\n+)$/;\nconst COPY_FEEDBACK_DURATION_MS = 1800;\nconst EMPTY_EDITOR_VALUE = [\n  {\n    children: [{ text: '' }],\n    type: 'p',\n  },\n] as const;\n\ntype SourceMode = 'preset' | 'pasted';\ntype TChunk = MarkdownStreamingChunk;\ntype AppliedStreamingState = {\n  appliedCount: number;\n  sourceIdentity: string;\n  streamedChunks: string[];\n};\ntype TChunks = {\n  chunks: {\n    index: number;\n    text: string;\n  }[];\n  linebreaks: number;\n};\n\ntype EditorRenderBoundaryProps = {\n  children: ReactNode;\n  currentChunkLabel: string;\n  onReset: () => void;\n  resetKey: string;\n};\n\ntype EditorRenderBoundaryState = {\n  errorMessage: string | null;\n};\n\nclass EditorRenderBoundary extends Component<\n  EditorRenderBoundaryProps,\n  EditorRenderBoundaryState\n> {\n  state: EditorRenderBoundaryState = {\n    errorMessage: null,\n  };\n\n  static getDerivedStateFromError(error: unknown): EditorRenderBoundaryState {\n    return {\n      errorMessage:\n        error instanceof Error ? error.message : 'Unknown editor render error.',\n    };\n  }\n\n  componentDidCatch(error: unknown, info: ErrorInfo) {\n    console.error('Registry markdown streaming demo crashed.', error, info);\n  }\n\n  componentDidUpdate(previousProps: EditorRenderBoundaryProps) {\n    if (\n      this.state.errorMessage &&\n      previousProps.resetKey !== this.props.resetKey\n    ) {\n      this.setState({ errorMessage: null });\n    }\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <div className=\"flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-6\">\n          <div className=\"space-y-3 text-red-900 text-sm\">\n            <strong className=\"block text-base\">Editor output crashed</strong>\n            <p>{this.state.errorMessage}</p>\n            <p>Current chunk: {this.props.currentChunkLabel}</p>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={this.props.onReset}\n            >\n              Reset editor pane\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\nfunction serializeChunksForClipboard(chunks: readonly string[]) {\n  return JSON.stringify(chunks, null, 2);\n}\n\nfunction parseSerializedChunks(source: string) {\n  const parsed = JSON.parse(source) as unknown;\n\n  if (\n    !Array.isArray(parsed) ||\n    parsed.some((chunk) => typeof chunk !== 'string')\n  ) {\n    throw new Error('Chunks must be a JSON array of strings.');\n  }\n\n  return [...parsed];\n}\n\nfunction cloneEditorValue() {\n  return JSON.parse(JSON.stringify(EMPTY_EDITOR_VALUE));\n}\n\nfunction resetStreamingState(editor: any) {\n  editor.setOption(AIChatPlugin, 'streaming', false);\n  resetStreamInsertChunk(editor);\n\n  if (editor.selection) {\n    editor.tf.deselect();\n  }\n\n  editor.tf.setValue(cloneEditorValue());\n}\n\nfunction applyChunk(editor: any, chunk: string) {\n  streamInsertChunk(editor, chunk, {\n    textProps: {\n      [getPluginType(editor, KEYS.ai)]: true,\n    },\n  });\n}\n\nfunction replayChunks(editor: any, chunks: string[], count: number) {\n  resetStreamingState(editor);\n  const chunkBatch = chunks.slice(0, count).join('');\n\n  if (chunkBatch.length > 0) {\n    applyChunk(editor, chunkBatch);\n  }\n}\n\nfunction isChunkPrefix(\n  previousChunks: readonly string[],\n  nextChunks: readonly string[]\n) {\n  if (previousChunks.length > nextChunks.length) {\n    return false;\n  }\n\n  return previousChunks.every((chunk, index) => chunk === nextChunks[index]);\n}\n\nfunction splitChunksByLinebreak(chunks: readonly string[]) {\n  const result: TChunks[] = [];\n  let current: { index: number; text: string }[] = [];\n\n  for (let index = 0; index < chunks.length; index += 1) {\n    const chunk = chunks[index];\n    current.push({ index, text: chunk });\n\n    const match = TRAILING_LINEBREAK_REGEX.exec(chunk);\n\n    if (match) {\n      result.push({\n        chunks: [...current],\n        linebreaks: match[1].length,\n      });\n      current = [];\n    }\n  }\n\n  if (current.length > 0) {\n    result.push({\n      chunks: [...current],\n      linebreaks: 0,\n    });\n  }\n\n  return result;\n}\n\nfunction transformChunks(chunks: readonly string[]): TChunk[] {\n  return transformMarkdownStreamingChunks(chunks);\n}\n\nfunction encodeEditorTree(editorChildren: unknown) {\n  return JSON.stringify(editorChildren, null, 2);\n}\n\nfunction InfoCard({\n  children,\n  description,\n  title,\n}: {\n  children: ReactNode;\n  description: ReactNode;\n  title: string;\n}) {\n  return (\n    <section className=\"flex h-[700px] min-h-0 flex-col rounded-3xl border border-slate-200 bg-white p-6 shadow-sm\">\n      <div className=\"mb-4 space-y-1\">\n        <h2 className=\"font-semibold text-2xl text-slate-900\">{title}</h2>\n        <p className=\"text-slate-500 text-sm\">{description}</p>\n      </div>\n      <div className=\"min-h-0 flex-1\">{children}</div>\n    </section>\n  );\n}\n\nfunction Tokens({\n  activeIndex,\n  chunkClick,\n  chunks,\n}: {\n  activeIndex: number;\n  chunks: TChunks[];\n  chunkClick?: (index: number) => void;\n}) {\n  return (\n    <div className=\"h-full overflow-y-auto rounded-2xl bg-slate-100 p-4 font-mono\">\n      {chunks.map((chunk, index) => (\n        <div key={index} className=\"py-1\">\n          {chunk.chunks.map((c, chunkIndex) => {\n            const lineBreak = c.text.replaceAll('\\n', '⤶');\n            const space = lineBreak.replaceAll(' ', '␣');\n\n            return (\n              <span\n                key={chunkIndex}\n                role=\"button\"\n                className={cn(\n                  'mx-1 inline-block rounded border p-1 text-xs transition',\n                  activeIndex && c.index < activeIndex\n                    ? 'bg-amber-400'\n                    : 'bg-white hover:bg-slate-50'\n                )}\n                onClick={() => chunkClick?.(c.index + 1)}\n              >\n                {space}\n              </span>\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default function MarkdownStreamingDemo() {\n  const [selectedScenario, setSelectedScenario] =\n    useState<MarkdownStreamingDemoScenarioId>(\n      DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID\n    );\n  const [sourceMode, setSourceMode] = useState<SourceMode>('preset');\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [playbackBurstSize, setPlaybackBurstSize] = useState(\n    DEFAULT_PLAYBACK_BURST_SIZE\n  );\n  const [playbackDelayInMs, setPlaybackDelayInMs] = useState(\n    DEFAULT_PLAYBACK_DELAY_IN_MS\n  );\n  const [treeJson, setTreeJson] = useState(\n    encodeEditorTree(EMPTY_EDITOR_VALUE)\n  );\n  const [demoError, setDemoError] = useState<string | null>(null);\n  const [copyChunksStatus, setCopyChunksStatus] = useState<\n    'idle' | 'copied' | 'error'\n  >('idle');\n  const [pasteChunksStatus, setPasteChunksStatus] = useState<\n    'idle' | 'loaded' | 'error'\n  >('idle');\n  const [pastedChunks, setPastedChunks] = useState<string[]>([]);\n  const copyStatusTimerRef = useRef<number | null>(null);\n  const pasteStatusTimerRef = useRef<number | null>(null);\n  const appliedStreamingStateRef = useRef<AppliedStreamingState>({\n    appliedCount: 0,\n    sourceIdentity: `preset:${DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID}`,\n    streamedChunks: [],\n  });\n\n  const editor = usePlateEditor(\n    {\n      plugins: EditorKit,\n      value: cloneEditorValue(),\n    },\n    []\n  );\n\n  const selectedScenarioDefinition =\n    markdownStreamingDemoScenarios[selectedScenario];\n  const scenarioEntries = Object.entries(markdownStreamingDemoScenarios) as [\n    MarkdownStreamingDemoScenarioId,\n    (typeof markdownStreamingDemoScenarios)[MarkdownStreamingDemoScenarioId],\n  ][];\n  const currentScenarioChunks = selectedScenarioDefinition.chunks;\n\n  const rawChunks = useMemo(() => {\n    if (sourceMode === 'pasted') {\n      return pastedChunks;\n    }\n\n    return currentScenarioChunks;\n  }, [currentScenarioChunks, pastedChunks, sourceMode]);\n\n  const transformedCurrentChunks = useMemo(\n    () => transformChunks(rawChunks),\n    [rawChunks]\n  );\n\n  const currentMarkdown = useMemo(\n    () =>\n      transformedCurrentChunks\n        .slice(0, activeIndex)\n        .map((item) => item.chunk)\n        .join(''),\n    [activeIndex, transformedCurrentChunks]\n  );\n\n  const rawActiveIndex = useMemo(() => {\n    if (activeIndex === 0) {\n      return 0;\n    }\n\n    const lastAppliedChunk =\n      transformedCurrentChunks[\n        Math.min(activeIndex - 1, transformedCurrentChunks.length - 1)\n      ];\n\n    return lastAppliedChunk ? lastAppliedChunk.rawEndIndex + 1 : 0;\n  }, [activeIndex, transformedCurrentChunks]);\n  const rawChunksByLine = useMemo(\n    () => splitChunksByLinebreak(rawChunks),\n    [rawChunks]\n  );\n\n  const currentSourceLabel =\n    sourceMode === 'pasted'\n      ? 'Pasted chunks'\n      : selectedScenarioDefinition.label;\n  const sourceIdentity =\n    sourceMode === 'preset' ? `preset:${selectedScenario}` : 'pasted';\n  const currentChunkLabel =\n    activeIndex === 0 ? 'before first chunk' : `#${activeIndex}`;\n  const editorBoundaryResetKey = `${sourceIdentity}:${activeIndex}`;\n  const syncTreeJson = useEffectEvent(() => {\n    setTreeJson(encodeEditorTree(editor.children));\n  });\n  const stopPlayback = useEffectEvent(() => {\n    setIsPlaying(false);\n  });\n\n  async function handleCopyChunks() {\n    try {\n      await navigator.clipboard.writeText(\n        serializeChunksForClipboard(rawChunks)\n      );\n      setCopyChunksStatus('copied');\n    } catch {\n      setCopyChunksStatus('error');\n    }\n  }\n\n  async function handlePasteChunks() {\n    let initialValue = '';\n\n    try {\n      initialValue = await navigator.clipboard.readText();\n    } catch {}\n\n    // biome-ignore lint/suspicious/noAlert: dev-only chunk import helper for local debugging.\n    const pastedValue = window.prompt(\n      'Paste the chunk array exported from Copy chunks.',\n      initialValue\n    );\n\n    if (pastedValue == null) {\n      return;\n    }\n\n    try {\n      const parsedChunks = parseSerializedChunks(pastedValue);\n\n      setSourceMode('pasted');\n      setPastedChunks(parsedChunks);\n      setDemoError(null);\n      setIsPlaying(false);\n      setActiveIndex(transformChunks(parsedChunks).length);\n      setPasteChunksStatus('loaded');\n    } catch (error) {\n      setPasteChunksStatus('error');\n      setDemoError(\n        error instanceof Error\n          ? error.message\n          : 'Failed to parse pasted chunks.'\n      );\n    }\n  }\n\n  function switchToPresetMode(nextScenario?: MarkdownStreamingDemoScenarioId) {\n    setSourceMode('preset');\n    setPastedChunks([]);\n    setDemoError(null);\n    setIsPlaying(false);\n    setActiveIndex(0);\n\n    if (nextScenario) {\n      setSelectedScenario(nextScenario);\n    }\n  }\n\n  useEffect(\n    () => () => {\n      if (copyStatusTimerRef.current != null) {\n        window.clearTimeout(copyStatusTimerRef.current);\n      }\n\n      if (pasteStatusTimerRef.current != null) {\n        window.clearTimeout(pasteStatusTimerRef.current);\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (copyChunksStatus === 'idle') return;\n\n    if (copyStatusTimerRef.current != null) {\n      window.clearTimeout(copyStatusTimerRef.current);\n    }\n\n    copyStatusTimerRef.current = window.setTimeout(() => {\n      setCopyChunksStatus('idle');\n      copyStatusTimerRef.current = null;\n    }, COPY_FEEDBACK_DURATION_MS);\n\n    return () => {\n      if (copyStatusTimerRef.current != null) {\n        window.clearTimeout(copyStatusTimerRef.current);\n      }\n    };\n  }, [copyChunksStatus]);\n\n  useEffect(() => {\n    if (pasteChunksStatus === 'idle') return;\n\n    if (pasteStatusTimerRef.current != null) {\n      window.clearTimeout(pasteStatusTimerRef.current);\n    }\n\n    pasteStatusTimerRef.current = window.setTimeout(() => {\n      setPasteChunksStatus('idle');\n      pasteStatusTimerRef.current = null;\n    }, COPY_FEEDBACK_DURATION_MS);\n\n    return () => {\n      if (pasteStatusTimerRef.current != null) {\n        window.clearTimeout(pasteStatusTimerRef.current);\n      }\n    };\n  }, [pasteChunksStatus]);\n\n  useEffect(() => {\n    const chunks = transformedCurrentChunks.map((item) => item.chunk);\n    const appliedState = appliedStreamingStateRef.current;\n    const needsReplay =\n      appliedState.sourceIdentity !== sourceIdentity ||\n      activeIndex < appliedState.appliedCount ||\n      !isChunkPrefix(appliedState.streamedChunks, chunks);\n\n    if (activeIndex === 0) {\n      if (\n        appliedState.appliedCount !== 0 ||\n        appliedState.sourceIdentity !== sourceIdentity\n      ) {\n        resetStreamingState(editor);\n        appliedStreamingStateRef.current = {\n          appliedCount: 0,\n          sourceIdentity,\n          streamedChunks: [],\n        };\n      }\n\n      syncTreeJson();\n      return;\n    }\n\n    if (needsReplay) {\n      replayChunks(editor, chunks, activeIndex);\n      appliedStreamingStateRef.current = {\n        appliedCount: activeIndex,\n        sourceIdentity,\n        streamedChunks: chunks.slice(0, activeIndex),\n      };\n      syncTreeJson();\n      return;\n    }\n\n    if (activeIndex > appliedState.appliedCount) {\n      const chunkBatch = chunks\n        .slice(appliedState.appliedCount, activeIndex)\n        .join('');\n\n      if (chunkBatch.length > 0) {\n        applyChunk(editor, chunkBatch);\n      }\n\n      appliedStreamingStateRef.current = {\n        appliedCount: activeIndex,\n        sourceIdentity,\n        streamedChunks: chunks.slice(0, activeIndex),\n      };\n    }\n\n    syncTreeJson();\n  }, [activeIndex, editor, sourceIdentity, transformedCurrentChunks]);\n\n  useEffect(() => {\n    if (!isPlaying) return;\n    if (activeIndex >= transformedCurrentChunks.length) {\n      stopPlayback();\n      return;\n    }\n\n    const timer = window.setTimeout(\n      () => {\n        setActiveIndex((previous) =>\n          getNextPlaybackIndex(\n            previous,\n            transformedCurrentChunks.length,\n            playbackBurstSize\n          )\n        );\n      },\n      getPlaybackDelayInMs(\n        playbackDelayInMs,\n        transformedCurrentChunks[activeIndex]?.delayInMs ?? 0\n      )\n    );\n\n    return () => window.clearTimeout(timer);\n  }, [\n    activeIndex,\n    isPlaying,\n    playbackBurstSize,\n    playbackDelayInMs,\n    transformedCurrentChunks,\n  ]);\n\n  return (\n    <section className=\"h-full overflow-y-auto p-8 md:p-12\">\n      <div className=\"space-y-6\">\n        <section className=\"rounded-3xl border border-slate-200 bg-white p-6 shadow-sm\">\n          <div className=\"flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between\">\n            <div className=\"space-y-4\">\n              <div>\n                <p className=\"font-semibold text-slate-500 text-xs uppercase tracking-[0.2em]\">\n                  Plate / Blocks\n                </p>\n                <h1 className=\"mt-2 font-semibold text-4xl text-slate-950\">\n                  Markdown streaming demo\n                </h1>\n                <p className=\"mt-3 max-w-3xl text-slate-600 text-sm\">\n                  This registry example now includes the same richer debugging\n                  workflow from the local dev demo, while still using\n                  Plate&apos;s real\n                  <code className=\"mx-1 rounded bg-slate-100 px-1.5 py-0.5\">\n                    streamInsertChunk\n                  </code>\n                  path only.\n                </p>\n              </div>\n\n              <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-6\">\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Scenario\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    {selectedScenarioDefinition.label}\n                  </strong>\n                </div>\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Source\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    {currentSourceLabel}\n                  </strong>\n                </div>\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Progress\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    {activeIndex}/{transformedCurrentChunks.length}\n                  </strong>\n                </div>\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Adapter\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    Plate streamInsertChunk\n                  </strong>\n                </div>\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Preset Delay\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    {playbackDelayInMs} ms\n                  </strong>\n                </div>\n                <div className=\"rounded-2xl bg-slate-50 px-4 py-3\">\n                  <span className=\"block text-slate-500 text-xs uppercase tracking-wide\">\n                    Burst Size\n                  </span>\n                  <strong className=\"mt-1 block text-slate-900\">\n                    {playbackBurstSize}\n                  </strong>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"flex flex-wrap gap-3\">\n              <label className=\"flex min-w-72 flex-col gap-2 text-slate-600 text-sm\">\n                <span className=\"font-medium text-slate-800\">Scenario</span>\n                <select\n                  className=\"rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm\"\n                  value={selectedScenario}\n                  onChange={(event) => {\n                    switchToPresetMode(\n                      event.target.value as MarkdownStreamingDemoScenarioId\n                    );\n                  }}\n                >\n                  {scenarioEntries.map(([scenarioId, scenario]) => (\n                    <option key={scenarioId} value={scenarioId}>\n                      {scenario.label}\n                    </option>\n                  ))}\n                </select>\n              </label>\n\n              <label className=\"flex min-w-48 flex-col gap-2 text-slate-600 text-sm\">\n                <span className=\"font-medium text-slate-800\">Preset delay</span>\n                <select\n                  className=\"rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm\"\n                  value={playbackDelayInMs}\n                  onChange={(event) => {\n                    setPlaybackDelayInMs(Number(event.target.value));\n                  }}\n                >\n                  {playbackDelayOptions.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </label>\n\n              <label className=\"flex min-w-48 flex-col gap-2 text-slate-600 text-sm\">\n                <span className=\"font-medium text-slate-800\">Burst size</span>\n                <select\n                  className=\"rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm\"\n                  value={playbackBurstSize}\n                  onChange={(event) => {\n                    setPlaybackBurstSize(Number(event.target.value));\n                  }}\n                >\n                  {playbackBurstSizeOptions.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </label>\n\n              <div className=\"flex flex-wrap items-end gap-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => {\n                    setIsPlaying(false);\n                    setActiveIndex(0);\n                  }}\n                >\n                  Reset\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  disabled={activeIndex === 0}\n                  onClick={() => {\n                    setIsPlaying(false);\n                    setActiveIndex((previous) => Math.max(0, previous - 1));\n                  }}\n                >\n                  Prev\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  disabled={activeIndex >= transformedCurrentChunks.length}\n                  onClick={() => {\n                    setIsPlaying(false);\n                    setActiveIndex((previous) =>\n                      Math.min(transformedCurrentChunks.length, previous + 1)\n                    );\n                  }}\n                >\n                  Next\n                </Button>\n                <Button\n                  type=\"button\"\n                  onClick={() => setIsPlaying((previous) => !previous)}\n                >\n                  {isPlaying ? 'Pause' : 'Play'}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => {\n                    setIsPlaying(false);\n                    setActiveIndex(transformedCurrentChunks.length);\n                  }}\n                >\n                  Jump to end\n                </Button>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <div className=\"grid gap-6 xl:grid-cols-2\">\n          <InfoCard\n            title=\"Chunks\"\n            description={\n              <>\n                These are the original chunks before the local MarkdownJoiner\n                pass. Joined chunks: {transformedCurrentChunks.length}\n              </>\n            }\n          >\n            <div className=\"flex h-full min-h-0 flex-col\">\n              <div className=\"mb-4 flex flex-wrap justify-end gap-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  disabled={sourceMode === 'preset'}\n                  onClick={() => switchToPresetMode()}\n                >\n                  Use preset scenario\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  disabled={rawChunks.length === 0}\n                  onClick={() => {\n                    void handleCopyChunks();\n                  }}\n                >\n                  {copyChunksStatus === 'copied'\n                    ? 'Copied'\n                    : copyChunksStatus === 'error'\n                      ? 'Copy failed'\n                      : 'Copy raw chunks'}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => {\n                    void handlePasteChunks();\n                  }}\n                >\n                  {pasteChunksStatus === 'loaded'\n                    ? 'Loaded'\n                    : pasteChunksStatus === 'error'\n                      ? 'Paste failed'\n                      : 'Paste raw chunks'}\n                </Button>\n              </div>\n              {demoError ? (\n                <p className=\"mb-4 text-red-600 text-sm\">{demoError}</p>\n              ) : null}\n\n              <div className=\"min-h-0 flex-1\">\n                <Tokens\n                  activeIndex={rawActiveIndex}\n                  chunks={rawChunksByLine}\n                  chunkClick={(index) => {\n                    const joinedIndex = transformedCurrentChunks.findIndex(\n                      (chunk) => chunk.rawEndIndex >= index - 1\n                    );\n\n                    setIsPlaying(false);\n                    setActiveIndex(\n                      joinedIndex === -1\n                        ? transformedCurrentChunks.length\n                        : joinedIndex + 1\n                    );\n                  }}\n                />\n              </div>\n            </div>\n          </InfoCard>\n\n          <InfoCard\n            title=\"Editor output\"\n            description=\"Real Plate streamInsertChunk running against the current joined chunks.\"\n          >\n            <EditorRenderBoundary\n              currentChunkLabel={currentChunkLabel}\n              onReset={() => {\n                setIsPlaying(false);\n                resetStreamingState(editor);\n                appliedStreamingStateRef.current = {\n                  appliedCount: 0,\n                  sourceIdentity,\n                  streamedChunks: [],\n                };\n                setTreeJson(encodeEditorTree(editor.children));\n              }}\n              resetKey={editorBoundaryResetKey}\n            >\n              <Plate editor={editor}>\n                <EditorContainer className=\"h-full overflow-y-auto rounded-2xl border border-slate-200 bg-white\">\n                  <Editor\n                    variant=\"demo\"\n                    className=\"min-h-full pb-[20vh]\"\n                    placeholder=\"Streaming output will appear here...\"\n                    spellCheck={false}\n                  />\n                </EditorContainer>\n              </Plate>\n            </EditorRenderBoundary>\n          </InfoCard>\n\n          <InfoCard\n            title=\"Raw markdown\"\n            description=\"The currently streamed prefix concatenated as markdown text.\"\n          >\n            <textarea\n              className=\"h-full w-full resize-none rounded-2xl border border-slate-200 bg-white p-4 font-mono text-slate-900 text-sm shadow-sm\"\n              readOnly\n              value={currentMarkdown}\n            />\n          </InfoCard>\n\n          <InfoCard\n            title=\"Editor tree\"\n            description=\"The raw Slate tree after the current streaming step.\"\n          >\n            <pre className=\"h-full overflow-auto whitespace-pre-wrap break-words rounded-2xl bg-slate-900 p-4 font-mono text-slate-100 text-sm\">\n              {treeJson}\n            </pre>\n          </InfoCard>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
       "type": "registry:example"
     }
   ]
diff --git a/apps/www/public/r/registry.json b/apps/www/public/r/registry.json
index 18e82b17ad..9b8c37fd46 100644
--- a/apps/www/public/r/registry.json
+++ b/apps/www/public/r/registry.json
@@ -3144,6 +3144,10 @@
         "https://platejs.org/r/ai-api.json"
       ],
       "files": [
+        {
+          "path": "src/registry/lib/ai-stream-batching.ts",
+          "type": "registry:lib"
+        },
         {
           "path": "src/registry/components/editor/plugins/ai-kit.tsx",
           "type": "registry:component"
@@ -4653,7 +4657,6 @@
       "type": "registry:example",
       "dependencies": [],
       "registryDependencies": [
-        "https://platejs.org/r/copilot-kit.json",
         "https://platejs.org/r/editor-kit.json",
         "https://platejs.org/r/markdown-joiner-transform.json"
       ],
diff --git a/apps/www/public/r/use-chat.json b/apps/www/public/r/use-chat.json
index 7010bca1d3..d87699158a 100644
--- a/apps/www/public/r/use-chat.json
+++ b/apps/www/public/r/use-chat.json
@@ -12,7 +12,7 @@
   "files": [
     {
       "path": "src/registry/components/editor/use-chat.ts",
-      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { type UseChatHelpers, useChat as useBaseChat } from '@ai-sdk/react';\nimport { faker } from '@faker-js/faker';\nimport {\n  AIChatPlugin,\n  aiCommentToRange,\n  applyTableCellSuggestion,\n} from '@platejs/ai/react';\nimport { getCommentKey, getTransientCommentKey } from '@platejs/comment';\nimport { deserializeMd } from '@platejs/markdown';\nimport { BlockSelectionPlugin } from '@platejs/selection/react';\nimport { type UIMessage, DefaultChatTransport } from 'ai';\nimport { type TNode, KEYS, nanoid, NodeApi, TextApi } from 'platejs';\nimport { type PlateEditor, useEditorRef, usePluginOption } from 'platejs/react';\n\nimport { aiChatPlugin } from '@/registry/components/editor/plugins/ai-kit';\n\nimport { discussionPlugin } from './plugins/discussion-kit';\nimport { withAIBatch } from '@platejs/ai';\n\nexport type ToolName = 'comment' | 'edit' | 'generate';\n\nexport type TComment = {\n  comment: {\n    blockId: string;\n    comment: string;\n    content: string;\n  } | null;\n  status: 'finished' | 'streaming';\n};\n\nexport type TTableCellUpdate = {\n  cellUpdate: {\n    content: string;\n    id: string;\n  } | null;\n  status: 'finished' | 'streaming';\n};\n\nexport type MessageDataPart = {\n  toolName: ToolName;\n  comment?: TComment;\n  table?: TTableCellUpdate;\n};\n\nexport type Chat = UseChatHelpers<ChatMessage>;\n\nexport type ChatMessage = UIMessage<{}, MessageDataPart>;\n\nexport const useChat = () => {\n  const editor = useEditorRef();\n  const options = usePluginOption(aiChatPlugin, 'chatOptions');\n\n  // remove when you implement the route /api/ai/command\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n  const _abortFakeStream = () => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n  };\n\n  const baseChat = useBaseChat<ChatMessage>({\n    id: 'editor',\n    transport: new DefaultChatTransport({\n      api: options.api || '/api/ai/command',\n      // Mock the API response. Remove it when you implement the route /api/ai/command\n      fetch: (async (input, init) => {\n        const bodyOptions = editor.getOptions(aiChatPlugin).chatOptions?.body;\n\n        const initBody = JSON.parse(init?.body as string);\n\n        const body = {\n          ...initBody,\n          ...bodyOptions,\n        };\n\n        const res = await fetch(input, {\n          ...init,\n          body: JSON.stringify(body),\n        });\n\n        if (!res.ok) {\n          let sample: 'comment' | 'markdown' | 'mdx' | 'table' | null = null;\n\n          try {\n            const body = JSON.parse(init?.body as string);\n            const content = body.messages\n              .at(-1)\n              .parts.find((p: any) => p.type === 'text')?.text;\n\n            if (content.includes('Generate a markdown sample')) {\n              sample = 'markdown';\n            } else if (content.includes('Generate a mdx sample')) {\n              sample = 'mdx';\n            } else if (content.includes('comment')) {\n              sample = 'comment';\n            }\n\n            // Detect table editing by checking if multiple table cells are selected\n            // Single cell selection should use normal edit flow, only multi-cell uses table tool\n            if (!sample) {\n              // First check: selectedCells from TablePlugin (cell selection mode)\n              const selectedCells =\n                editor.getOption({ key: KEYS.table }, 'selectedCells') || [];\n\n              if (selectedCells.length > 1) {\n                sample = 'table';\n              }\n              // Second check: selection range spans multiple cells\n              else if (body.ctx?.children && body.ctx?.selection) {\n                const { selection, children } = body.ctx;\n                const anchorPath = selection.anchor?.path;\n                const focusPath = selection.focus?.path;\n\n                if (anchorPath && anchorPath.length >= 3) {\n                  const rootIndex = anchorPath[0];\n                  const rootNode = children[rootIndex];\n\n                  if (rootNode?.type === 'table') {\n                    // Cell path is at index 2 (table -> row -> cell)\n                    const anchorCellPath = anchorPath.slice(0, 3).join(',');\n                    const focusCellPath = focusPath?.slice(0, 3).join(',');\n\n                    // Only use table mock if anchor and focus are in different cells\n                    if (focusCellPath && anchorCellPath !== focusCellPath) {\n                      sample = 'table';\n                    }\n                  }\n                }\n              }\n            }\n          } catch {\n            sample = null;\n          }\n\n          abortControllerRef.current = new AbortController();\n\n          await new Promise((resolve) => setTimeout(resolve, 400));\n\n          const stream = fakeStreamText({\n            editor,\n            sample,\n            signal: abortControllerRef.current.signal,\n          });\n\n          const response = new Response(stream, {\n            headers: {\n              Connection: 'keep-alive',\n              'Content-Type': 'text/plain',\n            },\n          });\n\n          return response;\n        }\n\n        return res;\n      }) as typeof fetch,\n    }),\n    onData(data) {\n      if (data.type === 'data-toolName') {\n        editor.setOption(AIChatPlugin, 'toolName', data.data as ToolName);\n      }\n\n      if (data.type === 'data-table' && data.data) {\n        const tableData = data.data as TTableCellUpdate;\n\n        if (tableData.status === 'finished') {\n          const chatSelection = editor.getOption(AIChatPlugin, 'chatSelection');\n\n          if (!chatSelection) return;\n\n          editor.tf.setSelection(chatSelection);\n\n          return;\n        }\n\n        const cellUpdate = tableData.cellUpdate!;\n\n        withAIBatch(editor, () => {\n          applyTableCellSuggestion(editor, cellUpdate);\n        });\n      }\n\n      if (data.type === 'data-comment' && data.data) {\n        const commentData = data.data as TComment;\n\n        if (commentData.status === 'finished') {\n          editor.getApi(BlockSelectionPlugin).blockSelection.deselect();\n\n          return;\n        }\n\n        const aiComment = commentData.comment!;\n        const range = aiCommentToRange(editor, aiComment);\n\n        if (!range) return console.warn('No range found for AI comment');\n\n        const discussions =\n          editor.getOption(discussionPlugin, 'discussions') || [];\n\n        // Generate a new discussion ID\n        const discussionId = nanoid();\n\n        // Create a new comment\n        const newComment = {\n          id: nanoid(),\n          contentRich: [{ children: [{ text: aiComment.comment }], type: 'p' }],\n          createdAt: new Date(),\n          discussionId,\n          isEdited: false,\n          userId: editor.getOption(discussionPlugin, 'currentUserId'),\n        };\n\n        // Create a new discussion\n        const newDiscussion = {\n          id: discussionId,\n          comments: [newComment],\n          createdAt: new Date(),\n          documentContent: deserializeMd(editor, aiComment.content)\n            .map((node: TNode) => NodeApi.string(node))\n            .join('\\n'),\n          isResolved: false,\n          userId: editor.getOption(discussionPlugin, 'currentUserId'),\n        };\n\n        // Update discussions\n        const updatedDiscussions = [...discussions, newDiscussion];\n        editor.setOption(discussionPlugin, 'discussions', updatedDiscussions);\n\n        // Apply comment marks to the editor\n        editor.tf.withMerging(() => {\n          editor.tf.setNodes(\n            {\n              [getCommentKey(newDiscussion.id)]: true,\n              [getTransientCommentKey()]: true,\n              [KEYS.comment]: true,\n            },\n            {\n              at: range,\n              match: TextApi.isText,\n              split: true,\n            }\n          );\n        });\n      }\n    },\n\n    ...options,\n  });\n\n  const chat = {\n    ...baseChat,\n    _abortFakeStream,\n  };\n\n  React.useEffect(() => {\n    editor.setOption(AIChatPlugin, 'chat', chat as any);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chat.status, chat.messages, chat.error]);\n\n  return chat;\n};\n\n// Used for testing. Remove it after implementing useChat api.\nconst fakeStreamText = ({\n  chunkCount = 10,\n  editor,\n  sample = null,\n  signal,\n}: {\n  editor: PlateEditor;\n  chunkCount?: number;\n  sample?: 'comment' | 'markdown' | 'mdx' | 'table' | null;\n  signal?: AbortSignal;\n}) => {\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      const blocks = (() => {\n        if (sample === 'markdown') {\n          return markdownChunks;\n        }\n\n        if (sample === 'mdx') {\n          return mdxChunks;\n        }\n\n        if (sample === 'comment') {\n          const commentChunks = createCommentChunks(editor);\n          return commentChunks;\n        }\n\n        if (sample === 'table') {\n          const tableChunks = createTableCellChunks(editor);\n          return tableChunks;\n        }\n\n        return [\n          Array.from({ length: chunkCount }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n\n          Array.from({ length: chunkCount + 2 }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n\n          Array.from({ length: chunkCount + 4 }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n        ];\n      })();\n      if (signal?.aborted) {\n        controller.error(new Error('Aborted before start'));\n        return;\n      }\n\n      const abortHandler = () => {\n        controller.error(new Error('Stream aborted'));\n      };\n\n      signal?.addEventListener('abort', abortHandler);\n\n      // Generate a unique message ID\n      const messageId = `msg_${faker.string.alphanumeric(40)}`;\n\n      // Handle comment and table data differently (they use data events, not text streams)\n      if (sample === 'comment' || sample === 'table') {\n        controller.enqueue(encoder.encode('data: {\"type\":\"start\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"start-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        // For comments and tables, send data events directly\n        for (const block of blocks) {\n          for (const chunk of block) {\n            await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n            if (signal?.aborted) {\n              signal?.removeEventListener('abort', abortHandler);\n              return;\n            }\n\n            // Send the data event directly (already formatted as JSON)\n            controller.enqueue(encoder.encode(`data: ${chunk.texts}\\n\\n`));\n          }\n        }\n\n        // Send the final DONE event\n        controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n      } else {\n        // Send initial stream events for text content\n        controller.enqueue(encoder.encode('data: {\"type\":\"start\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"start-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(\n          encoder.encode(\n            `data: {\"type\":\"text-start\",\"id\":\"${messageId}\",\"providerMetadata\":{\"openai\":{\"itemId\":\"${messageId}\"}}}\\n\\n`\n          )\n        );\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        for (let i = 0; i < blocks.length; i++) {\n          const block = blocks[i];\n\n          // Stream the block content\n          for (const chunk of block) {\n            await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n            if (signal?.aborted) {\n              signal?.removeEventListener('abort', abortHandler);\n              return;\n            }\n\n            // Properly escape the text for JSON\n            const escapedText = chunk.texts\n              .replace(/\\\\/g, '\\\\\\\\') // Escape backslashes first\n              .replace(/\"/g, String.raw`\\\"`) // Escape quotes\n              .replace(/\\n/g, String.raw`\\n`) // Escape newlines\n              .replace(/\\r/g, String.raw`\\r`) // Escape carriage returns\n              .replace(/\\t/g, String.raw`\\t`); // Escape tabs\n\n            controller.enqueue(\n              encoder.encode(\n                `data: {\"type\":\"text-delta\",\"id\":\"${messageId}\",\"delta\":\"${escapedText}\"}\\n\\n`\n              )\n            );\n          }\n\n          // Add double newline after each block except the last one\n          if (i < blocks.length - 1) {\n            controller.enqueue(\n              encoder.encode(\n                `data: {\"type\":\"text-delta\",\"id\":\"${messageId}\",\"delta\":\"\\\\n\\\\n\"}\\n\\n`\n              )\n            );\n          }\n        }\n\n        // Send end events\n        controller.enqueue(\n          encoder.encode(`data: {\"type\":\"text-end\",\"id\":\"${messageId}\"}\\n\\n`)\n        );\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"finish-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"finish\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n      }\n\n      signal?.removeEventListener('abort', abortHandler);\n      controller.close();\n    },\n  });\n};\n\nconst delay = faker.number.int({ max: 20, min: 5 });\n\nconst markdownChunks = [\n  [\n    { delay, texts: 'Make text ' },\n    { delay, texts: '**bold**' },\n    { delay, texts: ', ' },\n    { delay, texts: '*italic*' },\n    { delay, texts: ', ' },\n    { delay, texts: '__underlined__' },\n    { delay, texts: ', or apply a ' },\n    {\n      delay,\n      texts: '***combination***',\n    },\n    { delay, texts: ' ' },\n    { delay, texts: 'of ' },\n    { delay, texts: 'these ' },\n    { delay, texts: 'styles ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'a ' },\n    { delay, texts: 'visually ' },\n    { delay, texts: 'striking ' },\n    { delay, texts: 'effect.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Add ' },\n    {\n      delay,\n      texts: '~~strikethrough~~',\n    },\n    { delay, texts: ' ' },\n    { delay, texts: 'to ' },\n    { delay, texts: 'indicate ' },\n    { delay, texts: 'deleted ' },\n    { delay, texts: 'or ' },\n    { delay, texts: 'outdated ' },\n    { delay, texts: 'content.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Write ' },\n    { delay, texts: 'code ' },\n    { delay, texts: 'snippets ' },\n    { delay, texts: 'with ' },\n    { delay, texts: 'inline ' },\n    { delay, texts: '`code`' },\n    { delay, texts: ' formatting ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'easy ' },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: 'readability.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Add ' },\n    {\n      delay,\n      texts: '[links](https://example.com)',\n    },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: ' to ' },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: 'external ' },\n    { delay, texts: 'resources ' },\n    { delay, texts: 'or ' },\n    {\n      delay,\n      texts: 'references.\\n\\n',\n    },\n\n    { delay, texts: 'Use ' },\n    { delay, texts: 'inline ' },\n    { delay, texts: 'math ' },\n    { delay, texts: 'equations ' },\n    { delay, texts: 'like ' },\n    { delay, texts: '$E = mc^2$ ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'scientific ' },\n    { delay, texts: 'notation.' },\n    { delay, texts: '\\n\\n' },\n\n    { delay, texts: '# ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '1\\n\\n' },\n    { delay, texts: '## ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '### ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '3\\n\\n' },\n    { delay, texts: '> ' },\n    { delay, texts: 'Blockquote\\n\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: 'Unordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: 'Unordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '1. ' },\n    { delay, texts: 'Ordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '2. ' },\n    { delay, texts: 'Ordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: '[ ' },\n    { delay, texts: '] ' },\n    { delay, texts: 'Task ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: '[x] ' },\n    { delay, texts: 'Task ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '![Alt ' },\n    {\n      delay,\n      texts:\n        'text](https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)\\n\\n',\n    },\n    {\n      delay,\n      texts: '### Advantage blocks:\\n',\n    },\n    { delay, texts: '\\n' },\n    { delay, texts: '$$\\n' },\n    {\n      delay,\n      texts: 'a^2 + b^2 = c^2\\n',\n    },\n    { delay, texts: '$$\\n' },\n    { delay, texts: '\\n' },\n    { delay, texts: '```python\\n' },\n    { delay, texts: '# ' },\n    { delay, texts: 'Code ' },\n    { delay, texts: 'block\\n' },\n    { delay, texts: 'print(\"Hello, ' },\n    { delay, texts: 'World!\")\\n' },\n    { delay, texts: '```\\n\\n' },\n    { delay, texts: 'Horizontal ' },\n    { delay, texts: 'rule\\n\\n' },\n    { delay, texts: '---\\n\\n' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Header ' },\n    { delay, texts: '1 ' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Header ' },\n    { delay, texts: '2 ' },\n    { delay, texts: '|\\n' },\n    {\n      delay,\n      texts: '|----------|----------|\\n',\n    },\n    { delay, texts: '| ' },\n    { delay, texts: 'Row ' },\n    { delay, texts: '1   ' },\n    { delay, texts: ' | ' },\n    { delay, texts: 'Data    ' },\n    { delay, texts: ' |\\n' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Row ' },\n    { delay, texts: '2   ' },\n    { delay, texts: ' | ' },\n    { delay, texts: 'Data    ' },\n    { delay, texts: ' |' },\n  ],\n];\n\nconst mdxChunks = [\n  [\n    {\n      delay,\n      texts: '## ',\n    },\n    {\n      delay,\n      texts: 'Basic ',\n    },\n    {\n      delay,\n      texts: 'Markdown\\n\\n',\n    },\n    {\n      delay,\n      texts: '> ',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'following ',\n    },\n    {\n      delay,\n      texts: 'node ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'marks ',\n    },\n    {\n      delay,\n      texts: 'is ',\n    },\n    {\n      delay,\n      texts: 'supported ',\n    },\n    {\n      delay,\n      texts: 'by ',\n    },\n    {\n      delay,\n      texts: 'the ',\n    },\n    {\n      delay,\n      texts: 'Markdown ',\n    },\n    {\n      delay,\n      texts: 'standard.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Format ',\n    },\n    {\n      delay,\n      texts: 'text ',\n    },\n    {\n      delay,\n      texts: 'with **b',\n    },\n    {\n      delay,\n      texts: 'old**, _',\n    },\n    {\n      delay,\n      texts: 'italic_,',\n    },\n    {\n      delay,\n      texts: ' _**comb',\n    },\n    {\n      delay,\n      texts: 'ined sty',\n    },\n    {\n      delay,\n      texts: 'les**_, ',\n    },\n    {\n      delay,\n      texts: '~~strike',\n    },\n    {\n      delay,\n      texts: 'through~',\n    },\n    {\n      delay,\n      texts: '~, `code',\n    },\n    {\n      delay,\n      texts: '` format',\n    },\n    {\n      delay,\n      texts: 'ting, an',\n    },\n    {\n      delay,\n      texts: 'd [hyper',\n    },\n    {\n      delay,\n      texts: 'links](https://en.wikipedia.org/wiki/Hypertext).\\n\\n',\n    },\n    {\n      delay,\n      texts: '```javascript\\n',\n    },\n    {\n      delay,\n      texts: '// Use code blocks to showcase code snippets\\n',\n    },\n    {\n      delay,\n      texts: 'function greet() {\\n',\n    },\n    {\n      delay,\n      texts: '  console.info(\"Hello World!\")\\n',\n    },\n    {\n      delay,\n      texts: '}\\n',\n    },\n    {\n      delay,\n      texts: '```\\n\\n',\n    },\n    {\n      delay,\n      texts: '- Simple',\n    },\n    {\n      delay,\n      texts: ' lists f',\n    },\n    {\n      delay,\n      texts: 'or organ',\n    },\n    {\n      delay,\n      texts: 'izing co',\n    },\n    {\n      delay,\n      texts: 'ntent\\n',\n    },\n    {\n      delay,\n      texts: '1. ',\n    },\n    {\n      delay,\n      texts: 'Numbered ',\n    },\n    {\n      delay,\n      texts: 'lists ',\n    },\n    {\n      delay,\n      texts: 'for ',\n    },\n    {\n      delay,\n      texts: 'sequential ',\n    },\n    {\n      delay,\n      texts: 'steps\\n\\n',\n    },\n    {\n      delay,\n      texts: '| **Plugin**  | **Element** | **Inline** | **Void** |\\n',\n    },\n    {\n      delay,\n      texts: '| ----------- | ----------- | ---------- | -------- |\\n',\n    },\n    {\n      delay,\n      texts: '| **Heading** |             |            | No       |\\n',\n    },\n    {\n      delay,\n      texts: '| **Image**   | Yes         | No         | Yes      |\\n',\n    },\n    {\n      delay,\n      texts: '| **Ment',\n    },\n    {\n      delay,\n      texts: 'ion** | Yes         | Yes        | Yes      |\\n\\n',\n    },\n    {\n      delay,\n      texts:\n        '![](https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)\\n\\n',\n    },\n    {\n      delay,\n      texts: '- [x] Co',\n    },\n    {\n      delay,\n      texts: 'mpleted ',\n    },\n    {\n      delay,\n      texts: 'tasks\\n',\n    },\n    {\n      delay,\n      texts: '- [ ] Pe',\n    },\n    {\n      delay,\n      texts: 'nding ta',\n    },\n    {\n      delay,\n      texts: 'sks\\n\\n',\n    },\n    {\n      delay,\n      texts: '---\\n\\n## Advan',\n    },\n    {\n      delay,\n      texts: 'ced Feat',\n    },\n    {\n      delay,\n      texts: 'ures\\n\\n',\n    },\n    {\n      delay,\n      texts: '<callout> ',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'following ',\n    },\n    {\n      delay,\n      texts: 'node ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'marks ',\n    },\n    {\n      delay,\n      texts: 'are ',\n    },\n    {\n      delay,\n      texts: 'not ',\n    },\n    {\n      delay,\n      texts: 'supported ',\n    },\n    {\n      delay,\n      texts: 'in ',\n    },\n    {\n      delay,\n      texts: 'Markdown ',\n    },\n    {\n      delay,\n      texts: 'but ',\n    },\n    {\n      delay,\n      texts: 'can ',\n    },\n    {\n      delay,\n      texts: 'be ',\n    },\n    {\n      delay,\n      texts: 'serialized ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'deserialized ',\n    },\n    {\n      delay,\n      texts: 'using ',\n    },\n    {\n      delay,\n      texts: 'MDX ',\n    },\n    {\n      delay,\n      texts: 'or ',\n    },\n    {\n      delay,\n      texts: 'specialized ',\n    },\n    {\n      delay,\n      texts: 'UnifiedJS ',\n    },\n    {\n      delay,\n      texts: 'plugins. ',\n    },\n    {\n      delay,\n      texts: '</callout>\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Advanced ',\n    },\n    {\n      delay,\n      texts: 'marks: ',\n    },\n    {\n      delay,\n      texts: '<kbd>⌘ ',\n    },\n    {\n      delay,\n      texts: '+ ',\n    },\n    {\n      delay,\n      texts: 'B</kbd>,<u>underlined</u>, ',\n    },\n    {\n      delay,\n      texts: '<mark',\n    },\n    {\n      delay,\n      texts: '>highli',\n    },\n    {\n      delay,\n      texts: 'ghted</m',\n    },\n    {\n      delay,\n      texts: 'ark',\n    },\n    {\n      delay,\n      texts: '> text, ',\n    },\n    {\n      delay,\n      texts: '<span s',\n    },\n    {\n      delay,\n      texts: 'tyle=\"co',\n    },\n    {\n      delay,\n      texts: 'lor: #93',\n    },\n    {\n      delay,\n      texts: 'C47D;\">c',\n    },\n    {\n      delay,\n      texts: 'olored t',\n    },\n    {\n      delay,\n      texts: 'ext</spa',\n    },\n    {\n      delay,\n      texts: 'n> and ',\n    },\n    {\n      delay,\n      texts: '<spa',\n    },\n    {\n      delay,\n      texts: 'n',\n    },\n    {\n      delay,\n      texts: ' style=\"',\n    },\n    {\n      delay,\n      texts: 'backgrou',\n    },\n    {\n      delay,\n      texts: 'nd-color',\n    },\n    {\n      delay,\n      texts: ': #6C9EE',\n    },\n    {\n      delay,\n      texts: 'B;\">back',\n    },\n    {\n      delay,\n      texts: 'ground h',\n    },\n    {\n      delay,\n      texts: 'ighlight',\n    },\n    {\n      delay,\n      texts: 's</spa',\n    },\n    {\n      delay,\n      texts: 'n> for ',\n    },\n    {\n      delay,\n      texts: 'visual e',\n    },\n    {\n      delay,\n      texts: 'mphasis.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Superscript ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: 'E=mc<sup>2</sup> ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'subscript ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: 'H<sub>2</sub>O ',\n    },\n    {\n      delay,\n      texts: 'demonstrate ',\n    },\n    {\n      delay,\n      texts: 'mathematical ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'chemical ',\n    },\n    {\n      delay,\n      texts: 'notation ',\n    },\n    {\n      delay,\n      texts: 'capabilities.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Add ',\n    },\n    {\n      delay,\n      texts: 'mentions ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: '@BB-8, d',\n    },\n    {\n      delay,\n      texts: 'ates (<d',\n    },\n    {\n      delay,\n      texts: 'ate>2025',\n    },\n    {\n      delay,\n      texts: '-05-08</',\n    },\n    {\n      delay,\n      texts: 'date>), ',\n    },\n    {\n      delay,\n      texts: 'and math',\n    },\n    {\n      delay,\n      texts: ' formula',\n    },\n    {\n      delay,\n      texts: 's ($E=mc',\n    },\n    {\n      delay,\n      texts: '^2$).\\n\\n',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'table ',\n    },\n    {\n      delay,\n      texts: 'of ',\n    },\n    {\n      delay,\n      texts: 'contents ',\n    },\n    {\n      delay,\n      texts: 'feature ',\n    },\n    {\n      delay,\n      texts: 'automatically ',\n    },\n    {\n      delay,\n      texts: 'generates ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'structure ',\n    },\n    {\n      delay,\n      texts: 'for ',\n    },\n    {\n      delay,\n      texts: 'easy ',\n    },\n    {\n      delay,\n      texts: 'navigation.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<toc ',\n    },\n    {\n      delay,\n      texts: '/>\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Math ',\n    },\n    {\n      delay,\n      texts: 'formula ',\n    },\n    {\n      delay,\n      texts: 'support ',\n    },\n    {\n      delay,\n      texts: 'makes ',\n    },\n    {\n      delay,\n      texts: 'displaying ',\n    },\n    {\n      delay,\n      texts: 'complex ',\n    },\n    {\n      delay,\n      texts: 'mathematical ',\n    },\n    {\n      delay,\n      texts: 'expressions ',\n    },\n    {\n      delay,\n      texts: 'simple.\\n\\n',\n    },\n    {\n      delay,\n      texts: '$$\\n',\n    },\n    {\n      delay,\n      texts: 'a^2',\n    },\n    {\n      delay,\n      texts: '+b^2',\n    },\n    {\n      delay,\n      texts: '=c^2\\n',\n    },\n    {\n      delay,\n      texts: '$$\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Multi-co',\n    },\n    {\n      delay,\n      texts: 'lumn lay',\n    },\n    {\n      delay,\n      texts: 'out feat',\n    },\n    {\n      delay,\n      texts: 'ures ena',\n    },\n    {\n      delay,\n      texts: 'ble rich',\n    },\n    {\n      delay,\n      texts: 'er page ',\n    },\n    {\n      delay,\n      texts: 'designs ',\n    },\n    {\n      delay,\n      texts: 'and cont',\n    },\n    {\n      delay,\n      texts: 'ent layo',\n    },\n    {\n      delay,\n      texts: 'uts.\\n\\n',\n    },\n    // {\n    //  delay,\n    //   texts: '<column_group layout=\"[50,50]\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '<column width=\"50%\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '  left\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column>\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '<column width=\"50%\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '  right\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column>\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column_group>\\n\\n',\n    // },\n    {\n      delay,\n      texts: 'PDF ',\n    },\n    {\n      delay,\n      texts: 'embedding ',\n    },\n    {\n      delay,\n      texts: 'makes ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'referencing ',\n    },\n    {\n      delay,\n      texts: 'simple ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'intuitive.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<file ',\n    },\n    {\n      delay,\n      texts: 'name=\"sample.pdf\" ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://s26.q4cdn.com/900411403/files/doc_downloads/test.pdf\" width=\"80%\" isUpload=\"true\" />\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Audio ',\n    },\n    {\n      delay,\n      texts: 'players ',\n    },\n    {\n      delay,\n      texts: 'can ',\n    },\n    {\n      delay,\n      texts: 'be ',\n    },\n    {\n      delay,\n      texts: 'embedded ',\n    },\n    {\n      delay,\n      texts: 'directly ',\n    },\n    {\n      delay,\n      texts: 'into ',\n    },\n    {\n      delay,\n      texts: 'documents, ',\n    },\n    {\n      delay,\n      texts: 'supporting ',\n    },\n    {\n      delay,\n      texts: 'online ',\n    },\n    {\n      delay,\n      texts: 'audio ',\n    },\n    {\n      delay,\n      texts: 'resources.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<audio ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://samplelib.com/lib/preview/mp3/sample-3s.mp3\" width=\"80%\" />\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Video ',\n    },\n    {\n      delay,\n      texts: 'playback ',\n    },\n    {\n      delay,\n      texts: 'features ',\n    },\n    {\n      delay,\n      texts: 'support ',\n    },\n    {\n      delay,\n      texts: 'embedding ',\n    },\n    {\n      delay,\n      texts: 'various ',\n    },\n    {\n      delay,\n      texts: 'online ',\n    },\n    {\n      delay,\n      texts: 'video ',\n    },\n    {\n      delay,\n      texts: 'resources, ',\n    },\n    {\n      delay,\n      texts: 'enriching ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'content.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<video ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://videos.pexels.com/video-files/6769791/6769791-uhd_2560_1440_24fps.mp4\" width=\"80%\" isUpload=\"true\" />',\n    },\n  ],\n];\n\nconst createCommentChunks = (editor: PlateEditor) => {\n  const selectedBlocksApi = editor.getApi(BlockSelectionPlugin).blockSelection;\n\n  const selectedBlocks = selectedBlocksApi\n    .getNodes({\n      selectionFallback: true,\n      sort: true,\n    })\n    .map(([block]) => block);\n\n  const isSelectingSome = editor.getOption(\n    BlockSelectionPlugin,\n    'isSelectingSome'\n  );\n\n  const blocks =\n    selectedBlocks.length > 0 && (editor.api.isExpanded() || isSelectingSome)\n      ? selectedBlocks\n      : editor.children;\n\n  const max = blocks.length;\n\n  const commentCount = Math.ceil(max / 2);\n\n  const result = new Set<number>();\n\n  while (result.size < commentCount) {\n    const num = Math.floor(Math.random() * max); // 0 to max-1 (fixed: was 1 to max)\n    result.add(num);\n  }\n\n  const indexes = Array.from(result).sort((a, b) => a - b);\n\n  const chunks = indexes\n    .map((index, i) => {\n      const block = blocks[index];\n      if (!block) {\n        return [];\n      }\n\n      const blockString = NodeApi.string(block);\n      const endIndex = blockString.indexOf('.');\n      const content =\n        endIndex === -1 ? blockString : blockString.slice(0, endIndex);\n\n      return [\n        {\n          delay: faker.number.int({ max: 500, min: 200 }),\n          texts: `{\"id\":\"${nanoid()}\",\"data\":{\"comment\":{\"blockId\":\"${block.id}\",\"comment\":\"${faker.lorem.sentence()}\",\"content\":\"${content}\"},\"status\":\"${i === indexes.length - 1 ? 'finished' : 'streaming'}\"},\"type\":\"data-comment\"}`,\n        },\n      ];\n    })\n    .filter((chunk) => chunk.length > 0);\n\n  const result_chunks = [\n    [{ delay: 50, texts: '{\"data\":\"comment\",\"type\":\"data-toolName\"}' }],\n    ...chunks,\n  ];\n\n  return result_chunks;\n};\n\nconst createTableCellChunks = (editor: PlateEditor) => {\n  // Get selected table cells from the TablePlugin\n  const selectedCells =\n    editor.getOption({ key: KEYS.table }, 'selectedCells') || [];\n\n  // If no cells selected, try to get cells from current selection\n  let cellIds: string[] = [];\n\n  if (selectedCells.length > 0) {\n    cellIds = selectedCells\n      .map((cell: { id?: string }) => cell.id)\n      .filter(Boolean);\n  } else {\n    // Try to find table cells in current selection\n    const cells = Array.from(\n      editor.api.nodes({\n        at: editor.selection ?? undefined,\n        match: (n) =>\n          (n as { type?: string }).type === KEYS.td ||\n          (n as { type?: string }).type === KEYS.th,\n      })\n    );\n    cellIds = cells\n      .map(([node]) => (node as { id?: string }).id)\n      .filter(Boolean) as string[];\n  }\n\n  // If still no cells, return empty chunks\n  if (cellIds.length === 0) {\n    return [\n      [{ delay: 50, texts: '{\"data\":\"edit\",\"type\":\"data-toolName\"}' }],\n      [\n        {\n          delay: 100,\n          texts: `{\"id\":\"${nanoid()}\",\"data\":{\"cellUpdate\":null,\"status\":\"finished\"},\"type\":\"data-table\"}`,\n        },\n      ],\n    ];\n  }\n\n  // Generate mock content for each cell\n  const chunks = cellIds.map((cellId, i) => [\n    {\n      delay: faker.number.int({ max: 300, min: 100 }),\n      texts: `{\"id\":\"${nanoid()}\",\"data\":{\"cellUpdate\":{\"id\":\"${cellId}\",\"content\":\"${faker.lorem.sentence()}\"},\"status\":\"${i === cellIds.length - 1 ? 'finished' : 'streaming'}\"},\"type\":\"data-table\"}`,\n    },\n  ]);\n\n  const result_chunks = [\n    [{ delay: 50, texts: '{\"data\":\"edit\",\"type\":\"data-toolName\"}' }],\n    ...chunks,\n  ];\n\n  return result_chunks;\n};\n",
+      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { type UseChatHelpers, useChat as useBaseChat } from '@ai-sdk/react';\nimport { faker } from '@faker-js/faker';\nimport {\n  AIChatPlugin,\n  createAIChatTextStreamTransport,\n  aiCommentToRange,\n  applyTableCellSuggestion,\n  withAIChatTextStream,\n} from '@platejs/ai/react';\nimport { getCommentKey, getTransientCommentKey } from '@platejs/comment';\nimport { deserializeMd } from '@platejs/markdown';\nimport { BlockSelectionPlugin } from '@platejs/selection/react';\nimport type { ChatTransport, UIMessage } from 'ai';\nimport { type TNode, KEYS, nanoid, NodeApi, TextApi } from 'platejs';\nimport { type PlateEditor, useEditorRef, usePluginOption } from 'platejs/react';\n\nimport { aiChatPlugin } from '@/registry/components/editor/plugins/ai-kit';\n\nimport { discussionPlugin } from './plugins/discussion-kit';\nimport { withAIBatch } from '@platejs/ai';\n\nexport type ToolName = 'comment' | 'edit' | 'generate';\n\nexport type TComment = {\n  comment: {\n    blockId: string;\n    comment: string;\n    content: string;\n  } | null;\n  status: 'finished' | 'streaming';\n};\n\nexport type TTableCellUpdate = {\n  cellUpdate: {\n    content: string;\n    id: string;\n  } | null;\n  status: 'finished' | 'streaming';\n};\n\nexport type MessageDataPart = {\n  toolName: ToolName;\n  comment?: TComment;\n  table?: TTableCellUpdate;\n};\n\nexport type Chat = UseChatHelpers<ChatMessage>;\n\nexport type ChatMessage = UIMessage<{}, MessageDataPart>;\n\ntype PluginChatOptions = {\n  api?: string;\n  body?: Record<string, unknown>;\n  transport?: ChatTransport<ChatMessage>;\n} & Record<string, unknown>;\n\nconst aiChatTransportFetchers = new Map<string, typeof fetch>();\n\nconst createProxyTransportFetch = (chatId: string): typeof fetch =>\n  (async (input, init) => {\n    const fetcher = aiChatTransportFetchers.get(chatId);\n\n    if (!fetcher) {\n      throw new Error(`Missing AI chat transport fetcher for \"${chatId}\"`);\n    }\n\n    return fetcher(input, init);\n  }) as typeof fetch;\n\nexport const useChat = () => {\n  const editor = useEditorRef();\n  const [chatInstanceId] = React.useState(() => `editor:${nanoid()}`);\n  const aiChatState = usePluginOption(aiChatPlugin, 'state') as\n    | { chatOptions?: PluginChatOptions }\n    | undefined;\n  const options = aiChatState?.chatOptions;\n  const {\n    api = '/api/ai/command',\n    transport: providedTransport,\n    ...chatOptions\n  } = options ?? {};\n\n  // remove when you implement the route /api/ai/command\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n  const syncedChatStateRef = React.useRef<{\n    error: Chat['error'];\n    messages: Chat['messages'];\n    status: Chat['status'];\n    textStreamChannelId?: string;\n  } | null>(null);\n  const abortFakeStream = React.useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n  }, []);\n\n  const transportFetch = React.useCallback(\n    async (input: RequestInfo | URL, init?: RequestInit) => {\n      const bodyOptions = editor.getOptions(aiChatPlugin).chatOptions?.body;\n\n      const initBody = JSON.parse(init?.body as string);\n\n      const body = {\n        ...initBody,\n        ...bodyOptions,\n      };\n\n      const res = await fetch(input, {\n        ...init,\n        body: JSON.stringify(body),\n      });\n\n      if (!res.ok) {\n        let sample: 'comment' | 'markdown' | 'mdx' | 'table' | null = null;\n\n        try {\n          const body = JSON.parse(init?.body as string);\n          const content = body.messages\n            .at(-1)\n            .parts.find((p: any) => p.type === 'text')?.text;\n\n          if (content.includes('Generate a markdown sample')) {\n            sample = 'markdown';\n          } else if (content.includes('Generate a mdx sample')) {\n            sample = 'mdx';\n          } else if (content.includes('comment')) {\n            sample = 'comment';\n          }\n\n          // Detect table editing by checking if multiple table cells are selected\n          // Single cell selection should use normal edit flow, only multi-cell uses table tool\n          if (!sample) {\n            // First check: selectedCells from TablePlugin (cell selection mode)\n            const selectedCells =\n              editor.getOption({ key: KEYS.table }, 'selectedCells') || [];\n\n            if (selectedCells.length > 1) {\n              sample = 'table';\n            }\n            // Second check: selection range spans multiple cells\n            else if (body.ctx?.children && body.ctx?.selection) {\n              const { selection, children } = body.ctx;\n              const anchorPath = selection.anchor?.path;\n              const focusPath = selection.focus?.path;\n\n              if (anchorPath && anchorPath.length >= 3) {\n                const rootIndex = anchorPath[0];\n                const rootNode = children[rootIndex];\n\n                if (rootNode?.type === 'table') {\n                  // Cell path is at index 2 (table -> row -> cell)\n                  const anchorCellPath = anchorPath.slice(0, 3).join(',');\n                  const focusCellPath = focusPath?.slice(0, 3).join(',');\n\n                  // Only use table mock if anchor and focus are in different cells\n                  if (focusCellPath && anchorCellPath !== focusCellPath) {\n                    sample = 'table';\n                  }\n                }\n              }\n            }\n          }\n        } catch {\n          sample = null;\n        }\n\n        abortControllerRef.current = new AbortController();\n\n        await new Promise((resolve) => setTimeout(resolve, 400));\n\n        const stream = fakeStreamText({\n          editor,\n          sample,\n          signal: abortControllerRef.current.signal,\n        });\n\n        const response = new Response(stream, {\n          headers: {\n            Connection: 'keep-alive',\n            'Content-Type': 'text/plain',\n          },\n        });\n\n        return response;\n      }\n\n      return res;\n    },\n    [editor]\n  );\n\n  const transport = React.useMemo(\n    () =>\n      providedTransport ??\n      createAIChatTextStreamTransport<ChatMessage>({\n        api,\n        chatId: chatInstanceId,\n        // Mock the API response. Remove it when you implement the route /api/ai/command\n        fetch: createProxyTransportFetch(chatInstanceId),\n      }),\n    [api, chatInstanceId, providedTransport]\n  );\n\n  const baseChat = useBaseChat<ChatMessage>({\n    id: chatInstanceId,\n    transport,\n    onData(data) {\n      if (data.type === 'data-toolName') {\n        editor.setOption(AIChatPlugin, 'toolName', data.data as ToolName);\n      }\n\n      if (data.type === 'data-table' && data.data) {\n        const tableData = data.data as TTableCellUpdate;\n\n        if (tableData.status === 'finished') {\n          const chatSelection = editor.getOption(AIChatPlugin, 'chatSelection');\n\n          if (!chatSelection) return;\n\n          editor.tf.setSelection(chatSelection);\n\n          return;\n        }\n\n        const cellUpdate = tableData.cellUpdate!;\n\n        withAIBatch(editor, () => {\n          applyTableCellSuggestion(editor, cellUpdate);\n        });\n      }\n\n      if (data.type === 'data-comment' && data.data) {\n        const commentData = data.data as TComment;\n\n        if (commentData.status === 'finished') {\n          editor.getApi(BlockSelectionPlugin).blockSelection.deselect();\n\n          return;\n        }\n\n        const aiComment = commentData.comment!;\n        const range = aiCommentToRange(editor, aiComment);\n\n        if (!range) return console.warn('No range found for AI comment');\n\n        const discussions =\n          editor.getOption(discussionPlugin, 'discussions') || [];\n\n        // Generate a new discussion ID\n        const discussionId = nanoid();\n\n        // Create a new comment\n        const newComment = {\n          id: nanoid(),\n          contentRich: [{ children: [{ text: aiComment.comment }], type: 'p' }],\n          createdAt: new Date(),\n          discussionId,\n          isEdited: false,\n          userId: editor.getOption(discussionPlugin, 'currentUserId'),\n        };\n\n        // Create a new discussion\n        const newDiscussion = {\n          id: discussionId,\n          comments: [newComment],\n          createdAt: new Date(),\n          documentContent: deserializeMd(editor, aiComment.content)\n            .map((node: TNode) => NodeApi.string(node))\n            .join('\\n'),\n          isResolved: false,\n          userId: editor.getOption(discussionPlugin, 'currentUserId'),\n        };\n\n        // Update discussions\n        const updatedDiscussions = [...discussions, newDiscussion];\n        editor.setOption(discussionPlugin, 'discussions', updatedDiscussions);\n\n        // Apply comment marks to the editor\n        editor.tf.withMerging(() => {\n          editor.tf.setNodes(\n            {\n              [getCommentKey(newDiscussion.id)]: true,\n              [getTransientCommentKey()]: true,\n              [KEYS.comment]: true,\n            },\n            {\n              at: range,\n              match: TextApi.isText,\n              split: true,\n            }\n          );\n        });\n      }\n    },\n\n    ...chatOptions,\n  });\n\n  const chat = React.useMemo(\n    () => withAIChatTextStream(baseChat, transport),\n    [baseChat, transport]\n  );\n\n  React.useEffect(() => {\n    if (providedTransport) {\n      return;\n    }\n\n    aiChatTransportFetchers.set(chatInstanceId, transportFetch as typeof fetch);\n\n    return () => {\n      if (aiChatTransportFetchers.get(chatInstanceId) === transportFetch) {\n        aiChatTransportFetchers.delete(chatInstanceId);\n      }\n    };\n  }, [chatInstanceId, providedTransport, transportFetch]);\n\n  React.useEffect(() => {\n    const nextChatState = {\n      error: chat.error,\n      messages: chat.messages,\n      status: chat.status,\n      textStreamChannelId: chat.__plateTextStreamChannelId,\n    };\n    const previousChatState = syncedChatStateRef.current;\n\n    if (\n      previousChatState &&\n      previousChatState.error === nextChatState.error &&\n      previousChatState.messages === nextChatState.messages &&\n      previousChatState.status === nextChatState.status &&\n      previousChatState.textStreamChannelId ===\n        nextChatState.textStreamChannelId\n    ) {\n      return;\n    }\n\n    syncedChatStateRef.current = nextChatState;\n    editor.setOption(AIChatPlugin, 'chat', {\n      ...chat,\n      _abortFakeStream: abortFakeStream,\n    } as any);\n  }, [abortFakeStream, chat, editor]);\n\n  return chat;\n};\n\n// Used for testing. Remove it after implementing useChat api.\nconst fakeStreamText = ({\n  chunkCount = 10,\n  editor,\n  sample = null,\n  signal,\n}: {\n  editor: PlateEditor;\n  chunkCount?: number;\n  sample?: 'comment' | 'markdown' | 'mdx' | 'table' | null;\n  signal?: AbortSignal;\n}) => {\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      const blocks = (() => {\n        if (sample === 'markdown') {\n          return markdownChunks;\n        }\n\n        if (sample === 'mdx') {\n          return mdxChunks;\n        }\n\n        if (sample === 'comment') {\n          const commentChunks = createCommentChunks(editor);\n          return commentChunks;\n        }\n\n        if (sample === 'table') {\n          const tableChunks = createTableCellChunks(editor);\n          return tableChunks;\n        }\n\n        return [\n          Array.from({ length: chunkCount }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n\n          Array.from({ length: chunkCount + 2 }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n\n          Array.from({ length: chunkCount + 4 }, () => ({\n            delay: faker.number.int({ max: 100, min: 30 }),\n            texts: `${faker.lorem.words({ max: 3, min: 1 })} `,\n          })),\n        ];\n      })();\n      if (signal?.aborted) {\n        controller.error(new Error('Aborted before start'));\n        return;\n      }\n\n      const abortHandler = () => {\n        controller.error(new Error('Stream aborted'));\n      };\n\n      signal?.addEventListener('abort', abortHandler);\n\n      // Generate a unique message ID\n      const messageId = `msg_${faker.string.alphanumeric(40)}`;\n\n      // Handle comment and table data differently (they use data events, not text streams)\n      if (sample === 'comment' || sample === 'table') {\n        controller.enqueue(encoder.encode('data: {\"type\":\"start\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"start-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        // For comments and tables, send data events directly\n        for (const block of blocks) {\n          for (const chunk of block) {\n            await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n            if (signal?.aborted) {\n              signal?.removeEventListener('abort', abortHandler);\n              return;\n            }\n\n            // Send the data event directly (already formatted as JSON)\n            controller.enqueue(encoder.encode(`data: ${chunk.texts}\\n\\n`));\n          }\n        }\n\n        // Send the final DONE event\n        controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n      } else {\n        // Send initial stream events for text content\n        controller.enqueue(encoder.encode('data: {\"type\":\"start\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"start-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(\n          encoder.encode(\n            `data: {\"type\":\"text-start\",\"id\":\"${messageId}\",\"providerMetadata\":{\"openai\":{\"itemId\":\"${messageId}\"}}}\\n\\n`\n          )\n        );\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        for (let i = 0; i < blocks.length; i++) {\n          const block = blocks[i];\n\n          // Stream the block content\n          for (const chunk of block) {\n            await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n            if (signal?.aborted) {\n              signal?.removeEventListener('abort', abortHandler);\n              return;\n            }\n\n            // Properly escape the text for JSON\n            const escapedText = chunk.texts\n              .replace(/\\\\/g, '\\\\\\\\') // Escape backslashes first\n              .replace(/\"/g, String.raw`\\\"`) // Escape quotes\n              .replace(/\\n/g, String.raw`\\n`) // Escape newlines\n              .replace(/\\r/g, String.raw`\\r`) // Escape carriage returns\n              .replace(/\\t/g, String.raw`\\t`); // Escape tabs\n\n            controller.enqueue(\n              encoder.encode(\n                `data: {\"type\":\"text-delta\",\"id\":\"${messageId}\",\"delta\":\"${escapedText}\"}\\n\\n`\n              )\n            );\n          }\n\n          // Add double newline after each block except the last one\n          if (i < blocks.length - 1) {\n            controller.enqueue(\n              encoder.encode(\n                `data: {\"type\":\"text-delta\",\"id\":\"${messageId}\",\"delta\":\"\\\\n\\\\n\"}\\n\\n`\n              )\n            );\n          }\n        }\n\n        // Send end events\n        controller.enqueue(\n          encoder.encode(`data: {\"type\":\"text-end\",\"id\":\"${messageId}\"}\\n\\n`)\n        );\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"finish-step\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: {\"type\":\"finish\"}\\n\\n'));\n        await new Promise((resolve) => setTimeout(resolve, 10));\n\n        controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n      }\n\n      signal?.removeEventListener('abort', abortHandler);\n      controller.close();\n    },\n  });\n};\n\nconst delay = faker.number.int({ max: 20, min: 5 });\n\nconst markdownChunks = [\n  [\n    { delay, texts: 'Make text ' },\n    { delay, texts: '**bold**' },\n    { delay, texts: ', ' },\n    { delay, texts: '*italic*' },\n    { delay, texts: ', ' },\n    { delay, texts: '__underlined__' },\n    { delay, texts: ', or apply a ' },\n    {\n      delay,\n      texts: '***combination***',\n    },\n    { delay, texts: ' ' },\n    { delay, texts: 'of ' },\n    { delay, texts: 'these ' },\n    { delay, texts: 'styles ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'a ' },\n    { delay, texts: 'visually ' },\n    { delay, texts: 'striking ' },\n    { delay, texts: 'effect.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Add ' },\n    {\n      delay,\n      texts: '~~strikethrough~~',\n    },\n    { delay, texts: ' ' },\n    { delay, texts: 'to ' },\n    { delay, texts: 'indicate ' },\n    { delay, texts: 'deleted ' },\n    { delay, texts: 'or ' },\n    { delay, texts: 'outdated ' },\n    { delay, texts: 'content.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Write ' },\n    { delay, texts: 'code ' },\n    { delay, texts: 'snippets ' },\n    { delay, texts: 'with ' },\n    { delay, texts: 'inline ' },\n    { delay, texts: '`code`' },\n    { delay, texts: ' formatting ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'easy ' },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: 'readability.' },\n    { delay, texts: '\\n\\n' },\n    { delay, texts: 'Add ' },\n    {\n      delay,\n      texts: '[links](https://example.com)',\n    },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: ' to ' },\n    { delay: faker.number.int({ max: 100, min: 30 }), texts: 'external ' },\n    { delay, texts: 'resources ' },\n    { delay, texts: 'or ' },\n    {\n      delay,\n      texts: 'references.\\n\\n',\n    },\n\n    { delay, texts: 'Use ' },\n    { delay, texts: 'inline ' },\n    { delay, texts: 'math ' },\n    { delay, texts: 'equations ' },\n    { delay, texts: 'like ' },\n    { delay, texts: '$E = mc^2$ ' },\n    { delay, texts: 'for ' },\n    { delay, texts: 'scientific ' },\n    { delay, texts: 'notation.' },\n    { delay, texts: '\\n\\n' },\n\n    { delay, texts: '# ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '1\\n\\n' },\n    { delay, texts: '## ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '### ' },\n    { delay, texts: 'Heading ' },\n    { delay, texts: '3\\n\\n' },\n    { delay, texts: '> ' },\n    { delay, texts: 'Blockquote\\n\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: 'Unordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: 'Unordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '1. ' },\n    { delay, texts: 'Ordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '2. ' },\n    { delay, texts: 'Ordered ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: '[ ' },\n    { delay, texts: '] ' },\n    { delay, texts: 'Task ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '1\\n' },\n    { delay, texts: '- ' },\n    { delay, texts: '[x] ' },\n    { delay, texts: 'Task ' },\n    { delay, texts: 'list ' },\n    { delay, texts: 'item ' },\n    { delay, texts: '2\\n\\n' },\n    { delay, texts: '![Alt ' },\n    {\n      delay,\n      texts:\n        'text](https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)\\n\\n',\n    },\n    {\n      delay,\n      texts: '### Advantage blocks:\\n',\n    },\n    { delay, texts: '\\n' },\n    { delay, texts: '$$\\n' },\n    {\n      delay,\n      texts: 'a^2 + b^2 = c^2\\n',\n    },\n    { delay, texts: '$$\\n' },\n    { delay, texts: '\\n' },\n    { delay, texts: '```python\\n' },\n    { delay, texts: '# ' },\n    { delay, texts: 'Code ' },\n    { delay, texts: 'block\\n' },\n    { delay, texts: 'print(\"Hello, ' },\n    { delay, texts: 'World!\")\\n' },\n    { delay, texts: '```\\n\\n' },\n    { delay, texts: 'Horizontal ' },\n    { delay, texts: 'rule\\n\\n' },\n    { delay, texts: '---\\n\\n' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Header ' },\n    { delay, texts: '1 ' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Header ' },\n    { delay, texts: '2 ' },\n    { delay, texts: '|\\n' },\n    {\n      delay,\n      texts: '|----------|----------|\\n',\n    },\n    { delay, texts: '| ' },\n    { delay, texts: 'Row ' },\n    { delay, texts: '1   ' },\n    { delay, texts: ' | ' },\n    { delay, texts: 'Data    ' },\n    { delay, texts: ' |\\n' },\n    { delay, texts: '| ' },\n    { delay, texts: 'Row ' },\n    { delay, texts: '2   ' },\n    { delay, texts: ' | ' },\n    { delay, texts: 'Data    ' },\n    { delay, texts: ' |' },\n  ],\n];\n\nconst mdxChunks = [\n  [\n    {\n      delay,\n      texts: '## ',\n    },\n    {\n      delay,\n      texts: 'Basic ',\n    },\n    {\n      delay,\n      texts: 'Markdown\\n\\n',\n    },\n    {\n      delay,\n      texts: '> ',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'following ',\n    },\n    {\n      delay,\n      texts: 'node ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'marks ',\n    },\n    {\n      delay,\n      texts: 'is ',\n    },\n    {\n      delay,\n      texts: 'supported ',\n    },\n    {\n      delay,\n      texts: 'by ',\n    },\n    {\n      delay,\n      texts: 'the ',\n    },\n    {\n      delay,\n      texts: 'Markdown ',\n    },\n    {\n      delay,\n      texts: 'standard.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Format ',\n    },\n    {\n      delay,\n      texts: 'text ',\n    },\n    {\n      delay,\n      texts: 'with **b',\n    },\n    {\n      delay,\n      texts: 'old**, _',\n    },\n    {\n      delay,\n      texts: 'italic_,',\n    },\n    {\n      delay,\n      texts: ' _**comb',\n    },\n    {\n      delay,\n      texts: 'ined sty',\n    },\n    {\n      delay,\n      texts: 'les**_, ',\n    },\n    {\n      delay,\n      texts: '~~strike',\n    },\n    {\n      delay,\n      texts: 'through~',\n    },\n    {\n      delay,\n      texts: '~, `code',\n    },\n    {\n      delay,\n      texts: '` format',\n    },\n    {\n      delay,\n      texts: 'ting, an',\n    },\n    {\n      delay,\n      texts: 'd [hyper',\n    },\n    {\n      delay,\n      texts: 'links](https://en.wikipedia.org/wiki/Hypertext).\\n\\n',\n    },\n    {\n      delay,\n      texts: '```javascript\\n',\n    },\n    {\n      delay,\n      texts: '// Use code blocks to showcase code snippets\\n',\n    },\n    {\n      delay,\n      texts: 'function greet() {\\n',\n    },\n    {\n      delay,\n      texts: '  console.info(\"Hello World!\")\\n',\n    },\n    {\n      delay,\n      texts: '}\\n',\n    },\n    {\n      delay,\n      texts: '```\\n\\n',\n    },\n    {\n      delay,\n      texts: '- Simple',\n    },\n    {\n      delay,\n      texts: ' lists f',\n    },\n    {\n      delay,\n      texts: 'or organ',\n    },\n    {\n      delay,\n      texts: 'izing co',\n    },\n    {\n      delay,\n      texts: 'ntent\\n',\n    },\n    {\n      delay,\n      texts: '1. ',\n    },\n    {\n      delay,\n      texts: 'Numbered ',\n    },\n    {\n      delay,\n      texts: 'lists ',\n    },\n    {\n      delay,\n      texts: 'for ',\n    },\n    {\n      delay,\n      texts: 'sequential ',\n    },\n    {\n      delay,\n      texts: 'steps\\n\\n',\n    },\n    {\n      delay,\n      texts: '| **Plugin**  | **Element** | **Inline** | **Void** |\\n',\n    },\n    {\n      delay,\n      texts: '| ----------- | ----------- | ---------- | -------- |\\n',\n    },\n    {\n      delay,\n      texts: '| **Heading** |             |            | No       |\\n',\n    },\n    {\n      delay,\n      texts: '| **Image**   | Yes         | No         | Yes      |\\n',\n    },\n    {\n      delay,\n      texts: '| **Ment',\n    },\n    {\n      delay,\n      texts: 'ion** | Yes         | Yes        | Yes      |\\n\\n',\n    },\n    {\n      delay,\n      texts:\n        '![](https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)\\n\\n',\n    },\n    {\n      delay,\n      texts: '- [x] Co',\n    },\n    {\n      delay,\n      texts: 'mpleted ',\n    },\n    {\n      delay,\n      texts: 'tasks\\n',\n    },\n    {\n      delay,\n      texts: '- [ ] Pe',\n    },\n    {\n      delay,\n      texts: 'nding ta',\n    },\n    {\n      delay,\n      texts: 'sks\\n\\n',\n    },\n    {\n      delay,\n      texts: '---\\n\\n## Advan',\n    },\n    {\n      delay,\n      texts: 'ced Feat',\n    },\n    {\n      delay,\n      texts: 'ures\\n\\n',\n    },\n    {\n      delay,\n      texts: '<callout> ',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'following ',\n    },\n    {\n      delay,\n      texts: 'node ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'marks ',\n    },\n    {\n      delay,\n      texts: 'are ',\n    },\n    {\n      delay,\n      texts: 'not ',\n    },\n    {\n      delay,\n      texts: 'supported ',\n    },\n    {\n      delay,\n      texts: 'in ',\n    },\n    {\n      delay,\n      texts: 'Markdown ',\n    },\n    {\n      delay,\n      texts: 'but ',\n    },\n    {\n      delay,\n      texts: 'can ',\n    },\n    {\n      delay,\n      texts: 'be ',\n    },\n    {\n      delay,\n      texts: 'serialized ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'deserialized ',\n    },\n    {\n      delay,\n      texts: 'using ',\n    },\n    {\n      delay,\n      texts: 'MDX ',\n    },\n    {\n      delay,\n      texts: 'or ',\n    },\n    {\n      delay,\n      texts: 'specialized ',\n    },\n    {\n      delay,\n      texts: 'UnifiedJS ',\n    },\n    {\n      delay,\n      texts: 'plugins. ',\n    },\n    {\n      delay,\n      texts: '</callout>\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Advanced ',\n    },\n    {\n      delay,\n      texts: 'marks: ',\n    },\n    {\n      delay,\n      texts: '<kbd>⌘ ',\n    },\n    {\n      delay,\n      texts: '+ ',\n    },\n    {\n      delay,\n      texts: 'B</kbd>,<u>underlined</u>, ',\n    },\n    {\n      delay,\n      texts: '<mark',\n    },\n    {\n      delay,\n      texts: '>highli',\n    },\n    {\n      delay,\n      texts: 'ghted</m',\n    },\n    {\n      delay,\n      texts: 'ark',\n    },\n    {\n      delay,\n      texts: '> text, ',\n    },\n    {\n      delay,\n      texts: '<span s',\n    },\n    {\n      delay,\n      texts: 'tyle=\"co',\n    },\n    {\n      delay,\n      texts: 'lor: #93',\n    },\n    {\n      delay,\n      texts: 'C47D;\">c',\n    },\n    {\n      delay,\n      texts: 'olored t',\n    },\n    {\n      delay,\n      texts: 'ext</spa',\n    },\n    {\n      delay,\n      texts: 'n> and ',\n    },\n    {\n      delay,\n      texts: '<spa',\n    },\n    {\n      delay,\n      texts: 'n',\n    },\n    {\n      delay,\n      texts: ' style=\"',\n    },\n    {\n      delay,\n      texts: 'backgrou',\n    },\n    {\n      delay,\n      texts: 'nd-color',\n    },\n    {\n      delay,\n      texts: ': #6C9EE',\n    },\n    {\n      delay,\n      texts: 'B;\">back',\n    },\n    {\n      delay,\n      texts: 'ground h',\n    },\n    {\n      delay,\n      texts: 'ighlight',\n    },\n    {\n      delay,\n      texts: 's</spa',\n    },\n    {\n      delay,\n      texts: 'n> for ',\n    },\n    {\n      delay,\n      texts: 'visual e',\n    },\n    {\n      delay,\n      texts: 'mphasis.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Superscript ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: 'E=mc<sup>2</sup> ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'subscript ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: 'H<sub>2</sub>O ',\n    },\n    {\n      delay,\n      texts: 'demonstrate ',\n    },\n    {\n      delay,\n      texts: 'mathematical ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'chemical ',\n    },\n    {\n      delay,\n      texts: 'notation ',\n    },\n    {\n      delay,\n      texts: 'capabilities.\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Add ',\n    },\n    {\n      delay,\n      texts: 'mentions ',\n    },\n    {\n      delay,\n      texts: 'like ',\n    },\n    {\n      delay,\n      texts: '@BB-8, d',\n    },\n    {\n      delay,\n      texts: 'ates (<d',\n    },\n    {\n      delay,\n      texts: 'ate>2025',\n    },\n    {\n      delay,\n      texts: '-05-08</',\n    },\n    {\n      delay,\n      texts: 'date>), ',\n    },\n    {\n      delay,\n      texts: 'and math',\n    },\n    {\n      delay,\n      texts: ' formula',\n    },\n    {\n      delay,\n      texts: 's ($E=mc',\n    },\n    {\n      delay,\n      texts: '^2$).\\n\\n',\n    },\n    {\n      delay,\n      texts: 'The ',\n    },\n    {\n      delay,\n      texts: 'table ',\n    },\n    {\n      delay,\n      texts: 'of ',\n    },\n    {\n      delay,\n      texts: 'contents ',\n    },\n    {\n      delay,\n      texts: 'feature ',\n    },\n    {\n      delay,\n      texts: 'automatically ',\n    },\n    {\n      delay,\n      texts: 'generates ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'structure ',\n    },\n    {\n      delay,\n      texts: 'for ',\n    },\n    {\n      delay,\n      texts: 'easy ',\n    },\n    {\n      delay,\n      texts: 'navigation.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<toc ',\n    },\n    {\n      delay,\n      texts: '/>\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Math ',\n    },\n    {\n      delay,\n      texts: 'formula ',\n    },\n    {\n      delay,\n      texts: 'support ',\n    },\n    {\n      delay,\n      texts: 'makes ',\n    },\n    {\n      delay,\n      texts: 'displaying ',\n    },\n    {\n      delay,\n      texts: 'complex ',\n    },\n    {\n      delay,\n      texts: 'mathematical ',\n    },\n    {\n      delay,\n      texts: 'expressions ',\n    },\n    {\n      delay,\n      texts: 'simple.\\n\\n',\n    },\n    {\n      delay,\n      texts: '$$\\n',\n    },\n    {\n      delay,\n      texts: 'a^2',\n    },\n    {\n      delay,\n      texts: '+b^2',\n    },\n    {\n      delay,\n      texts: '=c^2\\n',\n    },\n    {\n      delay,\n      texts: '$$\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Multi-co',\n    },\n    {\n      delay,\n      texts: 'lumn lay',\n    },\n    {\n      delay,\n      texts: 'out feat',\n    },\n    {\n      delay,\n      texts: 'ures ena',\n    },\n    {\n      delay,\n      texts: 'ble rich',\n    },\n    {\n      delay,\n      texts: 'er page ',\n    },\n    {\n      delay,\n      texts: 'designs ',\n    },\n    {\n      delay,\n      texts: 'and cont',\n    },\n    {\n      delay,\n      texts: 'ent layo',\n    },\n    {\n      delay,\n      texts: 'uts.\\n\\n',\n    },\n    // {\n    //  delay,\n    //   texts: '<column_group layout=\"[50,50]\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '<column width=\"50%\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '  left\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column>\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '<column width=\"50%\">\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '  right\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column>\\n',\n    // },\n    // {\n    //  delay,\n    //   texts: '</column_group>\\n\\n',\n    // },\n    {\n      delay,\n      texts: 'PDF ',\n    },\n    {\n      delay,\n      texts: 'embedding ',\n    },\n    {\n      delay,\n      texts: 'makes ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'referencing ',\n    },\n    {\n      delay,\n      texts: 'simple ',\n    },\n    {\n      delay,\n      texts: 'and ',\n    },\n    {\n      delay,\n      texts: 'intuitive.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<file ',\n    },\n    {\n      delay,\n      texts: 'name=\"sample.pdf\" ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://s26.q4cdn.com/900411403/files/doc_downloads/test.pdf\" width=\"80%\" isUpload=\"true\" />\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Audio ',\n    },\n    {\n      delay,\n      texts: 'players ',\n    },\n    {\n      delay,\n      texts: 'can ',\n    },\n    {\n      delay,\n      texts: 'be ',\n    },\n    {\n      delay,\n      texts: 'embedded ',\n    },\n    {\n      delay,\n      texts: 'directly ',\n    },\n    {\n      delay,\n      texts: 'into ',\n    },\n    {\n      delay,\n      texts: 'documents, ',\n    },\n    {\n      delay,\n      texts: 'supporting ',\n    },\n    {\n      delay,\n      texts: 'online ',\n    },\n    {\n      delay,\n      texts: 'audio ',\n    },\n    {\n      delay,\n      texts: 'resources.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<audio ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://samplelib.com/lib/preview/mp3/sample-3s.mp3\" width=\"80%\" />\\n\\n',\n    },\n    {\n      delay,\n      texts: 'Video ',\n    },\n    {\n      delay,\n      texts: 'playback ',\n    },\n    {\n      delay,\n      texts: 'features ',\n    },\n    {\n      delay,\n      texts: 'support ',\n    },\n    {\n      delay,\n      texts: 'embedding ',\n    },\n    {\n      delay,\n      texts: 'various ',\n    },\n    {\n      delay,\n      texts: 'online ',\n    },\n    {\n      delay,\n      texts: 'video ',\n    },\n    {\n      delay,\n      texts: 'resources, ',\n    },\n    {\n      delay,\n      texts: 'enriching ',\n    },\n    {\n      delay,\n      texts: 'document ',\n    },\n    {\n      delay,\n      texts: 'content.\\n\\n',\n    },\n    {\n      delay,\n      texts: '<video ',\n    },\n    {\n      delay,\n      texts: 'align=\"center\" ',\n    },\n    {\n      delay,\n      texts:\n        'src=\"https://videos.pexels.com/video-files/6769791/6769791-uhd_2560_1440_24fps.mp4\" width=\"80%\" isUpload=\"true\" />',\n    },\n  ],\n];\n\nconst createCommentChunks = (editor: PlateEditor) => {\n  const selectedBlocksApi = editor.getApi(BlockSelectionPlugin).blockSelection;\n\n  const selectedBlocks = selectedBlocksApi\n    .getNodes({\n      selectionFallback: true,\n      sort: true,\n    })\n    .map(([block]) => block);\n\n  const isSelectingSome = editor.getOption(\n    BlockSelectionPlugin,\n    'isSelectingSome'\n  );\n\n  const blocks =\n    selectedBlocks.length > 0 && (editor.api.isExpanded() || isSelectingSome)\n      ? selectedBlocks\n      : editor.children;\n\n  const max = blocks.length;\n\n  const commentCount = Math.ceil(max / 2);\n\n  const result = new Set<number>();\n\n  while (result.size < commentCount) {\n    const num = Math.floor(Math.random() * max); // 0 to max-1 (fixed: was 1 to max)\n    result.add(num);\n  }\n\n  const indexes = Array.from(result).sort((a, b) => a - b);\n\n  const chunks = indexes\n    .map((index, i) => {\n      const block = blocks[index];\n      if (!block) {\n        return [];\n      }\n\n      const blockString = NodeApi.string(block);\n      const endIndex = blockString.indexOf('.');\n      const content =\n        endIndex === -1 ? blockString : blockString.slice(0, endIndex);\n\n      return [\n        {\n          delay: faker.number.int({ max: 500, min: 200 }),\n          texts: `{\"id\":\"${nanoid()}\",\"data\":{\"comment\":{\"blockId\":\"${block.id}\",\"comment\":\"${faker.lorem.sentence()}\",\"content\":\"${content}\"},\"status\":\"${i === indexes.length - 1 ? 'finished' : 'streaming'}\"},\"type\":\"data-comment\"}`,\n        },\n      ];\n    })\n    .filter((chunk) => chunk.length > 0);\n\n  const result_chunks = [\n    [{ delay: 50, texts: '{\"data\":\"comment\",\"type\":\"data-toolName\"}' }],\n    ...chunks,\n  ];\n\n  return result_chunks;\n};\n\nconst createTableCellChunks = (editor: PlateEditor) => {\n  // Get selected table cells from the TablePlugin\n  const selectedCells =\n    editor.getOption({ key: KEYS.table }, 'selectedCells') || [];\n\n  // If no cells selected, try to get cells from current selection\n  let cellIds: string[] = [];\n\n  if (selectedCells.length > 0) {\n    cellIds = selectedCells\n      .map((cell: { id?: string }) => cell.id)\n      .filter(Boolean);\n  } else {\n    // Try to find table cells in current selection\n    const cells = Array.from(\n      editor.api.nodes({\n        at: editor.selection ?? undefined,\n        match: (n) =>\n          (n as { type?: string }).type === KEYS.td ||\n          (n as { type?: string }).type === KEYS.th,\n      })\n    );\n    cellIds = cells\n      .map(([node]) => (node as { id?: string }).id)\n      .filter(Boolean) as string[];\n  }\n\n  // If still no cells, return empty chunks\n  if (cellIds.length === 0) {\n    return [\n      [{ delay: 50, texts: '{\"data\":\"edit\",\"type\":\"data-toolName\"}' }],\n      [\n        {\n          delay: 100,\n          texts: `{\"id\":\"${nanoid()}\",\"data\":{\"cellUpdate\":null,\"status\":\"finished\"},\"type\":\"data-table\"}`,\n        },\n      ],\n    ];\n  }\n\n  // Generate mock content for each cell\n  const chunks = cellIds.map((cellId, i) => [\n    {\n      delay: faker.number.int({ max: 300, min: 100 }),\n      texts: `{\"id\":\"${nanoid()}\",\"data\":{\"cellUpdate\":{\"id\":\"${cellId}\",\"content\":\"${faker.lorem.sentence()}\"},\"status\":\"${i === cellIds.length - 1 ? 'finished' : 'streaming'}\"},\"type\":\"data-table\"}`,\n    },\n  ]);\n\n  const result_chunks = [\n    [{ delay: 50, texts: '{\"data\":\"edit\",\"type\":\"data-toolName\"}' }],\n    ...chunks,\n  ];\n\n  return result_chunks;\n};\n",
       "type": "registry:component"
     }
   ]
diff --git a/apps/www/public/tailwind.css b/apps/www/public/tailwind.css
index 0969ae57c9..5f8c2500fc 100644
--- a/apps/www/public/tailwind.css
+++ b/apps/www/public/tailwind.css
@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:"";--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"var(--font-sans)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-900:oklch(40.5% .101 131.063);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-950:oklch(30.2% .056 229.695);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-lg:var(--radius);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--blur-sm:8px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"var(--font-sans)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--default-mono-font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-code:var(--surface);--color-code-foreground:var(--surface-foreground);--color-code-highlight:var(--code-highlight);--color-code-number:var(--code-number);--font-heading:"var(--font-heading)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{overscroll-behavior:none;background-color:var(--background);color:var(--foreground);font-synthesis-weight:none;text-rendering:optimizeLegibility}@supports (font:-apple-system-body) and (appearance:none){@media (min-width:1800px){[data-wrapper]{border-top-style:var(--tw-border-style);border-top-width:1px}}}a:active,button:active{opacity:.6}@media (min-width:48rem){a:active,button:active{opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent}.prose{--tw-prose-body:var(--foreground);--tw-prose-bold:inherit;--tw-prose-links:inherit;--tw-prose-bullets:var(--foreground)}[data-theme=light]{display:block}[data-theme=dark],.dark [data-theme=light]{display:none}.dark [data-theme=dark]{display:block}[data-rehype-pretty-code-fragment]{color:var(--color-white);position:relative}[data-rehype-pretty-code-fragment] code{border-style:var(--tw-border-style);min-width:100%;padding:calc(var(--spacing)*0);overflow-wrap:break-word;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#0000;border-width:0;border-radius:0;display:grid}[data-rehype-pretty-code-fragment] .line{width:100%;min-height:1rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*.5);display:inline-block}[data-rehype-pretty-code-fragment] [data-line-numbers] .line{padding-inline:calc(var(--spacing)*2)}[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#fafafa66}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{color:color-mix(in oklab,var(--color-zinc-50)40%,transparent)}}[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{counter-increment:line;content:counter(line);text-align:right;width:1.8rem;margin-right:1.4rem;display:inline-block}[data-rehype-pretty-code-fragment] .line--highlighted{background-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .line--highlighted{background-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)}}[data-rehype-pretty-code-fragment] .line-highlighted span{position:relative}[data-rehype-pretty-code-fragment] .word--highlighted{border-radius:calc(var(--radius) - 2px);border-color:#3f3f46b3}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .word--highlighted{border-color:color-mix(in oklab,var(--color-zinc-700)70%,transparent)}}[data-rehype-pretty-code-fragment] .word--highlighted{background-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .word--highlighted{background-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)}}[data-rehype-pretty-code-fragment] .word--highlighted{padding:calc(var(--spacing)*1)}.dark [data-rehype-pretty-code-fragment] .word--highlighted{background-color:var(--color-zinc-900)}[data-rehype-pretty-code-title]{margin-top:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--foreground)}[data-rehype-pretty-code-title]+pre{margin-top:calc(var(--spacing)*2)!important}}@layer components{.steps:first-child,.steps:first-child>h3:first-child{margin-top:calc(var(--spacing)*0)!important}.steps>h3{margin-top:calc(var(--spacing)*16)!important}.steps>h3+p{margin-top:calc(var(--spacing)*2)!important}[data-rehype-pretty-code-figure]{background-color:var(--color-code);color:var(--color-code-foreground);border-radius:var(--radius-lg);border-width:0;border-color:var(--border);margin-top:calc(var(--spacing)*6);font-size:var(--text-sm);outline:none;position:relative;overflow:hidden}@media (min-width:48rem){[data-rehype-pretty-code-figure]{margin-inline:calc(var(--spacing)*-4)}}[data-rehype-pretty-code-figure]:has([data-rehype-pretty-code-title]) [data-slot=copy-button]{top:calc(var(--spacing)*1.5)!important}[data-rehype-pretty-code-title]{border-bottom:var(--border)}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-title]{border-bottom:color-mix(in oklab,var(--border)30%,transparent)}}[data-rehype-pretty-code-title]{padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-code-foreground);border-bottom-style:solid;border-bottom-width:1px}[data-line-numbers]{white-space:pre;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;min-width:100%;padding:0;display:grid}[data-line-numbers] [data-line]:before{font-size:var(--text-sm);counter-increment:line;content:counter(line);width:calc(var(--spacing)*16);padding-right:calc(var(--spacing)*6);text-align:right;color:var(--color-code-number);background-color:var(--color-code);display:inline-block;position:sticky;left:0}[data-line-numbers] [data-highlighted-line][data-line]:before{background-color:var(--color-code-highlight)}[data-line]{padding-top:calc(var(--spacing)*.5);padding-bottom:calc(var(--spacing)*.5);min-height:calc(var(--spacing)*1);width:100%;display:inline-block}[data-line] span{color:var(--shiki-light)}[data-line] span:is(.dark *){color:var(--shiki-dark)!important}[data-highlighted-line],[data-highlighted-chars]{background-color:var(--color-code-highlight);position:relative}[data-highlighted-line]:after{content:"";background-color:var(--muted-foreground);width:2px;height:100%;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){[data-highlighted-line]:after{background-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}[data-highlighted-chars]{border-radius:var(--radius-sm);font-family:var(--font-mono);padding-block:.1rem;padding-inline:.3rem;font-size:.8rem}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}@media (pointer:coarse){.extend-touch-target{touch-action:manipulation;position:relative}.extend-touch-target:after{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing)*-2);position:absolute}}.step{counter-increment:step;position:relative}.step:before{right:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*2);width:calc(var(--spacing)*7);height:calc(var(--spacing)*7);text-align:center;text-indent:-1px;font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);border-radius:3.40282e38px;justify-content:center;align-items:center;display:none}@media (min-width:48rem){.step:before{position:absolute}}.step:before{content:counter(step)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-32{inset:calc(var(--spacing)*32)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.start-1{inset-inline-start:calc(var(--spacing)*1)}.-top-2{top:calc(var(--spacing)*-2)}.-top-4{top:calc(var(--spacing)*-4)}.-top-px{top:-1px}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-10{top:calc(var(--spacing)*10)}.top-14{top:calc(var(--spacing)*14)}.top-16{top:calc(var(--spacing)*16)}.top-20{top:calc(var(--spacing)*20)}.top-\[0\.3rem\]{top:.3rem}.top-\[0\.4rem\]{top:.4rem}.top-\[5px\]{top:5px}.top-\[50\%\]{top:50%}.top-\[calc\(var\(--header-height\)\+1px\)\]{top:calc(var(--header-height) + 1px)}.-right-1{right:calc(var(--spacing)*-1)}.-right-3{right:calc(var(--spacing)*-3)}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-16{right:calc(var(--spacing)*16)}.right-24{right:calc(var(--spacing)*24)}.right-\[-11px\]{right:-11px}.right-\[0\.3rem\]{right:.3rem}.right-\[28px\]{right:28px}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-px{bottom:-1px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-0\.5{bottom:calc(var(--spacing)*.5)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-16{bottom:calc(var(--spacing)*16)}.bottom-24{bottom:calc(var(--spacing)*24)}.-left-0{left:calc(var(--spacing)*0)}.-left-0\.5{left:calc(var(--spacing)*-.5)}.-left-1{left:calc(var(--spacing)*-1)}.-left-3{left:calc(var(--spacing)*-3)}.-left-5{left:calc(var(--spacing)*-5)}.-left-6{left:calc(var(--spacing)*-6)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-2\.5{left:calc(var(--spacing)*2.5)}.left-3{left:calc(var(--spacing)*3)}.left-16{left:calc(var(--spacing)*16)}.left-\[-10\.5px\]{left:-10.5px}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-35{z-index:35}.z-36{z-index:36}.z-40{z-index:40}.z-50{z-index:50}.z-51{z-index:51}.z-60{z-index:60}.z-100{z-index:100}.z-500{z-index:500}.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1/span 1}.col-start-2{grid-column-start:2}.col-start-10{grid-column-start:10}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:1600px){.container{max-width:1600px}}@media (min-width:2000px){.container{max-width:2000px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-4{margin:calc(var(--spacing)*4)}.container-wrapper{width:100%;max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*2);margin-inline:auto}.container{max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:80rem){.container{padding-inline:calc(var(--spacing)*6)}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.mx-px{margin-inline:1px}.\!my-0{margin-block:calc(var(--spacing)*0)!important}.my-1{margin-block:calc(var(--spacing)*1)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.my-px{margin-block:1px}.-ms-5{margin-inline-start:calc(var(--spacing)*-5)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.\!mt-0{margin-top:calc(var(--spacing)*0)!important}.-mt-2\.5{margin-top:calc(var(--spacing)*-2.5)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-12{margin-top:calc(var(--spacing)*-12)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[0\.75em\]{margin-top:.75em}.mt-\[1\.4em\]{margin-top:1.4em}.mt-\[1\.6em\]{margin-top:1.6em}.mt-\[1em\]{margin-top:1em}.mt-auto{margin-top:auto}.-mr-3{margin-right:calc(var(--spacing)*-3)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-\[14px\]{margin-right:14px}.mr-auto{margin-right:auto}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.\!ml-6{margin-left:calc(var(--spacing)*6)!important}.-ml-2{margin-left:calc(var(--spacing)*-2)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-1\/2{aspect-ratio:1/2}.aspect-\[4\/2\.5\]{aspect-ratio:4/2.5}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-3{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\!size-3\.5{width:calc(var(--spacing)*3.5)!important;height:calc(var(--spacing)*3.5)!important}.size-0{width:calc(var(--spacing)*0);height:calc(var(--spacing)*0)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-3\.5\!{width:calc(var(--spacing)*3.5)!important;height:calc(var(--spacing)*3.5)!important}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-\[14px\]{width:14px;height:14px}.size-\[22px\]{width:22px;height:22px}.size-\[28px\]{width:28px;height:28px}.size-\[130px\]{width:130px;height:130px}.size-full{width:100%;height:100%}.h-\(--container-height\){height:var(--container-height)}.h-\(--header-height\){height:var(--header-height)}.h-\(--height\){height:var(--height)}.h-\(--radix-popper-available-height\){height:var(--radix-popper-available-height)}.h-\(--top-spacing\){height:var(--top-spacing)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-\[0\.1px\]{height:.1px}.h-\[1\.5em\]{height:1.5em}.h-\[1\.45rem\]{height:1.45rem}.h-\[1px\]{height:1px}.h-\[19px\]{height:19px}.h-\[23rem\]{height:23rem}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[344px\]{height:344px}.h-\[350px\]{height:350px}.h-\[500px\]{height:500px}.h-\[520px\]{height:520px}.h-\[600px\]{height:600px}.h-\[650px\]{height:650px}.h-\[800px\]{height:800px}.h-\[7500px\]{height:7500px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100\%_\+_8px\)\]{height:calc(100% + 8px)}.h-\[calc\(100svh-var\(--header-height\)-var\(--footer-height\)\)\]{height:calc(100svh - var(--header-height) - var(--footer-height))}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.h-\[calc\(theme\(spacing\.7\)_-_1px\)\]{height:calc(1.75rem - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-14{max-height:calc(var(--spacing)*14)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70svh\]{max-height:70svh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[288px\]{max-height:288px}.max-h-\[300px\]{max-height:300px}.max-h-\[500px\]{max-height:500px}.max-h-\[650px\]{max-height:650px}.max-h-\[calc\(100vh-4rem\)\]{max-height:calc(100vh - 4rem)}.max-h-\[calc\(100vh-var\(--header-height\)-44px\)\]{max-height:calc(100vh - var(--header-height) - 44px)}.max-h-\[min\(50dvh\,calc\(-24px\+var\(--radix-popper-available-height\)\)\)\]{max-height:min(50dvh,calc(-24px + var(--radix-popper-available-height)))}.max-h-\[min\(70vh\,320px\)\]{max-height:min(70vh,320px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-\[1lh\]{min-height:1lh}.min-h-\[25px\]{min-height:25px}.min-h-\[50\%\]{min-height:50%}.min-h-\[350px\]{min-height:350px}.min-h-full\!{min-height:100%!important}.min-h-min{min-height:min-content}.min-h-svh{min-height:100svh}.w-\(--radix-popper-available-width\){width:var(--radix-popper-available-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[1px\]{width:1px}.w-\[3px\]{width:3px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[230px\]{width:230px}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[330px\]{width:330px}.w-\[380px\]{width:380px}.w-\[700px\]{width:700px}.w-\[896px\]{width:896px}.w-\[970px\]{width:970px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[min\(100\%\,600px\)\]{width:min(100%,600px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2{max-width:calc(var(--spacing)*2)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[80vw\]{max-width:80vw}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-2{min-width:calc(var(--spacing)*2)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-\[8px\]{min-width:8px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[92px\]{min-width:92px}.min-w-\[125px\]{min-width:125px}.min-w-\[130px\]{min-width:130px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.min-w-\[225px\]{min-width:225px}.min-w-\[450px\]{min-width:450px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow-1,.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/4{--tw-translate-x:calc(calc(1/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[1\.5px\]{--tw-translate-x:calc(1.5px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-12{--tw-translate-x:calc(var(--spacing)*12);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/4{--tw-translate-y:calc(calc(1/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[2px\]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-m-16{scroll-margin:calc(var(--spacing)*16)}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.scroll-m-28{scroll-margin:calc(var(--spacing)*28)}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.list-none\!{list-style-type:none!important}.appearance-none{appearance:none}.grid-flow-row{grid-auto-flow:row}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.grid-cols-\[repeat\(10\,1fr\)\]{grid-template-columns:repeat(10,1fr)}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#ddd\]{border-color:#ddd}.border-blue-500{border-color:var(--color-blue-500)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-muted-foreground{border-color:var(--muted-foreground)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-stone-700{border-color:var(--color-stone-700)}.border-transparent{border-color:#0000}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.border-s-blue-500\/50{border-inline-start-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.border-s-blue-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-s-green-500\/50{border-inline-start-color:#00c75880}@supports (color:color-mix(in lab, red, red)){.border-s-green-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-s-orange-500\/50{border-inline-start-color:#fe6e0080}@supports (color:color-mix(in lab, red, red)){.border-s-orange-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-orange-500)50%,transparent)}}.border-s-red-500\/50{border-inline-start-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.border-s-red-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-t-border{border-top-color:var(--border)}.border-t-transparent{border-top-color:#0000}.border-b-border{border-bottom-color:var(--border)}.border-b-brand\/\[\.24\]{border-bottom-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.border-b-brand\/\[\.24\]{border-bottom-color:color-mix(in oklab,var(--brand)24%,transparent)}}.border-b-gray-300{border-bottom-color:var(--color-gray-300)}.border-b-highlight,.border-b-highlight\/35{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/35{border-bottom-color:color-mix(in oklab,var(--highlight)35%,transparent)}}.border-b-highlight\/\[\.7\]{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/\[\.7\]{border-bottom-color:color-mix(in oklab,var(--highlight)70%,transparent)}}.border-b-highlight\/\[\.36\]{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/\[\.36\]{border-bottom-color:color-mix(in oklab,var(--highlight)36%,transparent)}}.border-b-purple-100{border-bottom-color:var(--color-purple-100)}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--cellBackground\){background-color:var(--cellBackground)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-2\){background-color:var(--color-2)}.bg-\(--color-3\){background-color:var(--color-3)}.bg-\(--color-4\){background-color:var(--color-4)}.bg-\[\#adfa1d\]{background-color:#adfa1d}.bg-\[\#eee\]{background-color:#eee}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-accent{background-color:var(--accent)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background,.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--border)}.bg-brand,.bg-brand\/25{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/25{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.bg-brand\/50{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/50{background-color:color-mix(in oklab,var(--brand)50%,transparent)}}.bg-brand\/\[\.08\]{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/\[\.08\]{background-color:color-mix(in oklab,var(--brand)8%,transparent)}}.bg-brand\/\[\.13\]{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/\[\.13\]{background-color:color-mix(in oklab,var(--brand)13%,transparent)}}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-destructive{background-color:var(--destructive)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-200\/80{background-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-200\/80{background-color:color-mix(in oklab,var(--color-emerald-200)80%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300\/25{background-color:#d1d5dc40}@supports (color:color-mix(in lab, red, red)){.bg-gray-300\/25{background-color:color-mix(in oklab,var(--color-gray-300)25%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-highlight,.bg-highlight\/15{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/15{background-color:color-mix(in oklab,var(--highlight)15%,transparent)}}.bg-highlight\/25{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/25{background-color:color-mix(in oklab,var(--highlight)25%,transparent)}}.bg-highlight\/30{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/30{background-color:color-mix(in oklab,var(--highlight)30%,transparent)}}.bg-highlight\/45{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/45{background-color:color-mix(in oklab,var(--highlight)45%,transparent)}}.bg-highlight\/\[\.13\]{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/\[\.13\]{background-color:color-mix(in oklab,var(--highlight)13%,transparent)}}.bg-inherit{background-color:inherit}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-popover,.bg-popover\/90{background-color:var(--popover)}@supports (color:color-mix(in lab, red, red)){.bg-popover\/90{background-color:color-mix(in oklab,var(--popover)90%,transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/40{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/40{background-color:color-mix(in oklab,var(--primary)40%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-200\/80{background-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.bg-red-200\/80{background-color:color-mix(in oklab,var(--color-red-200)80%,transparent)}}.bg-ring\/70{background-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.bg-ring\/70{background-color:color-mix(in oklab,var(--ring)70%,transparent)}}.bg-ring\/80{background-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.bg-ring\/80{background-color:color-mix(in oklab,var(--ring)80%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-slate-200\/50{background-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/50{background-color:color-mix(in oklab,var(--color-slate-200)50%,transparent)}}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\!{background-color:var(--color-zinc-950)!important}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#6EB6F2\]{--tw-gradient-from:#6eb6f2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background\/10{--tw-gradient-from:var(--background)}@supports (color:color-mix(in lab, red, red)){.from-background\/10{--tw-gradient-from:color-mix(in oklab,var(--background)10%,transparent)}}.from-background\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-900\/30{--tw-gradient-from:#1018284d}@supports (color:color-mix(in lab, red, red)){.from-gray-900\/30{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)30%,transparent)}}.from-gray-900\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#a855f7\]{--tw-gradient-via:#a855f7;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/60{--tw-gradient-via:var(--background)}@supports (color:color-mix(in lab, red, red)){.via-background\/60{--tw-gradient-via:color-mix(in oklab,var(--background)60%,transparent)}}.via-background\/60{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#eab308\]{--tw-gradient-to:#eab308;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-90\%{--tw-gradient-to-position:90%}.bg-cover{background-size:cover}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.fill-blue-500{fill:var(--color-blue-500)}.fill-current{fill:currentColor}.fill-green-500{fill:var(--color-green-500)}.fill-none{fill:none}.fill-orange-500{fill:var(--color-orange-500)}.fill-primary{fill:var(--primary)}.fill-red-500{fill:var(--color-red-500)}.stroke-slate-300{stroke:var(--color-slate-300)}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-11{padding:calc(var(--spacing)*11)}.p-20{padding:calc(var(--spacing)*20)}.p-\[2px\]{padding:2px}.p-\[3px\]{padding:3px}.p-px{padding:1px}.\!px-0\.5{padding-inline:calc(var(--spacing)*.5)!important}.\!px-1{padding-inline:calc(var(--spacing)*1)!important}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\[0\.3em\]{padding-inline:.3em}.px-\[0\.3rem\]{padding-inline:.3rem}.px-\[calc\(--spacing\(1\)-2px\)\]{padding-inline:calc(calc(var(--spacing)*1) - 2px)}.px-px{padding-inline:1px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-4\!{padding-block:calc(var(--spacing)*4)!important}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-\[--spacing\(1\)\]{padding-block:calc(var(--spacing)*1)}.py-\[0\.2em\]{padding-block:.2em}.py-\[0\.2rem\]{padding-block:.2rem}.py-\[1\.5px\]{padding-block:1.5px}.py-\[3px\]{padding-block:3px}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-\[0\.275em\]{padding-top:.275em}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-\[14px\]{padding-right:14px}.pr-px{padding-right:1px}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-48{padding-bottom:calc(var(--spacing)*48)}.pb-72{padding-bottom:calc(var(--spacing)*72)}.pb-\[20vh\]{padding-bottom:20vh}.pb-\[51\.25\%\]{padding-bottom:51.25%}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pb-\[56\.0417\%\]{padding-bottom:56.0417%}.pb-\[75\%\]{padding-bottom:75%}.pb-px{padding-bottom:1px}.pl-\(--index\){padding-left:var(--index)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-\[26px\]{padding-left:26px}.pl-\[32px\]{padding-left:32px}.pl-\[50px\]{padding-left:50px}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.font-\[inherit\]{font-family:inherit}.font-heading{font-family:"var(--font-heading)","ui-sans-serif",-apple-system,BlinkMacSystemFont,Segoe UI Variable Display,Segoe UI,Helvetica,Apple Color Emoji,Arial,"sans-serif",Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:"var(--font-sans)","ui-sans-serif",-apple-system,BlinkMacSystemFont,Segoe UI Variable Display,Segoe UI,Helvetica,Apple Color Emoji,Arial,"sans-serif",Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[10px\]{font-size:10px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[40px\]{font-size:40px}.text-\[max\(87\.5\%\,\.875rem\)\]{font-size:max(87.5%,.875rem)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#000000\]{color:#000}.text-\[\#aaa\]{color:#aaa}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-600{color:var(--color-amber-600)}.text-background{color:var(--background)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-brand\/80{color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.text-brand\/80{color:color-mix(in oklab,var(--brand)80%,transparent)}}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-cyan-700{color:var(--color-cyan-700)}.text-destructive{color:var(--destructive)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-inherit{color:inherit}.text-muted-foreground,.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-slate-50{color:var(--color-slate-50)}.text-slate-500{color:var(--color-slate-500)}.text-stone-400{color:var(--color-stone-400)}.text-surface-foreground{color:var(--surface-foreground)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-700{color:var(--color-zinc-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-primary{-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.decoration-\[0\.5px\]{text-decoration-thickness:.5px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-primary{caret-color:var(--primary)}.accent-foreground{accent-color:var(--foreground)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\]{--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\]{--tw-shadow-color:color-mix(in oklab,#ffffff1a 0px .5px 0px 0px inset,#f8f9fa 0px 1px 5px 0px inset,#c1c8cd 0px 0px 0px .5px,#c1c8cd 0px 2px 1px -1px,#c1c8cd 0px 1px 0px 0px var(--tw-shadow-alpha),transparent)}}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-primary{--tw-ring-color:var(--primary)}.ring-ring{--tw-ring-color:var(--ring)}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-0{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert-1{--tw-invert:invert(1%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[contain\:content\]{contain:content}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-auto{-webkit-user-select:auto;user-select:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.zoom-in-95{--tw-enter-scale:.95}.\[--footer-height\:calc\(var\(--spacing\)\*14\)\]{--footer-height:calc(var(--spacing)*14)}.\[--header-height\:calc\(var\(--spacing\)\*14\)\]{--header-height:calc(var(--spacing)*14)}.\[--sidebar-width\:220px\]{--sidebar-width:220px}.\[--top-spacing\:0\]{--top-spacing:0}.\[counter-increment\:step\]{counter-increment:step}.\[counter-reset\:step\]{counter-reset:step}.\[tab-size\:2\]{tab-size:2}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}:is(.\*\:m-0>*){margin:calc(var(--spacing)*0)}:is(.\*\:shrink-0>*){flex-shrink:0}:is(.\*\*\:my-0 *){margin-block:calc(var(--spacing)*0)}:is(.\*\*\:leading-\[calc\(1\.25\/\.875\)\] *){--tw-leading:calc(1.25/.875);line-height:1.42857}:is(.\*\*\:leading-normal *){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.not-first\:mt-4:not(:first-child){margin-top:calc(var(--spacing)*4)}.not-first\:mt-6:not(:first-child){margin-top:calc(var(--spacing)*6)}.not-first\:mt-12:not(:first-child){margin-top:calc(var(--spacing)*12)}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-first\/column\:-left-1:is(:where(.group\/column):first-child *){left:calc(var(--spacing)*-1)}.group-first\/column\:pl-0:is(:where(.group\/column):first-child *){padding-left:calc(var(--spacing)*0)}.group-last\/column\:-right-1:is(:where(.group\/column):last-child *){right:calc(var(--spacing)*-1)}.group-last\/column\:pr-0:is(:where(.group\/column):last-child *){padding-right:calc(var(--spacing)*0)}.group-last\/toolbar-group\:hidden\!:is(:where(.group\/toolbar-group):last-child *){display:none!important}.group-focus-within\:pointer-events-none:is(:where(.group):focus-within *){pointer-events:none}.group-focus-within\:top-0:is(:where(.group):focus-within *){top:calc(var(--spacing)*0)}.group-focus-within\:cursor-default:is(:where(.group):focus-within *){cursor:default}.group-focus-within\:text-xs:is(:where(.group):focus-within *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-focus-within\:font-medium:is(:where(.group):focus-within *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.group-focus-within\:text-foreground:is(:where(.group):focus-within *){color:var(--foreground)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:translate-x-\[-135px\]:is(:where(.group):hover *){--tw-translate-x:-135px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-\[-181px\]:is(:where(.group):hover *){--tw-translate-x:-181px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:none}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:text-\[\#e3b341\]:is(:where(.group):hover *){color:#e3b341}.group-hover\:no-underline:is(:where(.group):hover *){text-decoration-line:none}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/column\:opacity-100:is(:where(.group\/column):hover *),.group-hover\/container\:opacity-100:is(:where(.group\/container):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-has-disabled\:opacity-50:is(:where(.group):has(:disabled) *){opacity:.5}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-list\:my-2:is(:where(.group)[data-list] *){margin-block:calc(var(--spacing)*2)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[empty\=true\]\/subheading\:hidden:is(:where(.group\/subheading)[data-empty=true] *){display:none}.group-data-\[pressed\=true\]\:bg-accent:is(:where(.group)[data-pressed=true] *){background-color:var(--accent)}.group-data-\[pressed\=true\]\:text-accent-foreground:is(:where(.group)[data-pressed=true] *){color:var(--accent-foreground)}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[table-resizing\=true\]\/row\:opacity-0:is(:where(.group\/row)[data-table-resizing=true] *){opacity:0}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[view\=code\]\/block-view-wrapper\:hidden:is(:where(.group\/block-view-wrapper)[data-view=code] *),.group-data-\[view\=preview\]\/block-view-wrapper\:hidden:is(:where(.group\/block-view-wrapper)[data-view=preview] *){display:none}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-has-\[\[role\=menuitem\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=menuitem])~*),.peer-has-\[\[role\=menuitemradio\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=menuitemradio])~*),.peer-has-\[\[role\=option\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=option])~*){display:block}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-brand\/25 ::selection{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-brand\/25 ::selection{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.selection\:bg-brand\/25::selection{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-brand\/25::selection{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder,.placeholder\:text-muted-foreground\/80::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-muted-foreground\/80::placeholder{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:mt-\[-4px\]:before{content:var(--tw-content);margin-top:-4px}.before\:ml-\[-50px\]:before{content:var(--tw-content);margin-left:-50px}.before\:box-border:before{content:var(--tw-content);box-sizing:border-box}.before\:inline-flex:before{content:var(--tw-content);display:inline-flex}.before\:size-full:before{content:var(--tw-content);width:100%;height:100%}.before\:h-9:before{content:var(--tw-content);height:calc(var(--spacing)*9)}.before\:w-9:before{content:var(--tw-content);width:calc(var(--spacing)*9)}.before\:cursor-text:before{content:var(--tw-content);cursor:text}.before\:items-center:before{content:var(--tw-content);align-items:center}.before\:justify-center:before{content:var(--tw-content);justify-content:center}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:border-4:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.before\:border-r:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:1px}.before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-background:before{content:var(--tw-content);border-color:var(--background)}.before\:border-t-border:before{content:var(--tw-content);border-top-color:var(--border)}.before\:border-r-border:before{content:var(--tw-content);border-right-color:var(--border)}.before\:border-b-border:before{content:var(--tw-content);border-bottom-color:var(--border)}.before\:border-l-border:before{content:var(--tw-content);border-left-color:var(--border)}.before\:bg-muted:before{content:var(--tw-content);background-color:var(--muted)}.before\:text-center:before{content:var(--tw-content);text-align:center}.before\:-indent-px:before{content:var(--tw-content);text-indent:-1px}.before\:font-mono:before{content:var(--tw-content);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.before\:text-base:before{content:var(--tw-content);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.before\:font-medium:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.before\:text-muted-foreground\/80:before{content:var(--tw-content);color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.before\:text-muted-foreground\/80:before{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.before\:opacity-30:before{content:var(--tw-content);opacity:.3}.before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.before\:content-\[attr\(placeholder\)\]:before{content:var(--tw-content);--tw-content:attr(placeholder);content:var(--tw-content)}.before\:\[content\:counter\(step\)\]:before{content:var(--tw-content);content:counter(step)}.before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:inset-y-\[-2px\]:after{content:var(--tw-content);inset-block:-2px}.after\:-top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*-.5)}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:-left-1:after{content:var(--tw-content);left:calc(var(--spacing)*-1)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:z-1:after{content:var(--tw-content);z-index:1}.after\:ml-1\.5:after{content:var(--tw-content);margin-left:calc(var(--spacing)*1.5)}.after\:block:after{content:var(--tw-content);display:block}.after\:flex:after{content:var(--tw-content);display:flex}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:h-3:after{content:var(--tw-content);height:calc(var(--spacing)*3)}.after\:h-8:after{content:var(--tw-content);height:calc(var(--spacing)*8)}.after\:h-16:after{content:var(--tw-content);height:calc(var(--spacing)*16)}.after\:h-\[calc\(100\%\)\+4px\]:after{content:var(--tw-content);height:calc(100%)4px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-3:after{content:var(--tw-content);width:calc(var(--spacing)*3)}.after\:w-10:after{content:var(--tw-content);width:calc(var(--spacing)*10)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:w-\[3px\]:after{content:var(--tw-content);width:3px}.after\:w-\[6px\]:after{content:var(--tw-content);width:6px}.after\:w-\[calc\(100\%\+8px\)\]:after{content:var(--tw-content);width:calc(100% + 8px)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:-translate-x-px:after{content:var(--tw-content);--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:rounded-\[6px\]:after{content:var(--tw-content);border-radius:6px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius)}.after\:rounded-sm:after{content:var(--tw-content);border-radius:calc(var(--radius) - 4px)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.after\:bg-brand\/15:after{content:var(--tw-content);background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.after\:bg-brand\/15:after{background-color:color-mix(in oklab,var(--brand)15%,transparent)}}.after\:bg-neutral-500\/10:after{content:var(--tw-content);background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.after\:bg-neutral-500\/10:after{background-color:color-mix(in oklab,var(--color-neutral-500)10%,transparent)}}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--primary)}.after\:bg-ring:after{content:var(--tw-content);background-color:var(--ring)}.after\:bg-zinc-950:after{content:var(--tw-content);background-color:var(--color-zinc-950)}.after\:pb-\[var\(--aspect-ratio\)\]:after{content:var(--tw-content);padding-bottom:var(--aspect-ratio)}.after\:align-middle:after{content:var(--tw-content);vertical-align:middle}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\"\"\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:content-\[\'_\'\]:after{content:var(--tw-content);--tw-content:" ";content:var(--tw-content)}.after\:content-\[\\\"\\\"\]:after{content:var(--tw-content);--tw-content:\"\";content:var(--tw-content)}@media (hover:hover){.group-hover\:after\:opacity-100:is(:where(.group):hover *):after{content:var(--tw-content);opacity:1}}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:\!mt-0:first-child{margin-top:calc(var(--spacing)*0)!important}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.empty\:hidden:empty{display:none}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-accent:hover,.hover\:bg-accent\/80:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/80:hover{background-color:color-mix(in oklab,var(--accent)80%,transparent)}}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-muted-foreground\/15:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted-foreground\/15:hover{background-color:color-mix(in oklab,var(--muted-foreground)15%,transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/60:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/60:hover{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-brand\/80:hover{color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.hover\:text-brand\/80:hover{color:color-mix(in oklab,var(--brand)80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover,.hover\:text-muted-foreground\/80:hover{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:text-muted-foreground\/80:hover{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-slate-50:hover{color:var(--color-slate-50)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-50:hover{color:var(--color-zinc-50)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-primary:hover{--tw-ring-color:var(--primary)}.hover\:ring-offset-2:hover{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.hover\:after\:-bottom-1:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*-1)}.hover\:after\:bottom-0:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.hover\:after\:left-0:hover:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.hover\:after\:h-10:hover:after{content:var(--tw-content);height:calc(var(--spacing)*10)}.hover\:after\:h-\[1\.5px\]:hover:after{content:var(--tw-content);height:1.5px}.hover\:after\:w-\[calc\(100\%-2px\)\]:hover:after{content:var(--tw-content);width:calc(100% - 2px)}.hover\:after\:bg-brand:hover:after{content:var(--tw-content);background-color:var(--brand)}.hover\:after\:bg-primary:hover:after{content:var(--tw-content);background-color:var(--primary)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:bg-zinc-700:focus{background-color:var(--color-zinc-700)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:bg-transparent:focus-visible{background-color:#0000}.focus-visible\:bg-zinc-700:focus-visible{background-color:var(--color-zinc-700)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-slate-700:focus-visible{--tw-ring-color:var(--color-slate-700)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color:transparent}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:bg-transparent:active{background-color:#0000}.active\:bg-zinc-700:active{background-color:var(--color-zinc-700)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\:text-white:active{color:var(--color-white)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-aria-disabled\:border-input:has([aria-disabled=true]){border-color:var(--input)}.has-aria-disabled\:bg-muted:has([aria-disabled=true]){background-color:var(--muted)}.has-data-readonly\:w-fit:has([data-readonly]){width:fit-content}.has-data-readonly\:cursor-default:has([data-readonly]){cursor:default}.has-data-readonly\:border-transparent:has([data-readonly]){border-color:#0000}.has-data-readonly\:focus-within\:\[box-shadow\:none\]:has([data-readonly]):focus-within{box-shadow:none}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus){border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus){border-color:color-mix(in oklab,var(--brand)50%,transparent)}}.has-\[\[data-slate-editor\]\:focus\]\:ring-2:has([data-slate-editor]:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus){--tw-ring-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus){--tw-ring-color:color-mix(in oklab,var(--brand)30%,transparent)}}.has-\[\[role\=menuitem\]\]\:block:has([role=menuitem]),.has-\[\[role\=menuitemradio\]\]\:block:has([role=menuitemradio]),.has-\[\[role\=option\]\]\:block:has([role=option]){display:block}.has-\[button\]\:flex:has(:is(button)){display:flex}.has-\[\+input\:not\(\:placeholder-shown\)\]\:pointer-events-none:has(+input:not(:placeholder-shown)){pointer-events:none}.has-\[\+input\:not\(\:placeholder-shown\)\]\:top-0:has(+input:not(:placeholder-shown)){top:calc(var(--spacing)*0)}.has-\[\+input\:not\(\:placeholder-shown\)\]\:cursor-default:has(+input:not(:placeholder-shown)){cursor:default}.has-\[\+input\:not\(\:placeholder-shown\)\]\:text-xs:has(+input:not(:placeholder-shown)){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.has-\[\+input\:not\(\:placeholder-shown\)\]\:font-medium:has(+input:not(:placeholder-shown)){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.has-\[\+input\:not\(\:placeholder-shown\)\]\:text-foreground:has(+input:not(:placeholder-shown)){color:var(--foreground)}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-checked\:border-\(--color-1\)[aria-checked=true]{border-color:var(--color-1)}.aria-checked\:bg-accent[aria-checked=true]{background-color:var(--accent)}.aria-checked\:text-accent-foreground[aria-checked=true]{color:var(--accent-foreground)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}:is(.\*\*\:data-block-hide\:hidden *)[data-block-hide]{display:none}.data-readonly\:w-fit[data-readonly]{width:fit-content}:is(.\*\*\:data-slate-editor\:max-h-\[calc\(100dvh-44px\)\] *)[data-slate-editor]{max-height:calc(100dvh - 44px)}:is(.\*\*\:data-slate-placeholder\:\!top-1\/2 *)[data-slate-placeholder]{top:50%!important}:is(.\*\*\:data-slate-placeholder\:top-\[auto_\!important\] *)[data-slate-placeholder]{top:auto!important}:is(.\*\*\:data-slate-placeholder\:-translate-y-1\/2 *)[data-slate-placeholder]{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder]{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){:is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder]{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}:is(.\*\*\:data-slate-placeholder\:opacity-100\! *)[data-slate-placeholder]{opacity:1!important}.data-\[active-item\=true\]\:bg-accent[data-active-item=true]{background-color:var(--accent)}.data-\[active-item\=true\]\:text-accent-foreground[data-active-item=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:bg-muted[data-active=true]{background-color:var(--muted)}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:bg-zinc-700[data-active=true]{background-color:var(--color-zinc-700)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-foreground[data-active=true]{color:var(--foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:text-white[data-active=true]{color:var(--color-white)}.data-\[block\=login-01\]\:max-w-full[data-block=login-01]{max-width:100%}.data-\[block\=sidebar-10\]\:right-0[data-block=sidebar-10]{right:calc(var(--spacing)*0)}.data-\[block\=sidebar-10\]\:left-auto[data-block=sidebar-10]{left:auto}.data-\[block\=sidebar-11\]\:-top-1\/3[data-block=sidebar-11]{top:-33.3333%}.data-\[block\=sidebar-13\]\:max-w-full[data-block=sidebar-13]{max-width:100%}.data-\[block\=sidebar-14\]\:right-0[data-block=sidebar-14]{right:calc(var(--spacing)*0)}.data-\[block\=sidebar-14\]\:left-auto[data-block=sidebar-14]{left:auto}.data-\[block\=sidebar-15\]\:max-w-full[data-block=sidebar-15]{max-width:100%}.data-\[depth\=3\]\:pl-4[data-depth="3"]{padding-left:calc(var(--spacing)*4)}.data-\[depth\=3\]\:pl-6[data-depth="3"],.data-\[depth\=4\]\:pl-6[data-depth="4"]{padding-left:calc(var(--spacing)*6)}.data-\[depth\=4\]\:pl-8[data-depth="4"]{padding-left:calc(var(--spacing)*8)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[highlighted\=true\]\:bg-accent[data-highlighted=true]{background-color:var(--accent)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert\]\:first\:mt-0>*)[data-slot=alert]:first-child{margin-top:calc(var(--spacing)*0)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}:is(.\*\:data-\[slot\=block-selection\]\:left-2>*)[data-slot=block-selection]{left:calc(var(--spacing)*2)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}:is(.\*\*\:data-\[slot\=separator\]\:\!h-4 *)[data-slot=separator]{height:calc(var(--spacing)*4)!important}.data-\[state\=active\]\:flex[data-state=active]{display:flex}.data-\[state\=active\]\:border-b-primary[data-state=active]{border-bottom-color:var(--primary)}.data-\[state\=active\]\:border-b-zinc-50[data-state=active]{border-bottom-color:var(--color-zinc-50)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-zinc-50[data-state=active]{color:var(--color-zinc-50)}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:shrink-0[data-state=closed]{flex-shrink:0}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:opacity-0[data-state=closed]{opacity:0}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:grow[data-state=open]{flex-grow:1}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-none[data-state=open]{animation:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:bg-zinc-700[data-state=open]:hover{background-color:var(--color-zinc-700)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}.data-\[state\=open\]\:hover\:text-white[data-state=open]:hover{color:var(--color-white)}}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[table-cell-selected\=true\]\:before\:z-10[data-table-cell-selected=true]:before{content:var(--tw-content);z-index:10}.data-\[table-cell-selected\=true\]\:before\:bg-brand\/5[data-table-cell-selected=true]:before{content:var(--tw-content);background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.data-\[table-cell-selected\=true\]\:before\:bg-brand\/5[data-table-cell-selected=true]:before{background-color:color-mix(in oklab,var(--brand)5%,transparent)}}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:is(.\*\:nth-\[2\]\:flex-1>*):nth-child(2){flex:1}:is(.\*\:nth-\[2\]\:text-muted-foreground>*):nth-child(2){color:var(--muted-foreground)}:is(.\*\:nth-\[2\]\:line-through>*):nth-child(2){text-decoration-line:line-through}:is(.\*\:nth-\[2\]\:focus\:outline-none>*):nth-child(2):focus{--tw-outline-style:none;outline-style:none}@supports (backdrop-blur:var(--tw)){.supports-backdrop-blur\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-blur\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}.max-sm\:w-full{width:100%}.max-sm\:flex-auto\!{flex:auto!important}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-\[1280px\]{width:1280px}.sm\:max-w-3xl{max-width:var(--container-3xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:px-24{padding-inline:calc(var(--spacing)*24)}.sm\:px-\[max\(64px\,calc\(50\%-350px\)\)\]{padding-inline:max(64px,50% - 350px)}.sm\:pr-12{padding-right:calc(var(--spacing)*12)}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:opacity-0{opacity:0}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:my-8{margin-block:calc(var(--spacing)*8)}.md\:mt-24{margin-top:calc(var(--spacing)*24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:aspect-auto{aspect-ratio:auto}.md\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-24{height:calc(var(--spacing)*24)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-auto{width:auto}.md\:flex-1{flex:1}.md\:flex-none{flex:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[var\(--sidebar-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--sidebar-width)minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-start{align-items:flex-start}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-24{gap:calc(var(--spacing)*24)}:where(.md\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.md\:px-2{padding-inline:calc(var(--spacing)*2)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:py-10{padding-block:calc(var(--spacing)*10)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pr-\[14px\]{padding-right:14px}.md\:text-left{text-align:left}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:\[--sidebar-width\:240px\]{--sidebar-width:240px}.md\:\[--top-spacing\:calc\(var\(--spacing\)\*4\)\]{--top-spacing:calc(var(--spacing)*4)}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-20{top:calc(var(--spacing)*20)}.lg\:bottom-auto{bottom:auto}.lg\:mt-36{margin-top:calc(var(--spacing)*36)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-flex{display:inline-flex}.lg\:w-56{width:calc(var(--spacing)*56)}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:flex-col{flex-direction:column}.lg\:justify-start{justify-content:flex-start}.lg\:gap-1{gap:calc(var(--spacing)*1)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-48{gap:calc(var(--spacing)*48)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:inline{display:inline}.xl\:w-64{width:calc(var(--spacing)*64)}.xl\:w-auto{width:auto}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:gap-10{gap:calc(var(--spacing)*10)}.xl\:\[--footer-height\:calc\(var\(--spacing\)\*24\)\]{--footer-height:calc(var(--spacing)*24)}}@media (min-width:96rem){.\32 xl\:block{display:block}.\32 xl\:hidden{display:none}}@container not (min-width:32rem){.\@max-lg\:col-span-full{grid-column:1/-1}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-border:is(.dark *){border-color:var(--border)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-cyan-950:is(.dark *){background-color:var(--color-cyan-950)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-muted:is(.dark *){background-color:var(--muted)}.dark\:bg-neutral-900:is(.dark *){background-color:var(--color-neutral-900)}.dark\:bg-orange-950:is(.dark *){background-color:var(--color-orange-950)}.dark\:bg-pink-950:is(.dark *){background-color:var(--color-pink-950)}.dark\:bg-purple-900:is(.dark *){background-color:var(--color-purple-900)}.dark\:bg-purple-950:is(.dark *){background-color:var(--color-purple-950)}.dark\:bg-red-900:is(.dark *){background-color:var(--color-red-900)}.dark\:bg-red-950:is(.dark *){background-color:var(--color-red-950)}.dark\:bg-white:is(.dark *){background-color:var(--color-white)}.dark\:bg-zinc-800:is(.dark *){background-color:var(--color-zinc-800)}.dark\:bg-zinc-900:is(.dark *){background-color:var(--color-zinc-900)}.dark\:bg-zinc-900\!:is(.dark *){background-color:var(--color-zinc-900)!important}.dark\:stroke-slate-600:is(.dark *){stroke:var(--color-slate-600)}.dark\:text-background:is(.dark *){color:var(--background)}.dark\:text-black:is(.dark *){color:var(--color-black)}.dark\:text-cyan-300:is(.dark *){color:var(--color-cyan-300)}.dark\:text-foreground:is(.dark *){color:var(--foreground)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-green-300:is(.dark *){color:var(--color-green-300)}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\:text-neutral-300:is(.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-400:is(.dark *){color:var(--color-neutral-400)}.dark\:text-orange-300:is(.dark *){color:var(--color-orange-300)}.dark\:text-pink-300:is(.dark *){color:var(--color-pink-300)}.dark\:text-purple-300:is(.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:is(.dark *){color:var(--color-purple-400)}.dark\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *){--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *){--tw-shadow-color:color-mix(in oklab,#ffffff1a 0px .5px 0px 0px inset,#1a1d1e 0px 1px 5px 0px inset,#4c5155 0px 0px 0px .5px,#4c5155 0px 2px 1px -1px,#4c5155 0px 1px 0px 0px var(--tw-shadow-alpha),transparent)}}.dark\:ring-white\/5:is(.dark *){--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:ring-white\/5:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)5%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-transparent:is(.dark *):hover{background-color:#0000}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media (min-width:48rem){.md\:dark\:hidden:is(.dark *){display:none}}@media print{.print\:hidden{display:none}.print\:break-inside-avoid{break-inside:avoid}.print\:placeholder\:text-transparent::placeholder{color:#0000}}@media (min-width:1600px){.\33 xl\:fixed\:container:is(.layout-fixed *){width:100%}@media (min-width:1600px){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:1600px}}@media (min-width:2000px){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:2000px}}@media (min-width:40rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:40rem}}@media (min-width:48rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:48rem}}@media (min-width:64rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:64rem}}@media (min-width:80rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:80rem}}@media (min-width:96rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:96rem}}.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:80rem){.\33 xl\:fixed\:container:is(.layout-fixed *){padding-inline:calc(var(--spacing)*6)}}.\33 xl\:fixed\:px-0:is(.layout-fixed *){padding-inline:calc(var(--spacing)*0)}.\33 xl\:fixed\:px-3:is(.layout-fixed *){padding-inline:calc(var(--spacing)*3)}}.data-\[table-selecting\=true\]\:\[\&_\*\]\:\!caret-transparent[data-table-selecting=true] *{caret-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:-moz-selection\]\:\!bg-transparent[data-table-selecting=true] ::-moz-selection{background-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:-moz-selection\]\:\!text-inherit[data-table-selecting=true] ::-moz-selection{color:inherit!important}.\[\&_\*\:\:selection\]\:\!bg-transparent ::selection{background-color:#0000!important}.\[\&_\*\:\:selection\]\:bg-none ::selection{background-image:none}.data-\[table-selecting\=true\]\:\[\&_\*\:\:selection\]\:\!bg-transparent[data-table-selecting=true] ::selection{background-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:selection\]\:\!text-inherit[data-table-selecting=true] ::selection{color:inherit!important}.\[\&_\.katex-display\]\:my-0 .katex-display{margin-block:calc(var(--spacing)*0)}.\[\&_\.katex-display\]\:my-0\! .katex-display{margin-block:calc(var(--spacing)*0)!important}.\[\&_\.line\:before\]\:sticky .line:before{position:sticky}.\[\&_\.line\:before\]\:left-2 .line:before{left:calc(var(--spacing)*2)}.\[\&_\.line\:before\]\:z-10 .line:before{z-index:10}.\[\&_\.line\:before\]\:-translate-y-px .line:before{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&_\.line\:before\]\:pr-1 .line:before{padding-right:calc(var(--spacing)*1)}.\[\&_\.react-tweet-theme\]\:my-0 .react-tweet-theme{margin-block:calc(var(--spacing)*0)}.\[\&_\.react-tweet-theme\]\:ring-2 .react-tweet-theme{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_\.react-tweet-theme\]\:ring-ring .react-tweet-theme{--tw-ring-color:var(--ring)}.\[\&_\.react-tweet-theme\]\:ring-offset-2 .react-tweet-theme{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.\[\&_\.slate-selected\]\:\!bg-primary\/20 .slate-selected{background-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selected\]\:\!bg-primary\/20 .slate-selected{background-color:color-mix(in oklab,var(--primary)20%,transparent)!important}}.\[\&_\.slate-selection-area\]\:z-50 .slate-selection-area{z-index:50}.\[\&_\.slate-selection-area\]\:border .slate-selection-area{border-style:var(--tw-border-style);border-width:1px}.\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area{border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area{border-color:color-mix(in oklab,var(--brand)25%,transparent)}}.\[\&_\.slate-selection-area\]\:border-primary .slate-selection-area{border-color:var(--primary)}.\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area{background-color:color-mix(in oklab,var(--brand)15%,transparent)}}.\[\&_\.slate-selection-area\]\:bg-primary\/10 .slate-selection-area{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:bg-primary\/10 .slate-selection-area{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.\[\&_\>_\.lty-playbtn\]\:absolute>.lty-playbtn{position:absolute}.\[\&_\>_\.lty-playbtn\]\:top-1\/2>.lty-playbtn{top:50%}.\[\&_\>_\.lty-playbtn\]\:left-1\/2>.lty-playbtn{left:50%}.\[\&_\>_\.lty-playbtn\]\:z-1>.lty-playbtn{z-index:1}.\[\&_\>_\.lty-playbtn\]\:h-\[46px\]>.lty-playbtn{height:46px}.\[\&_\>_\.lty-playbtn\]\:w-\[70px\]>.lty-playbtn{width:70px}.\[\&_\>_\.lty-playbtn\]\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\]>.lty-playbtn{transform:translate(-50%,-50%)}.\[\&_\>_\.lty-playbtn\]\:rounded-\[14\%\]>.lty-playbtn{border-radius:14%}.\[\&_\>_\.lty-playbtn\]\:bg-\[\#212121\]>.lty-playbtn{background-color:#212121}.\[\&_\>_\.lty-playbtn\]\:opacity-80>.lty-playbtn{opacity:.8}.\[\&_\>_\.lty-playbtn\]\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\]>.lty-playbtn{transition:all .2s cubic-bezier(0,0,.2,1)}.\[\&_\>_\.lty-playbtn\]\:before\:absolute>.lty-playbtn:before{content:var(--tw-content);position:absolute}.\[\&_\>_\.lty-playbtn\]\:before\:top-1\/2>.lty-playbtn:before{content:var(--tw-content);top:50%}.\[\&_\>_\.lty-playbtn\]\:before\:left-1\/2>.lty-playbtn:before{content:var(--tw-content);left:50%}.\[\&_\>_\.lty-playbtn\]\:before\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\]>.lty-playbtn:before{content:var(--tw-content);transform:translate(-50%,-50%)}.\[\&_\>_\.lty-playbtn\]\:before\:border-y-\[11px\]>.lty-playbtn:before{content:var(--tw-content);border-block-style:var(--tw-border-style);border-block-width:11px}.\[\&_\>_\.lty-playbtn\]\:before\:border-r-0>.lty-playbtn:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:0}.\[\&_\>_\.lty-playbtn\]\:before\:border-l-\[19px\]>.lty-playbtn:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:19px}.\[\&_\>_\.lty-playbtn\]\:before\:border-\[transparent_transparent_transparent_\#fff\]>.lty-playbtn:before{content:var(--tw-content);border-color:#0000 #0000 #0000 #fff}.\[\&_\>_\.lty-playbtn\]\:before\:content-\[\"\"\]>.lty-playbtn:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.\[\&_\>_\.lty-playbtn\]\:before\:content-\[\\\"\\\"\]>.lty-playbtn:before{content:var(--tw-content);--tw-content:\"\";content:var(--tw-content)}.\[\&_\>_iframe\]\:absolute>iframe{position:absolute}.\[\&_\>_iframe\]\:top-0>iframe{top:calc(var(--spacing)*0)}.\[\&_\>_iframe\]\:left-0>iframe{left:calc(var(--spacing)*0)}.\[\&_\>_iframe\]\:size-full>iframe{width:100%;height:100%}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_button\]\:hidden button{display:none}.\[\&_code\]\:text-sm code{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_h3\.font-heading\]\:text-base h3.font-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_h3\.font-heading\]\:font-semibold h3.font-heading{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_pre\]\:my-0 pre{margin-block:calc(var(--spacing)*0)}.\[\&_pre\]\:h-\(--height\) pre{height:var(--height)}.\[\&_pre\]\:max-h-\[350px\] pre{max-height:350px}.\[\&_pre\]\:max-h-\[650px\] pre{max-height:650px}.\[\&_pre\]\:overflow-auto pre{overflow:auto}.\[\&_pre\]\:overflow-hidden pre{overflow:hidden}.\[\&_pre\]\:bg-transparent\! pre{background-color:#0000!important}.\[\&_pre\]\:pt-4 pre{padding-top:calc(var(--spacing)*4)}.\[\&_pre\]\:pb-20 pre{padding-bottom:calc(var(--spacing)*20)}.\[\&_pre\]\:pb-\[100px\] pre{padding-bottom:100px}.\[\&_pre\]\:font-mono pre{font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\[\&_pre\]\:text-sm pre{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_pre\]\:leading-relaxed pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_strong\]\:font-bold strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:\!size-3 svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:size-6 svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-muted-foreground svg{color:var(--muted-foreground)}@media (hover:hover){.\[\&_svg\]\:hover\:text-muted-foreground svg:hover{color:var(--muted-foreground)}}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&_ul\]\:list-\[circle\] ul{list-style-type:circle}.\[\&_ul_ul\]\:list-\[square\] ul ul{list-style-type:square}.\[\&\.lyt-activated\]\:cursor-\[unset\].lyt-activated{cursor:unset}.\[\&\.lyt-activated\]\:before\:pointer-events-none.lyt-activated:before{content:var(--tw-content);pointer-events:none}.\[\&\.lyt-activated\]\:before\:absolute.lyt-activated:before{content:var(--tw-content);position:absolute}.\[\&\.lyt-activated\]\:before\:top-0.lyt-activated:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.\[\&\.lyt-activated\]\:before\:h-\[60px\].lyt-activated:before{content:var(--tw-content);height:60px}.\[\&\.lyt-activated\]\:before\:w-full.lyt-activated:before{content:var(--tw-content);width:100%}.\[\&\.lyt-activated\]\:before\:bg-\[url\(data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT\+OqFAAAAdklEQVQoz42QQQ7AIAgEF\/T\/D\+kbq\/RWAlnQyyazA4aoAB4FsBSA\/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg\=\=\)\].lyt-activated:before{content:var(--tw-content);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==)}.\[\&\.lyt-activated\]\:before\:bg-top.lyt-activated:before{content:var(--tw-content);background-position:top}.\[\&\.lyt-activated\]\:before\:bg-repeat-x.lyt-activated:before{content:var(--tw-content);background-repeat:repeat-x}.\[\&\.lyt-activated\]\:before\:pb-\[50px\].lyt-activated:before{content:var(--tw-content);padding-bottom:50px}.\[\&\.lyt-activated\]\:before\:opacity-0.lyt-activated:before{content:var(--tw-content);opacity:0}.\[\&\.lyt-activated\]\:before\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\].lyt-activated:before{content:var(--tw-content);transition:all .2s cubic-bezier(0,0,.2,1)}.\[\&\.lyt-activated_\>_\.lty-playbtn\]\:pointer-events-none.lyt-activated>.lty-playbtn{pointer-events:none}.\[\&\.lyt-activated_\>_\.lty-playbtn\]\:opacity-0\!.lyt-activated>.lty-playbtn{opacity:0!important}.\[\&\:\:-webkit-scrollbar\]\:w-4::-webkit-scrollbar{width:calc(var(--spacing)*4)}.\[\&\:\:-webkit-scrollbar-button\]\:hidden::-webkit-scrollbar-button{display:none}.\[\&\:\:-webkit-scrollbar-button\]\:size-0::-webkit-scrollbar-button{width:calc(var(--spacing)*0);height:calc(var(--spacing)*0)}.\[\&\:\:-webkit-scrollbar-thumb\]\:min-h-11::-webkit-scrollbar-thumb{min-height:calc(var(--spacing)*11)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-4::-webkit-scrollbar-thumb{border-style:var(--tw-border-style);border-width:4px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid::-webkit-scrollbar-thumb{--tw-border-style:solid;border-style:solid}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-popover::-webkit-scrollbar-thumb{border-color:var(--popover)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb{background-color:var(--muted)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-clip-padding::-webkit-scrollbar-thumb{background-clip:padding-box}@media (hover:hover){.\[\&\:\:-webkit-scrollbar-thumb\]\:hover\:bg-muted-foreground\/25::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&\:\:-webkit-scrollbar-thumb\]\:hover\:bg-muted-foreground\/25::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--muted-foreground)25%,transparent)}}}.focus\:\[\&\:\:placeholder\]\:opacity-0:focus::placeholder{opacity:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\:has\(\[role\=option\]\)\]\:block:has([role=option]){display:block}.\[\&\:hover_\>_\.lty-playbtn\]\:bg-\[red\]:hover>.lty-playbtn{background-color:red}.\[\&\:hover_\>_\.lty-playbtn\]\:opacity-100:hover>.lty-playbtn{opacity:1}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\*\:\[\.hljs-addition\]\:bg-\[\#f0fff4\] *).hljs-addition{background-color:#f0fff4}:is(.\*\*\:\[\.hljs-addition\]\:text-\[\#22863a\] *).hljs-addition{color:#22863a}:is(.dark\:\*\*\:\[\.hljs-addition\]\:bg-\[\#3c5743\]:is(.dark *) *).hljs-addition{background-color:#3c5743}:is(.dark\:\*\*\:\[\.hljs-addition\]\:text-\[\#ceead5\]:is(.dark *) *).hljs-addition{color:#ceead5}:is(.\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#005cc5\] *):is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable){color:#005cc5}:is(.dark\:\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#6596cf\]:is(.dark *) *):is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable){color:#6596cf}:is(.\*\*\:\[\.hljs-built\\\\\\\\\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#e36209\] *):is(.hljs-built\\\\\\_in,.hljs-symbol){color:#e36209}:is(.dark\:\*\*\:\[\.hljs-built\\\\\\\\\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#c3854e\]:is(.dark *) *):is(.hljs-built\\\\\\_in,.hljs-symbol){color:#c3854e}:is(.\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#e36209\] *):is(.hljs-built\\_in,.hljs-symbol){color:#e36209}:is(.dark\:\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#c3854e\]:is(.dark *) *):is(.hljs-built\\_in,.hljs-symbol){color:#c3854e}:is(.\*\*\:\[\.hljs-bullet\]\:text-\[\#735c0f\] *).hljs-bullet{color:#735c0f}:is(.\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\] *):is(.hljs-comment,.hljs-code,.hljs-formula),:is(.dark\:\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\]:is(.dark *) *):is(.hljs-comment,.hljs-code,.hljs-formula){color:#6a737d}:is(.\*\*\:\[\.hljs-deletion\]\:bg-\[\#ffeef0\] *).hljs-deletion{background-color:#ffeef0}:is(.\*\*\:\[\.hljs-deletion\]\:text-\[\#b31d28\] *).hljs-deletion{color:#b31d28}:is(.dark\:\*\*\:\[\.hljs-deletion\]\:bg-\[\#473235\]:is(.dark *) *).hljs-deletion{background-color:#473235}:is(.dark\:\*\*\:\[\.hljs-deletion\]\:text-\[\#e7c7cb\]:is(.dark *) *).hljs-deletion{color:#e7c7cb}:is(.\*\*\:\[\.hljs-emphasis\]\:italic *).hljs-emphasis{font-style:italic}:is(.\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\\\\\\\\\_\]\:text-\[\#d73a49\] *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\_){color:#d73a49}:is(.dark\:\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\\\\\\\\\_\]\:text-\[\#ee6960\]:is(.dark *) *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\_){color:#ee6960}:is(.\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#d73a49\] *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\_){color:#d73a49}:is(.dark\:\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#ee6960\]:is(.dark *) *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\_){color:#ee6960}:is(.\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#22863a\] *):is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:#22863a}:is(.dark\:\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#36a84f\]:is(.dark *) *):is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:#36a84f}:is(.\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#032f62\] *):is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:#032f62}:is(.dark\:\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#3593ff\]:is(.dark *) *):is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:#3593ff}:is(.\*\*\:\[\.hljs-section\]\:font-bold *).hljs-section{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:is(.\*\*\:\[\.hljs-section\]\:text-\[\#005cc5\] *).hljs-section{color:#005cc5}:is(.dark\:\*\*\:\[\.hljs-section\]\:text-\[\#61a5f2\]:is(.dark *) *).hljs-section{color:#61a5f2}:is(.\*\*\:\[\.hljs-strong\]\:font-bold *).hljs-strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:is(.\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\.inherited\\\\\\\\\\\\\\\\_\\\\\\\\\\\\\\\\_\,\.hljs-title\.function\\\\\\\\\\\\\\\\_\]\:text-\[\#6f42c1\] *):is(.hljs-title,.hljs-title.class\\\\\\_,.hljs-title.class\\\\\\_.inherited\\\\\\_\\\\\\_,.hljs-title.function\\\\\\_){color:#6f42c1}:is(.dark\:\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\.inherited\\\\\\\\\\\\\\\\_\\\\\\\\\\\\\\\\_\,\.hljs-title\.function\\\\\\\\\\\\\\\\_\]\:text-\[\#a77bfa\]:is(.dark *) *):is(.hljs-title,.hljs-title.class\\\\\\_,.hljs-title.class\\\\\\_.inherited\\\\\\_\\\\\\_,.hljs-title.function\\\\\\_){color:#a77bfa}:is(.\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#6f42c1\] *):is(.hljs-title,.hljs-title.class\\_,.hljs-title.class\\_.inherited\\_\\_,.hljs-title.function\\_){color:#6f42c1}:is(.dark\:\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#a77bfa\]:is(.dark *) *):is(.hljs-title,.hljs-title.class\\_,.hljs-title.class\\_.inherited\\_\\_,.hljs-title.function\\_){color:#a77bfa}@media (hover:hover){:is(.\*\*\:\[\[data-slot\=\"mdx-link\"\]\]\:hover\:after\:bottom-0 *)[data-slot=mdx-link]:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}}:is(.\*\:\[code\]\:bg-inherit>*):is(code){background-color:inherit}:is(.\*\:\[h3\,h4\]\:mt-8>*):is(h3,h4){margin-top:calc(var(--spacing)*8)}:is(.\*\:\[h3\,h4\]\:mb-4>*):is(h3,h4){margin-bottom:calc(var(--spacing)*4)}:is(.\*\:\[h3\,h4\]\:text-base>*):is(h3,h4){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:is(.\*\:\[h3\,h4\]\:font-semibold>*):is(h3,h4){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:is(.\*\:\[h3\,h4\]\:\[counter-increment\:step\]>*):is(h3,h4){counter-increment:step}:is(.\*\:\[h3\,h4\]\:before\:absolute>*):is(h3,h4):before{content:var(--tw-content);position:absolute}:is(.\*\:\[h3\,h4\]\:before\:mt-\[-4px\]>*):is(h3,h4):before{content:var(--tw-content);margin-top:-4px}:is(.\*\:\[h3\,h4\]\:before\:ml-\[-50px\]>*):is(h3,h4):before{content:var(--tw-content);margin-left:-50px}:is(.\*\:\[h3\,h4\]\:before\:inline-flex>*):is(h3,h4):before{content:var(--tw-content);display:inline-flex}:is(.\*\:\[h3\,h4\]\:before\:h-9>*):is(h3,h4):before{content:var(--tw-content);height:calc(var(--spacing)*9)}:is(.\*\:\[h3\,h4\]\:before\:w-9>*):is(h3,h4):before{content:var(--tw-content);width:calc(var(--spacing)*9)}:is(.\*\:\[h3\,h4\]\:before\:items-center>*):is(h3,h4):before{content:var(--tw-content);align-items:center}:is(.\*\:\[h3\,h4\]\:before\:justify-center>*):is(h3,h4):before{content:var(--tw-content);justify-content:center}:is(.\*\:\[h3\,h4\]\:before\:rounded-full>*):is(h3,h4):before{content:var(--tw-content);border-radius:3.40282e38px}:is(.\*\:\[h3\,h4\]\:before\:border-4>*):is(h3,h4):before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}:is(.\*\:\[h3\,h4\]\:before\:border-background>*):is(h3,h4):before{content:var(--tw-content);border-color:var(--background)}:is(.\*\:\[h3\,h4\]\:before\:bg-muted>*):is(h3,h4):before{content:var(--tw-content);background-color:var(--muted)}:is(.\*\:\[h3\,h4\]\:before\:text-center>*):is(h3,h4):before{content:var(--tw-content);text-align:center}:is(.\*\:\[h3\,h4\]\:before\:-indent-px>*):is(h3,h4):before{content:var(--tw-content);text-indent:-1px}:is(.\*\:\[h3\,h4\]\:before\:font-mono>*):is(h3,h4):before{content:var(--tw-content);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:is(.\*\:\[h3\,h4\]\:before\:text-base>*):is(h3,h4):before{content:var(--tw-content);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:is(.\*\:\[h3\,h4\]\:before\:font-medium>*):is(h3,h4):before{content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.\*\:\[h3\,h4\]\:before\:\[content\:counter\(step\)\]>*):is(h3,h4):before{content:var(--tw-content);content:counter(step)}:is(.\*\*\:\[p\]\:m-0 *):is(p){margin:calc(var(--spacing)*0)}:is(.\*\*\:\[p\,ul\,ol\,li\]\:first\:my-0 *):is(p,ul,ol,li):first-child{margin-block:calc(var(--spacing)*0)}:is(.\*\:first\:\[span\]\:hidden>*):first-child:is(span){display:none}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.\*\:\[svg\]\:text-muted-foreground>*):is(svg){color:var(--muted-foreground)}:is(.\*\:\[svg\]\:text-neutral-50>*):is(svg){color:var(--color-neutral-50)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.dark\:\*\:\[svg\]\:text-neutral-900:is(.dark *)>*):is(svg){color:var(--color-neutral-900)}:is(.\*\:\[ul\]\:my-0>*):is(ul){margin-block:calc(var(--spacing)*0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[align\=center\]\]\:text-center[align=center]{text-align:center}.\[\&\[align\=right\]\]\:text-right[align=right]{text-align:right}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>button\>svg\:first-child\]\:rotate-90[data-state=open]>button>svg:first-child{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (min-width:1800px){.\[\@media\(width\>\=1800px\)\]\:max-w-\(--breakpoint-2xl\){max-width:var(--breakpoint-2xl)}.\[\@media\(width\>\=1800px\)\]\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.prose{max-width:65ch;color:var(--foreground)}.prose h1:not(.not-prose h1){scroll-margin:calc(var(--spacing)*20);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (min-width:64rem){.prose h1:not(.not-prose h1){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.prose h2:not(.not-prose h2){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);border-bottom-width:1px}.prose h2:not(.not-prose h2):first-child{margin-top:calc(var(--spacing)*0)}.prose h3:not(.not-prose h3){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h3:not(.not-prose h3):first-child{margin-top:calc(var(--spacing)*0)}.prose h4:not(.not-prose h4){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h4:not(.not-prose h4):first-child{margin-top:calc(var(--spacing)*0)}.prose h5:not(.not-prose h5){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h5:not(.not-prose h5):first-child{margin-top:calc(var(--spacing)*0)}.prose h6:not(.not-prose h6){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h6:not(.not-prose h6):first-child,:is(.prose h1:not(.not-prose h1),.prose h2:not(.not-prose h2),.prose h3:not(.not-prose h3),.prose h4:not(.not-prose h4),.prose h5:not(.not-prose h5),.prose h6:not(.not-prose h6))+p{margin-top:calc(var(--spacing)*0)}.prose p:not(.not-prose p){--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.prose p:not(.not-prose p):not(:first-child){margin-top:calc(var(--spacing)*6)}.prose a:not(.not-prose a){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--primary);text-underline-offset:4px;text-decoration-line:underline}.prose blockquote:not(.not-prose blockquote){margin-top:calc(var(--spacing)*6);border-left-style:var(--tw-border-style);padding-left:calc(var(--spacing)*6);border-left-width:2px;font-style:italic}.prose table:not(.not-prose table){margin-block:calc(var(--spacing)*6);width:100%;overflow-y:auto}.prose table:not(.not-prose table) thead tr{margin:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);padding:calc(var(--spacing)*0);border-top-width:1px}.prose table:not(.not-prose table) thead tr:nth-child(2n){background-color:var(--muted)}.prose table:not(.not-prose table) th{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:left;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-width:1px}.prose table:not(.not-prose table) th[align=center]{text-align:center}.prose table:not(.not-prose table) th[align=right]{text-align:right}.prose table:not(.not-prose table) tbody tr{margin:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);padding:calc(var(--spacing)*0);border-top-width:1px}.prose table:not(.not-prose table) tbody tr:nth-child(2n){background-color:var(--muted)}.prose table:not(.not-prose table) td{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:left;border-width:1px}.prose table:not(.not-prose table) td[align=center]{text-align:center}.prose table:not(.not-prose table) td[align=right]{text-align:right}.prose ul:not(.not-prose ul){margin-block:calc(var(--spacing)*6);margin-left:calc(var(--spacing)*6);list-style-type:disc}.prose ul:not(.not-prose ul)>li{margin-top:calc(var(--spacing)*2)}.prose ul:not(.not-prose ul) p{margin-block:calc(var(--spacing)*0);display:inline}.prose ol:not(.not-prose ol){margin-block:calc(var(--spacing)*6);margin-left:calc(var(--spacing)*6);list-style-type:decimal}.prose ol:not(.not-prose ol)>li{margin-top:calc(var(--spacing)*2)}.prose ol:not(.not-prose ol) p{margin-block:calc(var(--spacing)*0);display:inline}.prose pre:not(.not-prose pre){margin-block:calc(var(--spacing)*6);border-radius:calc(var(--radius) - 2px);background-color:var(--muted);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow-y:auto}.prose code:not(pre code):not(.not-prose code){background-color:var(--muted);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:.25rem;padding-block:.2rem;padding-inline:.3rem;position:relative}.prose .lead:not(.not-prose .lead){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--muted-foreground)}.prose .large:not(.not-prose .large){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.prose .small:not(.not-prose .small){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}.prose .muted:not(.not-prose .muted){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground)}.prose img:not(.not-prose img),.prose picture:not(.not-prose picture),.prose video:not(.not-prose video){margin-block:calc(var(--spacing)*6)}.prose picture>img:not(.not-prose picture>img){margin-block:calc(var(--spacing)*0)}.prose kbd:not(.not-prose kbd){border-radius:calc(var(--radius) - 2px);background-color:var(--muted);padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.prose hr{margin-block:calc(var(--spacing)*10)}.prose dl:not(.not-prose dl){margin-block:calc(var(--spacing)*6)}.prose dl:not(.not-prose dl) dt{margin-top:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose dl:not(.not-prose dl) dt:first-child{margin-top:calc(var(--spacing)*0)}.prose details:not(.not-prose details){margin-top:calc(var(--spacing)*6)}.prose details:not(.not-prose details) summary{margin-top:calc(var(--spacing)*6);cursor:pointer;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose details:not(.not-prose details) p:first-of-type{margin-top:calc(var(--spacing)*2)}.prose mark:not(.not-prose mark){background-color:var(--color-yellow-300)}.prose small:not(.not-prose small){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;line-height:1}.theme-default .theme-container{--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.theme-blue .theme-container{--primary:var(--color-blue-600);--primary-foreground:var(--color-blue-50);--ring:var(--color-blue-400);--sidebar-primary:var(--color-blue-600);--sidebar-primary-foreground:var(--color-blue-50);--sidebar-ring:var(--color-blue-400);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.theme-blue .theme-container:is(.dark *){--primary:var(--color-blue-500);--primary-foreground:var(--color-blue-50);--ring:var(--color-blue-900);--sidebar-primary:var(--color-blue-500);--sidebar-primary-foreground:var(--color-blue-50);--sidebar-ring:var(--color-blue-900)}.theme-green .theme-container{--primary:var(--color-lime-600);--primary-foreground:var(--color-lime-50);--ring:var(--color-lime-400);--chart-1:var(--color-green-300);--chart-2:var(--color-green-500);--chart-3:var(--color-green-600);--chart-4:var(--color-green-700);--chart-5:var(--color-green-800);--sidebar-primary:var(--color-lime-600);--sidebar-primary-foreground:var(--color-lime-50);--sidebar-ring:var(--color-lime-400)}.theme-green .theme-container:is(.dark *){--primary:var(--color-lime-600);--primary-foreground:var(--color-lime-50);--ring:var(--color-lime-900);--sidebar-primary:var(--color-lime-500);--sidebar-primary-foreground:var(--color-lime-50);--sidebar-ring:var(--color-lime-900)}.theme-amber .theme-container{--primary:var(--color-amber-600);--primary-foreground:var(--color-amber-50);--ring:var(--color-amber-400);--chart-1:var(--color-amber-300);--chart-2:var(--color-amber-500);--chart-3:var(--color-amber-600);--chart-4:var(--color-amber-700);--chart-5:var(--color-amber-800);--sidebar-primary:var(--color-amber-600);--sidebar-primary-foreground:var(--color-amber-50);--sidebar-ring:var(--color-amber-400)}.theme-amber .theme-container:is(.dark *){--primary:var(--color-amber-500);--primary-foreground:var(--color-amber-50);--ring:var(--color-amber-900);--sidebar-primary:var(--color-amber-500);--sidebar-primary-foreground:var(--color-amber-50);--sidebar-ring:var(--color-amber-900)}.theme-rose .theme-container{--primary:var(--color-rose-600);--primary-foreground:var(--color-rose-50);--ring:var(--color-rose-400);--chart-1:var(--color-rose-300);--chart-2:var(--color-rose-500);--chart-3:var(--color-rose-600);--chart-4:var(--color-rose-700);--chart-5:var(--color-rose-800);--sidebar-primary:var(--color-rose-600);--sidebar-primary-foreground:var(--color-rose-50);--sidebar-ring:var(--color-rose-400)}.theme-rose .theme-container:is(.dark *){--primary:var(--color-rose-500);--primary-foreground:var(--color-rose-50);--ring:var(--color-rose-900);--sidebar-primary:var(--color-rose-500);--sidebar-primary-foreground:var(--color-rose-50);--sidebar-ring:var(--color-rose-900)}.theme-purple .theme-container{--primary:var(--color-purple-600);--primary-foreground:var(--color-purple-50);--ring:var(--color-purple-400);--chart-1:var(--color-purple-300);--chart-2:var(--color-purple-500);--chart-3:var(--color-purple-600);--chart-4:var(--color-purple-700);--chart-5:var(--color-purple-800);--sidebar-primary:var(--color-purple-600);--sidebar-primary-foreground:var(--color-purple-50);--sidebar-ring:var(--color-purple-400)}.theme-purple .theme-container:is(.dark *){--primary:var(--color-purple-500);--primary-foreground:var(--color-purple-50);--ring:var(--color-purple-900);--sidebar-primary:var(--color-purple-500);--sidebar-primary-foreground:var(--color-purple-50);--sidebar-ring:var(--color-purple-900)}.theme-orange .theme-container{--primary:var(--color-orange-600);--primary-foreground:var(--color-orange-50);--ring:var(--color-orange-400);--chart-1:var(--color-orange-300);--chart-2:var(--color-orange-500);--chart-3:var(--color-orange-600);--chart-4:var(--color-orange-700);--chart-5:var(--color-orange-800);--sidebar-primary:var(--color-orange-600);--sidebar-primary-foreground:var(--color-orange-50);--sidebar-ring:var(--color-orange-400)}.theme-orange .theme-container:is(.dark *){--primary:var(--color-orange-500);--primary-foreground:var(--color-orange-50);--ring:var(--color-orange-900);--sidebar-primary:var(--color-orange-500);--sidebar-primary-foreground:var(--color-orange-50);--sidebar-ring:var(--color-orange-900)}.theme-teal .theme-container{--primary:var(--color-teal-600);--primary-foreground:var(--color-teal-50);--chart-1:var(--color-teal-300);--chart-2:var(--color-teal-500);--chart-3:var(--color-teal-600);--chart-4:var(--color-teal-700);--chart-5:var(--color-teal-800);--sidebar-primary:var(--color-teal-600);--sidebar-primary-foreground:var(--color-teal-50);--sidebar-ring:var(--color-teal-400)}.theme-teal .theme-container:is(.dark *){--primary:var(--color-teal-500);--primary-foreground:var(--color-teal-50);--sidebar-primary:var(--color-teal-500);--sidebar-primary-foreground:var(--color-teal-50);--sidebar-ring:var(--color-teal-900)}.theme-mono .theme-container{--font-sans:var(--font-mono);--primary:var(--color-stone-600);--primary-foreground:var(--color-stone-50);--chart-1:var(--color-stone-300);--chart-2:var(--color-stone-500);--chart-3:var(--color-stone-600);--chart-4:var(--color-stone-700);--chart-5:var(--color-stone-800);--sidebar-primary:var(--color-stone-600);--sidebar-primary-foreground:var(--color-stone-50);--sidebar-ring:var(--color-stone-400)}.theme-mono .theme-container:is(.dark *){--primary:var(--color-stone-500);--primary-foreground:var(--color-stone-50);--sidebar-primary:var(--color-stone-500);--sidebar-primary-foreground:var(--color-stone-50);--sidebar-ring:var(--color-stone-900)}@media (min-width:1024px){.theme-mono .theme-container{--font-sans:var(--font-mono);--radius:.45em;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.2rem;--text-3xl:1.3rem;--text-4xl:1.4rem;--text-5xl:1.5rem;--text-6xl:1.6rem;--text-7xl:1.7rem;--text-8xl:1.8rem;--text-base:.85rem;--text-sm:.8rem;--spacing:.222222rem}}.theme-mono .theme-container .rounded-xs,.theme-mono .theme-container .rounded-sm,.theme-mono .theme-container .rounded-md,.theme-mono .theme-container .rounded-lg,.theme-mono .theme-container .rounded-xl{border-radius:0}.theme-mono .theme-container .shadow-xs,.theme-mono .theme-container .shadow-sm,.theme-mono .theme-container .shadow-md,.theme-mono .theme-container .shadow-lg,.theme-mono .theme-container .shadow-xl{box-shadow:none}.theme-mono .theme-container [data-slot=toggle-group],.theme-mono .theme-container [data-slot=toggle-group-item]{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;border-radius:0!important}.theme-scaled .theme-container{--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}@media (min-width:1024px){.theme-scaled .theme-container{--radius:.45em;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.2rem;--text-3xl:1.3rem;--text-4xl:1.4rem;--text-5xl:1.5rem;--text-6xl:1.6rem;--text-7xl:1.7rem;--text-8xl:1.8rem;--text-base:.85rem;--text-sm:.8rem;--spacing:.2rem}}.theme-scaled .theme-container [data-slot=select-trigger],.theme-scaled .theme-container [data-slot=toggle-group-item]{--spacing:.2rem}.theme-scaled .theme-container [data-slot=card]{border-radius:var(--radius);padding-block:calc(var(--spacing)*4);gap:calc(var(--spacing)*2)}.theme-scaled .theme-container [data-slot=card].pb-0{padding-bottom:0}.theme-red .theme-container{--primary:var(--color-red-600);--primary-foreground:var(--color-red-50);--ring:var(--color-red-400);--chart-1:var(--color-red-300);--chart-2:var(--color-red-500);--chart-3:var(--color-red-600);--chart-4:var(--color-red-700);--chart-5:var(--color-red-800);--sidebar-primary:var(--color-red-600);--sidebar-primary-foreground:var(--color-red-50);--sidebar-ring:var(--color-red-400)}.theme-red .theme-container:is(.dark *){--primary:var(--color-red-500);--primary-foreground:var(--color-red-50);--ring:var(--color-red-900);--sidebar-primary:var(--color-red-500);--sidebar-primary-foreground:var(--color-red-50);--sidebar-ring:var(--color-red-900)}.theme-yellow .theme-container{--primary:var(--color-yellow-400);--primary-foreground:var(--color-yellow-900);--ring:var(--color-yellow-400);--chart-1:var(--color-yellow-300);--chart-2:var(--color-yellow-500);--chart-3:var(--color-yellow-600);--chart-4:var(--color-yellow-700);--chart-5:var(--color-yellow-800);--sidebar-primary:var(--color-yellow-600);--sidebar-primary-foreground:var(--color-yellow-50);--sidebar-ring:var(--color-yellow-400)}.theme-yellow .theme-container:is(.dark *){--primary:var(--color-yellow-500);--primary-foreground:var(--color-yellow-900);--ring:var(--color-yellow-900);--sidebar-primary:var(--color-yellow-500);--sidebar-primary-foreground:var(--color-yellow-50);--sidebar-ring:var(--color-yellow-900)}.theme-violet .theme-container{--primary:var(--color-violet-600);--primary-foreground:var(--color-violet-50);--ring:var(--color-violet-400);--chart-1:var(--color-violet-300);--chart-2:var(--color-violet-500);--chart-3:var(--color-violet-600);--chart-4:var(--color-violet-700);--chart-5:var(--color-violet-800);--sidebar-primary:var(--color-violet-600);--sidebar-primary-foreground:var(--color-violet-50);--sidebar-ring:var(--color-violet-400)}.theme-violet .theme-container:is(.dark *){--primary:var(--color-violet-500);--primary-foreground:var(--color-violet-50);--ring:var(--color-violet-900);--sidebar-primary:var(--color-violet-500);--sidebar-primary-foreground:var(--color-violet-50);--sidebar-ring:var(--color-violet-900)}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--surface:oklch(98% 0 0);--surface-foreground:var(--foreground);--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:oklch(96% 0 0);--code-number:oklch(56% 0 0);--selection:oklch(14.5% 0 0);--selection-foreground:oklch(100% 0 0);--color-blue-300:oklch(77.8% .108 231.731);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.9% .234 260.011);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(41.9% .243 267.218);--brand:oklch(62.3% .214 259.815);--highlight:oklch(85.2% .199 91.936)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(26.9% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(37.1% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--surface:oklch(20% 0 0);--surface-foreground:oklch(70.8% 0 0);--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:oklch(27% 0 0);--code-number:oklch(72% 0 0);--selection:oklch(92.2% 0 0);--selection-foreground:oklch(20.5% 0 0);--brand:oklch(70.7% .165 254.624);--highlight:oklch(85.2% .199 91.936)}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}to{height:0}}
\ No newline at end of file
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:"";--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"var(--font-sans)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-900:oklch(40.5% .101 131.063);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-950:oklch(30.2% .056 229.695);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-lg:var(--radius);--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--blur-sm:8px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"var(--font-sans)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--default-mono-font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-code:var(--surface);--color-code-foreground:var(--surface-foreground);--color-code-highlight:var(--code-highlight);--color-code-number:var(--code-number);--font-heading:"var(--font-heading)","ui-sans-serif","-apple-system","BlinkMacSystemFont","Segoe UI Variable Display","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{overscroll-behavior:none;background-color:var(--background);color:var(--foreground);font-synthesis-weight:none;text-rendering:optimizeLegibility}@supports (font:-apple-system-body) and (appearance:none){@media (min-width:1800px){[data-wrapper]{border-top-style:var(--tw-border-style);border-top-width:1px}}}a:active,button:active{opacity:.6}@media (min-width:48rem){a:active,button:active{opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent}.prose{--tw-prose-body:var(--foreground);--tw-prose-bold:inherit;--tw-prose-links:inherit;--tw-prose-bullets:var(--foreground)}[data-theme=light]{display:block}[data-theme=dark],.dark [data-theme=light]{display:none}.dark [data-theme=dark]{display:block}[data-rehype-pretty-code-fragment]{color:var(--color-white);position:relative}[data-rehype-pretty-code-fragment] code{border-style:var(--tw-border-style);min-width:100%;padding:calc(var(--spacing)*0);overflow-wrap:break-word;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#0000;border-width:0;border-radius:0;display:grid}[data-rehype-pretty-code-fragment] .line{width:100%;min-height:1rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*.5);display:inline-block}[data-rehype-pretty-code-fragment] [data-line-numbers] .line{padding-inline:calc(var(--spacing)*2)}[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#fafafa66}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{color:color-mix(in oklab,var(--color-zinc-50)40%,transparent)}}[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{counter-increment:line;content:counter(line);text-align:right;width:1.8rem;margin-right:1.4rem;display:inline-block}[data-rehype-pretty-code-fragment] .line--highlighted{background-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .line--highlighted{background-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)}}[data-rehype-pretty-code-fragment] .line-highlighted span{position:relative}[data-rehype-pretty-code-fragment] .word--highlighted{border-radius:calc(var(--radius) - 2px);border-color:#3f3f46b3}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .word--highlighted{border-color:color-mix(in oklab,var(--color-zinc-700)70%,transparent)}}[data-rehype-pretty-code-fragment] .word--highlighted{background-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-fragment] .word--highlighted{background-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)}}[data-rehype-pretty-code-fragment] .word--highlighted{padding:calc(var(--spacing)*1)}.dark [data-rehype-pretty-code-fragment] .word--highlighted{background-color:var(--color-zinc-900)}[data-rehype-pretty-code-title]{margin-top:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--foreground)}[data-rehype-pretty-code-title]+pre{margin-top:calc(var(--spacing)*2)!important}}@layer components{.steps:first-child,.steps:first-child>h3:first-child{margin-top:calc(var(--spacing)*0)!important}.steps>h3{margin-top:calc(var(--spacing)*16)!important}.steps>h3+p{margin-top:calc(var(--spacing)*2)!important}[data-rehype-pretty-code-figure]{background-color:var(--color-code);color:var(--color-code-foreground);border-radius:var(--radius-lg);border-width:0;border-color:var(--border);margin-top:calc(var(--spacing)*6);font-size:var(--text-sm);outline:none;position:relative;overflow:hidden}@media (min-width:48rem){[data-rehype-pretty-code-figure]{margin-inline:calc(var(--spacing)*-4)}}[data-rehype-pretty-code-figure]:has([data-rehype-pretty-code-title]) [data-slot=copy-button]{top:calc(var(--spacing)*1.5)!important}[data-rehype-pretty-code-title]{border-bottom:var(--border)}@supports (color:color-mix(in lab, red, red)){[data-rehype-pretty-code-title]{border-bottom:color-mix(in oklab,var(--border)30%,transparent)}}[data-rehype-pretty-code-title]{padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-code-foreground);border-bottom-style:solid;border-bottom-width:1px}[data-line-numbers]{white-space:pre;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;min-width:100%;padding:0;display:grid}[data-line-numbers] [data-line]:before{font-size:var(--text-sm);counter-increment:line;content:counter(line);width:calc(var(--spacing)*16);padding-right:calc(var(--spacing)*6);text-align:right;color:var(--color-code-number);background-color:var(--color-code);display:inline-block;position:sticky;left:0}[data-line-numbers] [data-highlighted-line][data-line]:before{background-color:var(--color-code-highlight)}[data-line]{padding-top:calc(var(--spacing)*.5);padding-bottom:calc(var(--spacing)*.5);min-height:calc(var(--spacing)*1);width:100%;display:inline-block}[data-line] span{color:var(--shiki-light)}[data-line] span:is(.dark *){color:var(--shiki-dark)!important}[data-highlighted-line],[data-highlighted-chars]{background-color:var(--color-code-highlight);position:relative}[data-highlighted-line]:after{content:"";background-color:var(--muted-foreground);width:2px;height:100%;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){[data-highlighted-line]:after{background-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}[data-highlighted-chars]{border-radius:var(--radius-sm);font-family:var(--font-mono);padding-block:.1rem;padding-inline:.3rem;font-size:.8rem}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}@media (pointer:coarse){.extend-touch-target{touch-action:manipulation;position:relative}.extend-touch-target:after{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing)*-2);position:absolute}}.step{counter-increment:step;position:relative}.step:before{right:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*2);width:calc(var(--spacing)*7);height:calc(var(--spacing)*7);text-align:center;text-indent:-1px;font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);border-radius:3.40282e38px;justify-content:center;align-items:center;display:none}@media (min-width:48rem){.step:before{position:absolute}}.step:before{content:counter(step)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-32{inset:calc(var(--spacing)*32)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.start-1{inset-inline-start:calc(var(--spacing)*1)}.-top-2{top:calc(var(--spacing)*-2)}.-top-4{top:calc(var(--spacing)*-4)}.-top-px{top:-1px}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-10{top:calc(var(--spacing)*10)}.top-14{top:calc(var(--spacing)*14)}.top-16{top:calc(var(--spacing)*16)}.top-20{top:calc(var(--spacing)*20)}.top-\[0\.3rem\]{top:.3rem}.top-\[0\.4rem\]{top:.4rem}.top-\[5px\]{top:5px}.top-\[50\%\]{top:50%}.top-\[calc\(var\(--header-height\)\+1px\)\]{top:calc(var(--header-height) + 1px)}.-right-1{right:calc(var(--spacing)*-1)}.-right-3{right:calc(var(--spacing)*-3)}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-16{right:calc(var(--spacing)*16)}.right-24{right:calc(var(--spacing)*24)}.right-\[-11px\]{right:-11px}.right-\[0\.3rem\]{right:.3rem}.right-\[28px\]{right:28px}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-px{bottom:-1px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-0\.5{bottom:calc(var(--spacing)*.5)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-16{bottom:calc(var(--spacing)*16)}.bottom-24{bottom:calc(var(--spacing)*24)}.-left-0{left:calc(var(--spacing)*0)}.-left-0\.5{left:calc(var(--spacing)*-.5)}.-left-1{left:calc(var(--spacing)*-1)}.-left-3{left:calc(var(--spacing)*-3)}.-left-5{left:calc(var(--spacing)*-5)}.-left-6{left:calc(var(--spacing)*-6)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-2\.5{left:calc(var(--spacing)*2.5)}.left-3{left:calc(var(--spacing)*3)}.left-16{left:calc(var(--spacing)*16)}.left-\[-10\.5px\]{left:-10.5px}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-35{z-index:35}.z-36{z-index:36}.z-40{z-index:40}.z-50{z-index:50}.z-51{z-index:51}.z-60{z-index:60}.z-100{z-index:100}.z-500{z-index:500}.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1/span 1}.col-start-2{grid-column-start:2}.col-start-10{grid-column-start:10}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:1600px){.container{max-width:1600px}}@media (min-width:2000px){.container{max-width:2000px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-4{margin:calc(var(--spacing)*4)}.container-wrapper{width:100%;max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*2);margin-inline:auto}.container{max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:80rem){.container{padding-inline:calc(var(--spacing)*6)}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.mx-px{margin-inline:1px}.\!my-0{margin-block:calc(var(--spacing)*0)!important}.my-1{margin-block:calc(var(--spacing)*1)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.my-px{margin-block:1px}.-ms-5{margin-inline-start:calc(var(--spacing)*-5)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.\!mt-0{margin-top:calc(var(--spacing)*0)!important}.-mt-2\.5{margin-top:calc(var(--spacing)*-2.5)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-12{margin-top:calc(var(--spacing)*-12)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[0\.75em\]{margin-top:.75em}.mt-\[1\.4em\]{margin-top:1.4em}.mt-\[1\.6em\]{margin-top:1.6em}.mt-\[1em\]{margin-top:1em}.mt-auto{margin-top:auto}.-mr-3{margin-right:calc(var(--spacing)*-3)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-\[14px\]{margin-right:14px}.mr-auto{margin-right:auto}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.\!ml-6{margin-left:calc(var(--spacing)*6)!important}.-ml-2{margin-left:calc(var(--spacing)*-2)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-1\/2{aspect-ratio:1/2}.aspect-\[4\/2\.5\]{aspect-ratio:4/2.5}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-3{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\!size-3\.5{width:calc(var(--spacing)*3.5)!important;height:calc(var(--spacing)*3.5)!important}.size-0{width:calc(var(--spacing)*0);height:calc(var(--spacing)*0)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-3\.5\!{width:calc(var(--spacing)*3.5)!important;height:calc(var(--spacing)*3.5)!important}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-\[14px\]{width:14px;height:14px}.size-\[22px\]{width:22px;height:22px}.size-\[28px\]{width:28px;height:28px}.size-\[130px\]{width:130px;height:130px}.size-full{width:100%;height:100%}.h-\(--container-height\){height:var(--container-height)}.h-\(--header-height\){height:var(--header-height)}.h-\(--height\){height:var(--height)}.h-\(--radix-popper-available-height\){height:var(--radix-popper-available-height)}.h-\(--top-spacing\){height:var(--top-spacing)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-\[0\.1px\]{height:.1px}.h-\[1\.5em\]{height:1.5em}.h-\[1\.45rem\]{height:1.45rem}.h-\[1px\]{height:1px}.h-\[19px\]{height:19px}.h-\[23rem\]{height:23rem}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[344px\]{height:344px}.h-\[350px\]{height:350px}.h-\[500px\]{height:500px}.h-\[520px\]{height:520px}.h-\[600px\]{height:600px}.h-\[650px\]{height:650px}.h-\[700px\]{height:700px}.h-\[760px\]{height:760px}.h-\[800px\]{height:800px}.h-\[7500px\]{height:7500px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100\%_\+_8px\)\]{height:calc(100% + 8px)}.h-\[calc\(100svh-var\(--header-height\)-var\(--footer-height\)\)\]{height:calc(100svh - var(--header-height) - var(--footer-height))}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.h-\[calc\(theme\(spacing\.7\)_-_1px\)\]{height:calc(1.75rem - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-14{max-height:calc(var(--spacing)*14)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70svh\]{max-height:70svh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[288px\]{max-height:288px}.max-h-\[300px\]{max-height:300px}.max-h-\[500px\]{max-height:500px}.max-h-\[650px\]{max-height:650px}.max-h-\[calc\(100vh-4rem\)\]{max-height:calc(100vh - 4rem)}.max-h-\[calc\(100vh-var\(--header-height\)-44px\)\]{max-height:calc(100vh - var(--header-height) - 44px)}.max-h-\[min\(50dvh\,calc\(-24px\+var\(--radix-popper-available-height\)\)\)\]{max-height:min(50dvh,calc(-24px + var(--radix-popper-available-height)))}.max-h-\[min\(70vh\,320px\)\]{max-height:min(70vh,320px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-\[1lh\]{min-height:1lh}.min-h-\[25px\]{min-height:25px}.min-h-\[50\%\]{min-height:50%}.min-h-\[350px\]{min-height:350px}.min-h-full{min-height:100%}.min-h-full\!{min-height:100%!important}.min-h-min{min-height:min-content}.min-h-svh{min-height:100svh}.w-\(--radix-popper-available-width\){width:var(--radix-popper-available-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[1px\]{width:1px}.w-\[3px\]{width:3px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[230px\]{width:230px}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[330px\]{width:330px}.w-\[380px\]{width:380px}.w-\[700px\]{width:700px}.w-\[896px\]{width:896px}.w-\[970px\]{width:970px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[min\(100\%\,600px\)\]{width:min(100%,600px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2{max-width:calc(var(--spacing)*2)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[80vw\]{max-width:80vw}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-2{min-width:calc(var(--spacing)*2)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-48{min-width:calc(var(--spacing)*48)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-\[8px\]{min-width:8px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[92px\]{min-width:92px}.min-w-\[125px\]{min-width:125px}.min-w-\[130px\]{min-width:130px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.min-w-\[225px\]{min-width:225px}.min-w-\[450px\]{min-width:450px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow-1,.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/4{--tw-translate-x:calc(calc(1/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[1\.5px\]{--tw-translate-x:calc(1.5px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-12{--tw-translate-x:calc(var(--spacing)*12);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/4{--tw-translate-y:calc(calc(1/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[2px\]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-m-16{scroll-margin:calc(var(--spacing)*16)}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.scroll-m-28{scroll-margin:calc(var(--spacing)*28)}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.list-none\!{list-style-type:none!important}.appearance-none{appearance:none}.grid-flow-row{grid-auto-flow:row}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.grid-cols-\[repeat\(10\,1fr\)\]{grid-template-columns:repeat(10,1fr)}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#ddd\]{border-color:#ddd}.border-blue-500{border-color:var(--color-blue-500)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-muted-foreground{border-color:var(--muted-foreground)}.border-primary{border-color:var(--primary)}.border-red-200{border-color:var(--color-red-200)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-slate-200{border-color:var(--color-slate-200)}.border-stone-700{border-color:var(--color-stone-700)}.border-transparent{border-color:#0000}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.border-s-blue-500\/50{border-inline-start-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.border-s-blue-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-s-green-500\/50{border-inline-start-color:#00c75880}@supports (color:color-mix(in lab, red, red)){.border-s-green-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-s-orange-500\/50{border-inline-start-color:#fe6e0080}@supports (color:color-mix(in lab, red, red)){.border-s-orange-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-orange-500)50%,transparent)}}.border-s-red-500\/50{border-inline-start-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.border-s-red-500\/50{border-inline-start-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-t-border{border-top-color:var(--border)}.border-t-transparent{border-top-color:#0000}.border-b-border{border-bottom-color:var(--border)}.border-b-brand\/\[\.24\]{border-bottom-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.border-b-brand\/\[\.24\]{border-bottom-color:color-mix(in oklab,var(--brand)24%,transparent)}}.border-b-gray-300{border-bottom-color:var(--color-gray-300)}.border-b-highlight,.border-b-highlight\/35{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/35{border-bottom-color:color-mix(in oklab,var(--highlight)35%,transparent)}}.border-b-highlight\/\[\.7\]{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/\[\.7\]{border-bottom-color:color-mix(in oklab,var(--highlight)70%,transparent)}}.border-b-highlight\/\[\.36\]{border-bottom-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.border-b-highlight\/\[\.36\]{border-bottom-color:color-mix(in oklab,var(--highlight)36%,transparent)}}.border-b-purple-100{border-bottom-color:var(--color-purple-100)}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--cellBackground\){background-color:var(--cellBackground)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-2\){background-color:var(--color-2)}.bg-\(--color-3\){background-color:var(--color-3)}.bg-\(--color-4\){background-color:var(--color-4)}.bg-\[\#adfa1d\]{background-color:#adfa1d}.bg-\[\#eee\]{background-color:#eee}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-accent{background-color:var(--accent)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-background,.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--border)}.bg-brand,.bg-brand\/25{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/25{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.bg-brand\/50{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/50{background-color:color-mix(in oklab,var(--brand)50%,transparent)}}.bg-brand\/\[\.08\]{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/\[\.08\]{background-color:color-mix(in oklab,var(--brand)8%,transparent)}}.bg-brand\/\[\.13\]{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/\[\.13\]{background-color:color-mix(in oklab,var(--brand)13%,transparent)}}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-destructive{background-color:var(--destructive)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-200\/80{background-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-200\/80{background-color:color-mix(in oklab,var(--color-emerald-200)80%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300\/25{background-color:#d1d5dc40}@supports (color:color-mix(in lab, red, red)){.bg-gray-300\/25{background-color:color-mix(in oklab,var(--color-gray-300)25%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-highlight,.bg-highlight\/15{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/15{background-color:color-mix(in oklab,var(--highlight)15%,transparent)}}.bg-highlight\/25{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/25{background-color:color-mix(in oklab,var(--highlight)25%,transparent)}}.bg-highlight\/30{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/30{background-color:color-mix(in oklab,var(--highlight)30%,transparent)}}.bg-highlight\/45{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/45{background-color:color-mix(in oklab,var(--highlight)45%,transparent)}}.bg-highlight\/\[\.13\]{background-color:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.bg-highlight\/\[\.13\]{background-color:color-mix(in oklab,var(--highlight)13%,transparent)}}.bg-inherit{background-color:inherit}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-popover,.bg-popover\/90{background-color:var(--popover)}@supports (color:color-mix(in lab, red, red)){.bg-popover\/90{background-color:color-mix(in oklab,var(--popover)90%,transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/40{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/40{background-color:color-mix(in oklab,var(--primary)40%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-200\/80{background-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.bg-red-200\/80{background-color:color-mix(in oklab,var(--color-red-200)80%,transparent)}}.bg-ring\/70{background-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.bg-ring\/70{background-color:color-mix(in oklab,var(--ring)70%,transparent)}}.bg-ring\/80{background-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.bg-ring\/80{background-color:color-mix(in oklab,var(--ring)80%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200\/50{background-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/50{background-color:color-mix(in oklab,var(--color-slate-200)50%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\!{background-color:var(--color-zinc-950)!important}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#6EB6F2\]{--tw-gradient-from:#6eb6f2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background\/10{--tw-gradient-from:var(--background)}@supports (color:color-mix(in lab, red, red)){.from-background\/10{--tw-gradient-from:color-mix(in oklab,var(--background)10%,transparent)}}.from-background\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-900\/30{--tw-gradient-from:#1018284d}@supports (color:color-mix(in lab, red, red)){.from-gray-900\/30{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)30%,transparent)}}.from-gray-900\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#a855f7\]{--tw-gradient-via:#a855f7;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/60{--tw-gradient-via:var(--background)}@supports (color:color-mix(in lab, red, red)){.via-background\/60{--tw-gradient-via:color-mix(in oklab,var(--background)60%,transparent)}}.via-background\/60{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#eab308\]{--tw-gradient-to:#eab308;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-90\%{--tw-gradient-to-position:90%}.bg-cover{background-size:cover}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.fill-blue-500{fill:var(--color-blue-500)}.fill-current{fill:currentColor}.fill-green-500{fill:var(--color-green-500)}.fill-none{fill:none}.fill-orange-500{fill:var(--color-orange-500)}.fill-primary{fill:var(--primary)}.fill-red-500{fill:var(--color-red-500)}.stroke-slate-300{stroke:var(--color-slate-300)}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-11{padding:calc(var(--spacing)*11)}.p-\[2px\]{padding:2px}.p-\[3px\]{padding:3px}.p-px{padding:1px}.\!px-0\.5{padding-inline:calc(var(--spacing)*.5)!important}.\!px-1{padding-inline:calc(var(--spacing)*1)!important}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\[0\.3em\]{padding-inline:.3em}.px-\[0\.3rem\]{padding-inline:.3rem}.px-\[calc\(--spacing\(1\)-2px\)\]{padding-inline:calc(calc(var(--spacing)*1) - 2px)}.px-px{padding-inline:1px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-4\!{padding-block:calc(var(--spacing)*4)!important}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-\[--spacing\(1\)\]{padding-block:calc(var(--spacing)*1)}.py-\[0\.2em\]{padding-block:.2em}.py-\[0\.2rem\]{padding-block:.2rem}.py-\[1\.5px\]{padding-block:1.5px}.py-\[3px\]{padding-block:3px}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-\[0\.275em\]{padding-top:.275em}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-\[14px\]{padding-right:14px}.pr-px{padding-right:1px}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-48{padding-bottom:calc(var(--spacing)*48)}.pb-72{padding-bottom:calc(var(--spacing)*72)}.pb-\[20vh\]{padding-bottom:20vh}.pb-\[51\.25\%\]{padding-bottom:51.25%}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pb-\[56\.0417\%\]{padding-bottom:56.0417%}.pb-\[75\%\]{padding-bottom:75%}.pb-px{padding-bottom:1px}.pl-\(--index\){padding-left:var(--index)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-\[26px\]{padding-left:26px}.pl-\[32px\]{padding-left:32px}.pl-\[50px\]{padding-left:50px}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.font-\[inherit\]{font-family:inherit}.font-heading{font-family:"var(--font-heading)","ui-sans-serif",-apple-system,BlinkMacSystemFont,Segoe UI Variable Display,Segoe UI,Helvetica,Apple Color Emoji,Arial,"sans-serif",Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:"var(--font-sans)","ui-sans-serif",-apple-system,BlinkMacSystemFont,Segoe UI Variable Display,Segoe UI,Helvetica,Apple Color Emoji,Arial,"sans-serif",Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[10px\]{font-size:10px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[40px\]{font-size:40px}.text-\[max\(87\.5\%\,\.875rem\)\]{font-size:max(87.5%,.875rem)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#000000\]{color:#000}.text-\[\#aaa\]{color:#aaa}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-600{color:var(--color-amber-600)}.text-background{color:var(--background)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-brand\/80{color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.text-brand\/80{color:color-mix(in oklab,var(--brand)80%,transparent)}}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-cyan-700{color:var(--color-cyan-700)}.text-destructive{color:var(--destructive)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-inherit{color:inherit}.text-muted-foreground,.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-slate-50{color:var(--color-slate-50)}.text-slate-100{color:var(--color-slate-100)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-stone-400{color:var(--color-stone-400)}.text-surface-foreground{color:var(--surface-foreground)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-700{color:var(--color-zinc-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-primary{-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.decoration-\[0\.5px\]{text-decoration-thickness:.5px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-primary{caret-color:var(--primary)}.accent-foreground{accent-color:var(--foreground)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\]{--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\]{--tw-shadow-color:color-mix(in oklab,#ffffff1a 0px .5px 0px 0px inset,#f8f9fa 0px 1px 5px 0px inset,#c1c8cd 0px 0px 0px .5px,#c1c8cd 0px 2px 1px -1px,#c1c8cd 0px 1px 0px 0px var(--tw-shadow-alpha),transparent)}}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-primary{--tw-ring-color:var(--primary)}.ring-ring{--tw-ring-color:var(--ring)}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-0{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert-1{--tw-invert:invert(1%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[contain\:content\]{contain:content}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-auto{-webkit-user-select:auto;user-select:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.zoom-in-95{--tw-enter-scale:.95}.\[--footer-height\:calc\(var\(--spacing\)\*14\)\]{--footer-height:calc(var(--spacing)*14)}.\[--header-height\:calc\(var\(--spacing\)\*14\)\]{--header-height:calc(var(--spacing)*14)}.\[--sidebar-width\:220px\]{--sidebar-width:220px}.\[--top-spacing\:0\]{--top-spacing:0}.\[counter-increment\:step\]{counter-increment:step}.\[counter-reset\:step\]{counter-reset:step}.\[tab-size\:2\]{tab-size:2}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}:is(.\*\:m-0>*){margin:calc(var(--spacing)*0)}:is(.\*\:shrink-0>*){flex-shrink:0}:is(.\*\*\:my-0 *){margin-block:calc(var(--spacing)*0)}:is(.\*\*\:leading-\[calc\(1\.25\/\.875\)\] *){--tw-leading:calc(1.25/.875);line-height:1.42857}:is(.\*\*\:leading-normal *){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.not-first\:mt-4:not(:first-child){margin-top:calc(var(--spacing)*4)}.not-first\:mt-6:not(:first-child){margin-top:calc(var(--spacing)*6)}.not-first\:mt-12:not(:first-child){margin-top:calc(var(--spacing)*12)}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-first\/column\:-left-1:is(:where(.group\/column):first-child *){left:calc(var(--spacing)*-1)}.group-first\/column\:pl-0:is(:where(.group\/column):first-child *){padding-left:calc(var(--spacing)*0)}.group-last\/column\:-right-1:is(:where(.group\/column):last-child *){right:calc(var(--spacing)*-1)}.group-last\/column\:pr-0:is(:where(.group\/column):last-child *){padding-right:calc(var(--spacing)*0)}.group-last\/toolbar-group\:hidden\!:is(:where(.group\/toolbar-group):last-child *){display:none!important}.group-focus-within\:pointer-events-none:is(:where(.group):focus-within *){pointer-events:none}.group-focus-within\:top-0:is(:where(.group):focus-within *){top:calc(var(--spacing)*0)}.group-focus-within\:cursor-default:is(:where(.group):focus-within *){cursor:default}.group-focus-within\:text-xs:is(:where(.group):focus-within *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-focus-within\:font-medium:is(:where(.group):focus-within *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.group-focus-within\:text-foreground:is(:where(.group):focus-within *){color:var(--foreground)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:translate-x-\[-135px\]:is(:where(.group):hover *){--tw-translate-x:-135px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-\[-181px\]:is(:where(.group):hover *){--tw-translate-x:-181px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:none}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:text-\[\#e3b341\]:is(:where(.group):hover *){color:#e3b341}.group-hover\:no-underline:is(:where(.group):hover *){text-decoration-line:none}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/column\:opacity-100:is(:where(.group\/column):hover *),.group-hover\/container\:opacity-100:is(:where(.group\/container):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-has-disabled\:opacity-50:is(:where(.group):has(:disabled) *){opacity:.5}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-list\:my-2:is(:where(.group)[data-list] *){margin-block:calc(var(--spacing)*2)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[empty\=true\]\/subheading\:hidden:is(:where(.group\/subheading)[data-empty=true] *){display:none}.group-data-\[pressed\=true\]\:bg-accent:is(:where(.group)[data-pressed=true] *){background-color:var(--accent)}.group-data-\[pressed\=true\]\:text-accent-foreground:is(:where(.group)[data-pressed=true] *){color:var(--accent-foreground)}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[table-resizing\=true\]\/row\:opacity-0:is(:where(.group\/row)[data-table-resizing=true] *){opacity:0}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[view\=code\]\/block-view-wrapper\:hidden:is(:where(.group\/block-view-wrapper)[data-view=code] *),.group-data-\[view\=preview\]\/block-view-wrapper\:hidden:is(:where(.group\/block-view-wrapper)[data-view=preview] *){display:none}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-has-\[\[role\=menuitem\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=menuitem])~*),.peer-has-\[\[role\=menuitemradio\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=menuitemradio])~*),.peer-has-\[\[role\=option\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role=option])~*){display:block}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-brand\/25 ::selection{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-brand\/25 ::selection{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.selection\:bg-brand\/25::selection{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-brand\/25::selection{background-color:color-mix(in oklab,var(--brand)25%,transparent)}}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder,.placeholder\:text-muted-foreground\/80::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-muted-foreground\/80::placeholder{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:mt-\[-4px\]:before{content:var(--tw-content);margin-top:-4px}.before\:ml-\[-50px\]:before{content:var(--tw-content);margin-left:-50px}.before\:box-border:before{content:var(--tw-content);box-sizing:border-box}.before\:inline-flex:before{content:var(--tw-content);display:inline-flex}.before\:size-full:before{content:var(--tw-content);width:100%;height:100%}.before\:h-9:before{content:var(--tw-content);height:calc(var(--spacing)*9)}.before\:w-9:before{content:var(--tw-content);width:calc(var(--spacing)*9)}.before\:cursor-text:before{content:var(--tw-content);cursor:text}.before\:items-center:before{content:var(--tw-content);align-items:center}.before\:justify-center:before{content:var(--tw-content);justify-content:center}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:border-4:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.before\:border-r:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:1px}.before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-background:before{content:var(--tw-content);border-color:var(--background)}.before\:border-t-border:before{content:var(--tw-content);border-top-color:var(--border)}.before\:border-r-border:before{content:var(--tw-content);border-right-color:var(--border)}.before\:border-b-border:before{content:var(--tw-content);border-bottom-color:var(--border)}.before\:border-l-border:before{content:var(--tw-content);border-left-color:var(--border)}.before\:bg-muted:before{content:var(--tw-content);background-color:var(--muted)}.before\:text-center:before{content:var(--tw-content);text-align:center}.before\:-indent-px:before{content:var(--tw-content);text-indent:-1px}.before\:font-mono:before{content:var(--tw-content);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.before\:text-base:before{content:var(--tw-content);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.before\:font-medium:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.before\:text-muted-foreground\/80:before{content:var(--tw-content);color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.before\:text-muted-foreground\/80:before{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.before\:opacity-30:before{content:var(--tw-content);opacity:.3}.before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.before\:content-\[attr\(placeholder\)\]:before{content:var(--tw-content);--tw-content:attr(placeholder);content:var(--tw-content)}.before\:\[content\:counter\(step\)\]:before{content:var(--tw-content);content:counter(step)}.before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:inset-y-\[-2px\]:after{content:var(--tw-content);inset-block:-2px}.after\:-top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*-.5)}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:-left-1:after{content:var(--tw-content);left:calc(var(--spacing)*-1)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:z-1:after{content:var(--tw-content);z-index:1}.after\:ml-1\.5:after{content:var(--tw-content);margin-left:calc(var(--spacing)*1.5)}.after\:block:after{content:var(--tw-content);display:block}.after\:flex:after{content:var(--tw-content);display:flex}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:h-3:after{content:var(--tw-content);height:calc(var(--spacing)*3)}.after\:h-8:after{content:var(--tw-content);height:calc(var(--spacing)*8)}.after\:h-16:after{content:var(--tw-content);height:calc(var(--spacing)*16)}.after\:h-\[calc\(100\%\)\+4px\]:after{content:var(--tw-content);height:calc(100%)4px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-3:after{content:var(--tw-content);width:calc(var(--spacing)*3)}.after\:w-10:after{content:var(--tw-content);width:calc(var(--spacing)*10)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:w-\[3px\]:after{content:var(--tw-content);width:3px}.after\:w-\[6px\]:after{content:var(--tw-content);width:6px}.after\:w-\[calc\(100\%\+8px\)\]:after{content:var(--tw-content);width:calc(100% + 8px)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:-translate-x-px:after{content:var(--tw-content);--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:rounded-\[6px\]:after{content:var(--tw-content);border-radius:6px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius)}.after\:rounded-sm:after{content:var(--tw-content);border-radius:calc(var(--radius) - 4px)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.after\:bg-brand\/15:after{content:var(--tw-content);background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.after\:bg-brand\/15:after{background-color:color-mix(in oklab,var(--brand)15%,transparent)}}.after\:bg-neutral-500\/10:after{content:var(--tw-content);background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.after\:bg-neutral-500\/10:after{background-color:color-mix(in oklab,var(--color-neutral-500)10%,transparent)}}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--primary)}.after\:bg-ring:after{content:var(--tw-content);background-color:var(--ring)}.after\:bg-zinc-950:after{content:var(--tw-content);background-color:var(--color-zinc-950)}.after\:pb-\[var\(--aspect-ratio\)\]:after{content:var(--tw-content);padding-bottom:var(--aspect-ratio)}.after\:align-middle:after{content:var(--tw-content);vertical-align:middle}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\"\"\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:content-\[\'_\'\]:after{content:var(--tw-content);--tw-content:" ";content:var(--tw-content)}.after\:content-\[\\\"\\\"\]:after{content:var(--tw-content);--tw-content:\"\";content:var(--tw-content)}@media (hover:hover){.group-hover\:after\:opacity-100:is(:where(.group):hover *):after{content:var(--tw-content);opacity:1}}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:\!mt-0:first-child{margin-top:calc(var(--spacing)*0)!important}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.empty\:hidden:empty{display:none}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-accent:hover,.hover\:bg-accent\/80:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/80:hover{background-color:color-mix(in oklab,var(--accent)80%,transparent)}}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-muted-foreground\/15:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted-foreground\/15:hover{background-color:color-mix(in oklab,var(--muted-foreground)15%,transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/60:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/60:hover{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-brand\/80:hover{color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.hover\:text-brand\/80:hover{color:color-mix(in oklab,var(--brand)80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover,.hover\:text-muted-foreground\/80:hover{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:text-muted-foreground\/80:hover{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-slate-50:hover{color:var(--color-slate-50)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-50:hover{color:var(--color-zinc-50)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-primary:hover{--tw-ring-color:var(--primary)}.hover\:ring-offset-2:hover{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.hover\:after\:-bottom-1:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*-1)}.hover\:after\:bottom-0:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.hover\:after\:left-0:hover:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.hover\:after\:h-10:hover:after{content:var(--tw-content);height:calc(var(--spacing)*10)}.hover\:after\:h-\[1\.5px\]:hover:after{content:var(--tw-content);height:1.5px}.hover\:after\:w-\[calc\(100\%-2px\)\]:hover:after{content:var(--tw-content);width:calc(100% - 2px)}.hover\:after\:bg-brand:hover:after{content:var(--tw-content);background-color:var(--brand)}.hover\:after\:bg-primary:hover:after{content:var(--tw-content);background-color:var(--primary)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:bg-zinc-700:focus{background-color:var(--color-zinc-700)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:bg-transparent:focus-visible{background-color:#0000}.focus-visible\:bg-zinc-700:focus-visible{background-color:var(--color-zinc-700)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-slate-700:focus-visible{--tw-ring-color:var(--color-slate-700)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color:transparent}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:bg-transparent:active{background-color:#0000}.active\:bg-zinc-700:active{background-color:var(--color-zinc-700)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\:text-white:active{color:var(--color-white)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-aria-disabled\:border-input:has([aria-disabled=true]){border-color:var(--input)}.has-aria-disabled\:bg-muted:has([aria-disabled=true]){background-color:var(--muted)}.has-data-readonly\:w-fit:has([data-readonly]){width:fit-content}.has-data-readonly\:cursor-default:has([data-readonly]){cursor:default}.has-data-readonly\:border-transparent:has([data-readonly]){border-color:#0000}.has-data-readonly\:focus-within\:\[box-shadow\:none\]:has([data-readonly]):focus-within{box-shadow:none}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus){border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus){border-color:color-mix(in oklab,var(--brand)50%,transparent)}}.has-\[\[data-slate-editor\]\:focus\]\:ring-2:has([data-slate-editor]:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus){--tw-ring-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus){--tw-ring-color:color-mix(in oklab,var(--brand)30%,transparent)}}.has-\[\[role\=menuitem\]\]\:block:has([role=menuitem]),.has-\[\[role\=menuitemradio\]\]\:block:has([role=menuitemradio]),.has-\[\[role\=option\]\]\:block:has([role=option]){display:block}.has-\[button\]\:flex:has(:is(button)){display:flex}.has-\[\+input\:not\(\:placeholder-shown\)\]\:pointer-events-none:has(+input:not(:placeholder-shown)){pointer-events:none}.has-\[\+input\:not\(\:placeholder-shown\)\]\:top-0:has(+input:not(:placeholder-shown)){top:calc(var(--spacing)*0)}.has-\[\+input\:not\(\:placeholder-shown\)\]\:cursor-default:has(+input:not(:placeholder-shown)){cursor:default}.has-\[\+input\:not\(\:placeholder-shown\)\]\:text-xs:has(+input:not(:placeholder-shown)){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.has-\[\+input\:not\(\:placeholder-shown\)\]\:font-medium:has(+input:not(:placeholder-shown)){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.has-\[\+input\:not\(\:placeholder-shown\)\]\:text-foreground:has(+input:not(:placeholder-shown)){color:var(--foreground)}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-checked\:border-\(--color-1\)[aria-checked=true]{border-color:var(--color-1)}.aria-checked\:bg-accent[aria-checked=true]{background-color:var(--accent)}.aria-checked\:text-accent-foreground[aria-checked=true]{color:var(--accent-foreground)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}:is(.\*\*\:data-block-hide\:hidden *)[data-block-hide]{display:none}.data-readonly\:w-fit[data-readonly]{width:fit-content}:is(.\*\*\:data-slate-editor\:max-h-\[calc\(100dvh-44px\)\] *)[data-slate-editor]{max-height:calc(100dvh - 44px)}:is(.\*\*\:data-slate-placeholder\:\!top-1\/2 *)[data-slate-placeholder]{top:50%!important}:is(.\*\*\:data-slate-placeholder\:top-\[auto_\!important\] *)[data-slate-placeholder]{top:auto!important}:is(.\*\*\:data-slate-placeholder\:-translate-y-1\/2 *)[data-slate-placeholder]{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder]{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){:is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder]{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}:is(.\*\*\:data-slate-placeholder\:opacity-100\! *)[data-slate-placeholder]{opacity:1!important}.data-\[active-item\=true\]\:bg-accent[data-active-item=true]{background-color:var(--accent)}.data-\[active-item\=true\]\:text-accent-foreground[data-active-item=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:bg-muted[data-active=true]{background-color:var(--muted)}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:bg-zinc-700[data-active=true]{background-color:var(--color-zinc-700)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-foreground[data-active=true]{color:var(--foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:text-white[data-active=true]{color:var(--color-white)}.data-\[block\=login-01\]\:max-w-full[data-block=login-01]{max-width:100%}.data-\[block\=sidebar-10\]\:right-0[data-block=sidebar-10]{right:calc(var(--spacing)*0)}.data-\[block\=sidebar-10\]\:left-auto[data-block=sidebar-10]{left:auto}.data-\[block\=sidebar-11\]\:-top-1\/3[data-block=sidebar-11]{top:-33.3333%}.data-\[block\=sidebar-13\]\:max-w-full[data-block=sidebar-13]{max-width:100%}.data-\[block\=sidebar-14\]\:right-0[data-block=sidebar-14]{right:calc(var(--spacing)*0)}.data-\[block\=sidebar-14\]\:left-auto[data-block=sidebar-14]{left:auto}.data-\[block\=sidebar-15\]\:max-w-full[data-block=sidebar-15]{max-width:100%}.data-\[depth\=3\]\:pl-4[data-depth="3"]{padding-left:calc(var(--spacing)*4)}.data-\[depth\=3\]\:pl-6[data-depth="3"],.data-\[depth\=4\]\:pl-6[data-depth="4"]{padding-left:calc(var(--spacing)*6)}.data-\[depth\=4\]\:pl-8[data-depth="4"]{padding-left:calc(var(--spacing)*8)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[highlighted\=true\]\:bg-accent[data-highlighted=true]{background-color:var(--accent)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert\]\:first\:mt-0>*)[data-slot=alert]:first-child{margin-top:calc(var(--spacing)*0)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}:is(.\*\:data-\[slot\=block-selection\]\:left-2>*)[data-slot=block-selection]{left:calc(var(--spacing)*2)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}:is(.\*\*\:data-\[slot\=separator\]\:\!h-4 *)[data-slot=separator]{height:calc(var(--spacing)*4)!important}.data-\[state\=active\]\:flex[data-state=active]{display:flex}.data-\[state\=active\]\:border-b-primary[data-state=active]{border-bottom-color:var(--primary)}.data-\[state\=active\]\:border-b-zinc-50[data-state=active]{border-bottom-color:var(--color-zinc-50)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-zinc-50[data-state=active]{color:var(--color-zinc-50)}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:shrink-0[data-state=closed]{flex-shrink:0}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:opacity-0[data-state=closed]{opacity:0}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:grow[data-state=open]{flex-grow:1}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-none[data-state=open]{animation:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:bg-zinc-700[data-state=open]:hover{background-color:var(--color-zinc-700)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}.data-\[state\=open\]\:hover\:text-white[data-state=open]:hover{color:var(--color-white)}}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[table-cell-selected\=true\]\:before\:z-10[data-table-cell-selected=true]:before{content:var(--tw-content);z-index:10}.data-\[table-cell-selected\=true\]\:before\:bg-brand\/5[data-table-cell-selected=true]:before{content:var(--tw-content);background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.data-\[table-cell-selected\=true\]\:before\:bg-brand\/5[data-table-cell-selected=true]:before{background-color:color-mix(in oklab,var(--brand)5%,transparent)}}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:is(.\*\:nth-\[2\]\:flex-1>*):nth-child(2){flex:1}:is(.\*\:nth-\[2\]\:text-muted-foreground>*):nth-child(2){color:var(--muted-foreground)}:is(.\*\:nth-\[2\]\:line-through>*):nth-child(2){text-decoration-line:line-through}:is(.\*\:nth-\[2\]\:focus\:outline-none>*):nth-child(2):focus{--tw-outline-style:none;outline-style:none}@supports (backdrop-blur:var(--tw)){.supports-backdrop-blur\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-blur\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}.max-sm\:w-full{width:100%}.max-sm\:flex-auto\!{flex:auto!important}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-\[1280px\]{width:1280px}.sm\:max-w-3xl{max-width:var(--container-3xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:px-24{padding-inline:calc(var(--spacing)*24)}.sm\:px-\[max\(64px\,calc\(50\%-350px\)\)\]{padding-inline:max(64px,50% - 350px)}.sm\:pr-12{padding-right:calc(var(--spacing)*12)}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:opacity-0{opacity:0}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:my-8{margin-block:calc(var(--spacing)*8)}.md\:mt-24{margin-top:calc(var(--spacing)*24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:aspect-auto{aspect-ratio:auto}.md\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-24{height:calc(var(--spacing)*24)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-auto{width:auto}.md\:flex-1{flex:1}.md\:flex-none{flex:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_220px_220px_auto\]{grid-template-columns:1fr 220px 220px auto}.md\:grid-cols-\[var\(--sidebar-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--sidebar-width)minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-start{align-items:flex-start}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-24{gap:calc(var(--spacing)*24)}:where(.md\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-2{padding-inline:calc(var(--spacing)*2)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:py-10{padding-block:calc(var(--spacing)*10)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pr-\[14px\]{padding-right:14px}.md\:text-left{text-align:left}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:\[--sidebar-width\:240px\]{--sidebar-width:240px}.md\:\[--top-spacing\:calc\(var\(--spacing\)\*4\)\]{--top-spacing:calc(var(--spacing)*4)}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-20{top:calc(var(--spacing)*20)}.lg\:bottom-auto{bottom:auto}.lg\:mt-36{margin-top:calc(var(--spacing)*36)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-flex{display:inline-flex}.lg\:w-56{width:calc(var(--spacing)*56)}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:flex-col{flex-direction:column}.lg\:justify-start{justify-content:flex-start}.lg\:gap-1{gap:calc(var(--spacing)*1)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-48{gap:calc(var(--spacing)*48)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:inline{display:inline}.xl\:w-64{width:calc(var(--spacing)*64)}.xl\:w-auto{width:auto}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}.xl\:flex-row{flex-direction:row}.xl\:items-end{align-items:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:gap-10{gap:calc(var(--spacing)*10)}.xl\:\[--footer-height\:calc\(var\(--spacing\)\*24\)\]{--footer-height:calc(var(--spacing)*24)}}@media (min-width:96rem){.\32 xl\:block{display:block}.\32 xl\:hidden{display:none}}@container not (min-width:32rem){.\@max-lg\:col-span-full{grid-column:1/-1}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-border:is(.dark *){border-color:var(--border)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-cyan-950:is(.dark *){background-color:var(--color-cyan-950)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-muted:is(.dark *){background-color:var(--muted)}.dark\:bg-neutral-900:is(.dark *){background-color:var(--color-neutral-900)}.dark\:bg-orange-950:is(.dark *){background-color:var(--color-orange-950)}.dark\:bg-pink-950:is(.dark *){background-color:var(--color-pink-950)}.dark\:bg-purple-900:is(.dark *){background-color:var(--color-purple-900)}.dark\:bg-purple-950:is(.dark *){background-color:var(--color-purple-950)}.dark\:bg-red-900:is(.dark *){background-color:var(--color-red-900)}.dark\:bg-red-950:is(.dark *){background-color:var(--color-red-950)}.dark\:bg-white:is(.dark *){background-color:var(--color-white)}.dark\:bg-zinc-800:is(.dark *){background-color:var(--color-zinc-800)}.dark\:bg-zinc-900:is(.dark *){background-color:var(--color-zinc-900)}.dark\:bg-zinc-900\!:is(.dark *){background-color:var(--color-zinc-900)!important}.dark\:stroke-slate-600:is(.dark *){stroke:var(--color-slate-600)}.dark\:text-background:is(.dark *){color:var(--background)}.dark\:text-black:is(.dark *){color:var(--color-black)}.dark\:text-cyan-300:is(.dark *){color:var(--color-cyan-300)}.dark\:text-foreground:is(.dark *){color:var(--foreground)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-green-300:is(.dark *){color:var(--color-green-300)}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\:text-neutral-300:is(.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-400:is(.dark *){color:var(--color-neutral-400)}.dark\:text-orange-300:is(.dark *){color:var(--color-orange-300)}.dark\:text-pink-300:is(.dark *){color:var(--color-pink-300)}.dark\:text-purple-300:is(.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:is(.dark *){color:var(--color-purple-400)}.dark\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *){--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *){--tw-shadow-color:color-mix(in oklab,#ffffff1a 0px .5px 0px 0px inset,#1a1d1e 0px 1px 5px 0px inset,#4c5155 0px 0px 0px .5px,#4c5155 0px 2px 1px -1px,#4c5155 0px 1px 0px 0px var(--tw-shadow-alpha),transparent)}}.dark\:ring-white\/5:is(.dark *){--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:ring-white\/5:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)5%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-transparent:is(.dark *):hover{background-color:#0000}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media (min-width:48rem){.md\:dark\:hidden:is(.dark *){display:none}}@media print{.print\:hidden{display:none}.print\:break-inside-avoid{break-inside:avoid}.print\:placeholder\:text-transparent::placeholder{color:#0000}}@media (min-width:1600px){.\33 xl\:fixed\:container:is(.layout-fixed *){width:100%}@media (min-width:1600px){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:1600px}}@media (min-width:2000px){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:2000px}}@media (min-width:40rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:40rem}}@media (min-width:48rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:48rem}}@media (min-width:64rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:64rem}}@media (min-width:80rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:80rem}}@media (min-width:96rem){.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:96rem}}.\33 xl\:fixed\:container:is(.layout-fixed *){max-width:calc(var(--breakpoint-xl) + 2rem);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:80rem){.\33 xl\:fixed\:container:is(.layout-fixed *){padding-inline:calc(var(--spacing)*6)}}.\33 xl\:fixed\:px-0:is(.layout-fixed *){padding-inline:calc(var(--spacing)*0)}.\33 xl\:fixed\:px-3:is(.layout-fixed *){padding-inline:calc(var(--spacing)*3)}}.data-\[table-selecting\=true\]\:\[\&_\*\]\:\!caret-transparent[data-table-selecting=true] *{caret-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:-moz-selection\]\:\!bg-transparent[data-table-selecting=true] ::-moz-selection{background-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:-moz-selection\]\:\!text-inherit[data-table-selecting=true] ::-moz-selection{color:inherit!important}.\[\&_\*\:\:selection\]\:\!bg-transparent ::selection{background-color:#0000!important}.\[\&_\*\:\:selection\]\:bg-none ::selection{background-image:none}.data-\[table-selecting\=true\]\:\[\&_\*\:\:selection\]\:\!bg-transparent[data-table-selecting=true] ::selection{background-color:#0000!important}.data-\[table-selecting\=true\]\:\[\&_\*\:\:selection\]\:\!text-inherit[data-table-selecting=true] ::selection{color:inherit!important}.\[\&_\.katex-display\]\:my-0 .katex-display{margin-block:calc(var(--spacing)*0)}.\[\&_\.katex-display\]\:my-0\! .katex-display{margin-block:calc(var(--spacing)*0)!important}.\[\&_\.line\:before\]\:sticky .line:before{position:sticky}.\[\&_\.line\:before\]\:left-2 .line:before{left:calc(var(--spacing)*2)}.\[\&_\.line\:before\]\:z-10 .line:before{z-index:10}.\[\&_\.line\:before\]\:-translate-y-px .line:before{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&_\.line\:before\]\:pr-1 .line:before{padding-right:calc(var(--spacing)*1)}.\[\&_\.react-tweet-theme\]\:my-0 .react-tweet-theme{margin-block:calc(var(--spacing)*0)}.\[\&_\.react-tweet-theme\]\:ring-2 .react-tweet-theme{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_\.react-tweet-theme\]\:ring-ring .react-tweet-theme{--tw-ring-color:var(--ring)}.\[\&_\.react-tweet-theme\]\:ring-offset-2 .react-tweet-theme{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.\[\&_\.slate-selected\]\:\!bg-primary\/20 .slate-selected{background-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selected\]\:\!bg-primary\/20 .slate-selected{background-color:color-mix(in oklab,var(--primary)20%,transparent)!important}}.\[\&_\.slate-selection-area\]\:z-50 .slate-selection-area{z-index:50}.\[\&_\.slate-selection-area\]\:border .slate-selection-area{border-style:var(--tw-border-style);border-width:1px}.\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area{border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area{border-color:color-mix(in oklab,var(--brand)25%,transparent)}}.\[\&_\.slate-selection-area\]\:border-primary .slate-selection-area{border-color:var(--primary)}.\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area{background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area{background-color:color-mix(in oklab,var(--brand)15%,transparent)}}.\[\&_\.slate-selection-area\]\:bg-primary\/10 .slate-selection-area{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.slate-selection-area\]\:bg-primary\/10 .slate-selection-area{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.\[\&_\>_\.lty-playbtn\]\:absolute>.lty-playbtn{position:absolute}.\[\&_\>_\.lty-playbtn\]\:top-1\/2>.lty-playbtn{top:50%}.\[\&_\>_\.lty-playbtn\]\:left-1\/2>.lty-playbtn{left:50%}.\[\&_\>_\.lty-playbtn\]\:z-1>.lty-playbtn{z-index:1}.\[\&_\>_\.lty-playbtn\]\:h-\[46px\]>.lty-playbtn{height:46px}.\[\&_\>_\.lty-playbtn\]\:w-\[70px\]>.lty-playbtn{width:70px}.\[\&_\>_\.lty-playbtn\]\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\]>.lty-playbtn{transform:translate(-50%,-50%)}.\[\&_\>_\.lty-playbtn\]\:rounded-\[14\%\]>.lty-playbtn{border-radius:14%}.\[\&_\>_\.lty-playbtn\]\:bg-\[\#212121\]>.lty-playbtn{background-color:#212121}.\[\&_\>_\.lty-playbtn\]\:opacity-80>.lty-playbtn{opacity:.8}.\[\&_\>_\.lty-playbtn\]\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\]>.lty-playbtn{transition:all .2s cubic-bezier(0,0,.2,1)}.\[\&_\>_\.lty-playbtn\]\:before\:absolute>.lty-playbtn:before{content:var(--tw-content);position:absolute}.\[\&_\>_\.lty-playbtn\]\:before\:top-1\/2>.lty-playbtn:before{content:var(--tw-content);top:50%}.\[\&_\>_\.lty-playbtn\]\:before\:left-1\/2>.lty-playbtn:before{content:var(--tw-content);left:50%}.\[\&_\>_\.lty-playbtn\]\:before\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\]>.lty-playbtn:before{content:var(--tw-content);transform:translate(-50%,-50%)}.\[\&_\>_\.lty-playbtn\]\:before\:border-y-\[11px\]>.lty-playbtn:before{content:var(--tw-content);border-block-style:var(--tw-border-style);border-block-width:11px}.\[\&_\>_\.lty-playbtn\]\:before\:border-r-0>.lty-playbtn:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:0}.\[\&_\>_\.lty-playbtn\]\:before\:border-l-\[19px\]>.lty-playbtn:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:19px}.\[\&_\>_\.lty-playbtn\]\:before\:border-\[transparent_transparent_transparent_\#fff\]>.lty-playbtn:before{content:var(--tw-content);border-color:#0000 #0000 #0000 #fff}.\[\&_\>_\.lty-playbtn\]\:before\:content-\[\"\"\]>.lty-playbtn:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.\[\&_\>_\.lty-playbtn\]\:before\:content-\[\\\"\\\"\]>.lty-playbtn:before{content:var(--tw-content);--tw-content:\"\";content:var(--tw-content)}.\[\&_\>_iframe\]\:absolute>iframe{position:absolute}.\[\&_\>_iframe\]\:top-0>iframe{top:calc(var(--spacing)*0)}.\[\&_\>_iframe\]\:left-0>iframe{left:calc(var(--spacing)*0)}.\[\&_\>_iframe\]\:size-full>iframe{width:100%;height:100%}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_button\]\:hidden button{display:none}.\[\&_code\]\:text-sm code{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_h3\.font-heading\]\:text-base h3.font-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_h3\.font-heading\]\:font-semibold h3.font-heading{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_pre\]\:my-0 pre{margin-block:calc(var(--spacing)*0)}.\[\&_pre\]\:h-\(--height\) pre{height:var(--height)}.\[\&_pre\]\:max-h-\[350px\] pre{max-height:350px}.\[\&_pre\]\:max-h-\[650px\] pre{max-height:650px}.\[\&_pre\]\:overflow-auto pre{overflow:auto}.\[\&_pre\]\:overflow-hidden pre{overflow:hidden}.\[\&_pre\]\:bg-transparent\! pre{background-color:#0000!important}.\[\&_pre\]\:pt-4 pre{padding-top:calc(var(--spacing)*4)}.\[\&_pre\]\:pb-20 pre{padding-bottom:calc(var(--spacing)*20)}.\[\&_pre\]\:pb-\[100px\] pre{padding-bottom:100px}.\[\&_pre\]\:font-mono pre{font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\[\&_pre\]\:text-sm pre{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_pre\]\:leading-relaxed pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_strong\]\:font-bold strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:\!size-3 svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:size-6 svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-muted-foreground svg{color:var(--muted-foreground)}@media (hover:hover){.\[\&_svg\]\:hover\:text-muted-foreground svg:hover{color:var(--muted-foreground)}}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&_ul\]\:list-\[circle\] ul{list-style-type:circle}.\[\&_ul_ul\]\:list-\[square\] ul ul{list-style-type:square}.\[\&\.lyt-activated\]\:cursor-\[unset\].lyt-activated{cursor:unset}.\[\&\.lyt-activated\]\:before\:pointer-events-none.lyt-activated:before{content:var(--tw-content);pointer-events:none}.\[\&\.lyt-activated\]\:before\:absolute.lyt-activated:before{content:var(--tw-content);position:absolute}.\[\&\.lyt-activated\]\:before\:top-0.lyt-activated:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.\[\&\.lyt-activated\]\:before\:h-\[60px\].lyt-activated:before{content:var(--tw-content);height:60px}.\[\&\.lyt-activated\]\:before\:w-full.lyt-activated:before{content:var(--tw-content);width:100%}.\[\&\.lyt-activated\]\:before\:bg-\[url\(data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT\+OqFAAAAdklEQVQoz42QQQ7AIAgEF\/T\/D\+kbq\/RWAlnQyyazA4aoAB4FsBSA\/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg\=\=\)\].lyt-activated:before{content:var(--tw-content);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==)}.\[\&\.lyt-activated\]\:before\:bg-top.lyt-activated:before{content:var(--tw-content);background-position:top}.\[\&\.lyt-activated\]\:before\:bg-repeat-x.lyt-activated:before{content:var(--tw-content);background-repeat:repeat-x}.\[\&\.lyt-activated\]\:before\:pb-\[50px\].lyt-activated:before{content:var(--tw-content);padding-bottom:50px}.\[\&\.lyt-activated\]\:before\:opacity-0.lyt-activated:before{content:var(--tw-content);opacity:0}.\[\&\.lyt-activated\]\:before\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\].lyt-activated:before{content:var(--tw-content);transition:all .2s cubic-bezier(0,0,.2,1)}.\[\&\.lyt-activated_\>_\.lty-playbtn\]\:pointer-events-none.lyt-activated>.lty-playbtn{pointer-events:none}.\[\&\.lyt-activated_\>_\.lty-playbtn\]\:opacity-0\!.lyt-activated>.lty-playbtn{opacity:0!important}.\[\&\:\:-webkit-scrollbar\]\:w-4::-webkit-scrollbar{width:calc(var(--spacing)*4)}.\[\&\:\:-webkit-scrollbar-button\]\:hidden::-webkit-scrollbar-button{display:none}.\[\&\:\:-webkit-scrollbar-button\]\:size-0::-webkit-scrollbar-button{width:calc(var(--spacing)*0);height:calc(var(--spacing)*0)}.\[\&\:\:-webkit-scrollbar-thumb\]\:min-h-11::-webkit-scrollbar-thumb{min-height:calc(var(--spacing)*11)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-4::-webkit-scrollbar-thumb{border-style:var(--tw-border-style);border-width:4px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid::-webkit-scrollbar-thumb{--tw-border-style:solid;border-style:solid}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-popover::-webkit-scrollbar-thumb{border-color:var(--popover)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb{background-color:var(--muted)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-clip-padding::-webkit-scrollbar-thumb{background-clip:padding-box}@media (hover:hover){.\[\&\:\:-webkit-scrollbar-thumb\]\:hover\:bg-muted-foreground\/25::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&\:\:-webkit-scrollbar-thumb\]\:hover\:bg-muted-foreground\/25::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--muted-foreground)25%,transparent)}}}.focus\:\[\&\:\:placeholder\]\:opacity-0:focus::placeholder{opacity:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\:has\(\[role\=option\]\)\]\:block:has([role=option]){display:block}.\[\&\:hover_\>_\.lty-playbtn\]\:bg-\[red\]:hover>.lty-playbtn{background-color:red}.\[\&\:hover_\>_\.lty-playbtn\]\:opacity-100:hover>.lty-playbtn{opacity:1}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\*\:\[\.hljs-addition\]\:bg-\[\#f0fff4\] *).hljs-addition{background-color:#f0fff4}:is(.\*\*\:\[\.hljs-addition\]\:text-\[\#22863a\] *).hljs-addition{color:#22863a}:is(.dark\:\*\*\:\[\.hljs-addition\]\:bg-\[\#3c5743\]:is(.dark *) *).hljs-addition{background-color:#3c5743}:is(.dark\:\*\*\:\[\.hljs-addition\]\:text-\[\#ceead5\]:is(.dark *) *).hljs-addition{color:#ceead5}:is(.\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#005cc5\] *):is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable){color:#005cc5}:is(.dark\:\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#6596cf\]:is(.dark *) *):is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable){color:#6596cf}:is(.\*\*\:\[\.hljs-built\\\\\\\\\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#e36209\] *):is(.hljs-built\\\\\\_in,.hljs-symbol){color:#e36209}:is(.dark\:\*\*\:\[\.hljs-built\\\\\\\\\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#c3854e\]:is(.dark *) *):is(.hljs-built\\\\\\_in,.hljs-symbol){color:#c3854e}:is(.\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#e36209\] *):is(.hljs-built\\_in,.hljs-symbol){color:#e36209}:is(.dark\:\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#c3854e\]:is(.dark *) *):is(.hljs-built\\_in,.hljs-symbol){color:#c3854e}:is(.\*\*\:\[\.hljs-bullet\]\:text-\[\#735c0f\] *).hljs-bullet{color:#735c0f}:is(.\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\] *):is(.hljs-comment,.hljs-code,.hljs-formula),:is(.dark\:\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\]:is(.dark *) *):is(.hljs-comment,.hljs-code,.hljs-formula){color:#6a737d}:is(.\*\*\:\[\.hljs-deletion\]\:bg-\[\#ffeef0\] *).hljs-deletion{background-color:#ffeef0}:is(.\*\*\:\[\.hljs-deletion\]\:text-\[\#b31d28\] *).hljs-deletion{color:#b31d28}:is(.dark\:\*\*\:\[\.hljs-deletion\]\:bg-\[\#473235\]:is(.dark *) *).hljs-deletion{background-color:#473235}:is(.dark\:\*\*\:\[\.hljs-deletion\]\:text-\[\#e7c7cb\]:is(.dark *) *).hljs-deletion{color:#e7c7cb}:is(.\*\*\:\[\.hljs-emphasis\]\:italic *).hljs-emphasis{font-style:italic}:is(.\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\\\\\\\\\_\]\:text-\[\#d73a49\] *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\_){color:#d73a49}:is(.dark\:\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\\\\\\\\\_\]\:text-\[\#ee6960\]:is(.dark *) *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\\\_){color:#ee6960}:is(.\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#d73a49\] *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\_){color:#d73a49}:is(.dark\:\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#ee6960\]:is(.dark *) *):is(.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\_){color:#ee6960}:is(.\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#22863a\] *):is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:#22863a}:is(.dark\:\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#36a84f\]:is(.dark *) *):is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:#36a84f}:is(.\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#032f62\] *):is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:#032f62}:is(.dark\:\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#3593ff\]:is(.dark *) *):is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:#3593ff}:is(.\*\*\:\[\.hljs-section\]\:font-bold *).hljs-section{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:is(.\*\*\:\[\.hljs-section\]\:text-\[\#005cc5\] *).hljs-section{color:#005cc5}:is(.dark\:\*\*\:\[\.hljs-section\]\:text-\[\#61a5f2\]:is(.dark *) *).hljs-section{color:#61a5f2}:is(.\*\*\:\[\.hljs-strong\]\:font-bold *).hljs-strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:is(.\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\.inherited\\\\\\\\\\\\\\\\_\\\\\\\\\\\\\\\\_\,\.hljs-title\.function\\\\\\\\\\\\\\\\_\]\:text-\[\#6f42c1\] *):is(.hljs-title,.hljs-title.class\\\\\\_,.hljs-title.class\\\\\\_.inherited\\\\\\_\\\\\\_,.hljs-title.function\\\\\\_){color:#6f42c1}:is(.dark\:\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\,\.hljs-title\.class\\\\\\\\\\\\\\\\_\.inherited\\\\\\\\\\\\\\\\_\\\\\\\\\\\\\\\\_\,\.hljs-title\.function\\\\\\\\\\\\\\\\_\]\:text-\[\#a77bfa\]:is(.dark *) *):is(.hljs-title,.hljs-title.class\\\\\\_,.hljs-title.class\\\\\\_.inherited\\\\\\_\\\\\\_,.hljs-title.function\\\\\\_){color:#a77bfa}:is(.\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#6f42c1\] *):is(.hljs-title,.hljs-title.class\\_,.hljs-title.class\\_.inherited\\_\\_,.hljs-title.function\\_){color:#6f42c1}:is(.dark\:\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#a77bfa\]:is(.dark *) *):is(.hljs-title,.hljs-title.class\\_,.hljs-title.class\\_.inherited\\_\\_,.hljs-title.function\\_){color:#a77bfa}@media (hover:hover){:is(.\*\*\:\[\[data-slot\=\"mdx-link\"\]\]\:hover\:after\:bottom-0 *)[data-slot=mdx-link]:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}}:is(.\*\:\[code\]\:bg-inherit>*):is(code){background-color:inherit}:is(.\*\:\[h3\,h4\]\:mt-8>*):is(h3,h4){margin-top:calc(var(--spacing)*8)}:is(.\*\:\[h3\,h4\]\:mb-4>*):is(h3,h4){margin-bottom:calc(var(--spacing)*4)}:is(.\*\:\[h3\,h4\]\:text-base>*):is(h3,h4){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:is(.\*\:\[h3\,h4\]\:font-semibold>*):is(h3,h4){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:is(.\*\:\[h3\,h4\]\:\[counter-increment\:step\]>*):is(h3,h4){counter-increment:step}:is(.\*\:\[h3\,h4\]\:before\:absolute>*):is(h3,h4):before{content:var(--tw-content);position:absolute}:is(.\*\:\[h3\,h4\]\:before\:mt-\[-4px\]>*):is(h3,h4):before{content:var(--tw-content);margin-top:-4px}:is(.\*\:\[h3\,h4\]\:before\:ml-\[-50px\]>*):is(h3,h4):before{content:var(--tw-content);margin-left:-50px}:is(.\*\:\[h3\,h4\]\:before\:inline-flex>*):is(h3,h4):before{content:var(--tw-content);display:inline-flex}:is(.\*\:\[h3\,h4\]\:before\:h-9>*):is(h3,h4):before{content:var(--tw-content);height:calc(var(--spacing)*9)}:is(.\*\:\[h3\,h4\]\:before\:w-9>*):is(h3,h4):before{content:var(--tw-content);width:calc(var(--spacing)*9)}:is(.\*\:\[h3\,h4\]\:before\:items-center>*):is(h3,h4):before{content:var(--tw-content);align-items:center}:is(.\*\:\[h3\,h4\]\:before\:justify-center>*):is(h3,h4):before{content:var(--tw-content);justify-content:center}:is(.\*\:\[h3\,h4\]\:before\:rounded-full>*):is(h3,h4):before{content:var(--tw-content);border-radius:3.40282e38px}:is(.\*\:\[h3\,h4\]\:before\:border-4>*):is(h3,h4):before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}:is(.\*\:\[h3\,h4\]\:before\:border-background>*):is(h3,h4):before{content:var(--tw-content);border-color:var(--background)}:is(.\*\:\[h3\,h4\]\:before\:bg-muted>*):is(h3,h4):before{content:var(--tw-content);background-color:var(--muted)}:is(.\*\:\[h3\,h4\]\:before\:text-center>*):is(h3,h4):before{content:var(--tw-content);text-align:center}:is(.\*\:\[h3\,h4\]\:before\:-indent-px>*):is(h3,h4):before{content:var(--tw-content);text-indent:-1px}:is(.\*\:\[h3\,h4\]\:before\:font-mono>*):is(h3,h4):before{content:var(--tw-content);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:is(.\*\:\[h3\,h4\]\:before\:text-base>*):is(h3,h4):before{content:var(--tw-content);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:is(.\*\:\[h3\,h4\]\:before\:font-medium>*):is(h3,h4):before{content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.\*\:\[h3\,h4\]\:before\:\[content\:counter\(step\)\]>*):is(h3,h4):before{content:var(--tw-content);content:counter(step)}:is(.\*\*\:\[p\]\:m-0 *):is(p){margin:calc(var(--spacing)*0)}:is(.\*\*\:\[p\,ul\,ol\,li\]\:first\:my-0 *):is(p,ul,ol,li):first-child{margin-block:calc(var(--spacing)*0)}:is(.\*\:first\:\[span\]\:hidden>*):first-child:is(span){display:none}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.\*\:\[svg\]\:text-muted-foreground>*):is(svg){color:var(--muted-foreground)}:is(.\*\:\[svg\]\:text-neutral-50>*):is(svg){color:var(--color-neutral-50)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.dark\:\*\:\[svg\]\:text-neutral-900:is(.dark *)>*):is(svg){color:var(--color-neutral-900)}:is(.\*\:\[ul\]\:my-0>*):is(ul){margin-block:calc(var(--spacing)*0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[align\=center\]\]\:text-center[align=center]{text-align:center}.\[\&\[align\=right\]\]\:text-right[align=right]{text-align:right}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>button\>svg\:first-child\]\:rotate-90[data-state=open]>button>svg:first-child{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (min-width:1800px){.\[\@media\(width\>\=1800px\)\]\:max-w-\(--breakpoint-2xl\){max-width:var(--breakpoint-2xl)}.\[\@media\(width\>\=1800px\)\]\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.prose{max-width:65ch;color:var(--foreground)}.prose h1:not(.not-prose h1){scroll-margin:calc(var(--spacing)*20);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (min-width:64rem){.prose h1:not(.not-prose h1){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.prose h2:not(.not-prose h2){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);border-bottom-width:1px}.prose h2:not(.not-prose h2):first-child{margin-top:calc(var(--spacing)*0)}.prose h3:not(.not-prose h3){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h3:not(.not-prose h3):first-child{margin-top:calc(var(--spacing)*0)}.prose h4:not(.not-prose h4){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h4:not(.not-prose h4):first-child{margin-top:calc(var(--spacing)*0)}.prose h5:not(.not-prose h5){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h5:not(.not-prose h5):first-child{margin-top:calc(var(--spacing)*0)}.prose h6:not(.not-prose h6){margin-top:calc(var(--spacing)*12);scroll-margin:calc(var(--spacing)*20);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose h6:not(.not-prose h6):first-child,:is(.prose h1:not(.not-prose h1),.prose h2:not(.not-prose h2),.prose h3:not(.not-prose h3),.prose h4:not(.not-prose h4),.prose h5:not(.not-prose h5),.prose h6:not(.not-prose h6))+p{margin-top:calc(var(--spacing)*0)}.prose p:not(.not-prose p){--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.prose p:not(.not-prose p):not(:first-child){margin-top:calc(var(--spacing)*6)}.prose a:not(.not-prose a){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--primary);text-underline-offset:4px;text-decoration-line:underline}.prose blockquote:not(.not-prose blockquote){margin-top:calc(var(--spacing)*6);border-left-style:var(--tw-border-style);padding-left:calc(var(--spacing)*6);border-left-width:2px;font-style:italic}.prose table:not(.not-prose table){margin-block:calc(var(--spacing)*6);width:100%;overflow-y:auto}.prose table:not(.not-prose table) thead tr{margin:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);padding:calc(var(--spacing)*0);border-top-width:1px}.prose table:not(.not-prose table) thead tr:nth-child(2n){background-color:var(--muted)}.prose table:not(.not-prose table) th{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:left;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-width:1px}.prose table:not(.not-prose table) th[align=center]{text-align:center}.prose table:not(.not-prose table) th[align=right]{text-align:right}.prose table:not(.not-prose table) tbody tr{margin:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);padding:calc(var(--spacing)*0);border-top-width:1px}.prose table:not(.not-prose table) tbody tr:nth-child(2n){background-color:var(--muted)}.prose table:not(.not-prose table) td{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:left;border-width:1px}.prose table:not(.not-prose table) td[align=center]{text-align:center}.prose table:not(.not-prose table) td[align=right]{text-align:right}.prose ul:not(.not-prose ul){margin-block:calc(var(--spacing)*6);margin-left:calc(var(--spacing)*6);list-style-type:disc}.prose ul:not(.not-prose ul)>li{margin-top:calc(var(--spacing)*2)}.prose ul:not(.not-prose ul) p{margin-block:calc(var(--spacing)*0);display:inline}.prose ol:not(.not-prose ol){margin-block:calc(var(--spacing)*6);margin-left:calc(var(--spacing)*6);list-style-type:decimal}.prose ol:not(.not-prose ol)>li{margin-top:calc(var(--spacing)*2)}.prose ol:not(.not-prose ol) p{margin-block:calc(var(--spacing)*0);display:inline}.prose pre:not(.not-prose pre){margin-block:calc(var(--spacing)*6);border-radius:calc(var(--radius) - 2px);background-color:var(--muted);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow-y:auto}.prose code:not(pre code):not(.not-prose code){background-color:var(--muted);font-family:"var(--font-mono)",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:.25rem;padding-block:.2rem;padding-inline:.3rem;position:relative}.prose .lead:not(.not-prose .lead){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--muted-foreground)}.prose .large:not(.not-prose .large){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.prose .small:not(.not-prose .small){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}.prose .muted:not(.not-prose .muted){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground)}.prose img:not(.not-prose img),.prose picture:not(.not-prose picture),.prose video:not(.not-prose video){margin-block:calc(var(--spacing)*6)}.prose picture>img:not(.not-prose picture>img){margin-block:calc(var(--spacing)*0)}.prose kbd:not(.not-prose kbd){border-radius:calc(var(--radius) - 2px);background-color:var(--muted);padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.prose hr{margin-block:calc(var(--spacing)*10)}.prose dl:not(.not-prose dl){margin-block:calc(var(--spacing)*6)}.prose dl:not(.not-prose dl) dt{margin-top:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose dl:not(.not-prose dl) dt:first-child{margin-top:calc(var(--spacing)*0)}.prose details:not(.not-prose details){margin-top:calc(var(--spacing)*6)}.prose details:not(.not-prose details) summary{margin-top:calc(var(--spacing)*6);cursor:pointer;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.prose details:not(.not-prose details) p:first-of-type{margin-top:calc(var(--spacing)*2)}.prose mark:not(.not-prose mark){background-color:var(--color-yellow-300)}.prose small:not(.not-prose small){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;line-height:1}.theme-default .theme-container{--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.theme-blue .theme-container{--primary:var(--color-blue-600);--primary-foreground:var(--color-blue-50);--ring:var(--color-blue-400);--sidebar-primary:var(--color-blue-600);--sidebar-primary-foreground:var(--color-blue-50);--sidebar-ring:var(--color-blue-400);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.theme-blue .theme-container:is(.dark *){--primary:var(--color-blue-500);--primary-foreground:var(--color-blue-50);--ring:var(--color-blue-900);--sidebar-primary:var(--color-blue-500);--sidebar-primary-foreground:var(--color-blue-50);--sidebar-ring:var(--color-blue-900)}.theme-green .theme-container{--primary:var(--color-lime-600);--primary-foreground:var(--color-lime-50);--ring:var(--color-lime-400);--chart-1:var(--color-green-300);--chart-2:var(--color-green-500);--chart-3:var(--color-green-600);--chart-4:var(--color-green-700);--chart-5:var(--color-green-800);--sidebar-primary:var(--color-lime-600);--sidebar-primary-foreground:var(--color-lime-50);--sidebar-ring:var(--color-lime-400)}.theme-green .theme-container:is(.dark *){--primary:var(--color-lime-600);--primary-foreground:var(--color-lime-50);--ring:var(--color-lime-900);--sidebar-primary:var(--color-lime-500);--sidebar-primary-foreground:var(--color-lime-50);--sidebar-ring:var(--color-lime-900)}.theme-amber .theme-container{--primary:var(--color-amber-600);--primary-foreground:var(--color-amber-50);--ring:var(--color-amber-400);--chart-1:var(--color-amber-300);--chart-2:var(--color-amber-500);--chart-3:var(--color-amber-600);--chart-4:var(--color-amber-700);--chart-5:var(--color-amber-800);--sidebar-primary:var(--color-amber-600);--sidebar-primary-foreground:var(--color-amber-50);--sidebar-ring:var(--color-amber-400)}.theme-amber .theme-container:is(.dark *){--primary:var(--color-amber-500);--primary-foreground:var(--color-amber-50);--ring:var(--color-amber-900);--sidebar-primary:var(--color-amber-500);--sidebar-primary-foreground:var(--color-amber-50);--sidebar-ring:var(--color-amber-900)}.theme-rose .theme-container{--primary:var(--color-rose-600);--primary-foreground:var(--color-rose-50);--ring:var(--color-rose-400);--chart-1:var(--color-rose-300);--chart-2:var(--color-rose-500);--chart-3:var(--color-rose-600);--chart-4:var(--color-rose-700);--chart-5:var(--color-rose-800);--sidebar-primary:var(--color-rose-600);--sidebar-primary-foreground:var(--color-rose-50);--sidebar-ring:var(--color-rose-400)}.theme-rose .theme-container:is(.dark *){--primary:var(--color-rose-500);--primary-foreground:var(--color-rose-50);--ring:var(--color-rose-900);--sidebar-primary:var(--color-rose-500);--sidebar-primary-foreground:var(--color-rose-50);--sidebar-ring:var(--color-rose-900)}.theme-purple .theme-container{--primary:var(--color-purple-600);--primary-foreground:var(--color-purple-50);--ring:var(--color-purple-400);--chart-1:var(--color-purple-300);--chart-2:var(--color-purple-500);--chart-3:var(--color-purple-600);--chart-4:var(--color-purple-700);--chart-5:var(--color-purple-800);--sidebar-primary:var(--color-purple-600);--sidebar-primary-foreground:var(--color-purple-50);--sidebar-ring:var(--color-purple-400)}.theme-purple .theme-container:is(.dark *){--primary:var(--color-purple-500);--primary-foreground:var(--color-purple-50);--ring:var(--color-purple-900);--sidebar-primary:var(--color-purple-500);--sidebar-primary-foreground:var(--color-purple-50);--sidebar-ring:var(--color-purple-900)}.theme-orange .theme-container{--primary:var(--color-orange-600);--primary-foreground:var(--color-orange-50);--ring:var(--color-orange-400);--chart-1:var(--color-orange-300);--chart-2:var(--color-orange-500);--chart-3:var(--color-orange-600);--chart-4:var(--color-orange-700);--chart-5:var(--color-orange-800);--sidebar-primary:var(--color-orange-600);--sidebar-primary-foreground:var(--color-orange-50);--sidebar-ring:var(--color-orange-400)}.theme-orange .theme-container:is(.dark *){--primary:var(--color-orange-500);--primary-foreground:var(--color-orange-50);--ring:var(--color-orange-900);--sidebar-primary:var(--color-orange-500);--sidebar-primary-foreground:var(--color-orange-50);--sidebar-ring:var(--color-orange-900)}.theme-teal .theme-container{--primary:var(--color-teal-600);--primary-foreground:var(--color-teal-50);--chart-1:var(--color-teal-300);--chart-2:var(--color-teal-500);--chart-3:var(--color-teal-600);--chart-4:var(--color-teal-700);--chart-5:var(--color-teal-800);--sidebar-primary:var(--color-teal-600);--sidebar-primary-foreground:var(--color-teal-50);--sidebar-ring:var(--color-teal-400)}.theme-teal .theme-container:is(.dark *){--primary:var(--color-teal-500);--primary-foreground:var(--color-teal-50);--sidebar-primary:var(--color-teal-500);--sidebar-primary-foreground:var(--color-teal-50);--sidebar-ring:var(--color-teal-900)}.theme-mono .theme-container{--font-sans:var(--font-mono);--primary:var(--color-stone-600);--primary-foreground:var(--color-stone-50);--chart-1:var(--color-stone-300);--chart-2:var(--color-stone-500);--chart-3:var(--color-stone-600);--chart-4:var(--color-stone-700);--chart-5:var(--color-stone-800);--sidebar-primary:var(--color-stone-600);--sidebar-primary-foreground:var(--color-stone-50);--sidebar-ring:var(--color-stone-400)}.theme-mono .theme-container:is(.dark *){--primary:var(--color-stone-500);--primary-foreground:var(--color-stone-50);--sidebar-primary:var(--color-stone-500);--sidebar-primary-foreground:var(--color-stone-50);--sidebar-ring:var(--color-stone-900)}@media (min-width:1024px){.theme-mono .theme-container{--font-sans:var(--font-mono);--radius:.45em;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.2rem;--text-3xl:1.3rem;--text-4xl:1.4rem;--text-5xl:1.5rem;--text-6xl:1.6rem;--text-7xl:1.7rem;--text-8xl:1.8rem;--text-base:.85rem;--text-sm:.8rem;--spacing:.222222rem}}.theme-mono .theme-container .rounded-xs,.theme-mono .theme-container .rounded-sm,.theme-mono .theme-container .rounded-md,.theme-mono .theme-container .rounded-lg,.theme-mono .theme-container .rounded-xl{border-radius:0}.theme-mono .theme-container .shadow-xs,.theme-mono .theme-container .shadow-sm,.theme-mono .theme-container .shadow-md,.theme-mono .theme-container .shadow-lg,.theme-mono .theme-container .shadow-xl{box-shadow:none}.theme-mono .theme-container [data-slot=toggle-group],.theme-mono .theme-container [data-slot=toggle-group-item]{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;border-radius:0!important}.theme-scaled .theme-container{--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}@media (min-width:1024px){.theme-scaled .theme-container{--radius:.45em;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.2rem;--text-3xl:1.3rem;--text-4xl:1.4rem;--text-5xl:1.5rem;--text-6xl:1.6rem;--text-7xl:1.7rem;--text-8xl:1.8rem;--text-base:.85rem;--text-sm:.8rem;--spacing:.2rem}}.theme-scaled .theme-container [data-slot=select-trigger],.theme-scaled .theme-container [data-slot=toggle-group-item]{--spacing:.2rem}.theme-scaled .theme-container [data-slot=card]{border-radius:var(--radius);padding-block:calc(var(--spacing)*4);gap:calc(var(--spacing)*2)}.theme-scaled .theme-container [data-slot=card].pb-0{padding-bottom:0}.theme-red .theme-container{--primary:var(--color-red-600);--primary-foreground:var(--color-red-50);--ring:var(--color-red-400);--chart-1:var(--color-red-300);--chart-2:var(--color-red-500);--chart-3:var(--color-red-600);--chart-4:var(--color-red-700);--chart-5:var(--color-red-800);--sidebar-primary:var(--color-red-600);--sidebar-primary-foreground:var(--color-red-50);--sidebar-ring:var(--color-red-400)}.theme-red .theme-container:is(.dark *){--primary:var(--color-red-500);--primary-foreground:var(--color-red-50);--ring:var(--color-red-900);--sidebar-primary:var(--color-red-500);--sidebar-primary-foreground:var(--color-red-50);--sidebar-ring:var(--color-red-900)}.theme-yellow .theme-container{--primary:var(--color-yellow-400);--primary-foreground:var(--color-yellow-900);--ring:var(--color-yellow-400);--chart-1:var(--color-yellow-300);--chart-2:var(--color-yellow-500);--chart-3:var(--color-yellow-600);--chart-4:var(--color-yellow-700);--chart-5:var(--color-yellow-800);--sidebar-primary:var(--color-yellow-600);--sidebar-primary-foreground:var(--color-yellow-50);--sidebar-ring:var(--color-yellow-400)}.theme-yellow .theme-container:is(.dark *){--primary:var(--color-yellow-500);--primary-foreground:var(--color-yellow-900);--ring:var(--color-yellow-900);--sidebar-primary:var(--color-yellow-500);--sidebar-primary-foreground:var(--color-yellow-50);--sidebar-ring:var(--color-yellow-900)}.theme-violet .theme-container{--primary:var(--color-violet-600);--primary-foreground:var(--color-violet-50);--ring:var(--color-violet-400);--chart-1:var(--color-violet-300);--chart-2:var(--color-violet-500);--chart-3:var(--color-violet-600);--chart-4:var(--color-violet-700);--chart-5:var(--color-violet-800);--sidebar-primary:var(--color-violet-600);--sidebar-primary-foreground:var(--color-violet-50);--sidebar-ring:var(--color-violet-400)}.theme-violet .theme-container:is(.dark *){--primary:var(--color-violet-500);--primary-foreground:var(--color-violet-50);--ring:var(--color-violet-900);--sidebar-primary:var(--color-violet-500);--sidebar-primary-foreground:var(--color-violet-50);--sidebar-ring:var(--color-violet-900)}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--surface:oklch(98% 0 0);--surface-foreground:var(--foreground);--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:oklch(96% 0 0);--code-number:oklch(56% 0 0);--selection:oklch(14.5% 0 0);--selection-foreground:oklch(100% 0 0);--color-blue-300:oklch(77.8% .108 231.731);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.9% .234 260.011);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(41.9% .243 267.218);--brand:oklch(62.3% .214 259.815);--highlight:oklch(85.2% .199 91.936)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(26.9% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(37.1% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--surface:oklch(20% 0 0);--surface-foreground:oklch(70.8% 0 0);--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:oklch(27% 0 0);--code-number:oklch(72% 0 0);--selection:oklch(92.2% 0 0);--selection-foreground:oklch(20.5% 0 0);--brand:oklch(70.7% .165 254.624);--highlight:oklch(85.2% .199 91.936)}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}to{height:0}}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 05efbae891..791751a518 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -1971,12 +1971,16 @@ export const Index: Record<string, any> = {
     type: "registry:component",
     registryDependencies: ["https://platejs.org/r/markdown-kit.json","https://platejs.org/r/cursor-overlay-kit.json","https://platejs.org/r/ai-menu.json","https://platejs.org/r/ai-node.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/ai-api.json"],
     files: [{
+      path: "src/registry/lib/ai-stream-batching.ts",
+      type: "registry:lib",
+      target: ""
+    },{
       path: "src/registry/components/editor/plugins/ai-kit.tsx",
       type: "registry:component",
       target: ""
     }],
     component: React.lazy(async () => {
-      const mod = await import("@/registry/components/editor/plugins/ai-kit.tsx")
+      const mod = await import("@/registry/lib/ai-stream-batching.ts")
       const exportName = Object.keys(mod).find(key => typeof mod[key] === 'function' || typeof mod[key] === 'object') || item.name
       return { default: mod.default || mod[exportName] }
     }),
@@ -3364,7 +3368,7 @@ export const Index: Record<string, any> = {
     name: "markdown-streaming-demo",
     description: "",
     type: "registry:example",
-    registryDependencies: ["https://platejs.org/r/copilot-kit.json","https://platejs.org/r/editor-kit.json","https://platejs.org/r/markdown-joiner-transform.json"],
+    registryDependencies: ["https://platejs.org/r/editor-kit.json","https://platejs.org/r/markdown-joiner-transform.json"],
     files: [{
       path: "src/registry/examples/markdown-streaming-demo.tsx",
       type: "registry:example",
diff --git a/apps/www/src/__tests__/package-integration/ai-chat-streaming/__tests__/createTestEditor.tsx b/apps/www/src/__tests__/package-integration/ai-chat-streaming/__tests__/createTestEditor.tsx
index 9fae07368c..15f252015b 100644
--- a/apps/www/src/__tests__/package-integration/ai-chat-streaming/__tests__/createTestEditor.tsx
+++ b/apps/www/src/__tests__/package-integration/ai-chat-streaming/__tests__/createTestEditor.tsx
@@ -42,7 +42,13 @@ export const defaultPlugins = [
   AIChatPlugin,
 ];
 
-export const createTestEditor = () => {
+export const createTestEditor = ({
+  selection,
+  value,
+}: {
+  selection?: SlateEditor['selection'];
+  value?: SlateEditor['children'];
+} = {}) => {
   const input = (
     <editor>
       <hp>
@@ -53,8 +59,8 @@ export const createTestEditor = () => {
 
   const editor = createSlateEditor({
     plugins: defaultPlugins,
-    selection: input.selection,
-    value: input.children,
+    selection: selection ?? input.selection,
+    value: value ?? input.children,
   }) as any;
 
   return { editor, input };
diff --git a/apps/www/src/__tests__/package-integration/ai-chat-streaming/markdownJoinerTransform.spec.ts b/apps/www/src/__tests__/package-integration/ai-chat-streaming/markdownJoinerTransform.spec.ts
new file mode 100644
index 0000000000..59b66d7d1a
--- /dev/null
+++ b/apps/www/src/__tests__/package-integration/ai-chat-streaming/markdownJoinerTransform.spec.ts
@@ -0,0 +1,164 @@
+import type { TextStreamPart, ToolSet } from 'ai';
+import {
+  TransformStream as WebTransformStream,
+  ReadableStream as WebReadableStream,
+} from 'node:stream/web';
+
+import {
+  MarkdownJoiner,
+  markdownJoinerTransform,
+} from '../../../registry/lib/markdown-joiner-transform';
+
+type Chunk = TextStreamPart<ToolSet>;
+
+const runJoiner = (chunks: string[]) => {
+  const joiner = new MarkdownJoiner();
+  const output: string[] = [];
+
+  for (const chunk of chunks) {
+    const processed = joiner.processText(chunk);
+
+    if (processed) output.push(processed);
+  }
+
+  const remaining = joiner.flush();
+
+  if (remaining) output.push(remaining);
+
+  return output;
+};
+
+const readStream = async (chunks: Chunk[]) => {
+  const originalTransformStream = globalThis.TransformStream;
+  const originalReadableStream = globalThis.ReadableStream;
+  globalThis.ReadableStream =
+    WebReadableStream as unknown as typeof ReadableStream;
+  globalThis.TransformStream =
+    WebTransformStream as unknown as typeof TransformStream;
+
+  try {
+    const stream = new ReadableStream<Chunk>({
+      start(controller) {
+        for (const chunk of chunks) {
+          controller.enqueue(chunk);
+        }
+
+        controller.close();
+      },
+    }).pipeThrough(markdownJoinerTransform()());
+
+    const reader = stream.getReader();
+    const output: Chunk[] = [];
+
+    while (true) {
+      const { done, value } = await reader.read();
+
+      if (done) break;
+      output.push(value as Chunk);
+    }
+
+    return output;
+  } finally {
+    globalThis.ReadableStream = originalReadableStream;
+    globalThis.TransformStream = originalTransformStream;
+  }
+};
+
+describe('markdownJoinerTransform', () => {
+  it('raises the delay while a fenced code block is streaming and resets after closing', () => {
+    const joiner = new MarkdownJoiner();
+
+    expect(joiner.processText('```ts')).toBe('');
+    expect(joiner.delayInMs).toBe(100);
+
+    expect(joiner.processText('\nconst x = 1;\n')).toBe(
+      '```ts\nconst x = 1;\n'
+    );
+    expect(joiner.delayInMs).toBe(100);
+
+    expect(joiner.processText('```')).toBe('```');
+    expect(joiner.delayInMs).toBe(10);
+  });
+  it('flushes the buffered markdown before text-end', async () => {
+    const output = await readStream([
+      { id: '1', text: '**', type: 'text-delta' },
+      { id: '1', text: 'bold', type: 'text-delta' },
+      { id: '1', type: 'text-end' },
+    ]);
+
+    expect(output).toEqual([
+      { id: '1', text: '**bold', type: 'text-delta' },
+      { id: '1', type: 'text-end' },
+    ]);
+  });
+
+  it('passes through non-text parts unchanged', async () => {
+    const output = await readStream([
+      { id: '1', text: 'plain text', type: 'text-delta' },
+      { id: 'reasoning', text: 'meta', type: 'reasoning-delta' },
+      { id: '1', type: 'text-end' },
+    ]);
+
+    expect(output).toEqual([
+      { id: '1', text: 'plain text', type: 'text-delta' },
+      { id: 'reasoning', text: 'meta', type: 'reasoning-delta' },
+      { id: '1', type: 'text-end' },
+    ]);
+  });
+});
+
+describe('MarkdownJoiner', () => {
+  describe('chunk joining', () => {
+    it.each([
+      {
+        input: ['**', 'bold', '**'],
+        output: ['**bold**'],
+        title: 'joins bold markdown split across chunks',
+      },
+      {
+        input: ['hello ', '[Plate', '](https://platejs.org)'],
+        output: ['hello ', '[Plate](https://platejs.org)'],
+        title: 'joins links split across chunks',
+      },
+      {
+        input: ['1', '. item'],
+        output: ['1. item'],
+        title: 'joins ordered list markers split across chunks',
+      },
+      {
+        input: ['- [', 'x] task'],
+        output: ['- [x] task'],
+        title: 'joins todo list markers split across chunks',
+      },
+      {
+        input: [
+          '*',
+          'plain text that is definitely longer than thirty characters',
+        ],
+        output: [
+          '*plain text that is definitely longer than thirty characters',
+        ],
+        title: 'flushes long false positives as plain text',
+      },
+      {
+        input: [
+          '**',
+          'this is plain text that keeps going',
+          ' with more chunks after it',
+        ],
+        output: [
+          '**this is plain text that keeps going',
+          ' with more chunks after it',
+        ],
+        title: 'falls back to plain text when bold markup never closes',
+      },
+      {
+        input: ['[Plate', '](https://platejs.org)', ' tail'],
+        output: ['[Plate](https://platejs.org)', ' tail'],
+        title: 'keeps trailing plain text outside the joined link',
+      },
+    ])('$title', ({ input, output }) => {
+      expect(runJoiner(input)).toEqual(output);
+    });
+  });
+});
diff --git a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx
index 95912103cc..bcd949d577 100644
--- a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx
+++ b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamDeserializeMd.slow.tsx
@@ -67,4 +67,21 @@ describe('streamDeserializeMd', () => {
 
     expect(serialized).toEqual(chunk);
   });
+
+  it('clears mdx literal mode after a chunk that already closes the tag', async () => {
+    streamDeserializeMd(editor, '<callout>one</callout>\n\n');
+
+    const result = streamDeserializeMd(editor, '**after**\n\n');
+
+    expect(result).toEqual([
+      {
+        children: [{ bold: true, text: 'after' }],
+        type: 'p',
+      },
+      {
+        children: [{ text: '' }],
+        type: 'p',
+      },
+    ]);
+  });
 });
diff --git a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
index b20f07f51d..e2c29d4003 100644
--- a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
+++ b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamHistory.slow.tsx
@@ -1,15 +1,25 @@
-import { ElementApi, KEYS, PathApi, getPluginType } from 'platejs';
+import { ElementApi, KEYS, NodeApi, PathApi, getPluginType } from 'platejs';
 
 import { AIChatPlugin } from '../../../../../../packages/ai/src/react/ai-chat/AIChatPlugin';
 import {
   getInsertPreviewStart,
+  resetStreamInsertChunk,
   streamInsertChunk,
 } from '../../../../../../packages/ai/src/react/ai-chat/streaming/streamInsertChunk';
 import { acceptAIChat } from '../../../../../../packages/ai/src/react/ai-chat/transforms/acceptAIChat';
 import { createTestEditor } from './__tests__/createTestEditor';
 
-const streamPreview = (chunks: string[]) => {
-  const { editor } = createTestEditor();
+const streamPreview = (
+  chunks: string[],
+  {
+    selection,
+    value,
+  }: {
+    selection?: ReturnType<typeof createTestEditor>['editor']['selection'];
+    value?: ReturnType<typeof createTestEditor>['editor']['children'];
+  } = {}
+) => {
+  const { editor } = createTestEditor({ selection, value });
   const initialSelection = JSON.parse(JSON.stringify(editor.selection));
   const initialValue = JSON.parse(JSON.stringify(editor.children));
 
@@ -50,9 +60,7 @@ const streamPreview = (chunks: string[]) => {
   }
 
   editor.setOption(AIChatPlugin, 'streaming', false);
-  editor.setOption(AIChatPlugin, '_blockChunks', '');
-  editor.setOption(AIChatPlugin, '_blockPath', null);
-  editor.setOption(AIChatPlugin, '_mdxName', null);
+  resetStreamInsertChunk(editor);
 
   return { editor, initialSelection, initialValue };
 };
@@ -129,4 +137,50 @@ describe('ai chat streaming history', () => {
       focus: { offset: 11, path: [0, 0] },
     });
   });
+
+  it('keeps trailing blocks outside the insert preview range', () => {
+    const { editor } = streamPreview(['hello', ' world'], {
+      selection: {
+        anchor: { offset: 6, path: [0, 0] },
+        focus: { offset: 6, path: [0, 0] },
+      },
+      value: [
+        { children: [{ text: 'before' }], type: 'p' },
+        { children: [{ text: 'keep after one' }], type: 'p' },
+        { children: [{ text: 'keep after two' }], type: 'p' },
+      ],
+    });
+
+    acceptAIChat(editor);
+
+    expect(editor.children.map((node: any) => NodeApi.string(node))).toEqual([
+      'before',
+      'hello world',
+      'keep after one',
+      'keep after two',
+    ]);
+  });
+
+  it('restores trailing blocks when an accepted insert preview is undone', () => {
+    const { editor, initialSelection, initialValue } = streamPreview(
+      ['hello', ' world'],
+      {
+        selection: {
+          anchor: { offset: 6, path: [0, 0] },
+          focus: { offset: 6, path: [0, 0] },
+        },
+        value: [
+          { children: [{ text: 'before' }], type: 'p' },
+          { children: [{ text: 'keep after one' }], type: 'p' },
+          { children: [{ text: 'keep after two' }], type: 'p' },
+        ],
+      }
+    );
+
+    acceptAIChat(editor);
+    editor.undo();
+
+    expect(editor.children).toEqual(initialValue);
+    expect(editor.selection).toEqual(initialSelection);
+  });
 });
diff --git a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
index 12755366c6..5b121b4e4d 100644
--- a/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
+++ b/apps/www/src/__tests__/package-integration/ai-chat-streaming/streamInsertChunk.slow.tsx
@@ -2,6 +2,7 @@
 
 import { deserializeMd } from '@platejs/markdown';
 import { jsxt } from '@platejs/test-utils';
+import { NodeApi } from 'platejs';
 
 import { createTestEditor } from './__tests__/createTestEditor';
 import { streamInsertChunk } from '../../../../../../packages/ai/src/react/ai-chat/streaming/streamInsertChunk';
@@ -24,6 +25,18 @@ const getStreamedMarkdown = (chunks: string[]) => {
   return { editor, expected: deserializeMd(editor, chunks.join('')) };
 };
 
+const getChunkRegroupingState = (groupings: string[][]) => {
+  const fullSource = groupings[0]?.join('');
+  const expected = streamChunks(groupings[0] ?? []).children;
+
+  return {
+    expected,
+    fullSource,
+    outputs: groupings.map((chunks) => streamChunks(chunks).children),
+    sameSource: groupings.every((chunks) => chunks.join('') === fullSource),
+  };
+};
+
 describe('streamInsertChunk', () => {
   describe('paragraph boundaries', () => {
     it('starts a new paragraph after a trailing blank line', () => {
@@ -174,6 +187,49 @@ describe('streamInsertChunk', () => {
         },
       ]);
     });
+
+    it('keeps completed markdown and mdx structured before a later incomplete mdx tail', () => {
+      const editor = streamChunks([
+        '<callout>one</callout>\n\n',
+        '**after**\n\n',
+        '<callout type="note">',
+      ]);
+
+      expect(editor.children).toEqual([
+        {
+          children: [
+            {
+              children: [{ text: 'one' }],
+              type: 'callout',
+            },
+          ],
+          type: 'p',
+        },
+        {
+          children: [{ bold: true, text: 'after' }],
+          type: 'p',
+        },
+        {
+          children: [{ text: '<callout type="note">' }],
+          type: 'p',
+        },
+      ]);
+    });
+
+    it('keeps newly streamed text visible inside an incomplete column tail', () => {
+      const editor = streamChunks([
+        '## MDX callout props\n\n',
+        '<callout type="info" title="Chunky props">i</callout>\n\n',
+        '<column_group layout="[60,40]">\n',
+        '<column width="60%">\n\n- Keep the editor aliv',
+      ]);
+
+      expect(editor.children.map((node: any) => NodeApi.string(node))).toEqual([
+        'MDX callout props',
+        'i',
+        '<column_group layout="[60,40]">\n<column width="60%">\n\n- Keep the editor aliv',
+      ]);
+    });
   });
 
   describe('lists', () => {
@@ -197,6 +253,50 @@ describe('streamInsertChunk', () => {
       expect(editor.children).toEqual(output);
     });
 
+    it('keeps consecutive marked list items in the same list', () => {
+      const editor = streamChunks([
+        '- *',
+        '*Syntax Highlighting:** Improves',
+        ' readability',
+        ' by',
+        ' highlighting',
+        ' markdown',
+        ' syntax',
+        '.\n',
+        '- *',
+        '*Collaboration:** Allows multiple',
+        ' users',
+        ' to',
+        ' edit',
+        ' the',
+        ' same',
+        ' document',
+      ]);
+
+      const [firstBlock, secondBlock] = editor.children as any[];
+
+      expect(firstBlock).toEqual({
+        children: [
+          { bold: true, text: 'Syntax Highlighting:' },
+          {
+            text: ' Improves readability by highlighting markdown syntax.',
+          },
+        ],
+        indent: 1,
+        listStyleType: 'disc',
+        type: 'p',
+      });
+
+      expect(secondBlock?.type).toBe('p');
+      expect(secondBlock?.indent).toBe(1);
+      expect(secondBlock?.listStyleType).toBe('disc');
+      expect(secondBlock?.children?.[0]?.bold).toBe(true);
+      expect(secondBlock?.children?.[0]?.text).toBe('Collaboration:');
+      expect(secondBlock?.children?.[1]?.text).toBe(
+        ' Allows multiple users to edit the same document'
+      );
+    });
+
     it('preserves ordered list numbering after a paragraph break', () => {
       const editor = streamChunks(['1. 1', '\n\n', 'xxx\n\n', '2. 2']);
 
@@ -307,4 +407,61 @@ describe('streamInsertChunk', () => {
       expect(editor.children).toEqual(expected);
     });
   });
+
+  describe('chunk regrouping invariance', () => {
+    it.each([
+      [
+        'mixed inline formatting and paragraph boundaries',
+        [
+          [
+            'Intro',
+            '\n\nThis has **bo',
+            'ld** and <u>',
+            'underline',
+            '</u>',
+            '\n\ntail',
+          ],
+          ['Intro\n\nThis has **bold** ', 'and <u>underline</u>\n\n', 'tail'],
+          ['Intro\n\nThis has **bold** and <u>underline</u>\n\ntail'],
+        ],
+      ],
+      [
+        'ordered list restarts after a paragraph break',
+        [
+          ['1', '. First', '\n\nbridge', '\n\n2', '. Second'],
+          ['1. First\n\n', 'bridge\n\n2. Second'],
+          ['1. First\n\nbridge\n\n2. Second'],
+        ],
+      ],
+      [
+        'inline math and fenced code blocks',
+        [
+          [
+            'Equation ',
+            '$$a^2 ',
+            '+ b^2 ',
+            '= c^2$$',
+            '\n\n```ts',
+            '\nconst x = 1;\n',
+            '```\n\nafter',
+          ],
+          [
+            'Equation $$a^2 + b^2 = c^2$$\n\n',
+            '```ts\nconst x = 1;\n```\n\n',
+            'after',
+          ],
+          ['Equation $$a^2 + b^2 = c^2$$\n\n```ts\nconst x = 1;\n```\n\nafter'],
+        ],
+      ],
+    ])('keeps the final editor state stable for %s', (_label, groupings) => {
+      const { expected, outputs, sameSource } =
+        getChunkRegroupingState(groupings);
+
+      expect(sameSource).toBe(true);
+
+      for (const output of outputs) {
+        expect(output).toEqual(expected);
+      }
+    });
+  });
 });
diff --git a/apps/www/src/app/dev/markdown-stream-perf/page.tsx b/apps/www/src/app/dev/markdown-stream-perf/page.tsx
new file mode 100644
index 0000000000..bf99a7c7f1
--- /dev/null
+++ b/apps/www/src/app/dev/markdown-stream-perf/page.tsx
@@ -0,0 +1,568 @@
+'use client';
+
+import Link from 'next/link';
+import { Profiler, useImperativeHandle, useRef, useState } from 'react';
+import type { ProfilerOnRenderCallback, RefObject } from 'react';
+
+import {
+  AIChatPlugin,
+  resetStreamInsertChunk,
+  streamInsertChunk,
+} from '@platejs/ai/react';
+import { getPluginType, KEYS } from 'platejs';
+import { Plate, type PlateEditor, usePlateEditor } from 'platejs/react';
+
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { EditorKit } from '@/registry/components/editor/editor-kit';
+import { CopilotKit } from '@/registry/components/editor/plugins/copilot-kit';
+import {
+  DEFAULT_PLAYBACK_BURST_SIZE,
+  liveMarkdownEditorsArticleChunks,
+  playbackBurstSizeOptions,
+} from '@/registry/lib/markdown-streaming-demo-data';
+import { Editor, EditorContainer } from '@/registry/ui/editor';
+import {
+  buildStreamingPerfDataset,
+  calculatePerfStats,
+  type PerfStats,
+} from './perf-helpers';
+
+const BASELINE_DATASET = buildStreamingPerfDataset(
+  liveMarkdownEditorsArticleChunks
+);
+const DEFAULT_BENCHMARK_ITERATIONS = 5;
+const EMPTY_EDITOR_VALUE = [
+  {
+    children: [{ text: '' }],
+    type: 'p',
+  },
+] as const;
+const REMOUNT_SETTLE_MS = 40;
+const WARMUP_RUNS = 2;
+
+type BenchmarkResult = {
+  applyChunkStats: PerfStats;
+  burstSize: number;
+  joinerStats: PerfStats;
+  iterations: number;
+  mountStats: PerfStats;
+  renderCountStats: PerfStats;
+  renderStats: PerfStats;
+  streamRunStats: PerfStats;
+  stepStats: PerfStats;
+};
+
+type EditorMetrics = {
+  initialRender: number | null;
+  lastRenderDuration: number | null;
+  renderCount: number;
+  renderDurations: number[];
+};
+
+function createEmptyEditorMetrics(): EditorMetrics {
+  return {
+    initialRender: null,
+    lastRenderDuration: null,
+    renderCount: 0,
+    renderDurations: [],
+  };
+}
+
+function cloneEditorValue() {
+  return JSON.parse(JSON.stringify(EMPTY_EDITOR_VALUE));
+}
+
+function wait(ms: number) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+function waitForNextPaint() {
+  return new Promise<void>((resolve) => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        resolve();
+      });
+    });
+  });
+}
+
+function formatDuration(duration: number | null | undefined) {
+  if (duration == null) return '—';
+
+  return `${duration.toFixed(2)} ms`;
+}
+
+function snapshotEditorMetrics(metrics: EditorMetrics): EditorMetrics {
+  return {
+    initialRender: metrics.initialRender,
+    lastRenderDuration: metrics.lastRenderDuration,
+    renderCount: metrics.renderCount,
+    renderDurations: [...metrics.renderDurations],
+  };
+}
+
+function resetStreamingState(editor: PlateEditor) {
+  editor.setOption(AIChatPlugin, 'streaming', false);
+  resetStreamInsertChunk(editor);
+
+  if (editor.selection) {
+    editor.tf.deselect();
+  }
+
+  editor.tf.setValue(cloneEditorValue());
+}
+
+function applyChunk(editor: PlateEditor, chunk: string) {
+  streamInsertChunk(editor, chunk, {
+    textProps: {
+      [getPluginType(editor, KEYS.ai)]: true,
+    },
+  });
+}
+
+function StatRow({ label, value }: { label: string; value: number | string }) {
+  return (
+    <div className="flex justify-between gap-4">
+      <span className="text-slate-500">{label}</span>
+      <span className="font-medium text-slate-900">{value}</span>
+    </div>
+  );
+}
+
+function StatsSection({ stats, title }: { stats: PerfStats; title: string }) {
+  return (
+    <section className="space-y-2 rounded-2xl border border-slate-200 bg-white p-4">
+      <h3 className="font-semibold text-slate-900">{title}</h3>
+      <div className="space-y-1 font-mono text-sm">
+        <StatRow label="Samples" value={stats.count} />
+        <StatRow label="Mean" value={formatDuration(stats.mean)} />
+        <StatRow label="Median" value={formatDuration(stats.median)} />
+        <StatRow label="P95" value={formatDuration(stats.p95)} />
+        <StatRow label="P99" value={formatDuration(stats.p99)} />
+        <StatRow
+          label="Min / Max"
+          value={`${stats.min.toFixed(2)} / ${stats.max.toFixed(2)} ms`}
+        />
+        <StatRow label="Std Dev" value={formatDuration(stats.stdDev)} />
+      </div>
+    </section>
+  );
+}
+
+function MetricsPanel({
+  benchmarkResult,
+  editorMetrics,
+}: {
+  benchmarkResult: BenchmarkResult | null;
+  editorMetrics: EditorMetrics;
+}) {
+  const liveRenderStats = calculatePerfStats(editorMetrics.renderDurations);
+
+  return (
+    <div className="space-y-4">
+      <section className="space-y-2 rounded-2xl border border-slate-200 bg-white p-4">
+        <h2 className="font-semibold text-slate-900">Baseline Dataset</h2>
+        <div className="space-y-1 font-mono text-sm">
+          <StatRow label="Raw chunks" value={BASELINE_DATASET.rawChunkCount} />
+          <StatRow
+            label="Joined chunks"
+            value={BASELINE_DATASET.transformedChunkCount}
+          />
+          <StatRow
+            label="Raw characters"
+            value={BASELINE_DATASET.rawCharacterCount}
+          />
+          <StatRow
+            label="Joined characters"
+            value={BASELINE_DATASET.transformedCharacterCount}
+          />
+          <StatRow
+            label="Delay-bearing chunks"
+            value={BASELINE_DATASET.delayedChunkCount}
+          />
+        </div>
+      </section>
+
+      <section className="space-y-2 rounded-2xl border border-slate-200 bg-white p-4">
+        <h2 className="font-semibold text-slate-900">Current Editor</h2>
+        <div className="space-y-1 font-mono text-sm">
+          <StatRow
+            label="Mount render"
+            value={formatDuration(editorMetrics.initialRender)}
+          />
+          <StatRow
+            label="Last render"
+            value={formatDuration(editorMetrics.lastRenderDuration)}
+          />
+          <StatRow label="Render count" value={editorMetrics.renderCount} />
+          <StatRow
+            label="Avg render"
+            value={formatDuration(liveRenderStats.mean)}
+          />
+          <StatRow label="P95" value={formatDuration(liveRenderStats.p95)} />
+        </div>
+      </section>
+
+      {benchmarkResult && (
+        <>
+          <section className="space-y-2 rounded-2xl border border-slate-200 bg-white p-4">
+            <h2 className="font-semibold text-slate-900">Run Config</h2>
+            <div className="space-y-1 font-mono text-sm">
+              <StatRow
+                label="Measured runs"
+                value={benchmarkResult.iterations}
+              />
+              <StatRow label="Warmup runs" value={WARMUP_RUNS} />
+              <StatRow label="Burst size" value={benchmarkResult.burstSize} />
+            </div>
+          </section>
+
+          <StatsSection
+            stats={benchmarkResult.streamRunStats}
+            title="End-to-End Stream"
+          />
+          <StatsSection
+            stats={benchmarkResult.stepStats}
+            title="Burst Step + Paint"
+          />
+          <StatsSection
+            stats={benchmarkResult.applyChunkStats}
+            title="streamInsertChunk Call"
+          />
+          <StatsSection stats={benchmarkResult.joinerStats} title="Joiner" />
+          <StatsSection
+            stats={benchmarkResult.renderStats}
+            title="React Render Duration"
+          />
+          <StatsSection
+            stats={benchmarkResult.renderCountStats}
+            title="Render Count Per Run"
+          />
+          <StatsSection
+            stats={benchmarkResult.mountStats}
+            title="Mount Render"
+          />
+        </>
+      )}
+    </div>
+  );
+}
+
+export default function MarkdownStreamPerfPage() {
+  const [benchmarkBurstSize, setBenchmarkBurstSize] = useState(
+    Math.max(DEFAULT_PLAYBACK_BURST_SIZE, 5)
+  );
+  const [benchmarkResult, setBenchmarkResult] =
+    useState<BenchmarkResult | null>(null);
+  const [editorKey, setEditorKey] = useState(0);
+  const [editorMetrics, setEditorMetrics] = useState(createEmptyEditorMetrics);
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const [isRunningBenchmark, setIsRunningBenchmark] = useState(false);
+  const [isStreamingOnce, setIsStreamingOnce] = useState(false);
+  const [iterationCount, setIterationCount] = useState(
+    DEFAULT_BENCHMARK_ITERATIONS
+  );
+  const plateEditorRef = useRef<PlateEditor | null>(null);
+  const profilerDataRef = useRef(createEmptyEditorMetrics());
+
+  const onRenderCallback: ProfilerOnRenderCallback = (
+    _id,
+    phase,
+    actualDuration
+  ) => {
+    profilerDataRef.current.lastRenderDuration = actualDuration;
+    profilerDataRef.current.renderCount += 1;
+    profilerDataRef.current.renderDurations.push(actualDuration);
+
+    if (phase === 'mount') {
+      profilerDataRef.current.initialRender = actualDuration;
+    }
+  };
+
+  async function remountEditor() {
+    profilerDataRef.current = createEmptyEditorMetrics();
+    setEditorMetrics(createEmptyEditorMetrics());
+    setEditorKey((current) => current + 1);
+    await waitForNextPaint();
+    await wait(REMOUNT_SETTLE_MS);
+  }
+
+  async function runMeasuredStreamPass() {
+    await remountEditor();
+
+    const editor = plateEditorRef.current;
+
+    if (!editor) {
+      throw new Error('Plate editor did not mount in time.');
+    }
+
+    const joinerStart = performance.now();
+    const dataset = buildStreamingPerfDataset(liveMarkdownEditorsArticleChunks);
+    const joinerDuration = performance.now() - joinerStart;
+    const applyChunkSamples: number[] = [];
+    const stepSamples: number[] = [];
+
+    resetStreamingState(editor);
+    await waitForNextPaint();
+
+    const streamStart = performance.now();
+
+    for (
+      let index = 0;
+      index < dataset.transformedChunks.length;
+      index += benchmarkBurstSize
+    ) {
+      const stepStart = performance.now();
+      const chunkBatch = dataset.transformedChunks
+        .slice(index, index + benchmarkBurstSize)
+        .map((item) => item.chunk)
+        .join('');
+
+      if (chunkBatch.length > 0) {
+        const applyStart = performance.now();
+        applyChunk(editor, chunkBatch);
+        applyChunkSamples.push(performance.now() - applyStart);
+      }
+
+      await waitForNextPaint();
+      stepSamples.push(performance.now() - stepStart);
+    }
+
+    const streamDuration = performance.now() - streamStart;
+    const metrics = snapshotEditorMetrics(profilerDataRef.current);
+
+    setEditorMetrics(metrics);
+
+    return {
+      applyChunkSamples,
+      joinerDuration,
+      metrics,
+      stepSamples,
+      streamDuration,
+    };
+  }
+
+  async function handleStreamOnce() {
+    setBenchmarkResult(null);
+    setErrorMessage(null);
+    setIsStreamingOnce(true);
+
+    try {
+      await runMeasuredStreamPass();
+    } catch (error) {
+      setErrorMessage(
+        error instanceof Error ? error.message : 'Failed to run stream pass.'
+      );
+    } finally {
+      setIsStreamingOnce(false);
+    }
+  }
+
+  async function handleRunBenchmark() {
+    setBenchmarkResult(null);
+    setErrorMessage(null);
+    setIsRunningBenchmark(true);
+
+    const applyChunkSamples: number[] = [];
+    const joinerSamples: number[] = [];
+    const mountSamples: number[] = [];
+    const renderCountSamples: number[] = [];
+    const renderSamples: number[] = [];
+    const stepSamples: number[] = [];
+    const streamRunSamples: number[] = [];
+
+    try {
+      for (
+        let runIndex = 0;
+        runIndex < WARMUP_RUNS + iterationCount;
+        runIndex += 1
+      ) {
+        const isWarmup = runIndex < WARMUP_RUNS;
+        const result = await runMeasuredStreamPass();
+
+        if (!isWarmup) {
+          applyChunkSamples.push(...result.applyChunkSamples);
+          joinerSamples.push(result.joinerDuration);
+          renderCountSamples.push(result.metrics.renderCount);
+          renderSamples.push(...result.metrics.renderDurations);
+          stepSamples.push(...result.stepSamples);
+          streamRunSamples.push(result.streamDuration);
+
+          if (result.metrics.initialRender != null) {
+            mountSamples.push(result.metrics.initialRender);
+          }
+        }
+
+        await wait(50);
+      }
+
+      setBenchmarkResult({
+        applyChunkStats: calculatePerfStats(applyChunkSamples),
+        burstSize: benchmarkBurstSize,
+        iterations: iterationCount,
+        joinerStats: calculatePerfStats(joinerSamples),
+        mountStats: calculatePerfStats(mountSamples),
+        renderCountStats: calculatePerfStats(renderCountSamples),
+        renderStats: calculatePerfStats(renderSamples),
+        stepStats: calculatePerfStats(stepSamples),
+        streamRunStats: calculatePerfStats(streamRunSamples),
+      });
+    } catch (error) {
+      setErrorMessage(
+        error instanceof Error ? error.message : 'Failed to run benchmark.'
+      );
+    } finally {
+      setIsRunningBenchmark(false);
+    }
+  }
+
+  return (
+    <main className="container mx-auto space-y-6 p-8">
+      <section className="flex flex-wrap items-center justify-between gap-4">
+        <div className="space-y-1">
+          <h1 className="font-bold text-3xl text-slate-900">
+            Markdown Stream Performance
+          </h1>
+          <p className="max-w-3xl text-slate-500">
+            Fixed benchmark over the captured live markdown chunks. Each run
+            measures raw chunks through the joiner, into `streamInsertChunk`,
+            and waits for paint after every burst.
+          </p>
+        </div>
+
+        <div className="flex flex-wrap gap-2">
+          <Button asChild size="sm" variant="outline">
+            <Link href="/dev">Back to Demo</Link>
+          </Button>
+          <Button asChild size="sm" variant="outline">
+            <Link href="/dev/table-perf">Open Table Perf</Link>
+          </Button>
+        </div>
+      </section>
+
+      <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+        <div className="grid gap-4 md:grid-cols-[1fr_220px_220px_auto]">
+          <div className="space-y-2">
+            <span className="block font-medium text-slate-700 text-sm">
+              Benchmark notes
+            </span>
+            <div className="rounded-2xl border border-slate-200 border-dashed bg-slate-50 px-4 py-3 text-slate-500 text-sm">
+              No artificial playback delay. Burst size controls how many joined
+              chunks are applied before waiting for the next paint.
+            </div>
+          </div>
+
+          <label
+            className="space-y-2"
+            htmlFor="markdown-stream-perf-iterations"
+          >
+            <span className="block font-medium text-slate-700 text-sm">
+              Measured runs
+            </span>
+            <Input
+              id="markdown-stream-perf-iterations"
+              min={1}
+              max={20}
+              type="number"
+              value={iterationCount}
+              onChange={(event) =>
+                setIterationCount(
+                  Math.max(1, Math.min(20, Number(event.target.value) || 1))
+                )
+              }
+            />
+          </label>
+
+          <label
+            className="space-y-2"
+            htmlFor="markdown-stream-perf-burst-size"
+          >
+            <span className="block font-medium text-slate-700 text-sm">
+              Burst size
+            </span>
+            <select
+              id="markdown-stream-perf-burst-size"
+              className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs"
+              value={benchmarkBurstSize}
+              onChange={(event) =>
+                setBenchmarkBurstSize(Number(event.target.value))
+              }
+            >
+              {playbackBurstSizeOptions.map((option) => (
+                <option key={option.value} value={option.value}>
+                  {option.label}
+                </option>
+              ))}
+            </select>
+          </label>
+
+          <div className="flex flex-wrap items-end gap-2">
+            <Button
+              disabled={isRunningBenchmark || isStreamingOnce}
+              variant="outline"
+              onClick={handleStreamOnce}
+            >
+              {isStreamingOnce ? 'Streaming...' : 'Stream Once'}
+            </Button>
+            <Button
+              disabled={isRunningBenchmark || isStreamingOnce}
+              onClick={handleRunBenchmark}
+            >
+              {isRunningBenchmark
+                ? 'Running...'
+                : `Run Benchmark (${iterationCount} iter)`}
+            </Button>
+          </div>
+        </div>
+
+        {errorMessage && (
+          <p className="mt-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-red-700 text-sm">
+            {errorMessage}
+          </p>
+        )}
+      </section>
+
+      <section className="grid gap-6 xl:grid-cols-[340px_1fr]">
+        <MetricsPanel
+          benchmarkResult={benchmarkResult}
+          editorMetrics={editorMetrics}
+        />
+
+        <div className="rounded-3xl border border-slate-200 bg-white p-4 shadow-sm">
+          <Profiler
+            key={editorKey}
+            id="MarkdownStreamPerfEditor"
+            onRender={onRenderCallback}
+          >
+            <MarkdownStreamPerfEditor editorRef={plateEditorRef} />
+          </Profiler>
+        </div>
+      </section>
+    </main>
+  );
+}
+
+function MarkdownStreamPerfEditor({
+  editorRef,
+}: {
+  editorRef?: RefObject<PlateEditor | null>;
+}) {
+  const editor = usePlateEditor(
+    {
+      plugins: [...CopilotKit, ...EditorKit],
+      value: cloneEditorValue(),
+    },
+    []
+  );
+
+  useImperativeHandle(editorRef, () => editor, [editor]);
+
+  return (
+    <Plate editor={editor}>
+      <EditorContainer className="h-[760px] overflow-auto">
+        <Editor variant="none" className="p-6" />
+      </EditorContainer>
+    </Plate>
+  );
+}
diff --git a/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.spec.ts b/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.spec.ts
new file mode 100644
index 0000000000..2118023a8a
--- /dev/null
+++ b/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.spec.ts
@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'bun:test';
+
+import { buildStreamingPerfDataset, calculatePerfStats } from './perf-helpers';
+
+describe('buildStreamingPerfDataset', () => {
+  it('summarizes raw and transformed chunk counts from the baseline stream', () => {
+    const dataset = buildStreamingPerfDataset([
+      'hello ',
+      '[Plate',
+      '](https://platejs.org)',
+    ]);
+
+    expect(dataset.rawChunkCount).toBe(3);
+    expect(dataset.transformedChunkCount).toBe(2);
+    expect(dataset.transformedChunks.map(({ chunk }) => chunk)).toEqual([
+      'hello ',
+      '[Plate](https://platejs.org)',
+    ]);
+    expect(dataset.delayedChunkCount).toBe(2);
+    expect(dataset.rawCharacterCount).toBe(
+      'hello [Plate](https://platejs.org)'.length
+    );
+    expect(dataset.transformedCharacterCount).toBe(
+      'hello [Plate](https://platejs.org)'.length
+    );
+  });
+});
+
+describe('calculatePerfStats', () => {
+  it('returns zeroed stats for an empty sample set', () => {
+    expect(calculatePerfStats([])).toEqual({
+      count: 0,
+      max: 0,
+      mean: 0,
+      median: 0,
+      min: 0,
+      p95: 0,
+      p99: 0,
+      stdDev: 0,
+    });
+  });
+
+  it('calculates summary stats for measured samples', () => {
+    expect(calculatePerfStats([10, 20, 30, 40, 50])).toEqual({
+      count: 5,
+      max: 50,
+      mean: 30,
+      median: 30,
+      min: 10,
+      p95: 50,
+      p99: 50,
+      stdDev: Math.sqrt(200),
+    });
+  });
+});
diff --git a/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.ts b/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.ts
new file mode 100644
index 0000000000..6a502c5bd8
--- /dev/null
+++ b/apps/www/src/app/dev/markdown-stream-perf/perf-helpers.ts
@@ -0,0 +1,81 @@
+import { transformMarkdownStreamingChunks } from '@/registry/lib/markdown-streaming-chunks';
+
+export type PerfStats = {
+  count: number;
+  max: number;
+  mean: number;
+  median: number;
+  min: number;
+  p95: number;
+  p99: number;
+  stdDev: number;
+};
+
+export type StreamingPerfChunk = {
+  chunk: string;
+  delayInMs: number;
+};
+
+export type StreamingPerfDataset = {
+  delayedChunkCount: number;
+  rawCharacterCount: number;
+  rawChunkCount: number;
+  transformedCharacterCount: number;
+  transformedChunkCount: number;
+  transformedChunks: StreamingPerfChunk[];
+};
+
+export function buildStreamingPerfDataset(
+  rawChunks: readonly string[]
+): StreamingPerfDataset {
+  const transformedChunks = transformMarkdownStreamingChunks(rawChunks).map(
+    ({ chunk, delayInMs }) => ({
+      chunk,
+      delayInMs,
+    })
+  );
+
+  return {
+    delayedChunkCount: transformedChunks.filter((chunk) => chunk.delayInMs > 0)
+      .length,
+    rawCharacterCount: rawChunks.join('').length,
+    rawChunkCount: rawChunks.length,
+    transformedCharacterCount: transformedChunks
+      .map((chunk) => chunk.chunk)
+      .join('').length,
+    transformedChunkCount: transformedChunks.length,
+    transformedChunks,
+  };
+}
+
+export function calculatePerfStats(samples: readonly number[]): PerfStats {
+  if (samples.length === 0) {
+    return {
+      count: 0,
+      max: 0,
+      mean: 0,
+      median: 0,
+      min: 0,
+      p95: 0,
+      p99: 0,
+      stdDev: 0,
+    };
+  }
+
+  const sorted = [...samples].sort((left, right) => left - right);
+  const count = sorted.length;
+  const mean = samples.reduce((total, sample) => total + sample, 0) / count;
+  const variance =
+    samples.reduce((total, sample) => total + (sample - mean) ** 2, 0) / count;
+
+  return {
+    count,
+    max: sorted[count - 1] ?? 0,
+    mean,
+    median: sorted[Math.floor(count / 2)] ?? 0,
+    min: sorted[0] ?? 0,
+    p95: sorted[Math.floor(count * 0.95)] ?? sorted[count - 1] ?? 0,
+    p99: sorted[Math.floor(count * 0.99)] ?? sorted[count - 1] ?? 0,
+    stdDev: Math.sqrt(variance),
+  };
+}
diff --git a/apps/www/src/app/dev/markdownStreamDemo.tsx b/apps/www/src/app/dev/markdownStreamDemo.tsx
deleted file mode 100644
index d333026bdf..0000000000
--- a/apps/www/src/app/dev/markdownStreamDemo.tsx
+++ /dev/null
@@ -1,594 +0,0 @@
-'use client';
-import { type HTMLAttributes, useCallback, useRef, useState } from 'react';
-
-import { AIChatPlugin, streamInsertChunk } from '@platejs/ai/react';
-import { getPluginType, KEYS } from 'platejs';
-import { Plate, usePlateEditor } from 'platejs/react';
-
-import { Button } from '@/components/ui/button';
-import { cn } from '@/lib/utils';
-import { EditorKit } from '@/registry/components/editor/editor-kit';
-import { CopilotKit } from '@/registry/components/editor/plugins/copilot-kit';
-import { MarkdownJoiner } from '@/registry/lib/markdown-joiner-transform';
-import { Editor, EditorContainer } from '@/registry/ui/editor';
-
-const CAPITALIZE_REGEX = /([A-Z])/g;
-const TRAILING_NEWLINES_REGEX = /(\n+)$/;
-const FIRST_CHAR_REGEX = /^./;
-
-const testScenarios = {
-  // Basic markdown with complete elements
-  columns: [
-    'paragraph\n\n<column',
-    '_group',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '1',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '2',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '3',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    '</',
-    'column',
-    '_group',
-    '>\n\nparagraph',
-  ],
-  links: [
-    '[Link ',
-    'to OpenA',
-    'I](https://www.openai.com)\n\n',
-    '[Link ',
-    'to Google',
-    'I](https://ww',
-    'w.google.com/1',
-    '11',
-    '22',
-    'xx',
-    'yy',
-    'zz',
-    'aa',
-    'bb',
-    'cc',
-    'dd',
-    'ee',
-    '33)\n\n',
-    '[False Positive',
-    '11',
-    '22',
-    '33',
-    '44',
-    '55',
-    '66',
-    '77',
-    '88',
-    '99',
-    '100',
-  ],
-  lists: ['1.', ' number 1\n', '- ', 'List B\n', '-', ' [x] ', 'Task C'],
-  listWithImage: [
-    '## ',
-    'Links ',
-    'and ',
-    'Images\n\n',
-    '- [Link ',
-    'to OpenA',
-    'I](https://www.openai.com)\n',
-    '- ![Sample Image](https://via.placeholder.com/150)\n\n',
-  ],
-  nestedStructureBlock: [
-    '```',
-    'javascript',
-    '\n',
-    'import',
-    ' React',
-    ' from',
-    " '",
-    'react',
-    "';\n",
-    'import',
-    ' {',
-    ' Plate',
-    ' }',
-    ' from',
-    " '@",
-    'ud',
-    'ecode',
-    '/',
-    'plate',
-    "';\n\n",
-    'const',
-    ' Basic',
-    'Editor',
-    ' =',
-    ' ()',
-    ' =>',
-    ' {\n',
-    ' ',
-    ' return',
-    ' (\n',
-    '   ',
-    ' <',
-    'Plate',
-    '>\n',
-    '     ',
-    ' {/*',
-    ' Add',
-    ' your',
-    ' plugins',
-    ' and',
-    ' components',
-    ' here',
-    ' */}\n',
-    '   ',
-    ' </',
-    'Plate',
-    '>\n',
-    ' ',
-    ' );\n',
-    '};\n\n',
-    'export',
-    ' default',
-    ' Basic',
-    'Editor',
-    ';\n',
-    '```',
-  ],
-  table: [
-    '| Feature          |',
-    ' Plate',
-    '.js',
-    '                                     ',
-    ' ',
-    '| Slate.js                                     ',
-    ' ',
-    '|\n|------------------',
-    '|--------------------------------',
-    '---------------',
-    '|--------------------------------',
-    '---------------',
-    '|\n| Purpose         ',
-    ' ',
-    '| Rich text editor framework',
-    '                   ',
-    ' ',
-    '| Rich text editor framework',
-    '                   ',
-    ' ',
-    '|\n| Flexibility     ',
-    ' ',
-    '| Highly customizable',
-    ' with',
-    ' plugins',
-    '             ',
-    ' ',
-    '| Highly customizable',
-    ' with',
-    ' plugins',
-    '             ',
-    ' ',
-    '|\n| Community       ',
-    ' ',
-    '| Growing community support',
-    '                    ',
-    ' ',
-    '| Established community',
-    ' support',
-    '                ',
-    ' ',
-    '|\n| Documentation   ',
-    ' ',
-    '| Comprehensive documentation',
-    ' available',
-    '        ',
-    ' ',
-    '| Comprehensive documentation',
-    ' available',
-    '        ',
-    ' ',
-    '|\n| Performance     ',
-    ' ',
-    '| Optimized for performance',
-    ' with',
-    ' large',
-    ' documents',
-    '| Good performance, but',
-    ' may',
-    ' require',
-    ' optimization',
-    '|\n| Integration     ',
-    ' ',
-    '| Easy integration with',
-    ' React',
-    '                  ',
-    ' ',
-    '| Easy integration with',
-    ' React',
-    '                  ',
-    ' ',
-    '|\n| Use Cases       ',
-    ' ',
-    '| Suitable for complex',
-    ' editing',
-    ' needs',
-    '           ',
-    ' ',
-    '| Suitable for complex',
-    ' editing',
-    ' needs',
-    '           ',
-    ' ',
-    '\n\n',
-    'Paragraph ',
-    'should ',
-    'exist ',
-    'from ',
-    'table',
-  ],
-};
-
-export const MarkdownStreamDemo = () => {
-  const [selectedScenario, setSelectedScenario] =
-    useState<keyof typeof testScenarios>('columns');
-  const [activeIndex, setActiveIndex] = useState<number>(0);
-  const [isPaused, setIsPaused] = useState(false);
-  const isPauseRef = useRef(false);
-  const streamSessionRef = useRef(0);
-
-  const editor = usePlateEditor(
-    {
-      plugins: [...CopilotKit, ...EditorKit],
-      value: [],
-    },
-    []
-  );
-
-  const currentChunks = testScenarios[selectedScenario];
-  const transformedCurrentChunks = transformedChunks(currentChunks);
-
-  const onStreaming = useCallback(async () => {
-    streamSessionRef.current += 1;
-    const sessionId = streamSessionRef.current;
-
-    setIsPaused(false);
-    isPauseRef.current = false;
-    setActiveIndex(0);
-    // editor.tf.setValue([]);
-
-    editor.setOption(AIChatPlugin, 'streaming', false);
-    editor.setOption(AIChatPlugin, '_blockChunks', '');
-    editor.setOption(AIChatPlugin, '_blockPath', null);
-
-    for (let i = 0; i < transformedCurrentChunks.length; i++) {
-      while (isPauseRef.current) {
-        if (sessionId !== streamSessionRef.current) return;
-        await new Promise((resolve) => setTimeout(resolve, 100));
-      }
-
-      if (sessionId !== streamSessionRef.current) return;
-
-      setActiveIndex(i + 1);
-
-      const chunk = transformedCurrentChunks[i];
-
-      streamInsertChunk(editor, chunk.chunk, {
-        textProps: {
-          [getPluginType(editor, KEYS.ai)]: true,
-        },
-      });
-
-      await new Promise((resolve) => setTimeout(resolve, chunk.delayInMs));
-
-      if (sessionId !== streamSessionRef.current) return;
-    }
-  }, [editor, transformedCurrentChunks]);
-
-  return (
-    <section className="p-20">
-      <div className="mb-10">
-        {/* Scenario Selection */}
-        <div className="mb-4">
-          <span className="mb-2 block font-medium text-sm">Test Scenario:</span>
-          <select
-            className="w-64 rounded border px-3 py-2"
-            value={selectedScenario}
-            onChange={(e) => {
-              setSelectedScenario(e.target.value as keyof typeof testScenarios);
-              setActiveIndex(0);
-              editor.tf.setValue([]);
-            }}
-          >
-            {Object.entries(testScenarios).map(([key]) => (
-              <option key={key} value={key}>
-                {key
-                  .replace(CAPITALIZE_REGEX, ' $1')
-                  .replace(FIRST_CHAR_REGEX, (str) => str.toUpperCase())}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Control Buttons */}
-        <div className="mb-4 flex gap-2">
-          <Button onClick={onStreaming}>Start Streaming</Button>
-
-          <Button
-            onClick={() => {
-              const newPauseState = !isPauseRef.current;
-              isPauseRef.current = newPauseState;
-              setIsPaused(newPauseState);
-            }}
-          >
-            {isPaused ? 'Resume' : 'Pause'}
-          </Button>
-
-          <Button
-            onClick={() => {
-              if (activeIndex > 0) {
-                editor.tf.setValue([]);
-
-                editor.setOption(AIChatPlugin, 'streaming', false);
-                editor.setOption(AIChatPlugin, '_blockChunks', '');
-                editor.setOption(AIChatPlugin, '_blockPath', null);
-
-                for (const chunk of transformedCurrentChunks.slice(
-                  0,
-                  activeIndex - 1
-                )) {
-                  streamInsertChunk(editor, chunk.chunk, {
-                    textProps: {
-                      [getPluginType(editor, KEYS.ai)]: true,
-                    },
-                  });
-                }
-                setActiveIndex((prev) => Math.max(0, prev - 1));
-              }
-            }}
-          >
-            Prev
-          </Button>
-
-          <Button
-            onClick={() => {
-              if (activeIndex < transformedCurrentChunks.length) {
-                editor.tf.setValue([]);
-
-                editor.setOption(AIChatPlugin, 'streaming', false);
-                editor.setOption(AIChatPlugin, '_blockChunks', '');
-                editor.setOption(AIChatPlugin, '_blockPath', null);
-
-                for (const chunk of transformedCurrentChunks.slice(
-                  0,
-                  activeIndex + 1
-                )) {
-                  streamInsertChunk(editor, chunk.chunk, {
-                    textProps: {
-                      [getPluginType(editor, KEYS.ai)]: true,
-                    },
-                  });
-                }
-                setActiveIndex((prev) =>
-                  Math.min(transformedCurrentChunks.length, prev + 1)
-                );
-              }
-            }}
-          >
-            Next
-          </Button>
-
-          <Button
-            onClick={() => {
-              editor.setOption(AIChatPlugin, 'streaming', false);
-              editor.setOption(AIChatPlugin, '_blockChunks', '');
-              editor.setOption(AIChatPlugin, '_blockPath', null);
-
-              streamInsertChunk(editor, 'test', {
-                textProps: {
-                  [getPluginType(editor, KEYS.ai)]: true,
-                },
-              });
-            }}
-          >
-            Test Button
-          </Button>
-        </div>
-      </div>
-
-      <div className="my-2 flex gap-10">
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">
-            Transformed Chunks ({activeIndex}/{transformedCurrentChunks.length})
-          </h3>
-          <Tokens
-            activeIndex={activeIndex}
-            chunks={splitChunksByLinebreak(
-              transformedCurrentChunks.map((c) => c.chunk)
-            )}
-          />
-        </div>
-
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Editor Output</h3>
-          <Plate editor={editor}>
-            <EditorContainer className="h-[500px] overflow-y-auto rounded border">
-              <Editor
-                variant="demo"
-                className="pb-[20vh]"
-                placeholder="Type something..."
-                spellCheck={false}
-              />
-            </EditorContainer>
-          </Plate>
-        </div>
-      </div>
-
-      <h2 className="mt-8 mb-4 font-semibold text-xl">Raw Token Comparison</h2>
-      <div className="my-2 flex gap-10">
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Original Chunks</h3>
-          <Tokens
-            activeIndex={0}
-            chunks={splitChunksByLinebreak(currentChunks)}
-          />
-        </div>
-
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Raw Markdown Text</h3>
-          <textarea
-            className={cn(
-              'h-[500px] w-full overflow-y-auto rounded border p-4 font-mono text-sm'
-            )}
-            readOnly
-            value={currentChunks.join('')}
-          />
-        </div>
-      </div>
-    </section>
-  );
-};
-
-type TChunks = {
-  chunks: {
-    index: number;
-    text: string;
-  }[];
-  linebreaks: number;
-};
-
-function splitChunksByLinebreak(chunks: string[]) {
-  const result: TChunks[] = [];
-  let current: { index: number; text: string }[] = [];
-
-  for (let i = 0; i < chunks.length; i++) {
-    const chunk = chunks[i];
-    current.push({ index: i, text: chunk });
-
-    const match = TRAILING_NEWLINES_REGEX.exec(chunk);
-    if (match) {
-      const linebreaks = match[1].length;
-      result.push({
-        chunks: [...current],
-        linebreaks,
-      });
-      current = [];
-    }
-  }
-
-  if (current.length > 0) {
-    result.push({
-      chunks: [...current],
-      linebreaks: 0,
-    });
-  }
-
-  return result;
-}
-
-type TChunk = { chunk: string; delayInMs: number };
-const transformedChunks = (chunks: string[]): TChunk[] => {
-  const result: TChunk[] = [];
-  const joiner = new MarkdownJoiner();
-  for (const chunk of chunks) {
-    const processed = joiner.processText(chunk);
-    if (processed) {
-      result.push({ chunk: processed, delayInMs: joiner.delayInMs });
-    }
-  }
-  // flush any remaining buffered content
-  const remaining = joiner.flush();
-  if (remaining) {
-    result.push({ chunk: remaining, delayInMs: joiner.delayInMs });
-  }
-  return result;
-};
-
-const Tokens = ({
-  activeIndex,
-  chunks,
-  ...props
-}: {
-  activeIndex: number;
-  chunks: TChunks[];
-} & HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className="my-1 h-[500px] overflow-y-auto rounded bg-gray-100 p-4 font-mono"
-    {...props}
-  >
-    {chunks.map((chunk, index) => (
-      <div key={index} className="py-1">
-        {chunk.chunks.map((c, j) => {
-          const lineBreak = c.text.replaceAll('\n', '⤶');
-          const space = lineBreak.replaceAll(' ', '␣');
-
-          return (
-            <span
-              key={j}
-              className={cn(
-                'mx-1 inline-block rounded border p-1',
-                activeIndex && c.index < activeIndex && 'bg-amber-500'
-              )}
-            >
-              {space}
-            </span>
-          );
-        })}
-      </div>
-    ))}
-  </div>
-);
diff --git a/apps/www/src/app/dev/page.tsx b/apps/www/src/app/dev/page.tsx
index 1aaadd114f..efe6d486d1 100644
--- a/apps/www/src/app/dev/page.tsx
+++ b/apps/www/src/app/dev/page.tsx
@@ -1,10 +1,52 @@
-import { MarkdownStreamDemo } from './markdownStreamDemo';
+import Link from 'next/link';
 
-export default async function DevPage() {
+import { Button } from '@/components/ui/button';
+
+const perfPages = [
+  {
+    description:
+      'Benchmark the captured markdown streaming dataset and inspect end-to-end, burst, render, and streamInsertChunk timings.',
+    href: '/dev/markdown-stream-perf',
+    title: 'Markdown Stream Perf',
+  },
+  {
+    description:
+      'Measure table mount, input latency, and large selection costs for the editor table stack.',
+    href: '/dev/table-perf',
+    title: 'Table Perf',
+  },
+];
+
+export default function DevPage() {
   return (
-    <main>
-      {/* <EditorViewClient /> */}
-      <MarkdownStreamDemo />
+    <main className="container mx-auto space-y-6 p-8">
+      <section className="space-y-2">
+        <p className="font-semibold text-slate-500 text-xs uppercase tracking-[0.2em]">
+          Plate / Dev
+        </p>
+        <h1 className="font-bold text-3xl text-slate-900">Performance Tools</h1>
+      </section>
+
+      <section className="grid gap-4 md:grid-cols-2">
+        {perfPages.map((page) => (
+          <article
+            key={page.href}
+            className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm"
+          >
+            <div className="space-y-3">
+              <h2 className="font-semibold text-slate-900 text-xl">
+                {page.title}
+              </h2>
+              <p className="min-h-16 text-slate-600 text-sm">
+                {page.description}
+              </p>
+              <Button asChild>
+                <Link href={page.href}>Open</Link>
+              </Button>
+            </div>
+          </article>
+        ))}
+      </section>
     </main>
   );
 }
diff --git a/apps/www/src/app/dev/table-perf/page.tsx b/apps/www/src/app/dev/table-perf/page.tsx
index 80f9cac9e9..0f23f76e15 100644
--- a/apps/www/src/app/dev/table-perf/page.tsx
+++ b/apps/www/src/app/dev/table-perf/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import Link from 'next/link';
 import {
   Profiler,
   useCallback,
@@ -745,7 +746,20 @@ export default function TablePerfPage() {
 
   return (
     <main className="container mx-auto p-8">
-      <h1 className="mb-6 font-bold text-2xl">Table Performance Test</h1>
+      <section className="mb-6 flex flex-wrap items-center justify-between gap-4">
+        <h1 className="font-bold text-2xl">Table Performance Test</h1>
+
+        <div className="flex flex-wrap gap-2">
+          <Button asChild size="sm" variant="outline">
+            <Link href="/dev">Back to Dev</Link>
+          </Button>
+          <Button asChild size="sm" variant="outline">
+            <Link href="/dev/markdown-stream-perf">
+              Open Markdown Stream Perf
+            </Link>
+          </Button>
+        </div>
+      </section>
 
       {/* Configuration */}
       <div className="mb-6 rounded-lg border p-4">
diff --git a/apps/www/src/registry/components/editor/plugins/ai-kit.tsx b/apps/www/src/registry/components/editor/plugins/ai-kit.tsx
index b176270cad..eaf612496a 100644
--- a/apps/www/src/registry/components/editor/plugins/ai-kit.tsx
+++ b/apps/www/src/registry/components/editor/plugins/ai-kit.tsx
@@ -1,5 +1,7 @@
 'use client';
 
+import { useEffect, useRef } from 'react';
+
 import cloneDeep from 'lodash/cloneDeep.js';
 import { BaseAIPlugin, withAIBatch } from '@platejs/ai';
 import {
@@ -7,6 +9,7 @@ import {
   AIPlugin,
   applyAISuggestions,
   getInsertPreviewStart,
+  resetStreamInsertChunk,
   streamInsertChunk,
   useChatChunk,
 } from '@platejs/ai/react';
@@ -15,6 +18,7 @@ import { usePluginOption } from 'platejs/react';
 
 import { AILoadingBar, AIMenu } from '@/registry/ui/ai-menu';
 import { AIAnchorElement, AILeaf } from '@/registry/ui/ai-node';
+import { createAIStreamBatcher } from '@/registry/lib/ai-stream-batching';
 
 import { useChat } from '../use-chat';
 import { CursorOverlayKit } from './cursor-overlay-kit';
@@ -38,6 +42,35 @@ export const aiChatPlugin = AIChatPlugin.extend({
 
     const mode = usePluginOption(AIChatPlugin, 'mode');
     const toolName = usePluginOption(AIChatPlugin, 'toolName');
+    const insertStreamBatcherRef = useRef<ReturnType<
+      typeof createAIStreamBatcher
+    > | null>(null);
+
+    if (!insertStreamBatcherRef.current) {
+      insertStreamBatcherRef.current = createAIStreamBatcher({
+        applyChunk: (chunk, options) => {
+          editor.tf.withoutSaving(() => {
+            if (!getOption('streaming') && !options?.force) return;
+
+            editor.tf.withScrolling(() => {
+              streamInsertChunk(editor, chunk, {
+                textProps: {
+                  [getPluginType(editor, KEYS.ai)]: true,
+                },
+              });
+            });
+          });
+        },
+      });
+    }
+
+    useEffect(
+      () => () => {
+        insertStreamBatcherRef.current?.reset();
+      },
+      []
+    );
+
     useChatChunk({
       onChunk: ({ chunk, isFirst, nodes, text: content }) => {
         if (isFirst && mode === 'insert') {
@@ -68,17 +101,7 @@ export const aiChatPlugin = AIChatPlugin.extend({
         }
 
         if (mode === 'insert' && nodes.length > 0) {
-          editor.tf.withoutSaving(() => {
-            if (!getOption('streaming')) return;
-
-            editor.tf.withScrolling(() => {
-              streamInsertChunk(editor, chunk, {
-                textProps: {
-                  [getPluginType(editor, KEYS.ai)]: true,
-                },
-              });
-            });
-          });
+          insertStreamBatcherRef.current?.queue({ chunk, isFirst });
         }
 
         if (toolName === 'edit' && mode === 'chat') {
@@ -94,10 +117,10 @@ export const aiChatPlugin = AIChatPlugin.extend({
         }
       },
       onFinish: () => {
+        insertStreamBatcherRef.current?.flush({ force: true });
         editor.setOption(AIChatPlugin, 'streaming', false);
-        editor.setOption(AIChatPlugin, '_blockChunks', '');
-        editor.setOption(AIChatPlugin, '_blockPath', null);
-        editor.setOption(AIChatPlugin, '_mdxName', null);
+        resetStreamInsertChunk(editor);
+        insertStreamBatcherRef.current?.reset();
       },
     });
   },
diff --git a/apps/www/src/registry/components/editor/use-chat.slow.tsx b/apps/www/src/registry/components/editor/use-chat.slow.tsx
new file mode 100644
index 0000000000..cd18cf2c09
--- /dev/null
+++ b/apps/www/src/registry/components/editor/use-chat.slow.tsx
@@ -0,0 +1,188 @@
+import { act, renderHook } from '@testing-library/react';
+import { afterAll, beforeEach, describe, expect, it, mock } from 'bun:test';
+
+const useBaseChatMock = mock();
+const createAIChatTextStreamTransportMock = mock();
+const withAIChatTextStreamMock = mock();
+const useEditorRefMock = mock();
+const usePluginOptionMock = mock();
+let nextId = 0;
+
+mock.module('@ai-sdk/react', () => ({
+  useChat: useBaseChatMock,
+}));
+
+mock.module('@platejs/ai', () => ({
+  withAIBatch: (_editor: unknown, fn: () => void) => fn(),
+}));
+
+mock.module('@platejs/ai/react', () => ({
+  AIChatPlugin: { key: 'ai-chat' },
+  aiCommentToRange: () => null,
+  applyTableCellSuggestion: () => {},
+  createAIChatTextStreamTransport: createAIChatTextStreamTransportMock,
+  withAIChatTextStream: withAIChatTextStreamMock,
+}));
+
+mock.module('@platejs/comment', () => ({
+  getCommentKey: () => 'comment',
+  getTransientCommentKey: () => 'transient-comment',
+}));
+
+mock.module('@platejs/markdown', () => ({
+  deserializeMd: () => [],
+}));
+
+mock.module('@platejs/selection/react', () => ({
+  BlockSelectionPlugin: { key: 'block-selection' },
+}));
+
+mock.module('platejs', () => ({
+  KEYS: {
+    comment: 'comment',
+    table: 'table',
+  },
+  NodeApi: {
+    string: () => '',
+  },
+  TextApi: {
+    isText: () => true,
+  },
+  nanoid: () => `test-id-${++nextId}`,
+}));
+
+mock.module('platejs/react', () => ({
+  useEditorRef: useEditorRefMock,
+  usePluginOption: usePluginOptionMock,
+}));
+
+mock.module('@/registry/components/editor/plugins/ai-kit', () => ({
+  aiChatPlugin: { key: 'ai-chat' },
+}));
+
+mock.module('./plugins/discussion-kit', () => ({
+  discussionPlugin: { key: 'discussion' },
+}));
+
+const createEditor = (instance: string) => ({
+  getApi: () => ({
+    blockSelection: {
+      deselect: () => {},
+    },
+  }),
+  getOption: () => null,
+  getOptions: () => ({
+    chatOptions: {
+      body: { instance },
+    },
+  }),
+  setOption: () => {},
+  tf: {
+    setNodes: () => {},
+    setSelection: () => {},
+    withMerging: (fn: () => void) => fn(),
+  },
+});
+
+const loadModule = async () =>
+  import(`./use-chat?test=${Math.random().toString(36).slice(2)}`);
+
+describe('useChat', () => {
+  const originalFetch = globalThis.fetch;
+
+  beforeEach(() => {
+    nextId = 0;
+    createAIChatTextStreamTransportMock.mockReset();
+    useBaseChatMock.mockReset();
+    useEditorRefMock.mockReset();
+    usePluginOptionMock.mockReset();
+    withAIChatTextStreamMock.mockReset();
+
+    createAIChatTextStreamTransportMock.mockImplementation((options) => ({
+      ...options,
+    }));
+    useBaseChatMock.mockImplementation((options) => ({
+      error: undefined,
+      id: options.id,
+      messages: [],
+      status: 'ready',
+    }));
+    withAIChatTextStreamMock.mockImplementation((chat, transport) => ({
+      ...chat,
+      __plateTextStreamChannelId: `channel:${transport.chatId}`,
+    }));
+    globalThis.fetch = mock(
+      async (_input, init) =>
+        new Response(String(init?.body ?? ''), {
+          status: 200,
+        })
+    ) as unknown as typeof fetch;
+  });
+
+  afterAll(() => {
+    globalThis.fetch = originalFetch;
+    mock.restore();
+  });
+
+  it('keeps default transport fetchers instance-scoped per hook', async () => {
+    useEditorRefMock
+      .mockImplementationOnce(() => createEditor('editor-a'))
+      .mockImplementationOnce(() => createEditor('editor-b'));
+    usePluginOptionMock
+      .mockImplementationOnce(() => ({
+        chatOptions: { body: { instance: 'editor-a' } },
+      }))
+      .mockImplementationOnce(() => ({
+        chatOptions: { body: { instance: 'editor-b' } },
+      }));
+
+    const { useChat } = await loadModule();
+    const hookA = renderHook(() => useChat());
+    const hookB = renderHook(() => useChat());
+
+    await act(async () => {});
+
+    const transportA = createAIChatTextStreamTransportMock.mock.calls[0]?.[0];
+    const transportB = createAIChatTextStreamTransportMock.mock.calls[1]?.[0];
+
+    expect(transportA?.chatId).toBe('editor:test-id-1');
+    expect(transportB?.chatId).toBe('editor:test-id-2');
+    expect(useBaseChatMock.mock.calls[0]?.[0]?.id).toBe('editor:test-id-1');
+    expect(useBaseChatMock.mock.calls[1]?.[0]?.id).toBe('editor:test-id-2');
+
+    await act(async () => {
+      await transportA.fetch('https://example.com/api', {
+        body: JSON.stringify({ messages: [] }),
+      });
+      await transportB.fetch('https://example.com/api', {
+        body: JSON.stringify({ messages: [] }),
+      });
+    });
+
+    const firstBody = JSON.parse(
+      String((globalThis.fetch as any).mock.calls[0]?.[1]?.body)
+    );
+    const secondBody = JSON.parse(
+      String((globalThis.fetch as any).mock.calls[1]?.[1]?.body)
+    );
+
+    expect(firstBody.instance).toBe('editor-a');
+    expect(secondBody.instance).toBe('editor-b');
+
+    hookB.unmount();
+
+    await act(async () => {
+      await transportA.fetch('https://example.com/api', {
+        body: JSON.stringify({ messages: [] }),
+      });
+    });
+
+    const thirdBody = JSON.parse(
+      String((globalThis.fetch as any).mock.calls[2]?.[1]?.body)
+    );
+
+    expect(thirdBody.instance).toBe('editor-a');
+
+    hookA.unmount();
+  });
+});
diff --git a/apps/www/src/registry/components/editor/use-chat.ts b/apps/www/src/registry/components/editor/use-chat.ts
index 72eefb2b15..333ed1c915 100644
--- a/apps/www/src/registry/components/editor/use-chat.ts
+++ b/apps/www/src/registry/components/editor/use-chat.ts
@@ -6,13 +6,15 @@ import { type UseChatHelpers, useChat as useBaseChat } from '@ai-sdk/react';
 import { faker } from '@faker-js/faker';
 import {
   AIChatPlugin,
+  createAIChatTextStreamTransport,
   aiCommentToRange,
   applyTableCellSuggestion,
+  withAIChatTextStream,
 } from '@platejs/ai/react';
 import { getCommentKey, getTransientCommentKey } from '@platejs/comment';
 import { deserializeMd } from '@platejs/markdown';
 import { BlockSelectionPlugin } from '@platejs/selection/react';
-import { type UIMessage, DefaultChatTransport } from 'ai';
+import type { ChatTransport, UIMessage } from 'ai';
 import { type TNode, KEYS, nanoid, NodeApi, TextApi } from 'platejs';
 import { type PlateEditor, useEditorRef, usePluginOption } from 'platejs/react';
 
@@ -50,116 +52,163 @@ export type Chat = UseChatHelpers<ChatMessage>;
 
 export type ChatMessage = UIMessage<{}, MessageDataPart>;
 
+type PluginChatOptions = {
+  api?: string;
+  body?: Record<string, unknown>;
+  transport?: ChatTransport<ChatMessage>;
+} & Record<string, unknown>;
+
+const aiChatTransportFetchers = new Map<string, typeof fetch>();
+
+const createProxyTransportFetch = (chatId: string): typeof fetch =>
+  (async (input, init) => {
+    const fetcher = aiChatTransportFetchers.get(chatId);
+
+    if (!fetcher) {
+      throw new Error(`Missing AI chat transport fetcher for "${chatId}"`);
+    }
+
+    return fetcher(input, init);
+  }) as typeof fetch;
+
 export const useChat = () => {
   const editor = useEditorRef();
-  const options = usePluginOption(aiChatPlugin, 'chatOptions');
+  const [chatInstanceId] = React.useState(() => `editor:${nanoid()}`);
+  const aiChatState = usePluginOption(aiChatPlugin, 'state') as
+    | { chatOptions?: PluginChatOptions }
+    | undefined;
+  const options = aiChatState?.chatOptions;
+  const {
+    api = '/api/ai/command',
+    transport: providedTransport,
+    ...chatOptions
+  } = options ?? {};
 
   // remove when you implement the route /api/ai/command
   const abortControllerRef = React.useRef<AbortController | null>(null);
-  const _abortFakeStream = () => {
+  const syncedChatStateRef = React.useRef<{
+    error: Chat['error'];
+    messages: Chat['messages'];
+    status: Chat['status'];
+    textStreamChannelId?: string;
+  } | null>(null);
+  const abortFakeStream = React.useCallback(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
       abortControllerRef.current = null;
     }
-  };
+  }, []);
 
-  const baseChat = useBaseChat<ChatMessage>({
-    id: 'editor',
-    transport: new DefaultChatTransport({
-      api: options.api || '/api/ai/command',
-      // Mock the API response. Remove it when you implement the route /api/ai/command
-      fetch: (async (input, init) => {
-        const bodyOptions = editor.getOptions(aiChatPlugin).chatOptions?.body;
-
-        const initBody = JSON.parse(init?.body as string);
-
-        const body = {
-          ...initBody,
-          ...bodyOptions,
-        };
+  const transportFetch = React.useCallback(
+    async (input: RequestInfo | URL, init?: RequestInit) => {
+      const bodyOptions = editor.getOptions(aiChatPlugin).chatOptions?.body;
 
-        const res = await fetch(input, {
-          ...init,
-          body: JSON.stringify(body),
-        });
+      const initBody = JSON.parse(init?.body as string);
 
-        if (!res.ok) {
-          let sample: 'comment' | 'markdown' | 'mdx' | 'table' | null = null;
-
-          try {
-            const body = JSON.parse(init?.body as string);
-            const content = body.messages
-              .at(-1)
-              .parts.find((p: any) => p.type === 'text')?.text;
-
-            if (content.includes('Generate a markdown sample')) {
-              sample = 'markdown';
-            } else if (content.includes('Generate a mdx sample')) {
-              sample = 'mdx';
-            } else if (content.includes('comment')) {
-              sample = 'comment';
-            }
+      const body = {
+        ...initBody,
+        ...bodyOptions,
+      };
 
-            // Detect table editing by checking if multiple table cells are selected
-            // Single cell selection should use normal edit flow, only multi-cell uses table tool
-            if (!sample) {
-              // First check: selectedCells from TablePlugin (cell selection mode)
-              const selectedCells =
-                editor.getOption({ key: KEYS.table }, 'selectedCells') || [];
+      const res = await fetch(input, {
+        ...init,
+        body: JSON.stringify(body),
+      });
+
+      if (!res.ok) {
+        let sample: 'comment' | 'markdown' | 'mdx' | 'table' | null = null;
+
+        try {
+          const body = JSON.parse(init?.body as string);
+          const content = body.messages
+            .at(-1)
+            .parts.find((p: any) => p.type === 'text')?.text;
+
+          if (content.includes('Generate a markdown sample')) {
+            sample = 'markdown';
+          } else if (content.includes('Generate a mdx sample')) {
+            sample = 'mdx';
+          } else if (content.includes('comment')) {
+            sample = 'comment';
+          }
 
-              if (selectedCells.length > 1) {
-                sample = 'table';
-              }
-              // Second check: selection range spans multiple cells
-              else if (body.ctx?.children && body.ctx?.selection) {
-                const { selection, children } = body.ctx;
-                const anchorPath = selection.anchor?.path;
-                const focusPath = selection.focus?.path;
-
-                if (anchorPath && anchorPath.length >= 3) {
-                  const rootIndex = anchorPath[0];
-                  const rootNode = children[rootIndex];
-
-                  if (rootNode?.type === 'table') {
-                    // Cell path is at index 2 (table -> row -> cell)
-                    const anchorCellPath = anchorPath.slice(0, 3).join(',');
-                    const focusCellPath = focusPath?.slice(0, 3).join(',');
-
-                    // Only use table mock if anchor and focus are in different cells
-                    if (focusCellPath && anchorCellPath !== focusCellPath) {
-                      sample = 'table';
-                    }
+          // Detect table editing by checking if multiple table cells are selected
+          // Single cell selection should use normal edit flow, only multi-cell uses table tool
+          if (!sample) {
+            // First check: selectedCells from TablePlugin (cell selection mode)
+            const selectedCells =
+              editor.getOption({ key: KEYS.table }, 'selectedCells') || [];
+
+            if (selectedCells.length > 1) {
+              sample = 'table';
+            }
+            // Second check: selection range spans multiple cells
+            else if (body.ctx?.children && body.ctx?.selection) {
+              const { selection, children } = body.ctx;
+              const anchorPath = selection.anchor?.path;
+              const focusPath = selection.focus?.path;
+
+              if (anchorPath && anchorPath.length >= 3) {
+                const rootIndex = anchorPath[0];
+                const rootNode = children[rootIndex];
+
+                if (rootNode?.type === 'table') {
+                  // Cell path is at index 2 (table -> row -> cell)
+                  const anchorCellPath = anchorPath.slice(0, 3).join(',');
+                  const focusCellPath = focusPath?.slice(0, 3).join(',');
+
+                  // Only use table mock if anchor and focus are in different cells
+                  if (focusCellPath && anchorCellPath !== focusCellPath) {
+                    sample = 'table';
                   }
                 }
               }
             }
-          } catch {
-            sample = null;
           }
+        } catch {
+          sample = null;
+        }
 
-          abortControllerRef.current = new AbortController();
+        abortControllerRef.current = new AbortController();
 
-          await new Promise((resolve) => setTimeout(resolve, 400));
+        await new Promise((resolve) => setTimeout(resolve, 400));
 
-          const stream = fakeStreamText({
-            editor,
-            sample,
-            signal: abortControllerRef.current.signal,
-          });
+        const stream = fakeStreamText({
+          editor,
+          sample,
+          signal: abortControllerRef.current.signal,
+        });
 
-          const response = new Response(stream, {
-            headers: {
-              Connection: 'keep-alive',
-              'Content-Type': 'text/plain',
-            },
-          });
+        const response = new Response(stream, {
+          headers: {
+            Connection: 'keep-alive',
+            'Content-Type': 'text/plain',
+          },
+        });
 
-          return response;
-        }
+        return response;
+      }
 
-        return res;
-      }) as typeof fetch,
-    }),
+      return res;
+    },
+    [editor]
+  );
+
+  const transport = React.useMemo(
+    () =>
+      providedTransport ??
+      createAIChatTextStreamTransport<ChatMessage>({
+        api,
+        chatId: chatInstanceId,
+        // Mock the API response. Remove it when you implement the route /api/ai/command
+        fetch: createProxyTransportFetch(chatInstanceId),
+      }),
+    [api, chatInstanceId, providedTransport]
+  );
+
+  const baseChat = useBaseChat<ChatMessage>({
+    id: chatInstanceId,
+    transport,
     onData(data) {
       if (data.type === 'data-toolName') {
         editor.setOption(AIChatPlugin, 'toolName', data.data as ToolName);
@@ -249,18 +298,54 @@ export const useChat = () => {
       }
     },
 
-    ...options,
+    ...chatOptions,
   });
 
-  const chat = {
-    ...baseChat,
-    _abortFakeStream,
-  };
+  const chat = React.useMemo(
+    () => withAIChatTextStream(baseChat, transport),
+    [baseChat, transport]
+  );
 
   React.useEffect(() => {
-    editor.setOption(AIChatPlugin, 'chat', chat as any);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chat.status, chat.messages, chat.error]);
+    if (providedTransport) {
+      return;
+    }
+
+    aiChatTransportFetchers.set(chatInstanceId, transportFetch as typeof fetch);
+
+    return () => {
+      if (aiChatTransportFetchers.get(chatInstanceId) === transportFetch) {
+        aiChatTransportFetchers.delete(chatInstanceId);
+      }
+    };
+  }, [chatInstanceId, providedTransport, transportFetch]);
+
+  React.useEffect(() => {
+    const nextChatState = {
+      error: chat.error,
+      messages: chat.messages,
+      status: chat.status,
+      textStreamChannelId: chat.__plateTextStreamChannelId,
+    };
+    const previousChatState = syncedChatStateRef.current;
+
+    if (
+      previousChatState &&
+      previousChatState.error === nextChatState.error &&
+      previousChatState.messages === nextChatState.messages &&
+      previousChatState.status === nextChatState.status &&
+      previousChatState.textStreamChannelId ===
+        nextChatState.textStreamChannelId
+    ) {
+      return;
+    }
+
+    syncedChatStateRef.current = nextChatState;
+    editor.setOption(AIChatPlugin, 'chat', {
+      ...chat,
+      _abortFakeStream: abortFakeStream,
+    } as any);
+  }, [abortFakeStream, chat, editor]);
 
   return chat;
 };
diff --git a/apps/www/src/registry/examples/markdown-streaming-demo.tsx b/apps/www/src/registry/examples/markdown-streaming-demo.tsx
index f5749b8e08..22e2fee36c 100644
--- a/apps/www/src/registry/examples/markdown-streaming-demo.tsx
+++ b/apps/www/src/registry/examples/markdown-streaming-demo.tsx
@@ -1,642 +1,205 @@
 'use client';
+
 import {
-  type HTMLAttributes,
-  useCallback,
-  useReducer,
+  Component,
+  type ErrorInfo,
+  type ReactNode,
+  useEffect,
+  useEffectEvent,
+  useMemo,
   useRef,
   useState,
 } from 'react';
 
-import { AIChatPlugin, streamInsertChunk } from '@platejs/ai/react';
-import { deserializeMd } from '@platejs/markdown';
 import {
-  ChevronFirstIcon,
-  ChevronLastIcon,
-  PauseIcon,
-  PlayIcon,
-  RotateCcwIcon,
-} from 'lucide-react';
+  AIChatPlugin,
+  resetStreamInsertChunk,
+  streamInsertChunk,
+} from '@platejs/ai/react';
 import { getPluginType, KEYS } from 'platejs';
-import { Plate, usePlateEditor, usePlateViewEditor } from 'platejs/react';
+import { Plate, usePlateEditor } from 'platejs/react';
 
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { EditorKit } from '@/registry/components/editor/editor-kit';
-import { CopilotKit } from '@/registry/components/editor/plugins/copilot-kit';
-import { MarkdownJoiner } from '@/registry/lib/markdown-joiner-transform';
-import { Editor, EditorContainer, EditorView } from '@/registry/ui/editor';
-
-import { BaseEditorKit } from '../components/editor/editor-base-kit';
-
-const CAPITALIZE_REGEX = /([A-Z])/g;
-const FIRST_CHAR_REGEX = /^./;
-const TRAILING_NEWLINES_REGEX = /(\n+)$/;
-
-const testScenarios = {
-  // Basic markdown with complete elements
-  columns: [
-    'paragraph\n\n<column',
-    '_group',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '1',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '2',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    ' ',
-    ' <',
-    'column',
-    ' width',
-    '="',
-    '33',
-    '.',
-    '333',
-    '333',
-    '333',
-    '333',
-    '336',
-    '%">\n',
-    '   ',
-    ' ',
-    '3',
-    '\n',
-    ' ',
-    ' </',
-    'column',
-    '>\n',
-    '</',
-    'column',
-    '_group',
-    '>\n\nparagraph',
-  ],
-  links: [
-    '[Link ',
-    'to OpenA',
-    'I](https://www.openai.com)\n\n',
-    '[Link ',
-    'to Google',
-    'I](https://ww',
-    'w.google.com/1',
-    '11',
-    '22',
-    'xx',
-    'yy',
-    'zz',
-    'aa',
-    'bb',
-    'cc',
-    'dd',
-    'ee',
-    '33)\n\n',
-    '[False Positive',
-    '11',
-    '22',
-    '33',
-    '44',
-    '55',
-    '66',
-    '77',
-    '88',
-    '99',
-    '100',
-  ],
-  lists: ['1.', ' number 1\n', '- ', 'List B\n', '-', ' [x] ', 'Task C'],
-  listWithImage: [
-    '## ',
-    'Links ',
-    'and ',
-    'Images\n\n',
-    '- [Link ',
-    'to OpenA',
-    'I](https://www.openai.com)\n',
-    '- ![Sample Image](https://via.placeholder.com/150)\n\n',
-  ],
-  nestedStructureBlock: [
-    '```',
-    'javascript',
-    '\n',
-    'import',
-    ' React',
-    ' from',
-    " '",
-    'react',
-    "';\n",
-    'import',
-    ' {',
-    ' Plate',
-    ' }',
-    ' from',
-    " '@",
-    'ud',
-    'ecode',
-    '/',
-    'plate',
-    "';\n\n",
-    'const',
-    ' Basic',
-    'Editor',
-    ' =',
-    ' ()',
-    ' =>',
-    ' {\n',
-    ' ',
-    ' return',
-    ' (\n',
-    '   ',
-    ' <',
-    'Plate',
-    '>\n',
-    '     ',
-    ' {/*',
-    ' Add',
-    ' your',
-    ' plugins',
-    ' and',
-    ' components',
-    ' here',
-    ' */}\n',
-    '   ',
-    ' </',
-    'Plate',
-    '>\n',
-    ' ',
-    ' );\n',
-    '};\n\n',
-    'export',
-    ' default',
-    ' Basic',
-    'Editor',
-    ';\n',
-    '```',
-  ],
-  table: [
-    '| Feature          |',
-    ' Plate',
-    '.js',
-    '                                     ',
-    ' ',
-    '| Slate.js                                     ',
-    ' ',
-    '|\n|------------------',
-    '|--------------------------------',
-    '---------------',
-    '|--------------------------------',
-    '---------------',
-    '|\n| Purpose         ',
-    ' ',
-    '| Rich text editor framework',
-    '                   ',
-    ' ',
-    '| Rich text editor framework',
-    '                   ',
-    ' ',
-    '|\n| Flexibility     ',
-    ' ',
-    '| Highly customizable',
-    ' with',
-    ' plugins',
-    '             ',
-    ' ',
-    '| Highly customizable',
-    ' with',
-    ' plugins',
-    '             ',
-    ' ',
-    '|\n| Community       ',
-    ' ',
-    '| Growing community support',
-    '                    ',
-    ' ',
-    '| Established community',
-    ' support',
-    '                ',
-    ' ',
-    '|\n| Documentation   ',
-    ' ',
-    '| Comprehensive documentation',
-    ' available',
-    '        ',
-    ' ',
-    '| Comprehensive documentation',
-    ' available',
-    '        ',
-    ' ',
-    '|\n| Performance     ',
-    ' ',
-    '| Optimized for performance',
-    ' with',
-    ' large',
-    ' documents',
-    '| Good performance, but',
-    ' may',
-    ' require',
-    ' optimization',
-    '|\n| Integration     ',
-    ' ',
-    '| Easy integration with',
-    ' React',
-    '                  ',
-    ' ',
-    '| Easy integration with',
-    ' React',
-    '                  ',
-    ' ',
-    '|\n| Use Cases       ',
-    ' ',
-    '| Suitable for complex',
-    ' editing',
-    ' needs',
-    '           ',
-    ' ',
-    '| Suitable for complex',
-    ' editing',
-    ' needs',
-    '           ',
-    ' ',
-    '\n\n',
-    'Paragraph ',
-    'should ',
-    'exist ',
-    'from ',
-    'table',
-  ],
+import {
+  type MarkdownStreamingChunk,
+  transformMarkdownStreamingChunks,
+} from '@/registry/lib/markdown-streaming-chunks';
+import {
+  DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID,
+  DEFAULT_PLAYBACK_BURST_SIZE,
+  DEFAULT_PLAYBACK_DELAY_IN_MS,
+  type MarkdownStreamingDemoScenarioId,
+  getNextPlaybackIndex,
+  getPlaybackDelayInMs,
+  markdownStreamingDemoScenarios,
+  playbackBurstSizeOptions,
+  playbackDelayOptions,
+} from '@/registry/lib/markdown-streaming-demo-data';
+import { Editor, EditorContainer } from '@/registry/ui/editor';
+
+const TRAILING_LINEBREAK_REGEX = /(\n+)$/;
+const COPY_FEEDBACK_DURATION_MS = 1800;
+const EMPTY_EDITOR_VALUE = [
+  {
+    children: [{ text: '' }],
+    type: 'p',
+  },
+] as const;
+
+type SourceMode = 'preset' | 'pasted';
+type TChunk = MarkdownStreamingChunk;
+type AppliedStreamingState = {
+  appliedCount: number;
+  sourceIdentity: string;
+  streamedChunks: string[];
+};
+type TChunks = {
+  chunks: {
+    index: number;
+    text: string;
+  }[];
+  linebreaks: number;
 };
 
-export default function MarkdownStreamingDemo() {
-  const [selectedScenario, setSelectedScenario] =
-    useState<keyof typeof testScenarios>('columns');
-  const [activeIndex, setActiveIndex] = useState<number>(0);
-  const isPauseRef = useRef(false);
-  const streamSessionRef = useRef(0);
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  const [streaming, setStreaming] = useState(false);
-  const [isPlateStatic, setIsPlateStatic] = useState(false);
-  const [speed, setSpeed] = useState<number | null>(null);
-
-  const editor = usePlateEditor(
-    {
-      plugins: [...CopilotKit, ...EditorKit],
-      value: [],
-    },
-    []
-  );
-
-  const editorStatic = usePlateViewEditor(
-    {
-      plugins: BaseEditorKit,
-    },
-    []
-  );
-
-  const currentChunks = testScenarios[selectedScenario];
-  const transformedCurrentChunks = transformedChunks(currentChunks);
-
-  const onStreaming = useCallback(async () => {
-    setStreaming(true);
-    streamSessionRef.current += 1;
-    const sessionId = streamSessionRef.current;
-
-    isPauseRef.current = false;
-    setActiveIndex(0);
-    // editor.tf.setValue([]);
-
-    editor.setOption(AIChatPlugin, 'streaming', false);
-    editor.setOption(AIChatPlugin, '_blockChunks', '');
-    editor.setOption(AIChatPlugin, '_blockPath', null);
-
-    for (let i = 0; i < transformedCurrentChunks.length; i++) {
-      while (isPauseRef.current) {
-        if (sessionId !== streamSessionRef.current) return;
-        await new Promise((resolve) => setTimeout(resolve, 100));
-      }
-
-      if (sessionId !== streamSessionRef.current) return;
-
-      setActiveIndex(i + 1);
+type EditorRenderBoundaryProps = {
+  children: ReactNode;
+  currentChunkLabel: string;
+  onReset: () => void;
+  resetKey: string;
+};
 
-      const chunk = transformedCurrentChunks[i];
+type EditorRenderBoundaryState = {
+  errorMessage: string | null;
+};
 
-      streamInsertChunk(editor, chunk.chunk, {
-        textProps: {
-          [getPluginType(editor, KEYS.ai)]: true,
-        },
-      });
+class EditorRenderBoundary extends Component<
+  EditorRenderBoundaryProps,
+  EditorRenderBoundaryState
+> {
+  state: EditorRenderBoundaryState = {
+    errorMessage: null,
+  };
+
+  static getDerivedStateFromError(error: unknown): EditorRenderBoundaryState {
+    return {
+      errorMessage:
+        error instanceof Error ? error.message : 'Unknown editor render error.',
+    };
+  }
 
-      await new Promise((resolve) =>
-        setTimeout(resolve, speed ?? chunk.delayInMs)
-      );
+  componentDidCatch(error: unknown, info: ErrorInfo) {
+    console.error('Registry markdown streaming demo crashed.', error, info);
+  }
 
-      if (sessionId !== streamSessionRef.current) return;
+  componentDidUpdate(previousProps: EditorRenderBoundaryProps) {
+    if (
+      this.state.errorMessage &&
+      previousProps.resetKey !== this.props.resetKey
+    ) {
+      this.setState({ errorMessage: null });
     }
-    setStreaming(false);
-  }, [editor, transformedCurrentChunks, speed]);
-
-  const onStreamingStatic = useCallback(async () => {
-    let output = '';
-    setStreaming(true);
-    streamSessionRef.current += 1;
-
-    for (const chunk of transformedCurrentChunks) {
-      output += chunk.chunk;
-      // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for streaming visualization
-      editorStatic.children = deserializeMd(editorStatic, output);
-      setActiveIndex((prev) => prev + 1);
-      forceUpdate();
-      await new Promise((resolve) =>
-        setTimeout(resolve, speed ?? chunk.delayInMs)
+  }
+
+  render() {
+    if (this.state.errorMessage) {
+      return (
+        <div className="flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-6">
+          <div className="space-y-3 text-red-900 text-sm">
+            <strong className="block text-base">Editor output crashed</strong>
+            <p>{this.state.errorMessage}</p>
+            <p>Current chunk: {this.props.currentChunkLabel}</p>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={this.props.onReset}
+            >
+              Reset editor pane
+            </Button>
+          </div>
+        </div>
       );
     }
-    setStreaming(false);
-  }, [editorStatic, speed, transformedCurrentChunks]);
 
-  const onReset = useCallback(() => {
-    setActiveIndex(0);
-    if (isPlateStatic) {
-      // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for reset
-      editorStatic.children = [];
-      forceUpdate();
-    } else {
-      editor.tf.setValue([]);
-      editor.setOption(AIChatPlugin, 'streaming', false);
-      editor.setOption(AIChatPlugin, '_blockChunks', '');
-      editor.setOption(AIChatPlugin, '_blockPath', null);
-    }
-  }, [editor, editorStatic, isPlateStatic]);
-
-  const onNavigate = useCallback(
-    (targetIndex: number) => {
-      // Check if navigation is possible
-      if (targetIndex < 0 || targetIndex > transformedCurrentChunks.length)
-        return;
-
-      if (isPlateStatic) {
-        let output = '';
-        for (const chunk of transformedCurrentChunks.slice(0, targetIndex)) {
-          output += chunk.chunk;
-        }
-
-        // eslint-disable-next-line react-hooks/immutability -- Demo component intentionally mutates static editor for navigation
-        editorStatic.children = deserializeMd(editorStatic, output);
-        setActiveIndex(targetIndex);
-        forceUpdate();
-      } else {
-        editor.tf.setValue([]);
-
-        editor.setOption(AIChatPlugin, 'streaming', false);
-        editor.setOption(AIChatPlugin, '_blockChunks', '');
-        editor.setOption(AIChatPlugin, '_blockPath', null);
-
-        for (const chunk of transformedCurrentChunks.slice(0, targetIndex)) {
-          streamInsertChunk(editor, chunk.chunk, {
-            textProps: {
-              [getPluginType(editor, KEYS.ai)]: true,
-            },
-          });
-        }
-        setActiveIndex(targetIndex);
-      }
-    },
-    [editor, editorStatic, isPlateStatic, transformedCurrentChunks]
-  );
+    return this.props.children;
+  }
+}
 
-  const onPrev = useCallback(
-    () => onNavigate(activeIndex - 1),
-    [onNavigate, activeIndex]
-  );
-  const onNext = useCallback(
-    () => onNavigate(activeIndex + 1),
-    [onNavigate, activeIndex]
-  );
+function serializeChunksForClipboard(chunks: readonly string[]) {
+  return JSON.stringify(chunks, null, 2);
+}
 
-  return (
-    <section className="h-full overflow-y-auto p-20">
-      <div className="mb-10 rounded bg-gray-100 p-4">
-        {/* Scenario Selection */}
-        <div className="mb-4">
-          <span className="mb-2 block font-medium text-sm">Test Scenario:</span>
-          <select
-            className="w-64 rounded border px-3 py-2"
-            value={selectedScenario}
-            onChange={(e) => {
-              setSelectedScenario(e.target.value as keyof typeof testScenarios);
-              setActiveIndex(0);
-              editor.tf.setValue([]);
-            }}
-          >
-            {Object.entries(testScenarios).map(([key]) => (
-              <option key={key} value={key}>
-                {key
-                  .replace(CAPITALIZE_REGEX, ' $1')
-                  .replace(FIRST_CHAR_REGEX, (str) => str.toUpperCase())}
-              </option>
-            ))}
-          </select>
-        </div>
+function parseSerializedChunks(source: string) {
+  const parsed = JSON.parse(source) as unknown;
 
-        {/* Control Buttons */}
-        <div className="mb-4 flex items-center gap-2">
-          <Button onClick={onPrev}>
-            <ChevronFirstIcon />
-          </Button>
-
-          <Button
-            onClick={() => {
-              if (streaming) {
-                isPauseRef.current = !isPauseRef.current;
-                forceUpdate();
-              } else if (isPlateStatic) {
-                onStreamingStatic();
-              } else {
-                onStreaming();
-              }
-            }}
-          >
-            {isPauseRef.current || !streaming ? <PlayIcon /> : <PauseIcon />}
-          </Button>
-
-          <Button onClick={onNext}>
-            <ChevronLastIcon />
-          </Button>
-
-          <Button onClick={() => onReset()}>
-            <RotateCcwIcon />
-          </Button>
-
-          <Button
-            onClick={() => {
-              setIsPlateStatic(!isPlateStatic);
-              onReset();
-            }}
-          >
-            Switch to {isPlateStatic ? 'Plate' : 'PlateStatic'}
-          </Button>
-        </div>
+  if (
+    !Array.isArray(parsed) ||
+    parsed.some((chunk) => typeof chunk !== 'string')
+  ) {
+    throw new Error('Chunks must be a JSON array of strings.');
+  }
 
-        <div className="mb-4 flex items-center gap-2">
-          <span className="block font-medium text-sm">Speed:</span>
-          <select
-            className="rounded border px-2 py-1"
-            value={speed ?? 'default'}
-            onChange={(e) =>
-              setSpeed(
-                e.target.value === 'default' ? null : Number(e.target.value)
-              )
-            }
-          >
-            {['default', 10, 100, 200].map((ms) => (
-              <option key={ms} value={ms}>
-                {ms === 'default'
-                  ? 'Default'
-                  : ms === 10
-                    ? 'Fast(10ms)'
-                    : ms === 100
-                      ? 'Medium(100ms)'
-                      : ms === 200
-                        ? 'Slow(200ms)'
-                        : `${ms}ms`}
-              </option>
-            ))}
-          </select>
-          <span className="text-muted-foreground text-sm">
-            The default speed is 10ms, but it adjusts to 100ms when streaming a
-            table or code block.
-          </span>
-        </div>
+  return [...parsed];
+}
 
-        <div className="my-4 h-2 w-full rounded bg-gray-200">
-          <div
-            className="h-2 rounded bg-primary transition-all duration-300"
-            style={{
-              width: `${(activeIndex / (transformedCurrentChunks.length || 1)) * 100}%`,
-            }}
-          />
-        </div>
+function cloneEditorValue() {
+  return JSON.parse(JSON.stringify(EMPTY_EDITOR_VALUE));
+}
 
-        <span className="text-muted-foreground text-sm">
-          PlateStatic offers more robust and flawless performance.
-        </span>
-      </div>
+function resetStreamingState(editor: any) {
+  editor.setOption(AIChatPlugin, 'streaming', false);
+  resetStreamInsertChunk(editor);
 
-      <div className="my-2 flex gap-10">
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">
-            Transformed Chunks ({activeIndex}/{transformedCurrentChunks.length})
-          </h3>
-          <Tokens
-            activeIndex={activeIndex}
-            chunkClick={onNavigate}
-            chunks={splitChunksByLinebreak(
-              transformedCurrentChunks.map((c) => c.chunk)
-            )}
-          />
-        </div>
+  if (editor.selection) {
+    editor.tf.deselect();
+  }
 
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Editor Output</h3>
-          {isPlateStatic ? (
-            <EditorView
-              className="h-[500px] overflow-y-auto rounded border"
-              editor={editorStatic}
-            />
-          ) : (
-            <Plate editor={editor}>
-              <EditorContainer className="h-[500px] overflow-y-auto rounded border">
-                <Editor
-                  variant="demo"
-                  className="pb-[20vh]"
-                  placeholder="Type something..."
-                  spellCheck={false}
-                />
-              </EditorContainer>
-            </Plate>
-          )}
-        </div>
-      </div>
+  editor.tf.setValue(cloneEditorValue());
+}
 
-      <h2 className="mt-8 mb-4 font-semibold text-xl">Raw Token Comparison</h2>
-      <div className="my-2 flex gap-10">
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Original Chunks</h3>
-          <Tokens
-            activeIndex={0}
-            chunks={splitChunksByLinebreak(currentChunks)}
-          />
-        </div>
+function applyChunk(editor: any, chunk: string) {
+  streamInsertChunk(editor, chunk, {
+    textProps: {
+      [getPluginType(editor, KEYS.ai)]: true,
+    },
+  });
+}
 
-        <div className="w-1/2">
-          <h3 className="mb-2 font-semibold">Raw Markdown Text</h3>
-          <textarea
-            className={cn(
-              'h-[500px] w-full overflow-y-auto rounded border p-4 font-mono text-sm'
-            )}
-            readOnly
-            value={currentChunks.join('')}
-          />
-        </div>
-      </div>
-    </section>
-  );
+function replayChunks(editor: any, chunks: string[], count: number) {
+  resetStreamingState(editor);
+  const chunkBatch = chunks.slice(0, count).join('');
+
+  if (chunkBatch.length > 0) {
+    applyChunk(editor, chunkBatch);
+  }
 }
 
-type TChunks = {
-  chunks: {
-    index: number;
-    text: string;
-  }[];
-  linebreaks: number;
-};
+function isChunkPrefix(
+  previousChunks: readonly string[],
+  nextChunks: readonly string[]
+) {
+  if (previousChunks.length > nextChunks.length) {
+    return false;
+  }
+
+  return previousChunks.every((chunk, index) => chunk === nextChunks[index]);
+}
 
-function splitChunksByLinebreak(chunks: string[]) {
+function splitChunksByLinebreak(chunks: readonly string[]) {
   const result: TChunks[] = [];
   let current: { index: number; text: string }[] = [];
 
-  for (let i = 0; i < chunks.length; i++) {
-    const chunk = chunks[i];
-    current.push({ index: i, text: chunk });
+  for (let index = 0; index < chunks.length; index += 1) {
+    const chunk = chunks[index];
+    current.push({ index, text: chunk });
+
+    const match = TRAILING_LINEBREAK_REGEX.exec(chunk);
 
-    const match = TRAILING_NEWLINES_REGEX.exec(chunk);
     if (match) {
-      const linebreaks = match[1].length;
       result.push({
         chunks: [...current],
-        linebreaks,
+        linebreaks: match[1].length,
       });
       current = [];
     }
@@ -652,59 +215,685 @@ function splitChunksByLinebreak(chunks: string[]) {
   return result;
 }
 
-type TChunk = { chunk: string; delayInMs: number };
-const transformedChunks = (chunks: string[]): TChunk[] => {
-  const result: TChunk[] = [];
-  const joiner = new MarkdownJoiner();
-  for (const chunk of chunks) {
-    const processed = joiner.processText(chunk);
-    if (processed) {
-      result.push({ chunk: processed, delayInMs: joiner.delayInMs });
-    }
-  }
-  // flush any remaining buffered content
-  const remaining = joiner.flush();
-  if (remaining) {
-    result.push({ chunk: remaining, delayInMs: joiner.delayInMs });
-  }
-  return result;
-};
+function transformChunks(chunks: readonly string[]): TChunk[] {
+  return transformMarkdownStreamingChunks(chunks);
+}
+
+function encodeEditorTree(editorChildren: unknown) {
+  return JSON.stringify(editorChildren, null, 2);
+}
 
-const Tokens = ({
+function InfoCard({
+  children,
+  description,
+  title,
+}: {
+  children: ReactNode;
+  description: ReactNode;
+  title: string;
+}) {
+  return (
+    <section className="flex h-[700px] min-h-0 flex-col rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="mb-4 space-y-1">
+        <h2 className="font-semibold text-2xl text-slate-900">{title}</h2>
+        <p className="text-slate-500 text-sm">{description}</p>
+      </div>
+      <div className="min-h-0 flex-1">{children}</div>
+    </section>
+  );
+}
+
+function Tokens({
   activeIndex,
   chunkClick,
   chunks,
-  ...props
 }: {
   activeIndex: number;
   chunks: TChunks[];
   chunkClick?: (index: number) => void;
-} & HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className="my-1 h-[500px] overflow-y-auto rounded bg-gray-100 p-4 font-mono"
-    {...props}
-  >
-    {chunks.map((chunk, index) => (
-      <div key={index} className="py-1">
-        {chunk.chunks.map((c, j) => {
-          const lineBreak = c.text.replaceAll('\n', '⤶');
-          const space = lineBreak.replaceAll(' ', '␣');
-
-          return (
-            <span
-              key={j}
-              role="button"
-              className={cn(
-                'mx-1 inline-block rounded border p-1',
-                activeIndex && c.index < activeIndex && 'bg-amber-400'
-              )}
-              onClick={() => chunkClick?.(c.index + 1)}
+}) {
+  return (
+    <div className="h-full overflow-y-auto rounded-2xl bg-slate-100 p-4 font-mono">
+      {chunks.map((chunk, index) => (
+        <div key={index} className="py-1">
+          {chunk.chunks.map((c, chunkIndex) => {
+            const lineBreak = c.text.replaceAll('\n', '⤶');
+            const space = lineBreak.replaceAll(' ', '␣');
+
+            return (
+              <span
+                key={chunkIndex}
+                role="button"
+                className={cn(
+                  'mx-1 inline-block rounded border p-1 text-xs transition',
+                  activeIndex && c.index < activeIndex
+                    ? 'bg-amber-400'
+                    : 'bg-white hover:bg-slate-50'
+                )}
+                onClick={() => chunkClick?.(c.index + 1)}
+              >
+                {space}
+              </span>
+            );
+          })}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export default function MarkdownStreamingDemo() {
+  const [selectedScenario, setSelectedScenario] =
+    useState<MarkdownStreamingDemoScenarioId>(
+      DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID
+    );
+  const [sourceMode, setSourceMode] = useState<SourceMode>('preset');
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [playbackBurstSize, setPlaybackBurstSize] = useState(
+    DEFAULT_PLAYBACK_BURST_SIZE
+  );
+  const [playbackDelayInMs, setPlaybackDelayInMs] = useState(
+    DEFAULT_PLAYBACK_DELAY_IN_MS
+  );
+  const [treeJson, setTreeJson] = useState(
+    encodeEditorTree(EMPTY_EDITOR_VALUE)
+  );
+  const [demoError, setDemoError] = useState<string | null>(null);
+  const [copyChunksStatus, setCopyChunksStatus] = useState<
+    'idle' | 'copied' | 'error'
+  >('idle');
+  const [pasteChunksStatus, setPasteChunksStatus] = useState<
+    'idle' | 'loaded' | 'error'
+  >('idle');
+  const [pastedChunks, setPastedChunks] = useState<string[]>([]);
+  const copyStatusTimerRef = useRef<number | null>(null);
+  const pasteStatusTimerRef = useRef<number | null>(null);
+  const appliedStreamingStateRef = useRef<AppliedStreamingState>({
+    appliedCount: 0,
+    sourceIdentity: `preset:${DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID}`,
+    streamedChunks: [],
+  });
+
+  const editor = usePlateEditor(
+    {
+      plugins: EditorKit,
+      value: cloneEditorValue(),
+    },
+    []
+  );
+
+  const selectedScenarioDefinition =
+    markdownStreamingDemoScenarios[selectedScenario];
+  const scenarioEntries = Object.entries(markdownStreamingDemoScenarios) as [
+    MarkdownStreamingDemoScenarioId,
+    (typeof markdownStreamingDemoScenarios)[MarkdownStreamingDemoScenarioId],
+  ][];
+  const currentScenarioChunks = selectedScenarioDefinition.chunks;
+
+  const rawChunks = useMemo(() => {
+    if (sourceMode === 'pasted') {
+      return pastedChunks;
+    }
+
+    return currentScenarioChunks;
+  }, [currentScenarioChunks, pastedChunks, sourceMode]);
+
+  const transformedCurrentChunks = useMemo(
+    () => transformChunks(rawChunks),
+    [rawChunks]
+  );
+
+  const currentMarkdown = useMemo(
+    () =>
+      transformedCurrentChunks
+        .slice(0, activeIndex)
+        .map((item) => item.chunk)
+        .join(''),
+    [activeIndex, transformedCurrentChunks]
+  );
+
+  const rawActiveIndex = useMemo(() => {
+    if (activeIndex === 0) {
+      return 0;
+    }
+
+    const lastAppliedChunk =
+      transformedCurrentChunks[
+        Math.min(activeIndex - 1, transformedCurrentChunks.length - 1)
+      ];
+
+    return lastAppliedChunk ? lastAppliedChunk.rawEndIndex + 1 : 0;
+  }, [activeIndex, transformedCurrentChunks]);
+  const rawChunksByLine = useMemo(
+    () => splitChunksByLinebreak(rawChunks),
+    [rawChunks]
+  );
+
+  const currentSourceLabel =
+    sourceMode === 'pasted'
+      ? 'Pasted chunks'
+      : selectedScenarioDefinition.label;
+  const sourceIdentity =
+    sourceMode === 'preset' ? `preset:${selectedScenario}` : 'pasted';
+  const currentChunkLabel =
+    activeIndex === 0 ? 'before first chunk' : `#${activeIndex}`;
+  const editorBoundaryResetKey = `${sourceIdentity}:${activeIndex}`;
+  const syncTreeJson = useEffectEvent(() => {
+    setTreeJson(encodeEditorTree(editor.children));
+  });
+  const stopPlayback = useEffectEvent(() => {
+    setIsPlaying(false);
+  });
+
+  async function handleCopyChunks() {
+    try {
+      await navigator.clipboard.writeText(
+        serializeChunksForClipboard(rawChunks)
+      );
+      setCopyChunksStatus('copied');
+    } catch {
+      setCopyChunksStatus('error');
+    }
+  }
+
+  async function handlePasteChunks() {
+    let initialValue = '';
+
+    try {
+      initialValue = await navigator.clipboard.readText();
+    } catch {}
+
+    // biome-ignore lint/suspicious/noAlert: dev-only chunk import helper for local debugging.
+    const pastedValue = window.prompt(
+      'Paste the chunk array exported from Copy chunks.',
+      initialValue
+    );
+
+    if (pastedValue == null) {
+      return;
+    }
+
+    try {
+      const parsedChunks = parseSerializedChunks(pastedValue);
+
+      setSourceMode('pasted');
+      setPastedChunks(parsedChunks);
+      setDemoError(null);
+      setIsPlaying(false);
+      setActiveIndex(transformChunks(parsedChunks).length);
+      setPasteChunksStatus('loaded');
+    } catch (error) {
+      setPasteChunksStatus('error');
+      setDemoError(
+        error instanceof Error
+          ? error.message
+          : 'Failed to parse pasted chunks.'
+      );
+    }
+  }
+
+  function switchToPresetMode(nextScenario?: MarkdownStreamingDemoScenarioId) {
+    setSourceMode('preset');
+    setPastedChunks([]);
+    setDemoError(null);
+    setIsPlaying(false);
+    setActiveIndex(0);
+
+    if (nextScenario) {
+      setSelectedScenario(nextScenario);
+    }
+  }
+
+  useEffect(
+    () => () => {
+      if (copyStatusTimerRef.current != null) {
+        window.clearTimeout(copyStatusTimerRef.current);
+      }
+
+      if (pasteStatusTimerRef.current != null) {
+        window.clearTimeout(pasteStatusTimerRef.current);
+      }
+    },
+    []
+  );
+
+  useEffect(() => {
+    if (copyChunksStatus === 'idle') return;
+
+    if (copyStatusTimerRef.current != null) {
+      window.clearTimeout(copyStatusTimerRef.current);
+    }
+
+    copyStatusTimerRef.current = window.setTimeout(() => {
+      setCopyChunksStatus('idle');
+      copyStatusTimerRef.current = null;
+    }, COPY_FEEDBACK_DURATION_MS);
+
+    return () => {
+      if (copyStatusTimerRef.current != null) {
+        window.clearTimeout(copyStatusTimerRef.current);
+      }
+    };
+  }, [copyChunksStatus]);
+
+  useEffect(() => {
+    if (pasteChunksStatus === 'idle') return;
+
+    if (pasteStatusTimerRef.current != null) {
+      window.clearTimeout(pasteStatusTimerRef.current);
+    }
+
+    pasteStatusTimerRef.current = window.setTimeout(() => {
+      setPasteChunksStatus('idle');
+      pasteStatusTimerRef.current = null;
+    }, COPY_FEEDBACK_DURATION_MS);
+
+    return () => {
+      if (pasteStatusTimerRef.current != null) {
+        window.clearTimeout(pasteStatusTimerRef.current);
+      }
+    };
+  }, [pasteChunksStatus]);
+
+  useEffect(() => {
+    const chunks = transformedCurrentChunks.map((item) => item.chunk);
+    const appliedState = appliedStreamingStateRef.current;
+    const needsReplay =
+      appliedState.sourceIdentity !== sourceIdentity ||
+      activeIndex < appliedState.appliedCount ||
+      !isChunkPrefix(appliedState.streamedChunks, chunks);
+
+    if (activeIndex === 0) {
+      if (
+        appliedState.appliedCount !== 0 ||
+        appliedState.sourceIdentity !== sourceIdentity
+      ) {
+        resetStreamingState(editor);
+        appliedStreamingStateRef.current = {
+          appliedCount: 0,
+          sourceIdentity,
+          streamedChunks: [],
+        };
+      }
+
+      syncTreeJson();
+      return;
+    }
+
+    if (needsReplay) {
+      replayChunks(editor, chunks, activeIndex);
+      appliedStreamingStateRef.current = {
+        appliedCount: activeIndex,
+        sourceIdentity,
+        streamedChunks: chunks.slice(0, activeIndex),
+      };
+      syncTreeJson();
+      return;
+    }
+
+    if (activeIndex > appliedState.appliedCount) {
+      const chunkBatch = chunks
+        .slice(appliedState.appliedCount, activeIndex)
+        .join('');
+
+      if (chunkBatch.length > 0) {
+        applyChunk(editor, chunkBatch);
+      }
+
+      appliedStreamingStateRef.current = {
+        appliedCount: activeIndex,
+        sourceIdentity,
+        streamedChunks: chunks.slice(0, activeIndex),
+      };
+    }
+
+    syncTreeJson();
+  }, [activeIndex, editor, sourceIdentity, transformedCurrentChunks]);
+
+  useEffect(() => {
+    if (!isPlaying) return;
+    if (activeIndex >= transformedCurrentChunks.length) {
+      stopPlayback();
+      return;
+    }
+
+    const timer = window.setTimeout(
+      () => {
+        setActiveIndex((previous) =>
+          getNextPlaybackIndex(
+            previous,
+            transformedCurrentChunks.length,
+            playbackBurstSize
+          )
+        );
+      },
+      getPlaybackDelayInMs(
+        playbackDelayInMs,
+        transformedCurrentChunks[activeIndex]?.delayInMs ?? 0
+      )
+    );
+
+    return () => window.clearTimeout(timer);
+  }, [
+    activeIndex,
+    isPlaying,
+    playbackBurstSize,
+    playbackDelayInMs,
+    transformedCurrentChunks,
+  ]);
+
+  return (
+    <section className="h-full overflow-y-auto p-8 md:p-12">
+      <div className="space-y-6">
+        <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+          <div className="flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between">
+            <div className="space-y-4">
+              <div>
+                <p className="font-semibold text-slate-500 text-xs uppercase tracking-[0.2em]">
+                  Plate / Blocks
+                </p>
+                <h1 className="mt-2 font-semibold text-4xl text-slate-950">
+                  Markdown streaming demo
+                </h1>
+                <p className="mt-3 max-w-3xl text-slate-600 text-sm">
+                  This registry example now includes the same richer debugging
+                  workflow from the local dev demo, while still using
+                  Plate&apos;s real
+                  <code className="mx-1 rounded bg-slate-100 px-1.5 py-0.5">
+                    streamInsertChunk
+                  </code>
+                  path only.
+                </p>
+              </div>
+
+              <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-6">
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Scenario
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    {selectedScenarioDefinition.label}
+                  </strong>
+                </div>
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Source
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    {currentSourceLabel}
+                  </strong>
+                </div>
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Progress
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    {activeIndex}/{transformedCurrentChunks.length}
+                  </strong>
+                </div>
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Adapter
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    Plate streamInsertChunk
+                  </strong>
+                </div>
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Preset Delay
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    {playbackDelayInMs} ms
+                  </strong>
+                </div>
+                <div className="rounded-2xl bg-slate-50 px-4 py-3">
+                  <span className="block text-slate-500 text-xs uppercase tracking-wide">
+                    Burst Size
+                  </span>
+                  <strong className="mt-1 block text-slate-900">
+                    {playbackBurstSize}
+                  </strong>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex flex-wrap gap-3">
+              <label className="flex min-w-72 flex-col gap-2 text-slate-600 text-sm">
+                <span className="font-medium text-slate-800">Scenario</span>
+                <select
+                  className="rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm"
+                  value={selectedScenario}
+                  onChange={(event) => {
+                    switchToPresetMode(
+                      event.target.value as MarkdownStreamingDemoScenarioId
+                    );
+                  }}
+                >
+                  {scenarioEntries.map(([scenarioId, scenario]) => (
+                    <option key={scenarioId} value={scenarioId}>
+                      {scenario.label}
+                    </option>
+                  ))}
+                </select>
+              </label>
+
+              <label className="flex min-w-48 flex-col gap-2 text-slate-600 text-sm">
+                <span className="font-medium text-slate-800">Preset delay</span>
+                <select
+                  className="rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm"
+                  value={playbackDelayInMs}
+                  onChange={(event) => {
+                    setPlaybackDelayInMs(Number(event.target.value));
+                  }}
+                >
+                  {playbackDelayOptions.map((option) => (
+                    <option key={option.value} value={option.value}>
+                      {option.label}
+                    </option>
+                  ))}
+                </select>
+              </label>
+
+              <label className="flex min-w-48 flex-col gap-2 text-slate-600 text-sm">
+                <span className="font-medium text-slate-800">Burst size</span>
+                <select
+                  className="rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 shadow-sm"
+                  value={playbackBurstSize}
+                  onChange={(event) => {
+                    setPlaybackBurstSize(Number(event.target.value));
+                  }}
+                >
+                  {playbackBurstSizeOptions.map((option) => (
+                    <option key={option.value} value={option.value}>
+                      {option.label}
+                    </option>
+                  ))}
+                </select>
+              </label>
+
+              <div className="flex flex-wrap items-end gap-3">
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => {
+                    setIsPlaying(false);
+                    setActiveIndex(0);
+                  }}
+                >
+                  Reset
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={activeIndex === 0}
+                  onClick={() => {
+                    setIsPlaying(false);
+                    setActiveIndex((previous) => Math.max(0, previous - 1));
+                  }}
+                >
+                  Prev
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={activeIndex >= transformedCurrentChunks.length}
+                  onClick={() => {
+                    setIsPlaying(false);
+                    setActiveIndex((previous) =>
+                      Math.min(transformedCurrentChunks.length, previous + 1)
+                    );
+                  }}
+                >
+                  Next
+                </Button>
+                <Button
+                  type="button"
+                  onClick={() => setIsPlaying((previous) => !previous)}
+                >
+                  {isPlaying ? 'Pause' : 'Play'}
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => {
+                    setIsPlaying(false);
+                    setActiveIndex(transformedCurrentChunks.length);
+                  }}
+                >
+                  Jump to end
+                </Button>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <div className="grid gap-6 xl:grid-cols-2">
+          <InfoCard
+            title="Chunks"
+            description={
+              <>
+                These are the original chunks before the local MarkdownJoiner
+                pass. Joined chunks: {transformedCurrentChunks.length}
+              </>
+            }
+          >
+            <div className="flex h-full min-h-0 flex-col">
+              <div className="mb-4 flex flex-wrap justify-end gap-3">
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={sourceMode === 'preset'}
+                  onClick={() => switchToPresetMode()}
+                >
+                  Use preset scenario
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={rawChunks.length === 0}
+                  onClick={() => {
+                    void handleCopyChunks();
+                  }}
+                >
+                  {copyChunksStatus === 'copied'
+                    ? 'Copied'
+                    : copyChunksStatus === 'error'
+                      ? 'Copy failed'
+                      : 'Copy raw chunks'}
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => {
+                    void handlePasteChunks();
+                  }}
+                >
+                  {pasteChunksStatus === 'loaded'
+                    ? 'Loaded'
+                    : pasteChunksStatus === 'error'
+                      ? 'Paste failed'
+                      : 'Paste raw chunks'}
+                </Button>
+              </div>
+              {demoError ? (
+                <p className="mb-4 text-red-600 text-sm">{demoError}</p>
+              ) : null}
+
+              <div className="min-h-0 flex-1">
+                <Tokens
+                  activeIndex={rawActiveIndex}
+                  chunks={rawChunksByLine}
+                  chunkClick={(index) => {
+                    const joinedIndex = transformedCurrentChunks.findIndex(
+                      (chunk) => chunk.rawEndIndex >= index - 1
+                    );
+
+                    setIsPlaying(false);
+                    setActiveIndex(
+                      joinedIndex === -1
+                        ? transformedCurrentChunks.length
+                        : joinedIndex + 1
+                    );
+                  }}
+                />
+              </div>
+            </div>
+          </InfoCard>
+
+          <InfoCard
+            title="Editor output"
+            description="Real Plate streamInsertChunk running against the current joined chunks."
+          >
+            <EditorRenderBoundary
+              currentChunkLabel={currentChunkLabel}
+              onReset={() => {
+                setIsPlaying(false);
+                resetStreamingState(editor);
+                appliedStreamingStateRef.current = {
+                  appliedCount: 0,
+                  sourceIdentity,
+                  streamedChunks: [],
+                };
+                setTreeJson(encodeEditorTree(editor.children));
+              }}
+              resetKey={editorBoundaryResetKey}
             >
-              {space}
-            </span>
-          );
-        })}
+              <Plate editor={editor}>
+                <EditorContainer className="h-full overflow-y-auto rounded-2xl border border-slate-200 bg-white">
+                  <Editor
+                    variant="demo"
+                    className="min-h-full pb-[20vh]"
+                    placeholder="Streaming output will appear here..."
+                    spellCheck={false}
+                  />
+                </EditorContainer>
+              </Plate>
+            </EditorRenderBoundary>
+          </InfoCard>
+
+          <InfoCard
+            title="Raw markdown"
+            description="The currently streamed prefix concatenated as markdown text."
+          >
+            <textarea
+              className="h-full w-full resize-none rounded-2xl border border-slate-200 bg-white p-4 font-mono text-slate-900 text-sm shadow-sm"
+              readOnly
+              value={currentMarkdown}
+            />
+          </InfoCard>
+
+          <InfoCard
+            title="Editor tree"
+            description="The raw Slate tree after the current streaming step."
+          >
+            <pre className="h-full overflow-auto whitespace-pre-wrap break-words rounded-2xl bg-slate-900 p-4 font-mono text-slate-100 text-sm">
+              {treeJson}
+            </pre>
+          </InfoCard>
+        </div>
       </div>
-    ))}
-  </div>
-);
+    </section>
+  );
+}
diff --git a/apps/www/src/registry/lib/ai-stream-batching.spec.ts b/apps/www/src/registry/lib/ai-stream-batching.spec.ts
new file mode 100644
index 0000000000..30ad234816
--- /dev/null
+++ b/apps/www/src/registry/lib/ai-stream-batching.spec.ts
@@ -0,0 +1,176 @@
+import { describe, expect, it } from 'bun:test';
+
+import {
+  createAIStreamBatcher,
+  shouldFlushAIStreamChunkImmediately,
+} from './ai-stream-batching';
+
+const createTimer = (id: number) =>
+  ({ id }) as unknown as ReturnType<typeof setTimeout>;
+
+const getTimerId = (timer: ReturnType<typeof setTimeout>) =>
+  (timer as unknown as { id: number }).id;
+
+describe('shouldFlushAIStreamChunkImmediately', () => {
+  it('treats structural markdown as an immediate flush boundary', () => {
+    expect(shouldFlushAIStreamChunkImmediately('hello\nworld')).toBe(true);
+    expect(shouldFlushAIStreamChunkImmediately('```ts')).toBe(true);
+    expect(shouldFlushAIStreamChunkImmediately('| col |')).toBe(true);
+    expect(shouldFlushAIStreamChunkImmediately('plain text')).toBe(false);
+  });
+});
+
+describe('createAIStreamBatcher', () => {
+  it('flushes the first chunk immediately', () => {
+    const applied: string[] = [];
+    const scheduled: number[] = [];
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk) => {
+        applied.push(chunk);
+      },
+      schedule: (_callback: () => void, delayInMs: number) => {
+        scheduled.push(delayInMs);
+
+        return createTimer(1);
+      },
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+
+    expect(applied).toEqual(['hello']);
+    expect(scheduled).toEqual([]);
+  });
+
+  it('batches later chunks until the scheduled flush runs', () => {
+    const applied: string[] = [];
+    const scheduled: Array<{
+      callback: () => void;
+      delayInMs: number;
+      id: number;
+    }> = [];
+    const canceled: number[] = [];
+    let nextId = 0;
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk) => {
+        applied.push(chunk);
+      },
+      cancel: (timer) => {
+        canceled.push(getTimerId(timer));
+      },
+      schedule: (callback, delayInMs) => {
+        const id = ++nextId;
+
+        scheduled.push({ callback, delayInMs, id });
+
+        return createTimer(id);
+      },
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+    batcher.queue({ chunk: ' ', isFirst: false });
+    batcher.queue({ chunk: 'world', isFirst: false });
+
+    expect(applied).toEqual(['hello']);
+    expect(scheduled).toHaveLength(1);
+    expect(scheduled[0]?.delayInMs).toBe(16);
+    expect(batcher.getPendingChunk()).toBe(' world');
+
+    scheduled[0]?.callback();
+
+    expect(applied).toEqual(['hello', ' world']);
+    expect(canceled).toEqual([]);
+    expect(batcher.getPendingChunk()).toBe('');
+  });
+
+  it('flushes buffered chunks immediately on structural boundaries', () => {
+    const applied: string[] = [];
+    const canceled: number[] = [];
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk) => {
+        applied.push(chunk);
+      },
+      cancel: (timer) => {
+        canceled.push(getTimerId(timer));
+      },
+      schedule: () => createTimer(1),
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+    batcher.queue({ chunk: ' world', isFirst: false });
+    batcher.queue({ chunk: '\n\n## title', isFirst: false });
+
+    expect(applied).toEqual(['hello', ' world\n\n## title']);
+    expect(canceled).toEqual([1]);
+    expect(batcher.getPendingChunk()).toBe('');
+  });
+
+  it('flushes pending text before reset', () => {
+    const applied: string[] = [];
+    const canceled: number[] = [];
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk) => {
+        applied.push(chunk);
+      },
+      cancel: (timer) => {
+        canceled.push(getTimerId(timer));
+      },
+      schedule: () => createTimer(1),
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+    batcher.queue({ chunk: ' world', isFirst: false });
+
+    batcher.flush();
+    batcher.reset();
+
+    expect(applied).toEqual(['hello', ' world']);
+    expect(canceled).toEqual([1]);
+    expect(batcher.getPendingChunk()).toBe('');
+    expect(batcher.getBatchWindowInMs()).toBe(16);
+  });
+
+  it('forwards force flush requests to the apply callback', () => {
+    const applied: Array<{ chunk: string; force: boolean | undefined }> = [];
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk, options) => {
+        applied.push({ chunk, force: options?.force });
+      },
+      schedule: () => createTimer(1),
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+    batcher.queue({ chunk: ' world', isFirst: false });
+
+    batcher.flush({ force: true });
+
+    expect(applied).toEqual([
+      { chunk: 'hello', force: undefined },
+      { chunk: ' world', force: true },
+    ]);
+  });
+
+  it('uses a longer batch window after a slow flush', () => {
+    const applied: string[] = [];
+    const scheduled: number[] = [];
+    let now = 0;
+    const batcher = createAIStreamBatcher({
+      applyChunk: (chunk) => {
+        applied.push(chunk);
+        now += 30;
+      },
+      getNow: () => now,
+      schedule: (_callback: () => void, delayInMs: number) => {
+        scheduled.push(delayInMs);
+
+        return createTimer(1);
+      },
+    });
+
+    batcher.queue({ chunk: 'hello', isFirst: true });
+    batcher.queue({ chunk: ' ', isFirst: false });
+
+    expect(applied).toEqual(['hello']);
+    expect(scheduled).toEqual([32]);
+    expect(batcher.getBatchWindowInMs()).toBe(32);
+  });
+});
diff --git a/apps/www/src/registry/lib/ai-stream-batching.ts b/apps/www/src/registry/lib/ai-stream-batching.ts
new file mode 100644
index 0000000000..396c4f2e2f
--- /dev/null
+++ b/apps/www/src/registry/lib/ai-stream-batching.ts
@@ -0,0 +1,98 @@
+const DEFAULT_BATCH_WINDOW_IN_MS = 16;
+const SLOW_BATCH_WINDOW_IN_MS = 32;
+const SLOW_FLUSH_THRESHOLD_IN_MS = 24;
+
+type AIStreamBatchTimer = ReturnType<typeof setTimeout>;
+type AIStreamBatchFlushOptions = {
+  force?: boolean;
+};
+
+export type AIStreamBatcher = ReturnType<typeof createAIStreamBatcher>;
+
+export function shouldFlushAIStreamChunkImmediately(chunk: string) {
+  return chunk.includes('\n') || chunk.includes('```') || chunk.includes('|');
+}
+
+export function createAIStreamBatcher({
+  applyChunk,
+  cancel = clearTimeout,
+  getNow = () => performance.now(),
+  schedule = setTimeout,
+}: {
+  applyChunk: (chunk: string, options?: AIStreamBatchFlushOptions) => void;
+  cancel?: (timer: AIStreamBatchTimer) => void;
+  getNow?: () => number;
+  schedule?: (callback: () => void, delayInMs: number) => AIStreamBatchTimer;
+}) {
+  let batchWindowInMs = DEFAULT_BATCH_WINDOW_IN_MS;
+  let pendingChunk = '';
+  let timer: AIStreamBatchTimer | null = null;
+
+  const clearTimer = () => {
+    if (timer) {
+      cancel(timer);
+      timer = null;
+    }
+  };
+
+  const flush = (options?: AIStreamBatchFlushOptions) => {
+    if (!pendingChunk) return false;
+
+    const chunk = pendingChunk;
+
+    pendingChunk = '';
+    clearTimer();
+
+    const startedAt = getNow();
+
+    applyChunk(chunk, options);
+
+    batchWindowInMs =
+      getNow() - startedAt > SLOW_FLUSH_THRESHOLD_IN_MS
+        ? SLOW_BATCH_WINDOW_IN_MS
+        : DEFAULT_BATCH_WINDOW_IN_MS;
+
+    return true;
+  };
+
+  const queue = ({ chunk, isFirst }: { chunk: string; isFirst: boolean }) => {
+    if (!chunk) return;
+
+    if (isFirst) {
+      reset();
+      pendingChunk = chunk;
+      flush();
+
+      return;
+    }
+
+    pendingChunk += chunk;
+
+    if (shouldFlushAIStreamChunkImmediately(chunk)) {
+      flush();
+
+      return;
+    }
+
+    if (!timer) {
+      timer = schedule(() => {
+        timer = null;
+        flush();
+      }, batchWindowInMs);
+    }
+  };
+
+  const reset = () => {
+    pendingChunk = '';
+    batchWindowInMs = DEFAULT_BATCH_WINDOW_IN_MS;
+    clearTimer();
+  };
+
+  return {
+    flush,
+    getBatchWindowInMs: () => batchWindowInMs,
+    getPendingChunk: () => pendingChunk,
+    queue,
+    reset,
+  };
+}
diff --git a/apps/www/src/registry/lib/markdown-streaming-chunks.spec.ts b/apps/www/src/registry/lib/markdown-streaming-chunks.spec.ts
new file mode 100644
index 0000000000..cba8045b53
--- /dev/null
+++ b/apps/www/src/registry/lib/markdown-streaming-chunks.spec.ts
@@ -0,0 +1,87 @@
+import { describe, expect, it } from 'bun:test';
+
+import { liveMarkdownEditorsArticleChunks } from './markdown-streaming-demo-data';
+import {
+  appendMarkdownStreamingChunks,
+  createMarkdownStreamingChunkAccumulator,
+  flushMarkdownStreamingChunks,
+  type MarkdownStreamingChunk,
+  transformMarkdownStreamingChunks,
+} from './markdown-streaming-chunks';
+
+function groupChunks(chunks: readonly string[], size: number) {
+  const groups: string[][] = [];
+
+  for (let index = 0; index < chunks.length; index += size) {
+    groups.push(chunks.slice(index, index + size));
+  }
+
+  return groups;
+}
+
+function runIncremental(groups: readonly (readonly string[])[]) {
+  const accumulator = createMarkdownStreamingChunkAccumulator();
+  const output: MarkdownStreamingChunk[] = [];
+
+  for (const group of groups) {
+    output.push(...appendMarkdownStreamingChunks(accumulator, group));
+  }
+
+  output.push(...flushMarkdownStreamingChunks(accumulator));
+
+  return output;
+}
+
+describe('transformMarkdownStreamingChunks', () => {
+  it('matches the one-shot transform across different raw chunk regroupings', () => {
+    const expected = transformMarkdownStreamingChunks(
+      liveMarkdownEditorsArticleChunks
+    );
+
+    expect(
+      runIncremental(groupChunks(liveMarkdownEditorsArticleChunks, 1))
+    ).toEqual(expected);
+    expect(
+      runIncremental(groupChunks(liveMarkdownEditorsArticleChunks, 5))
+    ).toEqual(expected);
+    expect(runIncremental([liveMarkdownEditorsArticleChunks])).toEqual(
+      expected
+    );
+  });
+
+  it('flushes pending markdown when the stream ends without a closing token', () => {
+    const accumulator = createMarkdownStreamingChunkAccumulator();
+
+    expect(appendMarkdownStreamingChunks(accumulator, ['**'])).toEqual([]);
+    expect(flushMarkdownStreamingChunks(accumulator)).toEqual([
+      {
+        chunk: '**',
+        delayInMs: 10,
+        rawEndIndex: 0,
+      },
+    ]);
+  });
+
+  it('tracks the last raw chunk index that completed each joined chunk', () => {
+    const accumulator = createMarkdownStreamingChunkAccumulator();
+
+    expect(
+      appendMarkdownStreamingChunks(accumulator, [
+        'hello ',
+        '[Plate',
+        '](https://platejs.org)',
+      ])
+    ).toEqual([
+      {
+        chunk: 'hello ',
+        delayInMs: 10,
+        rawEndIndex: 0,
+      },
+      {
+        chunk: '[Plate](https://platejs.org)',
+        delayInMs: 10,
+        rawEndIndex: 2,
+      },
+    ]);
+  });
+});
diff --git a/apps/www/src/registry/lib/markdown-streaming-chunks.ts b/apps/www/src/registry/lib/markdown-streaming-chunks.ts
new file mode 100644
index 0000000000..8ecfd9bb9b
--- /dev/null
+++ b/apps/www/src/registry/lib/markdown-streaming-chunks.ts
@@ -0,0 +1,75 @@
+import { MarkdownJoiner } from '@/registry/lib/markdown-joiner-transform';
+
+export type MarkdownStreamingChunk = {
+  chunk: string;
+  delayInMs: number;
+  rawEndIndex: number;
+};
+
+export type MarkdownStreamingChunkAccumulator = {
+  joiner: MarkdownJoiner;
+  rawChunkCount: number;
+};
+
+export function createMarkdownStreamingChunkAccumulator(): MarkdownStreamingChunkAccumulator {
+  return {
+    joiner: new MarkdownJoiner(),
+    rawChunkCount: 0,
+  };
+}
+
+export function appendMarkdownStreamingChunks(
+  accumulator: MarkdownStreamingChunkAccumulator,
+  rawChunks: readonly string[]
+): MarkdownStreamingChunk[] {
+  const transformedChunks: MarkdownStreamingChunk[] = [];
+
+  for (const rawChunk of rawChunks) {
+    const rawEndIndex = accumulator.rawChunkCount;
+    const processed = accumulator.joiner.processText(rawChunk);
+    accumulator.rawChunkCount += 1;
+
+    if (processed) {
+      transformedChunks.push({
+        chunk: processed,
+        delayInMs: accumulator.joiner.delayInMs,
+        rawEndIndex,
+      });
+    }
+  }
+
+  return transformedChunks;
+}
+
+export function flushMarkdownStreamingChunks(
+  accumulator: MarkdownStreamingChunkAccumulator
+): MarkdownStreamingChunk[] {
+  if (accumulator.rawChunkCount === 0) {
+    return [];
+  }
+
+  const remaining = accumulator.joiner.flush();
+
+  if (!remaining) {
+    return [];
+  }
+
+  return [
+    {
+      chunk: remaining,
+      delayInMs: accumulator.joiner.delayInMs,
+      rawEndIndex: Math.max(accumulator.rawChunkCount - 1, 0),
+    },
+  ];
+}
+
+export function transformMarkdownStreamingChunks(
+  rawChunks: readonly string[]
+): MarkdownStreamingChunk[] {
+  const accumulator = createMarkdownStreamingChunkAccumulator();
+
+  return [
+    ...appendMarkdownStreamingChunks(accumulator, rawChunks),
+    ...flushMarkdownStreamingChunks(accumulator),
+  ];
+}
diff --git a/apps/www/src/registry/lib/markdown-streaming-demo-data.spec.ts b/apps/www/src/registry/lib/markdown-streaming-demo-data.spec.ts
new file mode 100644
index 0000000000..ecdc224d20
--- /dev/null
+++ b/apps/www/src/registry/lib/markdown-streaming-demo-data.spec.ts
@@ -0,0 +1,257 @@
+import { describe, expect, it } from 'bun:test';
+import { createSlateEditor } from 'platejs';
+
+import { BaseEditorKit } from '@/registry/components/editor/editor-base-kit';
+import {
+  DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID,
+  getNextPlaybackIndex,
+  getPlaybackDelayInMs,
+  markdownStreamingDemoScenarios,
+} from '@/registry/lib/markdown-streaming-demo-data';
+import { transformMarkdownStreamingChunks } from '@/registry/lib/markdown-streaming-chunks';
+import { deserializeMd } from '../../../../../packages/markdown/src/lib/deserializer';
+
+const createDemoMarkdownEditor = () =>
+  createSlateEditor({
+    plugins: BaseEditorKit,
+    value: [{ children: [{ text: '' }], type: 'p' }],
+  });
+
+const getNodeTypes = (nodes: any[]): string[] => {
+  const types: string[] = [];
+
+  for (const node of nodes) {
+    if (typeof node?.type === 'string') {
+      types.push(node.type);
+    }
+
+    if (Array.isArray(node?.children)) {
+      types.push(...getNodeTypes(node.children));
+    }
+  }
+
+  return types;
+};
+
+const findNodesByType = (nodes: any[], type: string): any[] => {
+  const matches: any[] = [];
+
+  for (const node of nodes) {
+    if (node?.type === type) {
+      matches.push(node);
+    }
+
+    if (Array.isArray(node?.children)) {
+      matches.push(...findNodesByType(node.children, type));
+    }
+  }
+
+  return matches;
+};
+
+const getTextLeaves = (nodes: any[]): any[] => {
+  const leaves: any[] = [];
+
+  for (const node of nodes) {
+    if (typeof node?.text === 'string') {
+      leaves.push(node);
+    }
+
+    if (Array.isArray(node?.children)) {
+      leaves.push(...getTextLeaves(node.children));
+    }
+  }
+
+  return leaves;
+};
+
+describe('getPlaybackDelayInMs', () => {
+  it('uses the selected playback delay as the minimum interval', () => {
+    expect(getPlaybackDelayInMs(50, 10)).toBe(50);
+    expect(getPlaybackDelayInMs(16, undefined)).toBe(16);
+  });
+
+  it('preserves larger chunk-specific delays from the joiner', () => {
+    expect(getPlaybackDelayInMs(10, 100)).toBe(100);
+    expect(getPlaybackDelayInMs(50, 200)).toBe(200);
+  });
+});
+
+describe('getNextPlaybackIndex', () => {
+  it('advances by the selected burst size', () => {
+    expect(getNextPlaybackIndex(0, 20, 1)).toBe(1);
+    expect(getNextPlaybackIndex(0, 20, 5)).toBe(5);
+    expect(getNextPlaybackIndex(3, 20, 10)).toBe(13);
+  });
+
+  it('caps the next index at the total chunk count', () => {
+    expect(getNextPlaybackIndex(17, 20, 5)).toBe(20);
+    expect(getNextPlaybackIndex(20, 20, 5)).toBe(20);
+  });
+});
+
+describe('markdownStreamingDemoScenarios', () => {
+  const mergedScenario =
+    markdownStreamingDemoScenarios[DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID];
+
+  const getMergedMarkdown = () =>
+    transformMarkdownStreamingChunks([...mergedScenario.chunks])
+      .map((chunk) => chunk.chunk)
+      .join('');
+
+  it('exports a single merged preset scenario', () => {
+    const scenarioEntries = Object.entries(markdownStreamingDemoScenarios);
+
+    expect(scenarioEntries).toHaveLength(1);
+    expect(markdownStreamingDemoScenarios).toHaveProperty(
+      DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID
+    );
+    expect(mergedScenario.label).toBe('All Scenarios Combined');
+    expect(mergedScenario.syntax).toBe('mdx');
+  });
+
+  it('preserves the full merged markdown text when transformed', () => {
+    const transformed = transformMarkdownStreamingChunks([
+      ...mergedScenario.chunks,
+    ]);
+
+    expect(transformed.length).toBeGreaterThan(0);
+    expect(transformed.map((chunk) => chunk.chunk).join('')).toBe(
+      mergedScenario.chunks.join('')
+    );
+  });
+
+  it('keeps the merged scenario inside the supported editor node set', () => {
+    const editor = createDemoMarkdownEditor();
+    const nodeTypes = getNodeTypes(deserializeMd(editor, getMergedMarkdown()));
+
+    for (const expectedType of [
+      'audio',
+      'callout',
+      'code_block',
+      'column',
+      'column_group',
+      'date',
+      'file',
+      'toc',
+      'video',
+    ]) {
+      expect(nodeTypes).toContain(expectedType);
+    }
+  });
+
+  it('keeps representative attrs and inline marks in the merged scenario', () => {
+    const editor = createDemoMarkdownEditor();
+    const document = deserializeMd(editor, getMergedMarkdown());
+    const leaves = getTextLeaves(document);
+    const links = findNodesByType(document, 'a');
+    const images = findNodesByType(document, 'img');
+    const callouts = findNodesByType(document, 'callout');
+    const columnGroups = findNodesByType(document, 'column_group');
+    const columns = findNodesByType(document, 'column');
+    const codeBlocks = findNodesByType(document, 'code_block');
+    const dates = findNodesByType(document, 'date');
+    const files = findNodesByType(document, 'file');
+    const audioNodes = findNodesByType(document, 'audio');
+    const tables = findNodesByType(document, 'table');
+    const videoNodes = findNodesByType(document, 'video');
+    const tocNodes = findNodesByType(document, 'toc');
+
+    expect(callouts).toHaveLength(1);
+    expect(callouts[0]?.variant).toBe('warning');
+    expect(callouts[0]?.title).toBe('Chunky props');
+    expect(callouts[0]?.icon).toBe('ℹ️');
+    expect(dates).toHaveLength(1);
+    expect(dates[0]?.date).toBe('2026-04-01');
+    expect(columnGroups).toHaveLength(1);
+    expect(JSON.stringify(columnGroups[0]?.layout)).toBe('[70,30]');
+    expect(columns).toHaveLength(2);
+    expect(columns.some((column) => column?.sticky === true)).toBe(true);
+    expect(codeBlocks).toHaveLength(1);
+    expect(files).toHaveLength(1);
+    expect(files[0]?.name).toBe('spec.pdf');
+    expect(files[0]?.url).toBe('https://example.com/spec.pdf');
+    expect(audioNodes).toHaveLength(1);
+    expect(audioNodes[0]?.url).toBe('https://example.com/clip.mp3');
+    expect(tables).toHaveLength(1);
+    expect(videoNodes).toHaveLength(1);
+    expect(videoNodes[0]?.url).toBe('https://example.com/demo.mp4');
+    expect(videoNodes[0]?.width).toBe('80%');
+    expect(videoNodes[0]?.align).toBe('center');
+    expect(tocNodes).toHaveLength(1);
+    expect(links).toHaveLength(1);
+    expect(images).toHaveLength(1);
+    expect(leaves.find((leaf) => leaf.text === 'commented')?.comment).toBe(
+      true
+    );
+    expect(leaves.find((leaf) => leaf.text === 'suggested')?.suggestion).toBe(
+      true
+    );
+    expect(leaves.find((leaf) => leaf.text === 'Cmd')?.kbd).toBe(true);
+    expect(leaves.find((leaf) => leaf.text === 'K')?.kbd).toBe(true);
+    expect(leaves.find((leaf) => leaf.text === 'highlight')?.highlight).toBe(
+      true
+    );
+    expect(leaves.find((leaf) => leaf.text === 'underline')?.underline).toBe(
+      true
+    );
+    expect(leaves.find((leaf) => leaf.text === 'low')?.subscript).toBe(true);
+    expect(leaves.find((leaf) => leaf.text === 'high')?.superscript).toBe(true);
+    expect(leaves.find((leaf) => leaf.text === 'styled')?.fontWeight).toBe(
+      '700'
+    );
+    expect(leaves.find((leaf) => leaf.text === 'styled')?.color).toBe('tomato');
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' && leaf.text.includes('Primary lane')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' &&
+          leaf.text.includes('Nested markdown still streams')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' &&
+          leaf.text.includes('Keep the editor alive')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' &&
+          leaf.text.includes(
+            'Streaming code fences after MDX tags should still parse.'
+          )
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' &&
+          leaf.text.includes('Paragraph should exist from table')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) => typeof leaf.text === 'string' && leaf.text.includes('Typora')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) => typeof leaf.text === 'string' && leaf.text.includes('Task C')
+      )
+    ).toBe(true);
+    expect(
+      leaves.some(
+        (leaf) =>
+          typeof leaf.text === 'string' && leaf.text.includes('Visit OpenAI')
+      )
+    ).toBe(true);
+  });
+});
diff --git a/apps/www/src/registry/lib/markdown-streaming-demo-data.ts b/apps/www/src/registry/lib/markdown-streaming-demo-data.ts
new file mode 100644
index 0000000000..a6d7e401bc
--- /dev/null
+++ b/apps/www/src/registry/lib/markdown-streaming-demo-data.ts
@@ -0,0 +1,1102 @@
+export const DEFAULT_PLAYBACK_DELAY_IN_MS = 50;
+export const DEFAULT_PLAYBACK_BURST_SIZE = 1;
+
+export const playbackDelayOptions = [
+  { label: '0 ms', value: 0 },
+  { label: '10 ms', value: 10 },
+  { label: '16 ms', value: 16 },
+  { label: '25 ms', value: 25 },
+  { label: '50 ms', value: 50 },
+  { label: '100 ms', value: 100 },
+  { label: '200 ms', value: 200 },
+] as const;
+
+export const playbackBurstSizeOptions = [
+  { label: '1 chunk', value: 1 },
+  { label: '2 chunks', value: 2 },
+  { label: '5 chunks', value: 5 },
+  { label: '10 chunks', value: 10 },
+  { label: '25 chunks', value: 25 },
+] as const;
+
+type MarkdownStreamingDemoScenario = {
+  chunks: readonly string[];
+  label: string;
+  syntax: 'markdown' | 'mdx';
+};
+
+function splitTextIntoChunks(
+  source: string,
+  pattern: readonly number[]
+): string[] {
+  const chunks: string[] = [];
+  let index = 0;
+  let patternIndex = 0;
+
+  while (index < source.length) {
+    const size = pattern[patternIndex % pattern.length]!;
+    chunks.push(source.slice(index, index + size));
+    index += size;
+    patternIndex += 1;
+  }
+
+  return chunks;
+}
+
+const JITTERY_MARKDOWN_CHUNK_PATTERN = [1, 5, 2, 7, 3, 4, 1, 8, 2, 6] as const;
+const JITTERY_MDX_CHUNK_PATTERN = [2, 1, 6, 3, 5, 1, 7, 2, 4, 8] as const;
+
+export const liveMarkdownEditorsArticleChunks = [
+  '#',
+  ' Streaming',
+  ' Markdown',
+  ' Editors',
+  ':',
+  ' A',
+  ' Modern',
+  ' Approach',
+  ' to',
+  ' Real',
+  '-Time',
+  ' Writing',
+  '\n\n',
+  'Streaming',
+  ' Markdown',
+  ' editors',
+  ' are',
+  ' revolution',
+  'izing',
+  ' the',
+  ' way',
+  ' writers',
+  ' and',
+  ' developers',
+  ' create',
+  ' content',
+  '.',
+  ' They',
+  ' enable',
+  ' real',
+  '-time',
+  ' preview',
+  ',',
+  ' collaboration',
+  ',',
+  ' and',
+  ' seamless',
+  ' integration',
+  ' with',
+  ' other',
+  ' tools',
+  ',',
+  ' making',
+  ' the',
+  ' writing',
+  ' process',
+  ' more',
+  ' efficient',
+  ' and',
+  ' enjoyable',
+  '.\n\n',
+  '##',
+  ' Features',
+  ' of',
+  ' Streaming',
+  ' Markdown',
+  ' Editors',
+  '\n\n',
+  '-',
+  ' **',
+  'Real',
+  '-time',
+  ' Preview',
+  ':**',
+  ' See',
+  ' the',
+  ' formatted',
+  ' output',
+  ' as',
+  ' you',
+  ' type',
+  ',',
+  ' without',
+  ' needing',
+  ' to',
+  ' refresh',
+  '.\n',
+  '-',
+  ' **',
+  'Coll',
+  'aboration',
+  ':**',
+  ' Multiple',
+  ' users',
+  ' can',
+  ' edit',
+  ' the',
+  ' same',
+  ' document',
+  ' simultaneously',
+  '.\n',
+  '-',
+  ' **',
+  'Syntax',
+  ' Highlight',
+  'ing',
+  ':**',
+  ' Enh',
+  'ances',
+  ' readability',
+  ' of',
+  ' Markdown',
+  ' code',
+  '.\n',
+  '-',
+  ' **',
+  'Export',
+  ' Options',
+  ':**',
+  ' Easily',
+  ' convert',
+  ' Markdown',
+  ' to',
+  ' HTML',
+  ',',
+  ' PDF',
+  ',',
+  ' or',
+  ' other',
+  ' formats',
+  '.\n',
+  '-',
+  ' **',
+  'Version',
+  ' Control',
+  ':**',
+  ' Keep',
+  ' track',
+  ' of',
+  ' changes',
+  ' and',
+  ' revert',
+  ' to',
+  ' previous',
+  ' versions',
+  '.\n',
+  '-',
+  ' **',
+  'Cloud',
+  ' Sync',
+  'ing',
+  ':**',
+  ' Save',
+  ' your',
+  ' work',
+  ' automatically',
+  ' in',
+  ' the',
+  ' cloud',
+  '.\n\n',
+  '##',
+  ' Popular',
+  ' Streaming',
+  ' Markdown',
+  ' Editors',
+  ' Comparison',
+  '\n\n',
+  '|',
+  ' Editor',
+  '         ',
+  ' |',
+  ' Real',
+  '-time',
+  ' Preview',
+  ' |',
+  ' Collaboration',
+  ' |',
+  ' Export',
+  ' Formats',
+  '          ',
+  ' |',
+  ' Platform',
+  '         ',
+  ' |\n',
+  '|',
+  '----------------',
+  '-|',
+  '----------------',
+  '---',
+  '|',
+  '---------------',
+  '|',
+  '----------------',
+  '----------',
+  '|',
+  '----------------',
+  '---',
+  '|\n',
+  '|',
+  ' Typ',
+  'ora',
+  '         ',
+  ' |',
+  ' Yes',
+  '              ',
+  ' |',
+  ' No',
+  '           ',
+  ' |',
+  ' HTML',
+  ',',
+  ' PDF',
+  ',',
+  ' DOC',
+  'X',
+  '         ',
+  ' |',
+  ' Windows',
+  ',',
+  ' Mac',
+  ',',
+  ' Linux',
+  '|\n',
+  '|',
+  ' Hack',
+  'MD',
+  '         ',
+  ' |',
+  ' Yes',
+  '              ',
+  ' |',
+  ' Yes',
+  '          ',
+  ' |',
+  ' HTML',
+  ',',
+  ' PDF',
+  ',',
+  ' Slide',
+  ' Deck',
+  's',
+  '  ',
+  ' |',
+  ' Web',
+  '-based',
+  '        ',
+  ' |\n',
+  '|',
+  ' Mark',
+  ' Text',
+  '      ',
+  ' |',
+  ' Yes',
+  '              ',
+  ' |',
+  ' No',
+  '           ',
+  ' |',
+  ' HTML',
+  ',',
+  ' PDF',
+  '               ',
+  ' |',
+  ' Windows',
+  ',',
+  ' Mac',
+  ',',
+  ' Linux',
+  '|\n',
+  '|',
+  ' Stack',
+  'Edit',
+  '      ',
+  ' |',
+  ' Yes',
+  '              ',
+  ' |',
+  ' Yes',
+  '          ',
+  ' |',
+  ' HTML',
+  ',',
+  ' PDF',
+  ',',
+  ' Google',
+  ' Docs',
+  '  ',
+  ' |',
+  ' Web',
+  '-based',
+  '        ',
+  ' |\n\n',
+  '>',
+  ' "',
+  'A',
+  ' streaming',
+  ' markdown',
+  ' editor',
+  ' brings',
+  ' the',
+  ' power',
+  ' of',
+  ' real',
+  '-time',
+  ' collaboration',
+  ' to',
+  ' the',
+  ' simplicity',
+  ' of',
+  ' Markdown',
+  '."',
+  ' –',
+  ' Tech',
+  ' Writing',
+  ' Daily',
+  '\n\n',
+  '##',
+  ' Try',
+  ' a',
+  ' Streaming',
+  ' Markdown',
+  ' Editor',
+  '\n\n',
+  'Explore',
+  ' **',
+  '[',
+  'Hack',
+  'MD',
+  '](',
+  'https',
+  '://',
+  'hack',
+  'md',
+  '.io',
+  '/',
+  ')**',
+  ',',
+  ' a',
+  ' popular',
+  ' web',
+  '-based',
+  ' streaming',
+  ' markdown',
+  ' editor',
+  ',',
+  ' to',
+  ' experience',
+  ' collaborative',
+  ' writing',
+  ' and',
+  ' seamless',
+  ' preview',
+  ' features',
+  '.\n\n',
+  '##',
+  ' Sample',
+  ' Markdown',
+  ' Code',
+  '\n\n',
+  '```',
+  'markdown',
+  '\n',
+  '#',
+  ' Sample',
+  ' Document',
+  '\n\n',
+  '-',
+  ' Write',
+  ' your',
+  ' Markdown',
+  ' content',
+  ' here',
+  '\n',
+  '-',
+  ' Preview',
+  ' updates',
+  ' automatically',
+  '\n',
+  '-',
+  ' Collabor',
+  'ate',
+  ' with',
+  ' others',
+  ' live',
+  '\n\n',
+  '**',
+  'Happy',
+  ' writing',
+  '!',
+  '**\n',
+  '``',
+  '`\n',
+] as const;
+
+const markdownDenseMixedContentChunks = splitTextIntoChunks(
+  [
+    '# Dense markdown stream',
+    '',
+    '> Streaming markdown should keep quotes, tables, and code fences stable.',
+    '',
+    '1. Ordered item',
+    '2. Ordered item with nested bullets',
+    '   - nested bullet',
+    '   - [x] finished task',
+    '3. Final item',
+    '',
+    '---',
+    '',
+    '| Surface | Status |',
+    '| --- | --- |',
+    '| Toolbar | steady |',
+    '| Selection | tracked |',
+    '',
+    '```ts',
+    'export function greet(name: string) {',
+    '  return "hi " + name;',
+    '}',
+    '```',
+    '',
+    'See [Plate](https://platejs.org) and ![Preview](https://placehold.co/120x80).',
+  ].join('\n'),
+  JITTERY_MARKDOWN_CHUNK_PATTERN
+);
+
+const markdownHtmlDetailsChunks = splitTextIntoChunks(
+  [
+    '## Markdown with raw HTML',
+    '',
+    'Paragraph with `inline code`, **bold**, and ~~cleanup~~.',
+    '',
+    '<details>',
+    '<summary>Expandable note</summary>',
+    '',
+    'Raw HTML inside markdown should stay grouped while the stream advances.',
+    '',
+    '</details>',
+    '',
+    '- [Docs](https://platejs.org/docs)',
+    '- <kbd>Cmd</kbd> + <kbd>K</kbd>',
+  ].join('\n'),
+  [3, 1, 5, 2, 6, 1, 4, 7, 2] as const
+);
+
+const mdxCalloutAndStepsChunks = splitTextIntoChunks(
+  [
+    '## MDX walkthrough',
+    '',
+    '<column_group layout="[50,50]">',
+    '<column width="50%">',
+    '',
+    '### Install Plate',
+    '',
+    'Run `pnpm install` and open the demo route.',
+    '',
+    '</column>',
+    '',
+    '<column width="50%">',
+    '',
+    '### Stream chunks',
+    '',
+    'Replay the preset to inspect the editor tree.',
+    '',
+    '</column>',
+    '</column_group>',
+    '',
+    '<callout type="note">',
+    '  This preset mixes markdown headings with supported MDX block components.',
+    '</callout>',
+  ].join('\n'),
+  JITTERY_MDX_CHUNK_PATTERN
+);
+
+const mdxImportExportAndCalloutChunks = splitTextIntoChunks(
+  [
+    '# MDX callout props',
+    '',
+    '<callout type="info" title="Chunky props" icon="ℹ️">',
+    '  Attributes on supported MDX nodes should survive awkward chunk boundaries.',
+    '</callout>',
+    '',
+    '<column_group layout="[60,40]">',
+    '<column width="60%">',
+    '',
+    '- Keep the editor alive',
+    '- Keep the markdown readable',
+    '</column>',
+    '',
+    '<column width="40%">',
+    '',
+    '### Inspect',
+    '',
+    'Watch the editor tree update.',
+    '</column>',
+    '</column_group>',
+  ].join('\n'),
+  [1, 4, 2, 6, 3, 1, 8, 2, 5, 7] as const
+);
+
+const mdxFenceAndChecklistChunks = splitTextIntoChunks(
+  [
+    '# MDX with fenced code',
+    '',
+    '<callout type="warning" title="Edge boundary">',
+    '  Streaming code fences after MDX tags should still parse.',
+    '</callout>',
+    '',
+    '```tsx',
+    'export function Demo() {',
+    '  return <div data-mode="streaming">ready</div>;',
+    '}',
+    '```',
+    '',
+    '- [x] Preserve the fence',
+    '- [ ] Preserve the trailing list',
+  ].join('\n'),
+  [2, 5, 1, 7, 3, 2, 6, 1, 4, 8] as const
+);
+
+const mdxInlineTagsAndTrailingCalloutChunks = splitTextIntoChunks(
+  [
+    '## MDX inline tags',
+    '',
+    'Inline <comment>commented</comment>, <suggestion>suggested</suggestion>, <date>2026-04-01</date>, <kbd>Cmd</kbd> + <kbd>K</kbd>, <mark>highlight</mark>, <u>underline</u>, H<sub>low</sub>O, x<sup>high</sup>, and <span style="font-weight: 700; color: tomato;">styled</span> text should stay visible.',
+    '',
+    '<callout type="success" title="Trailing flow tag">',
+    '  A supported flow tag should still parse after a long inline MDX run.',
+    '</callout>',
+  ].join('\n'),
+  [1, 3, 2, 5, 1, 4, 6, 2, 7, 3] as const
+);
+
+const mdxMediaAndTocRelayChunks = splitTextIntoChunks(
+  [
+    '# MDX media relay',
+    '',
+    '<file src="https://example.com/spec.pdf" name="spec.pdf"></file>',
+    '',
+    '<audio src="https://example.com/clip.mp3"></audio>',
+    '',
+    '<video src="https://example.com/demo.mp4" width="80%" align="center"></video>',
+    '',
+    '<toc></toc>',
+    '',
+    '<callout type="info" title="After media">',
+    '  A new supported flow tag should still parse after media and toc tags.',
+    '</callout>',
+  ].join('\n'),
+  [2, 6, 1, 5, 3, 7, 2, 4, 1, 8] as const
+);
+
+const mdxFlowRelayWithTrailingTagsChunks = splitTextIntoChunks(
+  [
+    '# MDX flow relay',
+    '',
+    '<callout type="warning" title="Flow one">',
+    '  The next supported tag starts right after this block.',
+    '</callout>',
+    '',
+    '<column_group layout="[70,30]" count="2">',
+    '<column width="70%" sticky="true">',
+    '',
+    '- Primary lane',
+    '- Nested markdown still streams',
+    '</column>',
+    '',
+    '<column width="30%">',
+    '',
+    '<toc></toc>',
+    '</column>',
+    '</column_group>',
+    '',
+    '<callout type="success" title="Flow two">',
+    '  Another supported tag follows the completed columns.',
+    '</callout>',
+  ].join('\n'),
+  [3, 1, 7, 2, 5, 1, 8, 2, 4, 6] as const
+);
+
+const columnsChunks = [
+  'paragraph\n\n<column',
+  '_group',
+  '>\n',
+  ' ',
+  ' <',
+  'column',
+  ' width',
+  '="',
+  '33',
+  '.',
+  '333',
+  '333',
+  '333',
+  '333',
+  '336',
+  '%">\n',
+  '   ',
+  ' ',
+  '1',
+  '\n',
+  ' ',
+  ' </',
+  'column',
+  '>\n',
+  ' ',
+  ' <',
+  'column',
+  ' width',
+  '="',
+  '33',
+  '.',
+  '333',
+  '333',
+  '333',
+  '333',
+  '336',
+  '%">\n',
+  '   ',
+  ' ',
+  '2',
+  '\n',
+  ' ',
+  ' </',
+  'column',
+  '>\n',
+  ' ',
+  ' <',
+  'column',
+  ' width',
+  '="',
+  '33',
+  '.',
+  '333',
+  '333',
+  '333',
+  '333',
+  '336',
+  '%">\n',
+  '   ',
+  ' ',
+  '3',
+  '\n',
+  ' ',
+  ' </',
+  'column',
+  '>\n',
+  '</',
+  'column',
+  '_group',
+  '>\n\nparagraph',
+] as const;
+
+const linksChunks = [
+  '[Link ',
+  'to OpenA',
+  'I](https://www.openai.com)\n\n',
+  '[Link ',
+  'to Google',
+  'I](https://ww',
+  'w.google.com/1',
+  '11',
+  '22',
+  'xx',
+  'yy',
+  'zz',
+  'aa',
+  'bb',
+  'cc',
+  'dd',
+  'ee',
+  '33)\n\n',
+  '[False Positive',
+  '11',
+  '22',
+  '33',
+  '44',
+  '55',
+  '66',
+  '77',
+  '88',
+  '99',
+  '100',
+] as const;
+
+const listsChunks = [
+  '1.',
+  ' number 1\n',
+  '- ',
+  'List B\n',
+  '-',
+  ' [x] ',
+  'Task C',
+] as const;
+
+const listWithImageChunks = [
+  '## ',
+  'Links ',
+  'and ',
+  'Images\n\n',
+  '- [Link ',
+  'to OpenA',
+  'I](https://www.openai.com)\n',
+  '- ![Sample Image](https://via.placeholder.com/150)\n\n',
+] as const;
+
+const nestedStructureBlockChunks = [
+  '```',
+  'javascript',
+  '\n',
+  'import',
+  ' React',
+  ' from',
+  " '",
+  'react',
+  "';\n",
+  'import',
+  ' {',
+  ' Plate',
+  ' }',
+  ' from',
+  " '@",
+  'ud',
+  'ecode',
+  '/',
+  'plate',
+  "';\n\n",
+  'const',
+  ' Basic',
+  'Editor',
+  ' =',
+  ' ()',
+  ' =>',
+  ' {\n',
+  ' ',
+  ' return',
+  ' (\n',
+  '   ',
+  ' <',
+  'Plate',
+  '>\n',
+  '     ',
+  ' {/*',
+  ' Add',
+  ' your',
+  ' plugins',
+  ' and',
+  ' components',
+  ' here',
+  ' */}\n',
+  '   ',
+  ' </',
+  'Plate',
+  '>\n',
+  ' ',
+  ' );\n',
+  '};\n\n',
+  'export',
+  ' default',
+  ' Basic',
+  'Editor',
+  ';\n',
+  '```',
+] as const;
+
+const tableChunks = [
+  '| Feature          |',
+  ' Plate',
+  '.js',
+  '                                     ',
+  ' ',
+  '| Slate.js                                     ',
+  ' ',
+  '|\n|------------------',
+  '|--------------------------------',
+  '---------------',
+  '|--------------------------------',
+  '---------------',
+  '|\n| Purpose         ',
+  ' ',
+  '| Rich text editor framework',
+  '                   ',
+  ' ',
+  '| Rich text editor framework',
+  '                   ',
+  ' ',
+  '|\n| Flexibility     ',
+  ' ',
+  '| Highly customizable',
+  ' with',
+  ' plugins',
+  '             ',
+  ' ',
+  '| Highly customizable',
+  ' with',
+  ' plugins',
+  '             ',
+  ' ',
+  '|\n| Community       ',
+  ' ',
+  '| Growing community support',
+  '                    ',
+  ' ',
+  '| Established community',
+  ' support',
+  '                ',
+  ' ',
+  '|\n| Documentation   ',
+  ' ',
+  '| Comprehensive documentation',
+  ' available',
+  '        ',
+  ' ',
+  '| Comprehensive documentation',
+  ' available',
+  '        ',
+  ' ',
+  '|\n| Performance     ',
+  ' ',
+  '| Optimized for performance',
+  ' with',
+  ' large',
+  ' documents',
+  '| Good performance, but',
+  ' may',
+  ' require',
+  ' optimization',
+  '|\n| Integration     ',
+  ' ',
+  '| Easy integration with',
+  ' React',
+  '                  ',
+  ' ',
+  '| Easy integration with',
+  ' React',
+  '                  ',
+  ' ',
+  '|\n| Use Cases       ',
+  ' ',
+  '| Suitable for complex',
+  ' editing',
+  ' needs',
+  '           ',
+  ' ',
+  '| Suitable for complex',
+  ' editing',
+  ' needs',
+  '           ',
+  ' ',
+  '\n\n',
+  'Paragraph ',
+  'should ',
+  'exist ',
+  'from ',
+  'table',
+] as const;
+
+const highlightErrorReproChunks = [
+  '#',
+  ' Sample',
+  ' Markdown',
+  ' Document',
+  '\n\n',
+  '##',
+  ' Title',
+  ':',
+  ' Understanding',
+  ' Markdown',
+  '\n\n',
+  'Markdown',
+  ' is',
+  ' a',
+  ' lightweight',
+  ' markup',
+  ' language',
+  ' that',
+  ' allows',
+  ' you',
+  ' to',
+  ' format',
+  ' text',
+  ' using',
+  ' plain',
+  ' text',
+  ' syntax',
+  '.\n\n',
+  '###',
+  ' Key',
+  ' Features',
+  ' of',
+  ' Markdown',
+  '\n\n',
+  '- *',
+  '*Headers**: Use `#` for headers',
+  '.',
+  ' More',
+  ' ',
+  '`#` symbols indicate smaller headers',
+  '.\n',
+  '- *',
+  '*Lists**:\n',
+  ' ',
+  ' ',
+  '- Bullet',
+  ' points',
+  ' can',
+  ' be',
+  ' created',
+  ' using',
+  ' ',
+  '`-`, `*`, or `+`.\n',
+  ' ',
+  ' ',
+  '- Number',
+  'ed',
+  ' lists',
+  ' use',
+  ' numbers',
+  ' followed',
+  ' by',
+  ' a',
+  ' period',
+  '.\n\n',
+  '###',
+  ' Example',
+  ' of',
+  ' a',
+  ' Code',
+  ' Block',
+  '\n\n',
+  '```python\n',
+  'def hello_world():\n',
+  '    print("Hello, World!")\n',
+  '```\n\n',
+  '###',
+  ' Links',
+  ' and',
+  ' Images',
+  '\n\n',
+  '- [Visit OpenAI](https://www.open',
+  'ai',
+  '.com',
+  ')\n',
+  '- !',
+  '[Markdown Logo](https://markdown-here.com/img/icon256.png)\n\n',
+  '###',
+  ' Conclusion',
+  '\n\n',
+  'Using',
+  ' Markdown',
+  ' makes',
+  ' it',
+  ' easy',
+  ' to',
+  ' write',
+  ' and',
+  ' format',
+  ' text',
+  ' for',
+  ' various',
+  ' applications',
+  '.',
+] as const;
+
+export const markdownStreamingDemoFixtureSections = {
+  columns: columnsChunks,
+  highlightErrorRepro: highlightErrorReproChunks,
+  links: linksChunks,
+  listWithImage: listWithImageChunks,
+  lists: listsChunks,
+  liveMarkdownEditorsArticle: liveMarkdownEditorsArticleChunks,
+  markdownDenseMixedContent: markdownDenseMixedContentChunks,
+  markdownHtmlDetails: markdownHtmlDetailsChunks,
+  mdxCalloutAndColumns: mdxCalloutAndStepsChunks,
+  mdxCalloutPropsAndColumns: mdxImportExportAndCalloutChunks,
+  mdxFenceAndChecklist: mdxFenceAndChecklistChunks,
+  mdxFlowRelayWithTrailingTags: mdxFlowRelayWithTrailingTagsChunks,
+  mdxInlineTagsAndTrailingCallout: mdxInlineTagsAndTrailingCalloutChunks,
+  mdxMediaAndTocRelay: mdxMediaAndTocRelayChunks,
+  nestedStructureBlock: nestedStructureBlockChunks,
+  table: tableChunks,
+} as const;
+
+const mergedMarkdownStreamingScenarioChunks = splitTextIntoChunks(
+  [
+    '# All scenarios combined',
+    '',
+    '<callout type="warning" title="Chunky props" icon="ℹ️">',
+    'Keep the editor alive.',
+    'Streaming code fences after MDX tags should still parse.',
+    '</callout>',
+    '',
+    'Inline <comment>commented</comment>, <suggestion>suggested</suggestion>, <date>2026-04-01</date>, <kbd>Cmd</kbd> + <kbd>K</kbd>, <mark>highlight</mark>, <u>underline</u>, H<sub>low</sub>O, x<sup>high</sup>, and <span style="font-weight: 700; color: tomato;">styled</span> text should stay visible.',
+    '',
+    '<column_group layout="[70,30]" count="2">',
+    '<column width="70%" sticky="true">',
+    '',
+    '- Primary lane',
+    '- Nested markdown still streams',
+    '',
+    '</column>',
+    '<column width="30%">',
+    '',
+    '<toc></toc>',
+    '',
+    '</column>',
+    '</column_group>',
+    '',
+    '<file src="https://example.com/spec.pdf" name="spec.pdf"></file>',
+    '',
+    '<audio src="https://example.com/clip.mp3"></audio>',
+    '',
+    '<video src="https://example.com/demo.mp4" width="80%" align="center"></video>',
+    '',
+    '## Markdown basics',
+    '',
+    '- [Visit OpenAI](https://www.openai.com)',
+    '- ![Markdown Logo](https://markdown-here.com/img/icon256.png)',
+    '1. number 1',
+    '- List B',
+    '- [x] Task C',
+    '',
+    '```python',
+    'def hello_world():',
+    '    print("Hello, World!")',
+    '```',
+    '',
+    '| Editor | Output |',
+    '| --- | --- |',
+    '| Plate | steady |',
+    '| Typora | preview |',
+    '',
+    'Paragraph should exist from table',
+  ].join('\n'),
+  JITTERY_MDX_CHUNK_PATTERN
+);
+
+export const markdownStreamingDemoScenarios = {
+  allScenariosCombined: {
+    chunks: mergedMarkdownStreamingScenarioChunks,
+    label: 'All Scenarios Combined',
+    syntax: 'mdx',
+  },
+} as const satisfies Record<string, MarkdownStreamingDemoScenario>;
+
+export type MarkdownStreamingDemoScenarioId =
+  keyof typeof markdownStreamingDemoScenarios;
+
+export const DEFAULT_MARKDOWN_STREAMING_DEMO_SCENARIO_ID =
+  'allScenariosCombined' satisfies MarkdownStreamingDemoScenarioId;
+
+export function getPlaybackDelayInMs(
+  playbackDelayInMs: number,
+  chunkDelayInMs?: number | null
+) {
+  return Math.max(playbackDelayInMs, chunkDelayInMs ?? 0);
+}
+
+export function getNextPlaybackIndex(
+  currentIndex: number,
+  totalChunks: number,
+  playbackBurstSize: number
+) {
+  return Math.min(totalChunks, currentIndex + playbackBurstSize);
+}
diff --git a/apps/www/src/registry/registry-examples.ts b/apps/www/src/registry/registry-examples.ts
index 7a9cea2439..bd03ce2e36 100644
--- a/apps/www/src/registry/registry-examples.ts
+++ b/apps/www/src/registry/registry-examples.ts
@@ -170,11 +170,7 @@ export const examples: Registry['items'] = [
       },
     ],
     name: 'markdown-streaming-demo',
-    registryDependencies: [
-      'copilot-kit',
-      'editor-kit',
-      'markdown-joiner-transform',
-    ],
+    registryDependencies: ['editor-kit', 'markdown-joiner-transform'],
     type: 'registry:example',
   },
   {
diff --git a/apps/www/src/registry/registry-kits.ts b/apps/www/src/registry/registry-kits.ts
index 74e125a098..4338796dee 100644
--- a/apps/www/src/registry/registry-kits.ts
+++ b/apps/www/src/registry/registry-kits.ts
@@ -316,6 +316,10 @@ export const registryKits: Registry['items'] = [
   {
     dependencies: ['@platejs/ai'],
     files: [
+      {
+        path: 'lib/ai-stream-batching.ts',
+        type: 'registry:lib',
+      },
       {
         path: 'components/editor/plugins/ai-kit.tsx',
         type: 'registry:component',
diff --git a/apps/www/tsconfig.package-integration.json b/apps/www/tsconfig.package-integration.json
index 58728d1108..86024b13c7 100644
--- a/apps/www/tsconfig.package-integration.json
+++ b/apps/www/tsconfig.package-integration.json
@@ -1,14 +1,5 @@
 {
   "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "paths": {
-      "@/*": ["./src/*"],
-      "@/.contentlayer/generated": ["./.contentlayer/generated"],
-      "contentlayer/generated": ["./.contentlayer/generated"],
-      "registry": ["./public/r/registry.json"],
-      "registry-shadcn": ["./registry-shadcn.json"]
-    }
-  },
   "include": [
     "next-env.d.ts",
     "src/__tests__/package-integration/**/*.ts",
diff --git a/content/(plugins)/(ai)/ai.cn.mdx b/content/(plugins)/(ai)/ai.cn.mdx
index 5d5d32d73d..d5c39eeae6 100644
--- a/content/(plugins)/(ai)/ai.cn.mdx
+++ b/content/(plugins)/(ai)/ai.cn.mdx
@@ -114,6 +114,7 @@ import {
   AIChatPlugin,
   applyAISuggestions,
   getInsertPreviewStart,
+  resetStreamInsertChunk,
   streamInsertChunk,
   useChatChunk,
 } from '@platejs/ai/react';
@@ -191,9 +192,7 @@ export const aiChatPlugin = AIChatPlugin.extend({
       },
       onFinish: () => {
         editor.setOption(AIChatPlugin, 'streaming', false);
-        editor.setOption(AIChatPlugin, '_blockChunks', '');
-        editor.setOption(AIChatPlugin, '_blockPath', null);
-        editor.setOption(AIChatPlugin, '_mdxName', null);
+        resetStreamInsertChunk(editor);
       },
     });
   },
@@ -255,32 +254,44 @@ export async function POST(req: Request) {
 使用 `@ai-sdk/react` 桥接编辑器和您的模型端点。将助手存储在插件上，以便变换可以重新加载、停止或显示聊天状态。
 
 ```tsx
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 
-import { type UIMessage, DefaultChatTransport } from 'ai';
+import { type UIMessage } from 'ai';
 import { type UseChatHelpers, useChat } from '@ai-sdk/react';
-import { AIChatPlugin } from '@platejs/ai/react';
+import {
+  AIChatPlugin,
+  createAIChatTextStreamTransport,
+  withAIChatTextStream,
+} from '@platejs/ai/react';
 import { useEditorPlugin } from 'platejs/react';
 
 type ChatMessage = UIMessage<{}, { toolName: 'comment' | 'edit' | 'generate'; comment?: unknown }>;
 
 export const useEditorAIChat = () => {
   const { editor, setOption } = useEditorPlugin(AIChatPlugin);
-
-  const chat = useChat<ChatMessage>({
+  const transport = useMemo(
+    () =>
+      createAIChatTextStreamTransport<ChatMessage>({
+        api: '/api/ai/command',
+        chatId: 'editor',
+      }),
+    []
+  );
+
+  const baseChat = useChat<ChatMessage>({
     id: 'editor',
-    api: '/api/ai/command',
-    transport: new DefaultChatTransport(),
+    transport,
     onData(data) {
       if (data.type === 'data-toolName') {
         editor.setOption(AIChatPlugin, 'toolName', data.data);
       }
     },
   });
+  const chat = withAIChatTextStream(baseChat, transport);
 
   useEffect(() => {
     setOption('chat', chat as UseChatHelpers<ChatMessage>);
-  }, [chat, setOption]);
+  }, [chat.__plateTextStreamChannelId, chat.error, chat.messages, chat.status, setOption]);
 
   return chat;
 };
@@ -356,6 +367,9 @@ editor.setOption(aiChatPlugin, 'chatOptions', {
 
 `chatOptions.body` 下的所有内容都会到达路由处理程序，让您可以交换提供商、传递用户特定的元数据或分支到不同的提示模板。
 
+- `createAIChatTextStreamTransport`：把 AI SDK transport 里的原始 `text-start` / `text-delta` / `text-end` 事件向前透传。
+- `withAIChatTextStream`：给返回的 chat helpers 加上 transport 元数据，让 `useChatChunk` 订阅 transport 的实例级文本流，而不是回退到“assistant 全文 diff”。
+
 ## 键盘快捷键
 
 <KeyTable>
@@ -371,8 +385,7 @@ editor.setOption(aiChatPlugin, 'chatOptions', {
 - `streamInsertChunk(editor, chunk, options)` 反序列化 Markdown 块，就地更新当前块，并根据需要追加新块。使用 `textProps`/`elementProps` 标记流式节点（例如，标记 AI 文本）。
 - `streamDeserializeMd` 和 `streamDeserializeInlineMd` 提供更低级别的访问，如果您需要控制自定义节点类型的流式传输。
 - `streamSerializeMd` 镜像编辑器状态，以便您可以检测流式内容与响应缓冲区之间的漂移。
-
-流式传输完成时重置内部 `_blockChunks`、`_blockPath` 和 `_mdxName` 选项，以从干净的状态开始下一个响应。
+- `resetStreamInsertChunk(editor)` 会在流式传输结束时，或在您想从头开始一个新流时，清理当前插入流会话。
 
 ## 流式传输示例
 
diff --git a/content/(plugins)/(ai)/ai.mdx b/content/(plugins)/(ai)/ai.mdx
index d4a5abe336..230afc5b00 100644
--- a/content/(plugins)/(ai)/ai.mdx
+++ b/content/(plugins)/(ai)/ai.mdx
@@ -114,6 +114,7 @@ import {
   AIChatPlugin,
   applyAISuggestions,
   getInsertPreviewStart,
+  resetStreamInsertChunk,
   streamInsertChunk,
   useChatChunk,
 } from '@platejs/ai/react';
@@ -191,9 +192,7 @@ export const aiChatPlugin = AIChatPlugin.extend({
       },
       onFinish: () => {
         editor.setOption(AIChatPlugin, 'streaming', false);
-        editor.setOption(AIChatPlugin, '_blockChunks', '');
-        editor.setOption(AIChatPlugin, '_blockPath', null);
-        editor.setOption(AIChatPlugin, '_mdxName', null);
+        resetStreamInsertChunk(editor);
       },
     });
   },
@@ -255,32 +254,44 @@ export async function POST(req: Request) {
 Bridge the editor and your model endpoint with `@ai-sdk/react`. Store helpers on the plugin so transforms can reload, stop, or show chat state.
 
 ```tsx
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 
-import { type UIMessage, DefaultChatTransport } from 'ai';
+import { type UIMessage } from 'ai';
 import { type UseChatHelpers, useChat } from '@ai-sdk/react';
-import { AIChatPlugin } from '@platejs/ai/react';
+import {
+  AIChatPlugin,
+  createAIChatTextStreamTransport,
+  withAIChatTextStream,
+} from '@platejs/ai/react';
 import { useEditorPlugin } from 'platejs/react';
 
 type ChatMessage = UIMessage<{}, { toolName: 'comment' | 'edit' | 'generate'; comment?: unknown }>;
 
 export const useEditorAIChat = () => {
   const { editor, setOption } = useEditorPlugin(AIChatPlugin);
-
-  const chat = useChat<ChatMessage>({
+  const transport = useMemo(
+    () =>
+      createAIChatTextStreamTransport<ChatMessage>({
+        api: '/api/ai/command',
+        chatId: 'editor',
+      }),
+    []
+  );
+
+  const baseChat = useChat<ChatMessage>({
     id: 'editor',
-    api: '/api/ai/command',
-    transport: new DefaultChatTransport(),
+    transport,
     onData(data) {
       if (data.type === 'data-toolName') {
         editor.setOption(AIChatPlugin, 'toolName', data.data);
       }
     },
   });
+  const chat = withAIChatTextStream(baseChat, transport);
 
   useEffect(() => {
     setOption('chat', chat as UseChatHelpers<ChatMessage>);
-  }, [chat, setOption]);
+  }, [chat.__plateTextStreamChannelId, chat.error, chat.messages, chat.status, setOption]);
 
   return chat;
 };
@@ -356,6 +367,9 @@ editor.setOption(aiChatPlugin, 'chatOptions', {
 
 Everything under `chatOptions.body` arrives in the route handler, letting you swap providers, pass user-specific metadata, or branch into different prompt templates.
 
+- `createAIChatTextStreamTransport`: forwards raw `text-start` / `text-delta` / `text-end` events from the AI SDK transport.
+- `withAIChatTextStream`: annotates the returned chat helpers so `useChatChunk` can subscribe to the transport's instance-local text stream instead of diffing the accumulated assistant message.
+
 ## Keyboard Shortcuts
 
 <KeyTable>
@@ -371,8 +385,7 @@ The streaming utilities keep complex layouts intact while responses arrive:
 - `streamInsertChunk(editor, chunk, options)` deserializes Markdown chunks, updates the current block in place, and appends new blocks as needed. Use `textProps`/`elementProps` to tag streamed nodes (e.g., mark AI text).
 - `streamDeserializeMd` and `streamDeserializeInlineMd` provide lower-level access if you need to control streaming for custom node types.
 - `streamSerializeMd` mirrors the editor state so you can detect drift between streamed content and the response buffer.
-
-Reset the internal `_blockChunks`, `_blockPath`, and `_mdxName` options when streaming finishes to start the next response from a clean slate.
+- `resetStreamInsertChunk(editor)` clears the active insert-stream session when streaming finishes or when you intentionally restart the stream from scratch.
 
 ## Streaming Example
 
diff --git a/docs/plans/2026-04-02-fix-dev-server-highlight-log-spam.md b/docs/plans/2026-04-02-fix-dev-server-highlight-log-spam.md
new file mode 100644
index 0000000000..9c9544a610
--- /dev/null
+++ b/docs/plans/2026-04-02-fix-dev-server-highlight-log-spam.md
@@ -0,0 +1,31 @@
+# Fix Dev Server Highlight Log Spam
+
+## Goal
+
+Stop the `pnpm dev` crash where repeated streamed code-highlight failures eventually lead to `RangeError: Map maximum size exceeded` in Next/Turbopack dev mode.
+
+## Current Hypothesis
+
+- Registered-language highlight failures already fall back to plaintext.
+- The remaining issue is repeated retries plus repeated logging of a huge `Error` object during streaming replay.
+- That large warning payload likely gets mirrored through the dev server/browser logging bridge until Turbopack falls over.
+
+## Evidence
+
+- User repro logs show many repeated `CODE_HIGHLIGHT` warnings before the final `Map maximum size exceeded` crash.
+- [setCodeBlockToDecorations.ts](/Users/felixfeng/Desktop/repos/plate/packages/code-block/src/lib/setCodeBlockToDecorations.ts) still passes the full `error` object to `debug.warn(...)`.
+- Existing tests in [setCodeBlockToDecorations.spec.ts](/Users/felixfeng/Desktop/repos/plate/packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts) explicitly lock in that large warning payload.
+
+## Plan
+
+- [completed] Add a failing regression test around repeated registered-language highlight failure behavior.
+- [completed] Implement a durable fix that avoids repeated heavy logging and repeated failing highlight work.
+- [completed] Run targeted tests plus build, typecheck, lint.
+- [completed] Recheck the demo/perf dev-server path in browser/dev mode.
+
+## Progress Log
+
+- 2026-04-02: Reloaded context after compaction, re-read the code-highlight implementation, the earlier learning, and the current spec coverage.
+- 2026-04-02: Added a regression that proved registered-language failures were retried on every call.
+- 2026-04-02: Cached failed registered languages per `lowlight` instance and collapsed invalid-regex warnings to a short reason string.
+- 2026-04-02: Verified `markdown-streaming-demo` still completes, `markdown-stream-perf` still runs, and repeated perf page refreshes no longer reproduced the `Map maximum size exceeded` crash.
diff --git a/docs/plans/2026-04-02-fix-pr-4937-ci.md b/docs/plans/2026-04-02-fix-pr-4937-ci.md
new file mode 100644
index 0000000000..1cb4edac65
--- /dev/null
+++ b/docs/plans/2026-04-02-fix-pr-4937-ci.md
@@ -0,0 +1,30 @@
+# Fix PR 4937 CI
+
+## Goal
+
+Fix the failing GitHub Actions checks on PR 4937:
+
+- `CI / CI (pull_request)`
+- `Registry / Validate Registry (pull_request)`
+
+## Context
+
+- PR: `https://github.com/udecode/plate/pull/4937`
+- Branch: `codex/markdown-stream-perf-baseline`
+- Current task is CI triage first, then minimal durable fix.
+
+## Plan
+
+- [completed] Inspect failing checks and pull GitHub Actions logs.
+- [completed] Reproduce the failing commands locally.
+- [completed] Implement the minimal durable fix.
+- [in_progress] Run verification and push the fix.
+
+## Findings
+
+- `gh auth status` is healthy with `repo` and `workflow` scopes.
+- PR resolves to `#4937`.
+- `CI` failed on barrel drift in `packages/ai/src/react/ai-chat/streaming/index.ts`.
+- `Registry / Validate Registry` first failed on generated template lint from `use-chat.ts`, then on a missing generated `ai-stream-batching` helper in the `ai-kit` registry payload.
+- `pnpm check` exposed one extra local blocker in `apps/www/src/registry/examples/markdown-streaming-demo.tsx`: direct `setState` calls inside effects triggered `react-hooks/set-state-in-effect`.
+- The demo page now routes those effect-time updates through `useEffectEvent`, preserving behavior while satisfying the React lint rule.
diff --git a/docs/solutions/developer-experience/2026-04-05-registry-generated-templates-may-lose-plugin-option-key-typing.md b/docs/solutions/developer-experience/2026-04-05-registry-generated-templates-may-lose-plugin-option-key-typing.md
new file mode 100644
index 0000000000..30d42f3968
--- /dev/null
+++ b/docs/solutions/developer-experience/2026-04-05-registry-generated-templates-may-lose-plugin-option-key-typing.md
@@ -0,0 +1,87 @@
+---
+module: Plate UI Registry
+date: 2026-04-05
+problem_type: developer_experience
+component: tooling
+symptoms:
+  - "`Validate Registry` failed in `templates/plate-playground-template` with `Argument of type '\"chatOptions\"' is not assignable to parameter of type '\"state\"'`"
+  - "The app source typechecked locally, but the generated template narrowed `usePluginOption(...)` to a key union that no longer included plugin option keys"
+root_cause: wrong_api
+resolution_type: code_fix
+severity: medium
+tags:
+  - registry
+  - templates
+  - typescript
+  - platejs
+  - usepluginoption
+  - plugin-state
+  - ci
+---
+
+# Registry-generated templates may lose plugin option key typing
+
+## Problem
+
+A registry source file can typecheck in `apps/www` while the generated template fails in `Validate Registry`.
+
+This happened in [`use-chat.ts`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/use-chat.ts) after reading `chatOptions` with `usePluginOption(aiChatPlugin, 'chatOptions')`.
+
+## Symptoms
+
+- `next build` in `templates/plate-playground-template` failed with:
+
+```text
+Argument of type '"chatOptions"' is not assignable to parameter of type '"state"'
+```
+
+- The generated template file still came from the current registry source, so the failure was not caused by committed `templates/**` drift.
+
+## What Didn't Work
+
+### 1. Treating the failure like template drift
+
+Removing local `templates/**` diffs was the right cleanup step, but it did not solve the real problem.
+
+`Validate Registry` regenerates templates on the runner. If the registry source produces invalid template code, CI still fails even when the PR does not touch `templates/**`.
+
+### 2. Reading plugin options through a plugin-specific option key
+
+This source code looked fine locally:
+
+```ts
+const options = usePluginOption(aiChatPlugin, 'chatOptions');
+```
+
+But the generated template lost the narrower plugin option key typing, so `usePluginOption(...)` only accepted `'state'`.
+
+## Solution
+
+Read the plugin state, then access `chatOptions` from that state object instead of asking `usePluginOption(...)` for `'chatOptions'` directly.
+
+In [`use-chat.ts`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/use-chat.ts):
+
+```ts
+const aiChatState = usePluginOption(aiChatPlugin, 'state') as
+  | { chatOptions?: PluginChatOptions }
+  | undefined;
+const options = aiChatState?.chatOptions;
+```
+
+Update the hook regression in [`use-chat.slow.tsx`](/Users/felixfeng/Desktop/repos/plate/apps/www/src/registry/components/editor/use-chat.slow.tsx) to mock `state.chatOptions` instead of returning a bare options object.
+
+## Why This Works
+
+The template generation path preserved access to plugin `state`, but it did not preserve the narrower plugin option key union that exists in the app source.
+
+Reading from `'state'` keeps the access on a key the generated template type surface still recognizes. Pulling `chatOptions` off that returned state object avoids the brittle key-level generic path.
+
+## Prevention
+
+- When a registry component needs plugin-owned configuration, prefer a template-safe access path that survives generation, not the narrowest local generic convenience.
+- If a type fix only touches `apps/www/src/registry/**`, prove it against the generated-template path before calling the CI issue fixed.
+- Treat `templates/**` as verification output, not the place to patch a registry typing bug.
+
+## Related Issues
+
+- [Template local package overrides must cover transitive exports](/Users/felixfeng/Desktop/repos/plate/docs/solutions/developer-experience/2026-03-28-template-local-package-overrides-must-cover-transitive-exports.md)
diff --git a/package.json b/package.json
index a26937abac..5c674f9210 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
     "build:apps": "turbo --filter \"./apps/www\" build",
     "build:tw": "pnpm --filter www build:tw",
     "build:watch": "ROARR_LOG=true turbowatch ./tooling/config/turbowatch.config.ts | roarr",
-    "check": "pnpm lint && pnpm typecheck && pnpm test:all && pnpm test:slowest",
-    "check:push": "pnpm lint && pnpm typecheck && pnpm test:all",
+    "check": "pnpm lint && pnpm test:template-manifests && pnpm typecheck && pnpm test:all && pnpm test:slowest",
+    "check:push": "pnpm lint && pnpm test:template-manifests && pnpm typecheck && pnpm test:all",
     "deps:check": "npx npm-check-updates@latest --configFileName config/ncurc.yml --workspaces --root --mergeConfig",
     "deps:update": "npx npm-check-updates@latest --configFileName config/ncurc.yml -u --workspaces --root --mergeConfig",
     "dev": "turbo --filter=www dev",
@@ -63,6 +63,7 @@
     "test:all": "pnpm test && pnpm test:slow",
     "test:coverage": "bun test --coverage",
     "test:manifests": "node tooling/scripts/check-workspace-package-manifests.mjs",
+    "test:template-manifests": "node tooling/scripts/check-template-package-manifests.mjs",
     "test:profile": "bun tooling/scripts/test-slowest.mjs --profile",
     "test:slow": "bun tooling/scripts/test-slow.mjs",
     "test:slowest": "bun tooling/scripts/test-slowest.mjs",
@@ -131,6 +132,7 @@
     "dotenv": "16.5.0",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "7.0.1",
+    "lefthook": "2.1.4",
     "openai": "5.3.0",
     "platejs": "workspace:^",
     "prompts": "2.4.2",
diff --git a/packages/ai/src/react/ai-chat/AIChatPlugin.ts b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
index 9acd1551e5..c5b52e52ca 100644
--- a/packages/ai/src/react/ai-chat/AIChatPlugin.ts
+++ b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
@@ -6,7 +6,6 @@ import {
   type EditorNodesOptions,
   type NodeEntry,
   type OmitFirst,
-  type Path,
   type PluginConfig,
   type SlateEditor,
   type TIdElement,
@@ -27,6 +26,8 @@ import { removeAnchorAIChat } from './transforms';
 import { acceptAIChat } from './transforms/acceptAIChat';
 import { insertBelowAIChat } from './transforms/insertBelowAIChat';
 import { replaceSelectionAIChat } from './transforms/replaceSelectionAIChat';
+import type { AIChatTextStreamState } from './streaming/chatTextStreamTransport';
+import { getMarkdownStreamCurrentPath } from './streaming/markdownStreamSession';
 import { resetAIChat } from './utils/resetAIChat';
 import { submitAIChat } from './utils/submitAIChat';
 import { withAIChat } from './withAIChat';
@@ -34,14 +35,10 @@ import { withAIChat } from './withAIChat';
 export type AIChatPluginConfig = PluginConfig<
   'aiChat',
   {
-    _blockChunks: string;
-    _blockPath: Path | null;
-    /** @private Using For streamInsertChunk */
-    _mdxName: string | null;
     _replaceIds: string[];
     /** @private The Editor used to generate the AI response. */
     aiEditor: SlateEditor | null;
-    chat: UseChatHelpers<ChatMessage>;
+    chat: UseChatHelpers<ChatMessage> & AIChatTextStreamState;
     chatNodes: TIdElement[];
     chatSelection: TRange | null;
     /** @deprecated Use api.aiChat.node({streaming:true}) instead */
@@ -89,9 +86,6 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
     isElement: true,
   },
   options: {
-    _blockChunks: '',
-    _blockPath: null,
-    _mdxName: null,
     _replaceIds: [],
     aiEditor: null,
     chat: { messages: [] } as unknown as UseChatHelpers<ChatMessage>,
@@ -129,7 +123,7 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
       if (streaming) {
         if (!getOption('streaming')) return;
 
-        const path = getOption('_blockPath');
+        const path = getMarkdownStreamCurrentPath(editor);
         if (!path) return;
 
         return editor.api.node({
diff --git a/packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx b/packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx
index d9caf0306a..41a069df3e 100644
--- a/packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx
+++ b/packages/ai/src/react/ai-chat/hooks/useChatChunk.slow.tsx
@@ -1,5 +1,7 @@
 import { act, renderHook } from '@testing-library/react';
 
+import { emitChatTextStreamChunk } from '../streaming/chatTextStreamTransport';
+
 const usePluginOptionMock = mock();
 const useLastAssistantMessageMock = mock();
 const getEditorPluginMock = mock();
@@ -71,6 +73,133 @@ describe('useChatChunk', () => {
       nodes: [{ text: 'llo' }],
       text: 'hello',
     });
-    expect(onFinish).toHaveBeenCalledWith({ content: 'hello' });
+    expect(onFinish).toHaveBeenCalledWith({
+      content: 'hello',
+      interrupted: false,
+    });
+  });
+
+  it('prefers raw text stream events when the chat transport provides them', async () => {
+    const onChunk = mock();
+    const onFinish = mock();
+    const statuses = [
+      {
+        __plateTextStreamChannelId: 'channel-a',
+        id: 'editor',
+        status: 'streaming',
+      },
+      {
+        __plateTextStreamChannelId: 'channel-a',
+        id: 'editor',
+        status: 'ready',
+      },
+    ];
+    let index = 0;
+
+    usePluginOptionMock.mockImplementation(() => statuses[index]);
+    useLastAssistantMessageMock.mockReturnValue(undefined);
+
+    const { useChatChunk } = await loadModule();
+    const hook = renderHook(() => useChatChunk({ onChunk, onFinish }));
+
+    await act(async () => {
+      emitChatTextStreamChunk('channel-b', {
+        delta: 'ignore-me',
+        id: 'text-2',
+        type: 'text-delta',
+      });
+      emitChatTextStreamChunk('channel-a', {
+        id: 'text-1',
+        type: 'text-start',
+      });
+      emitChatTextStreamChunk('channel-a', {
+        delta: 'he',
+        id: 'text-1',
+        type: 'text-delta',
+      });
+      emitChatTextStreamChunk('channel-a', {
+        delta: 'llo',
+        id: 'text-1',
+        type: 'text-delta',
+      });
+      emitChatTextStreamChunk('channel-a', {
+        id: 'text-1',
+        type: 'text-end',
+      });
+    });
+
+    await act(async () => {
+      index = 1;
+      hook.rerender();
+    });
+
+    expect(onChunk).toHaveBeenNthCalledWith(1, {
+      chunk: 'he',
+      isFirst: true,
+      nodes: [{ text: 'he' }],
+      text: 'he',
+    });
+    expect(onChunk).toHaveBeenNthCalledWith(2, {
+      chunk: 'llo',
+      isFirst: false,
+      nodes: [{ text: 'llo' }],
+      text: 'hello',
+    });
+    expect(onFinish).toHaveBeenNthCalledWith(1, {
+      content: 'hello',
+      interrupted: false,
+    });
+  });
+
+  it('marks unfinished raw text streams as interrupted when loading stops', async () => {
+    const onChunk = mock();
+    const onFinish = mock();
+    const statuses = [
+      {
+        __plateTextStreamChannelId: 'channel-stop',
+        id: 'editor',
+        status: 'streaming',
+      },
+      {
+        __plateTextStreamChannelId: 'channel-stop',
+        id: 'editor',
+        status: 'ready',
+      },
+    ];
+    let index = 0;
+
+    usePluginOptionMock.mockImplementation(() => statuses[index]);
+    useLastAssistantMessageMock.mockReturnValue(undefined);
+
+    const { useChatChunk } = await loadModule();
+    const hook = renderHook(() => useChatChunk({ onChunk, onFinish }));
+
+    await act(async () => {
+      emitChatTextStreamChunk('channel-stop', {
+        id: 'text-1',
+        type: 'text-start',
+      });
+      emitChatTextStreamChunk('channel-stop', {
+        delta: 'hello',
+        id: 'text-1',
+        type: 'text-delta',
+      });
+    });
+
+    await act(async () => {
+      index = 1;
+      hook.rerender();
+    });
+
+    expect(onChunk).toHaveBeenCalledWith({
+      chunk: 'hello',
+      isFirst: true,
+      nodes: [{ text: 'hello' }],
+      text: 'hello',
+    });
+    expect(onFinish).toHaveBeenCalledWith({
+      content: 'hello',
+      interrupted: true,
+    });
   });
 });
diff --git a/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts b/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
index 51375bcb01..5944e473f6 100644
--- a/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
+++ b/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useEffectEvent, useRef } from 'react';
 
 import type { TText } from 'platejs';
 
@@ -7,6 +7,7 @@ import { usePluginOption } from 'platejs/react';
 
 import type { AIChatPluginConfig } from '../AIChatPlugin';
 
+import { subscribeChatTextStream } from '../streaming/chatTextStreamTransport';
 import { useLastAssistantMessage } from '../utils/getLastAssistantMessage';
 
 export const useChatChunk = ({
@@ -19,13 +20,21 @@ export const useChatChunk = ({
     nodes: TText[];
     text: string;
   }) => void;
-  onFinish?: ({ content }: { content: string }) => void;
+  onFinish?: ({
+    content,
+    interrupted,
+  }: {
+    content: string;
+    interrupted?: boolean;
+  }) => void;
 }) => {
-  const { status } = usePluginOption(
+  const chat = usePluginOption(
     { key: KEYS.aiChat } as AIChatPluginConfig,
     'chat'
   );
+  const { status } = chat;
   const isLoading = status === 'streaming' || status === 'submitted';
+  const textStreamChannelId = chat?.__plateTextStreamChannelId;
 
   const content = useLastAssistantMessage()?.parts.find(
     (part) => part.type === 'text'
@@ -33,41 +42,97 @@ export const useChatChunk = ({
 
   const insertedTextRef = useRef<string>('');
   const prevIsLoadingRef = useRef(isLoading);
+  const streamedTextRef = useRef<string>('');
+  const receivedTextEndRef = useRef(false);
+
+  const handleChunk = useEffectEvent(
+    ({
+      chunk,
+      isFirst,
+      text,
+    }: {
+      chunk: string;
+      isFirst: boolean;
+      text: string;
+    }) => {
+      onChunk({
+        chunk,
+        isFirst,
+        nodes: [{ text: chunk }],
+        text,
+      });
+    }
+  );
+
+  const handleFinish = useEffectEvent((text: string, interrupted?: boolean) => {
+    onFinish?.({ content: text, interrupted });
+  });
 
   useEffect(() => {
+    if (!textStreamChannelId) return;
+
+    return subscribeChatTextStream(textStreamChannelId, (chunk) => {
+      if (chunk.type === 'text-start') {
+        receivedTextEndRef.current = false;
+
+        return;
+      }
+
+      if (chunk.type === 'text-delta') {
+        const isFirst = streamedTextRef.current.length === 0;
+        const text = `${streamedTextRef.current}${chunk.delta}`;
+
+        streamedTextRef.current = text;
+
+        handleChunk({
+          chunk: chunk.delta,
+          isFirst,
+          text,
+        });
+
+        return;
+      }
+
+      receivedTextEndRef.current = true;
+      handleFinish(streamedTextRef.current, false);
+    });
+  }, [textStreamChannelId]);
+
+  useEffect(() => {
+    if (prevIsLoadingRef.current && !isLoading) {
+      if (textStreamChannelId) {
+        if (!receivedTextEndRef.current) {
+          handleFinish(streamedTextRef.current, true);
+        }
+      } else {
+        handleFinish(content ?? '', false);
+      }
+    }
+
     if (!isLoading) {
       insertedTextRef.current = '';
-    }
-    if (prevIsLoadingRef.current && !isLoading) {
-      onFinish?.({ content: content ?? '' });
+      streamedTextRef.current = '';
+      receivedTextEndRef.current = false;
     }
 
     prevIsLoadingRef.current = isLoading;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isLoading]);
+  }, [content, isLoading, textStreamChannelId]);
 
   useEffect(() => {
-    if (!content) {
+    if (textStreamChannelId || !content) {
       return;
     }
 
     const chunk = content.slice(insertedTextRef.current.length);
 
-    const nodes: TText[] = [];
-
     if (chunk) {
-      const isFirst = insertedTextRef.current === '';
-
-      nodes.push({ text: chunk });
-      onChunk({
+      handleChunk({
         chunk,
-        isFirst,
-        nodes,
+        isFirst: insertedTextRef.current === '',
         text: content,
       });
     }
 
     insertedTextRef.current = content;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [content]);
+  }, [content, textStreamChannelId]);
 };
diff --git a/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.spec.ts b/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.spec.ts
new file mode 100644
index 0000000000..bcf3e15448
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.spec.ts
@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'bun:test';
+
+import {
+  createAIChatTextStreamTransport,
+  emitChatTextStreamChunk,
+  getAIChatTextStreamChannelId,
+  subscribeChatTextStream,
+  withAIChatTextStream,
+} from './chatTextStreamTransport';
+
+describe('chatTextStreamTransport', () => {
+  it('isolates listeners per transport instance even when chat ids match', () => {
+    const transportA = createAIChatTextStreamTransport({ chatId: 'editor' });
+    const transportB = createAIChatTextStreamTransport({ chatId: 'editor' });
+    const channelA = getAIChatTextStreamChannelId(transportA);
+    const channelB = getAIChatTextStreamChannelId(transportB);
+    const receivedChunksA: Parameters<typeof emitChatTextStreamChunk>[1][] = [];
+    const receivedChunksB: Parameters<typeof emitChatTextStreamChunk>[1][] = [];
+
+    expect(channelA).toBeTruthy();
+    expect(channelB).toBeTruthy();
+    expect(channelA).not.toBe(channelB);
+
+    const unsubscribeA = subscribeChatTextStream(channelA!, (chunk) => {
+      receivedChunksA.push(chunk);
+    });
+    const unsubscribeB = subscribeChatTextStream(channelB!, (chunk) => {
+      receivedChunksB.push(chunk);
+    });
+
+    emitChatTextStreamChunk(channelA!, {
+      id: 'text-1',
+      type: 'text-start',
+    });
+    emitChatTextStreamChunk(channelA!, {
+      delta: 'hello',
+      id: 'text-1',
+      type: 'text-delta',
+    });
+    emitChatTextStreamChunk(channelA!, {
+      id: 'text-1',
+      type: 'text-end',
+    });
+
+    expect(receivedChunksA).toHaveLength(3);
+    expect(receivedChunksB).toHaveLength(0);
+
+    unsubscribeA();
+    unsubscribeB();
+  });
+
+  it('decorates chat helpers only when the transport exposes a text-stream channel', () => {
+    const transport = createAIChatTextStreamTransport({ chatId: 'editor' });
+    const channelId = getAIChatTextStreamChannelId(transport);
+    const chat = withAIChatTextStream({ status: 'streaming' }, transport);
+    const plainChat = withAIChatTextStream({ status: 'streaming' }, {});
+
+    expect(chat.__plateTextStreamChannelId).toBe(channelId);
+    expect(plainChat.__plateTextStreamChannelId).toBeUndefined();
+  });
+});
diff --git a/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.ts b/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.ts
new file mode 100644
index 0000000000..be60844ca1
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/streaming/chatTextStreamTransport.ts
@@ -0,0 +1,125 @@
+import {
+  DefaultChatTransport,
+  type HttpChatTransportInitOptions,
+  type UIMessage,
+  type UIMessageChunk,
+} from 'ai';
+
+export type AIChatTextStreamState = {
+  __plateTextStreamChannelId?: string;
+};
+
+type ChatTextStreamChunk = Extract<
+  UIMessageChunk,
+  { type: 'text-delta' | 'text-end' | 'text-start' }
+>;
+
+type ChatTextStreamListener = (chunk: ChatTextStreamChunk) => void;
+
+const chatTextStreamListeners = new Map<string, Set<ChatTextStreamListener>>();
+let nextChatTextStreamChannelId = 0;
+
+const createChatTextStreamChannelId = (chatId: string) =>
+  `${chatId}:${++nextChatTextStreamChannelId}`;
+
+export const emitChatTextStreamChunk = (
+  channelId: string,
+  chunk: ChatTextStreamChunk
+) => {
+  chatTextStreamListeners.get(channelId)?.forEach((listener) => {
+    listener(chunk);
+  });
+};
+
+export const subscribeChatTextStream = (
+  channelId: string,
+  listener: ChatTextStreamListener
+) => {
+  const listeners = chatTextStreamListeners.get(channelId) ?? new Set();
+
+  listeners.add(listener);
+  chatTextStreamListeners.set(channelId, listeners);
+
+  return () => {
+    listeners.delete(listener);
+
+    if (listeners.size === 0) {
+      chatTextStreamListeners.delete(channelId);
+    }
+  };
+};
+
+export class AIChatTextStreamTransport<
+  UI_MESSAGE extends UIMessage,
+> extends DefaultChatTransport<UI_MESSAGE> {
+  readonly channelId: string;
+
+  constructor(
+    chatId: string,
+    options: HttpChatTransportInitOptions<UI_MESSAGE> = {}
+  ) {
+    super(options);
+    this.channelId = createChatTextStreamChannelId(chatId);
+  }
+
+  protected processResponseStream(
+    stream: ReadableStream<Uint8Array<ArrayBufferLike>>
+  ) {
+    const uiMessageStream = super.processResponseStream(stream);
+    const [sdkStream, observerStream] = uiMessageStream.tee();
+
+    void this.forwardTextStreamChunks(observerStream);
+
+    return sdkStream;
+  }
+
+  private async forwardTextStreamChunks(
+    stream: ReadableStream<UIMessageChunk>
+  ) {
+    const reader = stream.getReader();
+
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+
+        if (done) return;
+
+        if (
+          value.type === 'text-start' ||
+          value.type === 'text-delta' ||
+          value.type === 'text-end'
+        ) {
+          emitChatTextStreamChunk(this.channelId, value);
+        }
+      }
+    } finally {
+      reader.releaseLock();
+    }
+  }
+}
+
+export const createAIChatTextStreamTransport = <UI_MESSAGE extends UIMessage>({
+  chatId,
+  ...options
+}: HttpChatTransportInitOptions<UI_MESSAGE> & {
+  chatId: string;
+}) => new AIChatTextStreamTransport<UI_MESSAGE>(chatId, options);
+
+export const getAIChatTextStreamChannelId = (transport: unknown) =>
+  transport instanceof AIChatTextStreamTransport
+    ? transport.channelId
+    : undefined;
+
+export const withAIChatTextStream = <CHAT extends object>(
+  chat: CHAT,
+  transport: unknown
+): CHAT & AIChatTextStreamState => {
+  const channelId = getAIChatTextStreamChannelId(transport);
+
+  if (!channelId) return { ...chat };
+
+  return {
+    ...chat,
+    __plateTextStreamChannelId: channelId,
+  };
+};
diff --git a/packages/ai/src/react/ai-chat/streaming/index.ts b/packages/ai/src/react/ai-chat/streaming/index.ts
index 5579abd68f..1af651cec8 100644
--- a/packages/ai/src/react/ai-chat/streaming/index.ts
+++ b/packages/ai/src/react/ai-chat/streaming/index.ts
@@ -2,6 +2,9 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './chatTextStreamTransport';
+export * from './markdownStreamSession';
+export * from './remarkStreamdownPendingTail';
 export * from './streamDeserializeInlineMd';
 export * from './streamDeserializeMd';
 export * from './streamInsertChunk';
diff --git a/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.spec.ts b/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.spec.ts
new file mode 100644
index 0000000000..a955a9cfdd
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.spec.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'bun:test';
+
+import {
+  appendMarkdownStreamSource,
+  clearMarkdownStreamSession,
+  getMarkdownStreamCurrentPath,
+  getMarkdownStreamMdxName,
+  getMarkdownStreamRuntimeState,
+  getMarkdownStreamSource,
+  setMarkdownStreamCurrentPath,
+  setMarkdownStreamMdxName,
+  setMarkdownStreamRuntimeState,
+} from './markdownStreamSession';
+
+describe('markdownStreamSession', () => {
+  it('accumulates and clears insert streaming runtime state', () => {
+    const editor = {} as any;
+
+    expect(getMarkdownStreamSource(editor)).toBe('');
+    expect(getMarkdownStreamCurrentPath(editor)).toBeNull();
+    expect(getMarkdownStreamMdxName(editor)).toBeNull();
+    expect(getMarkdownStreamRuntimeState(editor)).toBeUndefined();
+
+    expect(appendMarkdownStreamSource(editor, 'hello')).toBe('hello');
+    expect(appendMarkdownStreamSource(editor, ' world')).toBe('hello world');
+
+    setMarkdownStreamCurrentPath(editor, [2]);
+    setMarkdownStreamMdxName(editor, 'Callout');
+    setMarkdownStreamRuntimeState(editor, {
+      replayStartOffset: 4,
+      source: 'hello world',
+      stableBlockCount: 1,
+      startPath: [0],
+    });
+
+    expect(getMarkdownStreamSource(editor)).toBe('hello world');
+    expect(getMarkdownStreamCurrentPath(editor)).toEqual([2]);
+    expect(getMarkdownStreamMdxName(editor)).toBe('Callout');
+    expect(getMarkdownStreamRuntimeState(editor)).toEqual({
+      replayStartOffset: 4,
+      source: 'hello world',
+      stableBlockCount: 1,
+      startPath: [0],
+    });
+
+    clearMarkdownStreamSession(editor);
+
+    expect(getMarkdownStreamSource(editor)).toBe('');
+    expect(getMarkdownStreamCurrentPath(editor)).toBeNull();
+    expect(getMarkdownStreamMdxName(editor)).toBeNull();
+    expect(getMarkdownStreamRuntimeState(editor)).toBeUndefined();
+  });
+});
diff --git a/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.ts b/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.ts
new file mode 100644
index 0000000000..d48efe344a
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/streaming/markdownStreamSession.ts
@@ -0,0 +1,93 @@
+import type { Path, SlateEditor } from 'platejs';
+
+export type StreamInsertRuntimeState = {
+  replayStartOffset: number;
+  source: string;
+  stableBlockCount: number;
+  startPath: Path;
+};
+
+type MarkdownStreamSessionState = {
+  currentPath: Path | null;
+  mdxName: string | null;
+  runtimeState?: StreamInsertRuntimeState;
+  source: string;
+};
+
+const markdownStreamSessions = new WeakMap<
+  SlateEditor,
+  MarkdownStreamSessionState
+>();
+
+const getOrCreateMarkdownStreamSession = (editor: SlateEditor) => {
+  const existing = markdownStreamSessions.get(editor);
+
+  if (existing) return existing;
+
+  const state: MarkdownStreamSessionState = {
+    currentPath: null,
+    mdxName: null,
+    source: '',
+  };
+
+  markdownStreamSessions.set(editor, state);
+
+  return state;
+};
+
+export const appendMarkdownStreamSource = (
+  editor: SlateEditor,
+  chunk: string
+) => {
+  const state = getOrCreateMarkdownStreamSession(editor);
+
+  state.source += chunk;
+
+  return state.source;
+};
+
+export const clearMarkdownStreamSession = (editor: SlateEditor) => {
+  markdownStreamSessions.delete(editor);
+};
+
+export const getMarkdownStreamCurrentPath = (editor: SlateEditor) =>
+  markdownStreamSessions.get(editor)?.currentPath ?? null;
+
+export const getMarkdownStreamMdxName = (editor: SlateEditor) =>
+  markdownStreamSessions.get(editor)?.mdxName ?? null;
+
+export const getMarkdownStreamRuntimeState = (editor: SlateEditor) =>
+  markdownStreamSessions.get(editor)?.runtimeState;
+
+export const getMarkdownStreamSource = (editor: SlateEditor) =>
+  markdownStreamSessions.get(editor)?.source ?? '';
+
+export const setMarkdownStreamCurrentPath = (
+  editor: SlateEditor,
+  path: Path | null
+) => {
+  getOrCreateMarkdownStreamSession(editor).currentPath = path;
+};
+
+export const setMarkdownStreamMdxName = (
+  editor: SlateEditor,
+  mdxName: string | null
+) => {
+  getOrCreateMarkdownStreamSession(editor).mdxName = mdxName;
+};
+
+export const setMarkdownStreamRuntimeState = (
+  editor: SlateEditor,
+  runtimeState: StreamInsertRuntimeState | undefined
+) => {
+  const state = getOrCreateMarkdownStreamSession(editor);
+
+  state.runtimeState = runtimeState;
+};
+
+export const setMarkdownStreamSource = (
+  editor: SlateEditor,
+  source: string
+) => {
+  getOrCreateMarkdownStreamSession(editor).source = source;
+};
diff --git a/packages/ai/src/react/ai-chat/streaming/remarkStreamdownPendingTail.ts b/packages/ai/src/react/ai-chat/streaming/remarkStreamdownPendingTail.ts
new file mode 100644
index 0000000000..af4ba0be35
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/streaming/remarkStreamdownPendingTail.ts
@@ -0,0 +1,20 @@
+export function remarkStreamdownPendingTail(this: {
+  data(key: 'settings'): Record<string, unknown> | undefined;
+  data(key: 'settings', value: Record<string, unknown>): void;
+}) {
+  const settings = this.data('settings') ?? {};
+  const streamdown =
+    settings.streamdown &&
+    typeof settings.streamdown === 'object' &&
+    !Array.isArray(settings.streamdown)
+      ? (settings.streamdown as Record<string, unknown>)
+      : {};
+
+  this.data('settings', {
+    ...settings,
+    streamdown: {
+      ...streamdown,
+      preservePendingTail: true,
+    },
+  });
+}
diff --git a/packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts b/packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts
index 7590d10ea7..74af20da2a 100644
--- a/packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts
+++ b/packages/ai/src/react/ai-chat/streaming/streamDeserializeMd.ts
@@ -1,128 +1,110 @@
 import type { PlateEditor } from 'platejs/react';
 
-import { type DeserializeMdOptions, MarkdownPlugin } from '@platejs/markdown';
-import { type TElement, getPluginType, KEYS, TextApi } from 'platejs';
-
-import { AIChatPlugin } from '../AIChatPlugin';
-import { getChunkTrimmed } from './utils';
+import {
+  type DeserializeMdOptions,
+  MarkdownPlugin,
+  markdownToSlateNodesSafely,
+  splitIncompleteMdx,
+} from '@platejs/markdown';
+import { type Descendant, TextApi, getPluginType, KEYS } from 'platejs';
+
+import {
+  getMarkdownStreamMdxName,
+  setMarkdownStreamMdxName,
+} from './markdownStreamSession';
+import { remarkStreamdownPendingTail } from './remarkStreamdownPendingTail';
 import { escapeInput } from './utils/escapeInput';
 
 const statMdxTagRegex = /<([A-Za-z][A-Za-z0-9._:-]*)(?:\s[^>]*?)?(?<!\/)>/;
 
+const getPendingMdxName = (input: string) => {
+  const result = splitIncompleteMdx(input);
+
+  if (!Array.isArray(result)) return null;
+
+  const incompleteString = result[1];
+  const pendingMdxName = statMdxTagRegex.exec(incompleteString)?.[1];
+
+  if (pendingMdxName && incompleteString.startsWith(`<${pendingMdxName}`)) {
+    return pendingMdxName;
+  }
+
+  return null;
+};
+
+const toBlockNodes = (editor: PlateEditor, value: Descendant[]) =>
+  value.map((item) =>
+    TextApi.isText(item)
+      ? {
+          children: [item],
+          type: getPluginType(editor, KEYS.p),
+        }
+      : item
+  );
+
 export const streamDeserializeMd = (
   editor: PlateEditor,
   data: string,
   options?: DeserializeMdOptions
 ) => {
   const input = escapeInput(data);
-
-  const value = withoutDeserializeInMdx(editor, input);
-
-  if (Array.isArray(value)) return value;
-
-  let blocks: TElement[] = [];
-
-  blocks = editor.getApi(MarkdownPlugin).markdown.deserialize(input, {
+  const pluginRemarkPlugins =
+    editor.getOptions(MarkdownPlugin).remarkPlugins ?? [];
+  const remarkPlugins = [
+    ...pluginRemarkPlugins,
+    remarkStreamdownPendingTail,
+    ...(options?.remarkPlugins ?? []),
+  ];
+
+  const value = withoutDeserializeInMdx(editor, input, {
     ...options,
-    preserveEmptyParagraphs: false,
+    remarkPlugins,
   });
 
-  const trimmedData = getChunkTrimmed(data);
-
-  const lastBlock = blocks.at(-1) as TElement | undefined;
-
-  const addNewLine = trimmedData === '\n\n';
-  const unshiftNewLine =
-    getChunkTrimmed(data, { direction: 'left' }) === '\n\n';
-
-  const isCodeBlockOrTable =
-    lastBlock?.type === 'code_block' || lastBlock?.type === 'table';
+  if (Array.isArray(value)) return toBlockNodes(editor, value);
 
-  let result = blocks;
+  setMarkdownStreamMdxName(editor, getPendingMdxName(input));
 
-  /**
-   * Deserialize the sting like `123\n\n` will be `123` base on markdown spec
-   * but we want to keep the `\n\n`
-   */
-
-  if (
-    lastBlock &&
-    !isCodeBlockOrTable &&
-    trimmedData.length > 0 &&
-    !addNewLine
-  ) {
-    const textNode = [
-      {
-        text: trimmedData,
-      },
-    ];
-
-    const lastChild = lastBlock.children.at(-1);
-
-    /** It’s like normalizing and merging the text nodes. */
-    if (
-      lastChild &&
-      TextApi.isText(lastChild) &&
-      Object.keys(lastChild).length === 1
-    ) {
-      lastBlock.children.pop();
-
-      const textNode = [
-        {
-          text: lastChild.text + trimmedData,
-        },
-      ];
+  return toBlockNodes(
+    editor,
+    editor.getApi(MarkdownPlugin).markdown.deserialize(input, {
+      ...options,
+      preserveEmptyParagraphs: false,
+      remarkPlugins,
+    })
+  );
+};
 
-      lastBlock.children.push(...textNode);
-    } else {
-      lastBlock.children.push(...textNode);
-    }
+const withoutDeserializeInMdx = (
+  editor: PlateEditor,
+  input: string,
+  options?: DeserializeMdOptions
+) => {
+  const mdxName = getMarkdownStreamMdxName(editor);
 
-    result = [...blocks.slice(0, -1), lastBlock];
-  }
+  if (!mdxName) return false;
 
-  if (addNewLine && !isCodeBlockOrTable) {
-    result.push({
-      children: [{ text: '' }],
-      type: KEYS.p,
-    });
-  }
+  const pendingMdxName = getPendingMdxName(input);
 
-  if (unshiftNewLine && !isCodeBlockOrTable) {
-    result.unshift({
-      children: [{ text: '' }],
-      type: KEYS.p,
-    });
+  if (pendingMdxName !== mdxName) {
+    setMarkdownStreamMdxName(editor, pendingMdxName);
+    return false;
   }
 
-  return result;
-};
+  const splitResult = splitIncompleteMdx(input);
 
-const withoutDeserializeInMdx = (editor: PlateEditor, input: string) => {
-  const mdxName = editor.getOption(AIChatPlugin, '_mdxName');
-
-  if (mdxName) {
-    const isMdxEnd = input.includes(`</${mdxName}>`);
-
-    if (isMdxEnd) {
-      editor.setOption(AIChatPlugin, '_mdxName', null);
-      return false;
-    }
-    return [
-      {
-        children: [
-          {
-            text: input,
-          },
-        ],
-        type: getPluginType(editor, KEYS.p),
-      },
-    ];
+  if (Array.isArray(splitResult) && splitResult[0].length > 0) {
+    return markdownToSlateNodesSafely(editor, input, options);
   }
-  const newMdxName = statMdxTagRegex.exec(input)?.[1];
 
-  // Avoid incorrect detection in the code block
-  if (input.startsWith(`<${newMdxName}`)) {
-    editor.setOption(AIChatPlugin, '_mdxName', newMdxName ?? null);
-  }
+  return [
+    {
+      children: [
+        {
+          text: input,
+        },
+      ],
+      type: getPluginType(editor, KEYS.p),
+    },
+  ];
 };
diff --git a/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts b/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts
index d86c446f7b..c0b6403389 100644
--- a/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts
+++ b/packages/ai/src/react/ai-chat/streaming/streamInsertChunk.ts
@@ -1,23 +1,34 @@
+import { MarkdownPlugin, markdownToAstProcessor } from '@platejs/markdown';
 import type { PlateEditor } from 'platejs/react';
 
 import {
   type Path,
   type SlateEditor,
+  TextApi,
   getPluginType,
   KEYS,
   NodeApi,
   PathApi,
+  type TElement,
 } from 'platejs';
 
 import {
   AI_PREVIEW_KEY,
   hasAIPreview,
 } from '../../../lib/transforms/aiStreamSnapshot';
+import {
+  clearMarkdownStreamSession,
+  getMarkdownStreamCurrentPath,
+  getMarkdownStreamRuntimeState,
+  getMarkdownStreamSource,
+  setMarkdownStreamCurrentPath,
+  setMarkdownStreamRuntimeState,
+  setMarkdownStreamSource,
+  type StreamInsertRuntimeState,
+} from './markdownStreamSession';
 import { AIChatPlugin } from '../AIChatPlugin';
-import { streamDeserializeInlineMd } from './streamDeserializeInlineMd';
+import { remarkStreamdownPendingTail } from './remarkStreamdownPendingTail';
 import { streamDeserializeMd } from './streamDeserializeMd';
-import { streamSerializeMd } from './streamSerializeMd';
-import { isSameNode } from './utils/isSameNode';
 import { nodesWithProps } from './utils/nodesWithProps';
 
 export type SteamInsertChunkOptions = {
@@ -25,15 +36,239 @@ export type SteamInsertChunkOptions = {
   textProps?: any;
 };
 
+type StreamingBlock = TElement & {
+  children: any[];
+  listRestartPolite?: number;
+  listStart?: number;
+  listStyleType?: string;
+};
+
+type BuildReplayRuntimeStateOptions = {
+  markdownSource: string;
+  nextBlocks: TElement[];
+  previousRuntimeState?: StreamInsertRuntimeState;
+  startPath: Path;
+};
+
+type NextBlocksResult = {
+  blocks: StreamingBlock[];
+  stablePrefixLength: number;
+};
+
 const getNextPath = (path: Path, length: number) => {
   let result = path;
 
   for (let i = 0; i < length; i++) {
     result = PathApi.next(result);
   }
+
   return result;
 };
 
+function pushTextNode(
+  children: Record<string, unknown>[],
+  text: string,
+  props: Record<string, unknown> = {}
+) {
+  if (text.length === 0) return;
+
+  const lastChild = children.at(-1);
+
+  if (lastChild && TextApi.isText(lastChild)) {
+    const { text: lastText, ...lastProps } = lastChild;
+
+    if (areNodesEqual(lastProps, props)) {
+      lastChild.text = `${String(lastText)}${text}`;
+      return;
+    }
+  }
+
+  children.push({
+    ...props,
+    text,
+  });
+}
+
+function transformUnderlineChildren(children: any[]) {
+  const result: any[] = [];
+
+  let underlineActive = false;
+  let underlineText = '';
+
+  const flushPendingUnderlineAsLiteral = () => {
+    pushTextNode(result, `<u>${underlineText}`);
+    underlineActive = false;
+    underlineText = '';
+  };
+
+  for (const child of children) {
+    if (
+      !TextApi.isText(child) ||
+      Object.keys(child).some((key) => key !== 'text')
+    ) {
+      if (underlineActive) {
+        flushPendingUnderlineAsLiteral();
+      }
+
+      if (child && typeof child === 'object' && Array.isArray(child.children)) {
+        result.push({
+          ...child,
+          children: transformUnderlineChildren(child.children),
+        });
+      } else {
+        result.push(child);
+      }
+
+      continue;
+    }
+
+    let remaining = child.text;
+
+    while (remaining.length > 0) {
+      if (!underlineActive) {
+        const openIndex = remaining.indexOf('<u>');
+
+        if (openIndex === -1) {
+          pushTextNode(result, remaining);
+          break;
+        }
+
+        if (openIndex > 0) {
+          pushTextNode(result, remaining.slice(0, openIndex));
+        }
+
+        remaining = remaining.slice(openIndex + 3);
+        underlineActive = true;
+        underlineText = '';
+        continue;
+      }
+
+      const closeIndex = remaining.indexOf('</u>');
+
+      if (closeIndex === -1) {
+        underlineText += remaining;
+        break;
+      }
+
+      underlineText += remaining.slice(0, closeIndex);
+      pushTextNode(result, underlineText, { underline: true });
+      remaining = remaining.slice(closeIndex + 4);
+      underlineActive = false;
+      underlineText = '';
+    }
+  }
+
+  if (underlineActive) {
+    flushPendingUnderlineAsLiteral();
+  }
+
+  return result;
+}
+
+function applyStreamingPostProcessing(blocks: TElement[]): StreamingBlock[] {
+  const transformedBlocks: StreamingBlock[] = blocks.map((block) => {
+    if (block.listStyleType && block.listStyleType !== 'decimal') {
+      const { listRestartPolite, listStart, ...rest } = block as StreamingBlock;
+
+      return {
+        ...rest,
+        children: transformUnderlineChildren(block.children),
+      };
+    }
+
+    return {
+      ...block,
+      children: transformUnderlineChildren(block.children),
+    };
+  });
+
+  return transformedBlocks.map((block, index) => {
+    if (!block.listStyleType || !block.listStart || block.listStart === 1) {
+      return block;
+    }
+
+    const previousBlock = transformedBlocks[index - 1];
+
+    if (previousBlock?.listStyleType && previousBlock?.listStart) {
+      return block;
+    }
+
+    return {
+      ...block,
+      listRestartPolite: block.listStart,
+    };
+  });
+}
+
+function deserializeStreamingMarkdown(
+  editor: PlateEditor,
+  data: string
+): StreamingBlock[] {
+  return applyStreamingPostProcessing(streamDeserializeMd(editor, data));
+}
+
+function areNodesEqual(left: unknown, right: unknown): boolean {
+  if (left === right) return true;
+
+  if (Array.isArray(left) && Array.isArray(right)) {
+    if (left.length !== right.length) return false;
+
+    return left.every((child, index) => areNodesEqual(child, right[index]));
+  }
+
+  if (left && right && typeof left === 'object' && typeof right === 'object') {
+    const leftEntries = Object.entries(left as Record<string, unknown>);
+    const rightEntries = Object.entries(right as Record<string, unknown>);
+
+    if (leftEntries.length !== rightEntries.length) return false;
+
+    return leftEntries.every(
+      ([key, value]) =>
+        Object.hasOwn(right as Record<string, unknown>, key) &&
+        areNodesEqual(value, (right as Record<string, unknown>)[key])
+    );
+  }
+
+  return false;
+}
+
+function getSharedTopLevelPrefixLength(
+  currentBlocks: TElement[],
+  nextBlocks: TElement[],
+  initialLength = 0
+) {
+  const maxLength = Math.min(currentBlocks.length, nextBlocks.length);
+
+  let index = Math.min(initialLength, maxLength);
+
+  while (
+    index < maxLength &&
+    areNodesEqual(currentBlocks[index], nextBlocks[index])
+  ) {
+    index += 1;
+  }
+
+  return index;
+}
+
+function getNodeStartOffset(node: unknown) {
+  if (!node || typeof node !== 'object') {
+    return 0;
+  }
+
+  const startOffset = (
+    node as {
+      position?: {
+        start?: {
+          offset?: number;
+        };
+      };
+    }
+  ).position?.start?.offset;
+
+  return typeof startOffset === 'number' ? startOffset : 0;
+}
+
 const withPreviewElementProps = (
   editor: PlateEditor,
   options: SteamInsertChunkOptions
@@ -63,206 +298,395 @@ export const getInsertPreviewStart = (editor: SlateEditor) => {
   };
 };
 
-/** @experimental */
-export function streamInsertChunk(
+function isEmptyParagraphBlock(
   editor: PlateEditor,
-  chunk: string,
-  options: SteamInsertChunkOptions = {}
+  block: TElement | undefined
 ) {
-  const insertOptions = withPreviewElementProps(editor, options);
-  const { _blockChunks, _blockPath } = editor.getOptions(AIChatPlugin);
+  if (!block) return false;
 
-  if (_blockPath === null) {
-    const blocks = streamDeserializeMd(editor, chunk);
-    const { path, startInEmptyParagraph } = getInsertPreviewStart(editor);
+  return (
+    block.type === getPluginType(editor, KEYS.p) &&
+    NodeApi.string(block).length === 0
+  );
+}
 
-    // if start in empty paragraph, remove it
-    if (startInEmptyParagraph) {
-      editor.tf.removeNodes({ at: path });
+function getStreamdownPendingMetadata(root: unknown) {
+  if (!root || typeof root !== 'object') {
+    return;
+  }
+
+  const streamdown = (
+    root as {
+      data?: {
+        streamdown?: {
+          pendingReason?: unknown;
+          pendingStart?: unknown;
+        };
+      };
     }
+  ).data?.streamdown;
 
-    if (blocks.length > 0) {
-      editor.tf.insertNodes(
-        nodesWithProps(editor, [blocks[0]], insertOptions),
-        {
-          at: path,
-          nextBlock: !startInEmptyParagraph,
-          select: true,
-        }
-      );
+  if (!streamdown || typeof streamdown !== 'object') {
+    return;
+  }
 
-      editor.setOption(AIChatPlugin, '_blockPath', getCurrentBlockPath(editor));
-      editor.setOption(AIChatPlugin, '_blockChunks', chunk);
+  const pendingReason =
+    typeof streamdown.pendingReason === 'string'
+      ? streamdown.pendingReason
+      : undefined;
+  const pendingStart =
+    typeof streamdown.pendingStart === 'number'
+      ? streamdown.pendingStart
+      : undefined;
 
-      if (blocks.length > 1) {
-        const nextBlocks = blocks.slice(1);
+  return {
+    pendingReason,
+    pendingStart,
+  };
+}
 
-        const nextPath = getCurrentBlockPath(editor);
+function canReuseReplayRuntimeState(
+  markdownSource: string,
+  previousRuntimeState: StreamInsertRuntimeState | undefined
+) {
+  if (!previousRuntimeState) return false;
+  if (!markdownSource.startsWith(previousRuntimeState.source)) return false;
 
-        editor.tf.insertNodes(
-          nodesWithProps(editor, nextBlocks, insertOptions),
-          {
-            at: nextPath,
-            nextBlock: true,
-            select: true,
-          }
-        );
+  const appendedChunk = markdownSource.slice(
+    previousRuntimeState.source.length
+  );
 
-        const lastBlock = editor.api.node(
-          getNextPath(nextPath, nextBlocks.length)
-        )!;
+  if (appendedChunk.length === 0) return true;
 
-        editor.setOption(AIChatPlugin, '_blockPath', lastBlock[1]);
+  return (
+    !previousRuntimeState.source.endsWith('\n') && !appendedChunk.includes('\n')
+  );
+}
 
-        const lastBlockChunks = streamSerializeMd(
-          editor,
-          {
-            value: [lastBlock[0]],
-          },
-          chunk
-        );
+function buildReplayRuntimeState(
+  editor: PlateEditor,
+  {
+    markdownSource,
+    nextBlocks,
+    previousRuntimeState,
+    startPath,
+  }: BuildReplayRuntimeStateOptions
+): StreamInsertRuntimeState {
+  if (markdownSource.length === 0 || nextBlocks.length === 0) {
+    return {
+      replayStartOffset: 0,
+      source: markdownSource,
+      stableBlockCount: 0,
+      startPath,
+    };
+  }
 
-        editor.setOption(AIChatPlugin, '_blockChunks', lastBlockChunks);
-      }
-    }
-  } else {
-    const tempBlockChunks = _blockChunks + chunk;
-    const tempBlocks = streamDeserializeMd(editor, tempBlockChunks);
-
-    // console.log(
-    //   JSON.stringify(chunk),
-    //   'chunk',
-    //   '-------------------------------------------------------------------------------------------'
-    // );
-    // console.log(
-    //   '🚀 ~ Streaming ~ tempBlockChunks:',
-    //   JSON.stringify(tempBlockChunks)
-    // );
-
-    // console.log('🚀 ~ Streaming ~ tempBlocks:', JSON.stringify(tempBlocks));
-
-    if (tempBlocks.length === 0) {
-      return console.warn(
-        `unsupport md nodes: ${JSON.stringify(tempBlockChunks)}`
-      );
+  if (canReuseReplayRuntimeState(markdownSource, previousRuntimeState)) {
+    return {
+      replayStartOffset: previousRuntimeState!.replayStartOffset,
+      source: markdownSource,
+      stableBlockCount: previousRuntimeState!.stableBlockCount,
+      startPath,
+    };
+  }
+
+  let replayStartOffset = 0;
+  const parseSource =
+    previousRuntimeState &&
+    markdownSource.startsWith(previousRuntimeState.source) &&
+    previousRuntimeState.replayStartOffset <= markdownSource.length
+      ? markdownSource.slice(previousRuntimeState.replayStartOffset)
+      : markdownSource;
+  const parseOffset =
+    parseSource === markdownSource
+      ? 0
+      : (previousRuntimeState?.replayStartOffset ?? 0);
+
+  try {
+    const pluginRemarkPlugins =
+      editor.getOptions(MarkdownPlugin).remarkPlugins ?? [];
+    const root = markdownToAstProcessor(editor, parseSource, {
+      remarkPlugins: [...pluginRemarkPlugins, remarkStreamdownPendingTail],
+    });
+    const pending = getStreamdownPendingMetadata(root);
+
+    if (pending?.pendingReason === 'trailing-blank-lines') {
+      const trailingPlaceholderCount = isEmptyParagraphBlock(
+        editor,
+        nextBlocks.at(-1)
+      )
+        ? 1
+        : 0;
+
+      return {
+        replayStartOffset: markdownSource.length,
+        source: markdownSource,
+        stableBlockCount: Math.max(
+          0,
+          nextBlocks.length - trailingPlaceholderCount
+        ),
+        startPath,
+      };
     }
 
-    if (tempBlocks.length === 1) {
-      const currentBlock = editor.api.node(_blockPath)![0];
-
-      // If the types are the same
-      if (isSameNode(editor, currentBlock, tempBlocks[0])) {
-        const chunkNodes = streamDeserializeInlineMd(editor as any, chunk);
-
-        // Deserialize the chunk and add it to the end of the current block
-        editor.tf.insertNodes(
-          nodesWithProps(editor, chunkNodes, insertOptions),
-          {
-            at: editor.api.end(_blockPath),
-            select: true,
-          }
-        );
-
-        const updatedBlock = editor.api.node(_blockPath)!;
-        const serializedBlock = streamSerializeMd(
-          editor,
-          {
-            value: [updatedBlock[0]],
-          },
-          tempBlockChunks
-        );
-
-        const blockText = NodeApi.string(tempBlocks[0]);
-
-        // Verify if the editor content matches the chunk
-        if (
-          serializedBlock === tempBlockChunks &&
-          blockText === serializedBlock
-        ) {
-          editor.setOption(AIChatPlugin, '_blockChunks', tempBlockChunks);
-        } else {
-          editor.tf.replaceNodes(
-            nodesWithProps(editor, [tempBlocks[0]], insertOptions),
-            {
-              at: _blockPath,
-              select: true,
-            }
-          );
-
-          const serializedBlock = streamSerializeMd(
-            editor,
-            {
-              value: [tempBlocks[0]],
-            },
-            tempBlockChunks
-          );
-
-          editor.setOption(
-            AIChatPlugin,
-            '_blockChunks',
-            // one block includes multiple children
-            tempBlocks[0].type === getPluginType(editor, KEYS.codeBlock) ||
-              tempBlocks[0].type === getPluginType(editor, KEYS.table) ||
-              tempBlocks[0].type === getPluginType(editor, KEYS.equation)
-              ? tempBlockChunks
-              : serializedBlock
-          );
-        }
-      } else {
-        const serializedBlock = streamSerializeMd(
-          editor,
-          {
-            value: [tempBlocks[0]],
-          },
-          tempBlockChunks
-        );
-
-        editor.tf.replaceNodes(
-          nodesWithProps(editor, [tempBlocks[0]], insertOptions),
-          {
-            at: _blockPath,
-            select: true,
-          }
-        );
-
-        editor.setOption(AIChatPlugin, '_blockChunks', serializedBlock);
-      }
-    } else {
-      editor.tf.replaceNodes(
-        nodesWithProps(editor, [tempBlocks[0]], insertOptions),
-        {
-          at: _blockPath,
-          select: true,
-        }
-      );
+    replayStartOffset = parseOffset + getNodeStartOffset(root.children.at(-1));
+  } catch {
+    return {
+      replayStartOffset: 0,
+      source: markdownSource,
+      stableBlockCount: 0,
+      startPath,
+    };
+  }
+
+  if (replayStartOffset <= 0) {
+    return {
+      replayStartOffset: 0,
+      source: markdownSource,
+      stableBlockCount: 0,
+      startPath,
+    };
+  }
 
-      if (tempBlocks.length > 1) {
-        const newEndBlockPath = getNextPath(_blockPath, tempBlocks.length - 1);
+  if (replayStartOffset >= markdownSource.length) {
+    return {
+      replayStartOffset: markdownSource.length,
+      source: markdownSource,
+      stableBlockCount: Math.max(0, nextBlocks.length - 1),
+      startPath,
+    };
+  }
 
-        editor.tf.insertNodes(
-          nodesWithProps(editor, tempBlocks.slice(1), insertOptions),
-          {
-            at: PathApi.next(_blockPath),
-            select: true,
-          }
-        );
+  if (
+    previousRuntimeState &&
+    markdownSource.startsWith(previousRuntimeState.source) &&
+    replayStartOffset === previousRuntimeState.replayStartOffset &&
+    previousRuntimeState.stableBlockCount <= nextBlocks.length
+  ) {
+    return {
+      replayStartOffset,
+      source: markdownSource,
+      stableBlockCount: previousRuntimeState.stableBlockCount,
+      startPath,
+    };
+  }
 
-        editor.setOption(AIChatPlugin, '_blockPath', newEndBlockPath);
+  const replayBlocks = deserializeStreamingMarkdown(
+    editor,
+    markdownSource.slice(replayStartOffset)
+  );
 
-        const endBlock = editor.api.node(newEndBlockPath)![0];
+  return {
+    replayStartOffset,
+    source: markdownSource,
+    stableBlockCount: Math.max(0, nextBlocks.length - replayBlocks.length),
+    startPath,
+  };
+}
 
-        const serializedBlock = streamSerializeMd(
-          editor,
-          {
-            value: [endBlock],
-          },
-          tempBlockChunks
-        );
+function getNextBlocks(
+  editor: PlateEditor,
+  markdownSource: string,
+  currentBlocks: TElement[],
+  runtimeState: StreamInsertRuntimeState | undefined
+): NextBlocksResult {
+  if (markdownSource.length === 0) {
+    return {
+      blocks: [],
+      stablePrefixLength: 0,
+    };
+  }
 
-        editor.setOption(AIChatPlugin, '_blockChunks', serializedBlock);
-      }
+  if (
+    runtimeState &&
+    markdownSource.startsWith(runtimeState.source) &&
+    runtimeState.replayStartOffset <= markdownSource.length &&
+    runtimeState.stableBlockCount <= currentBlocks.length
+  ) {
+    const stablePrefixLength = Math.min(
+      runtimeState.stableBlockCount,
+      currentBlocks.length
+    );
+    const replayBlocks = deserializeStreamingMarkdown(
+      editor,
+      markdownSource.slice(runtimeState.replayStartOffset)
+    );
+
+    return {
+      blocks: [...currentBlocks.slice(0, stablePrefixLength), ...replayBlocks],
+      stablePrefixLength,
+    };
+  }
+
+  return {
+    blocks: deserializeStreamingMarkdown(editor, markdownSource),
+    stablePrefixLength: 0,
+  };
+}
+
+function removeInitialEmptyParagraph(editor: PlateEditor, path: Path) {
+  const startBlock = editor.api.node(path)?.[0];
+
+  const startInEmptyParagraph =
+    startBlock &&
+    NodeApi.string(startBlock).length === 0 &&
+    startBlock.type === getPluginType(editor, KEYS.p);
+
+  if (startInEmptyParagraph) {
+    editor.tf.removeNodes({ at: path });
+  }
+}
+
+function getInsertStreamStartPath(editor: SlateEditor) {
+  const { path, startInEmptyParagraph } = getInsertPreviewStart(editor);
+
+  return startInEmptyParagraph ? path : PathApi.next(path);
+}
+
+function getCurrentStreamBlocks(
+  editor: PlateEditor,
+  startPath: Path,
+  currentPath: Path | null
+) {
+  const children = (editor.children as TElement[]) ?? [];
+  const startIndex = startPath[0] ?? 0;
+  const currentIndex = currentPath?.[0];
+
+  if (
+    typeof currentIndex === 'number' &&
+    currentIndex >= startIndex &&
+    currentIndex < children.length
+  ) {
+    return children.slice(startIndex, currentIndex + 1);
+  }
+
+  if (!hasAIPreview(editor)) {
+    return [];
+  }
+
+  let endIndex = startIndex - 1;
+
+  while (endIndex + 1 < children.length) {
+    if (!(children[endIndex + 1] as any)?.[AI_PREVIEW_KEY]) {
+      break;
+    }
+
+    endIndex += 1;
+  }
+
+  if (endIndex < startIndex) {
+    return [];
+  }
+
+  return children.slice(startIndex, endIndex + 1);
+}
+
+export const resetStreamInsertChunk = (editor: SlateEditor) => {
+  clearMarkdownStreamSession(editor);
+};
+
+/** @experimental */
+export function streamInsertChunk(
+  editor: PlateEditor,
+  chunk: string,
+  options: SteamInsertChunkOptions = {}
+) {
+  const insertOptions = withPreviewElementProps(editor, options);
+  const previousCurrentPath = getMarkdownStreamCurrentPath(editor);
+  const previousSource = getMarkdownStreamSource(editor);
+  const isFreshStream =
+    previousCurrentPath === null || previousSource.length === 0;
+  const previousRuntimeState = getMarkdownStreamRuntimeState(editor);
+
+  const startPath =
+    isFreshStream || !previousRuntimeState
+      ? getInsertStreamStartPath(editor)
+      : previousRuntimeState.startPath;
+
+  if (isFreshStream) {
+    const { path, startInEmptyParagraph } = getInsertPreviewStart(editor);
+
+    if (startInEmptyParagraph) {
+      removeInitialEmptyParagraph(editor, path);
     }
   }
+
+  const markdownSource = previousSource + chunk;
+  const startIndex = startPath[0] ?? 0;
+  const currentBlocks = getCurrentStreamBlocks(
+    editor,
+    startPath,
+    previousCurrentPath
+  );
+  const nextBlocksResult = getNextBlocks(
+    editor,
+    markdownSource,
+    currentBlocks,
+    isFreshStream ? undefined : previousRuntimeState
+  );
+  const nextBlocks = nextBlocksResult.blocks;
+  const sharedPrefixLength = getSharedTopLevelPrefixLength(
+    currentBlocks,
+    nextBlocks,
+    nextBlocksResult.stablePrefixLength
+  );
+  const nextRuntimeState = buildReplayRuntimeState(editor, {
+    markdownSource,
+    nextBlocks,
+    previousRuntimeState: isFreshStream ? undefined : previousRuntimeState,
+    startPath,
+  });
+
+  if (
+    sharedPrefixLength === currentBlocks.length &&
+    sharedPrefixLength === nextBlocks.length
+  ) {
+    setMarkdownStreamSource(editor, markdownSource);
+    setMarkdownStreamRuntimeState(editor, nextRuntimeState);
+    setMarkdownStreamCurrentPath(
+      editor,
+      nextBlocks.length > 0
+        ? getNextPath(startPath, nextBlocks.length - 1)
+        : startPath
+    );
+    return;
+  }
+
+  if (editor.selection) {
+    editor.tf.deselect();
+  }
+
+  editor.tf.withoutNormalizing(() => {
+    for (
+      let index = currentBlocks.length - 1;
+      index >= sharedPrefixLength;
+      index -= 1
+    ) {
+      editor.tf.removeNodes({ at: [startIndex + index] });
+    }
+
+    for (
+      let index = sharedPrefixLength;
+      index < nextBlocks.length;
+      index += 1
+    ) {
+      editor.tf.insertNodes(
+        nodesWithProps(editor, [nextBlocks[index] as any], insertOptions),
+        {
+          at: [startIndex + index],
+        }
+      );
+    }
+  });
+
+  setMarkdownStreamSource(editor, markdownSource);
+  setMarkdownStreamRuntimeState(editor, nextRuntimeState);
+  setMarkdownStreamCurrentPath(
+    editor,
+    nextBlocks.length > 0
+      ? getNextPath(startPath, nextBlocks.length - 1)
+      : startPath
+  );
 }
 
 export const getCurrentBlockPath = (editor: SlateEditor) => {
diff --git a/packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts b/packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts
index 0aa2618bf9..eb7325d77f 100644
--- a/packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts
+++ b/packages/ai/src/react/ai-chat/utils/aiChatActions.spec.ts
@@ -9,6 +9,7 @@ const getTransientSuggestionKeyMock = mock(() => '__transient');
 const getEditorPluginMock = mock();
 const useEditorPluginMock = mock();
 const usePluginOptionMock = mock();
+const clearMarkdownStreamSessionMock = mock();
 
 mock.module('@platejs/markdown', () => ({
   MarkdownPlugin: { key: 'markdown' },
@@ -37,6 +38,10 @@ mock.module('@platejs/suggestion/react', () => ({
   SuggestionPlugin: { key: 'suggestion' },
 }));
 
+mock.module('../streaming/markdownStreamSession', () => ({
+  clearMarkdownStreamSession: clearMarkdownStreamSessionMock,
+}));
+
 mock.module('platejs/react', async () => {
   const actual = await import(
     new URL('../../../../../plate/dist/react/index.js', import.meta.url).href
@@ -80,6 +85,7 @@ describe('ai chat action utils', () => {
     getTransientSuggestionKeyMock.mockReset();
     getTransientSuggestionKeyMock.mockReturnValue('__transient');
     getEditorPluginMock.mockReset();
+    clearMarkdownStreamSessionMock.mockReset();
   });
 
   afterAll(() => {
@@ -219,6 +225,7 @@ describe('ai chat action utils', () => {
 
     expect(stop).toHaveBeenCalled();
     expect(setMessages).toHaveBeenCalledWith([]);
+    expect(clearMarkdownStreamSessionMock).toHaveBeenCalledWith(editor);
     expect(setOptions).toHaveBeenCalledWith({
       _replaceIds: [],
       chatNodes: [],
diff --git a/packages/ai/src/react/ai-chat/utils/resetAIChat.ts b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
index 4e29fa029c..94dabc4a1f 100644
--- a/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
+++ b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
@@ -3,6 +3,7 @@ import { type PlateEditor, getEditorPlugin } from 'platejs/react';
 
 import { BaseAIPlugin } from '../../../lib/BaseAIPlugin';
 import type { AIChatPluginConfig } from '../AIChatPlugin';
+import { clearMarkdownStreamSession } from '../streaming/markdownStreamSession';
 
 export const resetAIChat = (
   editor: PlateEditor,
@@ -23,6 +24,8 @@ export const resetAIChat = (
     chat.setMessages?.([]);
   }
 
+  clearMarkdownStreamSession(editor);
+
   setOptions({
     _replaceIds: [],
     chatNodes: [],
diff --git a/packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts b/packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts
index 033878d3de..4a17b27aa0 100644
--- a/packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts
+++ b/packages/code-block/src/lib/setCodeBlockToDecorations.spec.ts
@@ -14,13 +14,13 @@ import {
 const mockHighlight = mock();
 const mockHighlightAuto = mock();
 const mockListLanguages = mock();
-const mockLowlight = {
-  highlight: mockHighlight,
-  highlightAuto: mockHighlightAuto,
-  listLanguages: mockListLanguages,
-};
 
 let editor: SlateEditor;
+let mockLowlight: {
+  highlight: typeof mockHighlight;
+  highlightAuto: typeof mockHighlightAuto;
+  listLanguages: typeof mockListLanguages;
+};
 
 beforeEach(() => {
   // Reset mocks
@@ -28,6 +28,11 @@ beforeEach(() => {
   mockHighlightAuto.mockReset();
   mockListLanguages.mockReset();
   mockListLanguages.mockReturnValue(['javascript', 'typescript']);
+  mockLowlight = {
+    highlight: mockHighlight,
+    highlightAuto: mockHighlightAuto,
+    listLanguages: mockListLanguages,
+  };
 
   // Create a basic editor
   editor = createSlateEditor({
@@ -256,7 +261,7 @@ describe('codeBlockToDecorations', () => {
     expect(line3Decorations).toHaveLength(1);
   });
 
-  it('logs debug errors for registered languages that fail to highlight', () => {
+  it('warns once and stops retrying registered languages that already failed to highlight', () => {
     const error = new Error('boom');
     mockHighlight.mockImplementation(() => {
       throw error;
@@ -268,14 +273,42 @@ describe('codeBlockToDecorations', () => {
       type: 'code_block',
     };
 
-    const result = codeBlockToDecorations(editor, [codeBlock, [0]]);
+    const firstResult = codeBlockToDecorations(editor, [codeBlock, [0]]);
+    const secondResult = codeBlockToDecorations(editor, [codeBlock, [0]]);
 
-    expect(result.get(codeBlock.children[0] as any)).toEqual([]);
-    expect(editor.api.debug.error).toHaveBeenCalledWith(
-      error,
-      'CODE_HIGHLIGHT'
+    expect(firstResult.get(codeBlock.children[0] as any)).toEqual([]);
+    expect(secondResult.get(codeBlock.children[0] as any)).toEqual([]);
+    expect(mockHighlight).toHaveBeenCalledTimes(1);
+    expect(editor.api.debug.error).not.toHaveBeenCalled();
+    expect(editor.api.debug.warn).toHaveBeenCalledTimes(1);
+    expect(editor.api.debug.warn).toHaveBeenCalledWith(
+      'Failed to highlight language "javascript". Falling back to plaintext',
+      'CODE_HIGHLIGHT',
+      'boom'
+    );
+  });
+
+  it('sanitizes invalid regular expression highlight errors before warning', () => {
+    const error = new SyntaxError(
+      'Invalid regular expression: /very-long-regex/: Range out of order in character class'
+    );
+    mockHighlight.mockImplementation(() => {
+      throw error;
+    });
+
+    const codeBlock: TCodeBlockElement = {
+      children: [{ children: [{ text: 'print(1)' }], type: 'code_line' }],
+      lang: 'javascript',
+      type: 'code_block',
+    };
+
+    codeBlockToDecorations(editor, [codeBlock, [0]]);
+
+    expect(editor.api.debug.warn).toHaveBeenCalledWith(
+      'Failed to highlight language "javascript". Falling back to plaintext',
+      'CODE_HIGHLIGHT',
+      'Invalid regular expression (Range out of order in character class)'
     );
-    expect(editor.api.debug.warn).not.toHaveBeenCalled();
   });
 
   it('warns and falls back to plaintext for unregistered languages', () => {
diff --git a/packages/code-block/src/lib/setCodeBlockToDecorations.ts b/packages/code-block/src/lib/setCodeBlockToDecorations.ts
index d89a735fc1..3738897be2 100644
--- a/packages/code-block/src/lib/setCodeBlockToDecorations.ts
+++ b/packages/code-block/src/lib/setCodeBlockToDecorations.ts
@@ -14,6 +14,35 @@ import { BaseCodeBlockPlugin } from './BaseCodeBlockPlugin';
 export const CODE_LINE_TO_DECORATIONS: WeakMap<TElement, DecoratedRange[]> =
   new WeakMap();
 
+const FAILED_HIGHLIGHT_LANGUAGES = new WeakMap<object, Set<string>>();
+
+function getFailedHighlightLanguages(lowlight: object) {
+  let failedLanguages = FAILED_HIGHLIGHT_LANGUAGES.get(lowlight);
+
+  if (!failedLanguages) {
+    failedLanguages = new Set<string>();
+    FAILED_HIGHLIGHT_LANGUAGES.set(lowlight, failedLanguages);
+  }
+
+  return failedLanguages;
+}
+
+function getHighlightErrorDetail(error: unknown) {
+  if (error instanceof Error) {
+    if (error.message.startsWith('Invalid regular expression:')) {
+      const reason = error.message.split(': ').at(-1);
+
+      return reason
+        ? `Invalid regular expression (${reason})`
+        : 'Invalid regular expression';
+    }
+
+    return error.message;
+  }
+
+  return String(error);
+}
+
 // Helper function to get highlight nodes from Lowlight result
 function getHighlightNodes(result: any) {
   return result.value || result.children || [];
@@ -70,6 +99,7 @@ export function codeBlockToDecorations(
   const { defaultLanguage, ...options } =
     editor.getOptions(BaseCodeBlockPlugin);
   const lowlight = options.lowlight!;
+  const failedHighlightLanguages = getFailedHighlightLanguages(lowlight);
 
   // Get all code lines and combine their text
   const text = block.children.map((line) => NodeApi.string(line)).join('\n');
@@ -81,6 +111,8 @@ export function codeBlockToDecorations(
     // Skip highlighting for plaintext or when no language is specified
     if (!effectiveLanguage || effectiveLanguage === 'plaintext') {
       highlighted = { value: [] }; // Empty result for plaintext
+    } else if (failedHighlightLanguages.has(effectiveLanguage)) {
+      highlighted = { value: [] };
     } else if (effectiveLanguage === 'auto') {
       highlighted = lowlight.highlightAuto(text);
     } else {
@@ -92,7 +124,12 @@ export function codeBlockToDecorations(
     const isLanguageRegistered =
       effectiveLanguage && availableLanguages.includes(effectiveLanguage);
     if (isLanguageRegistered) {
-      editor.api.debug.error(error, 'CODE_HIGHLIGHT');
+      failedHighlightLanguages.add(effectiveLanguage);
+      editor.api.debug.warn(
+        `Failed to highlight language "${effectiveLanguage}". Falling back to plaintext`,
+        'CODE_HIGHLIGHT',
+        getHighlightErrorDetail(error)
+      );
       highlighted = { value: [] }; // Empty result on error
     } else {
       editor.api.debug.warn(
diff --git a/packages/markdown/package.json b/packages/markdown/package.json
index ccba87d47a..27ba8767f6 100644
--- a/packages/markdown/package.json
+++ b/packages/markdown/package.json
@@ -42,16 +42,25 @@
     "typecheck": "plate-pkg p:typecheck"
   },
   "dependencies": {
+    "decode-named-character-reference": "^1.0.0",
+    "devlop": "^1.0.0",
     "lodash": "^4.17.23",
     "marked": "^15.0.12",
     "mdast-util-math": "3.0.0",
     "mdast-util-mdx": "3.0.0",
+    "mdast-util-to-string": "^4.0.0",
+    "micromark": "^4.0.0",
+    "micromark-util-decode-numeric-character-reference": "^2.0.0",
+    "micromark-util-decode-string": "^2.0.0",
+    "micromark-util-normalize-identifier": "^2.0.0",
+    "micromark-util-symbol": "^2.0.0",
+    "micromark-util-types": "^2.0.0",
     "react-compiler-runtime": "^1.0.0",
     "remark-mdx": "^3.1.0",
-    "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
     "ts-essentials": "10.1.0",
     "unified": "^11.0.5",
+    "unist-util-stringify-position": "^4.0.0",
     "unist-util-visit": "5.0.0"
   },
   "devDependencies": {
diff --git a/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.d.ts b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.d.ts
new file mode 100644
index 0000000000..5e3daee8d3
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.d.ts
@@ -0,0 +1,23 @@
+export type { Encoding, Token, Value } from 'micromark-util-types';
+export type {
+  CompileContext,
+  CompileData,
+  Extension,
+  Handles,
+  Handle,
+  OnEnterError,
+  OnExitError,
+  Options,
+  Transform,
+} from './lib/types.js';
+export { fromMarkdown } from './lib/index.js';
+
+declare module 'micromark-util-types' {
+  type TokenTypeMap = {
+    listItem: 'listItem';
+  };
+
+  type Token = {
+    _spread?: boolean;
+  };
+}
diff --git a/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.js b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.js
new file mode 100644
index 0000000000..5d26000911
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/index.js
@@ -0,0 +1,2 @@
+// Note: types exported from `index.d.ts`.
+export { fromMarkdown } from './lib/index.js';
diff --git a/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/index.js b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/index.js
new file mode 100644
index 0000000000..4476441a2e
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/index.js
@@ -0,0 +1,1789 @@
+/**
+ * @import {
+ *   Break,
+ *   Blockquote,
+ *   Code,
+ *   Definition,
+ *   Emphasis,
+ *   Heading,
+ *   Html,
+ *   Image,
+ *   InlineCode,
+ *   Link,
+ *   ListItem,
+ *   List,
+ *   Nodes,
+ *   Paragraph,
+ *   PhrasingContent,
+ *   ReferenceType,
+ *   Root,
+ *   Strong,
+ *   Text,
+ *   ThematicBreak
+ * } from 'mdast'
+ * @import {
+ *   Encoding,
+ *   Event,
+ *   Token,
+ *   Value
+ * } from 'micromark-util-types'
+ * @import {Point} from 'unist'
+ * @import {
+ *   CompileContext,
+ *   CompileData,
+ *   Config,
+ *   Extension,
+ *   Handle,
+ *   OnEnterError,
+ *   Options
+ * } from './types.js'
+ */
+
+import { toString as mdastToString } from 'mdast-util-to-string';
+import { parse, postprocess, preprocess } from 'micromark';
+import { decodeNumericCharacterReference } from 'micromark-util-decode-numeric-character-reference';
+import { decodeString } from 'micromark-util-decode-string';
+import { normalizeIdentifier } from 'micromark-util-normalize-identifier';
+import { decodeNamedCharacterReference } from 'decode-named-character-reference';
+import { stringifyPosition } from 'unist-util-stringify-position';
+const own = {}.hasOwnProperty;
+const SOURCE_LINE_REGEX = /.*?(?:\r\n|\r|\n|$)/g;
+const TRAILING_LINE_ENDING_REGEX = /(?:\r\n|\r|\n)$/;
+const FENCED_CODE_CLOSE_REGEX = /^( {0,3})([`~]{3,})[ \t]*$/;
+const FENCED_CODE_OPEN_REGEX = /^( {0,3})([`~]{3,})(.*)$/;
+const TRAILING_WHITESPACE_REGEX = /[ \t]+$/;
+const LINE_TRAILING_WHITESPACE_BEFORE_BLANK_LINE_REGEX =
+  /[ \t]+(?=(?:\r\n|\r|\n)(?:\r\n|\r|\n))/;
+const LAST_TRAILING_BLOCK_REGEX =
+  /(?:\r\n|\r|\n){2,}(?![\s\S]*(?:\r\n|\r|\n){2,})/;
+const DANGLING_HTML_START_REGEX = /^<(?:!|\/)?[A-Za-z-]*$/;
+
+/**
+ * Turn markdown into a syntax tree.
+ *
+ * @overload
+ * @param {Value} value
+ * @param {Encoding | null | undefined} [encoding]
+ * @param {Options | null | undefined} [options]
+ * @returns {Root}
+ *
+ * @overload
+ * @param {Value} value
+ * @param {Options | null | undefined} [options]
+ * @returns {Root}
+ *
+ * @param {Value} value
+ *   Markdown to parse.
+ * @param {Encoding | Options | null | undefined} [encoding]
+ *   Character encoding for when `value` is `Buffer`.
+ * @param {Options | null | undefined} [options]
+ *   Configuration.
+ * @returns {Root}
+ *   mdast tree.
+ */
+export function fromMarkdown(value, encoding, options) {
+  const resolvedEncoding =
+    encoding && typeof encoding === 'object' ? undefined : encoding;
+  const resolvedOptions =
+    encoding && typeof encoding === 'object' ? encoding : options;
+  const tree = compiler(resolvedOptions)(
+    postprocess(
+      parse(resolvedOptions)
+        .document()
+        .write(preprocess()(value, resolvedEncoding, true))
+    )
+  );
+  return applyStreamdownMetadata(
+    tree,
+    value,
+    resolvedEncoding,
+    resolvedOptions
+  );
+}
+
+/**
+ * Note this compiler only understand complete buffering, not streaming.
+ *
+ * @param {Options | null | undefined} [options]
+ */
+function compiler(options) {
+  /** @type {Config} */
+  const config = {
+    transforms: [],
+    canContainEols: ['emphasis', 'fragment', 'heading', 'paragraph', 'strong'],
+    enter: {
+      autolink: opener(link),
+      autolinkProtocol: onenterdata,
+      autolinkEmail: onenterdata,
+      atxHeading: opener(heading),
+      blockQuote: opener(blockQuote),
+      characterEscape: onenterdata,
+      characterReference: onenterdata,
+      codeFenced: opener(codeFlow),
+      codeFencedFenceInfo: buffer,
+      codeFencedFenceMeta: buffer,
+      codeIndented: opener(codeFlow, buffer),
+      codeText: opener(codeText, buffer),
+      codeTextData: onenterdata,
+      data: onenterdata,
+      codeFlowValue: onenterdata,
+      definition: opener(definition),
+      definitionDestinationString: buffer,
+      definitionLabelString: buffer,
+      definitionTitleString: buffer,
+      emphasis: opener(emphasis),
+      hardBreakEscape: opener(hardBreak),
+      hardBreakTrailing: opener(hardBreak),
+      htmlFlow: opener(html, buffer),
+      htmlFlowData: onenterdata,
+      htmlText: opener(html, buffer),
+      htmlTextData: onenterdata,
+      image: opener(image),
+      label: buffer,
+      link: opener(link),
+      listItem: opener(listItem),
+      listItemValue: onenterlistitemvalue,
+      listOrdered: opener(list, onenterlistordered),
+      listUnordered: opener(list),
+      paragraph: opener(paragraph),
+      reference: onenterreference,
+      referenceString: buffer,
+      resourceDestinationString: buffer,
+      resourceTitleString: buffer,
+      setextHeading: opener(heading),
+      strong: opener(strong),
+      thematicBreak: opener(thematicBreak),
+    },
+    exit: {
+      atxHeading: closer(),
+      atxHeadingSequence: onexitatxheadingsequence,
+      autolink: closer(),
+      autolinkEmail: onexitautolinkemail,
+      autolinkProtocol: onexitautolinkprotocol,
+      blockQuote: closer(),
+      characterEscapeValue: onexitdata,
+      characterReferenceMarkerHexadecimal: onexitcharacterreferencemarker,
+      characterReferenceMarkerNumeric: onexitcharacterreferencemarker,
+      characterReferenceValue: onexitcharacterreferencevalue,
+      characterReference: onexitcharacterreference,
+      codeFenced: closer(onexitcodefenced),
+      codeFencedFence: onexitcodefencedfence,
+      codeFencedFenceInfo: onexitcodefencedfenceinfo,
+      codeFencedFenceMeta: onexitcodefencedfencemeta,
+      codeFlowValue: onexitdata,
+      codeIndented: closer(onexitcodeindented),
+      codeText: closer(onexitcodetext),
+      codeTextData: onexitdata,
+      data: onexitdata,
+      definition: closer(),
+      definitionDestinationString: onexitdefinitiondestinationstring,
+      definitionLabelString: onexitdefinitionlabelstring,
+      definitionTitleString: onexitdefinitiontitlestring,
+      emphasis: closer(),
+      hardBreakEscape: closer(onexithardbreak),
+      hardBreakTrailing: closer(onexithardbreak),
+      htmlFlow: closer(onexithtmlflow),
+      htmlFlowData: onexitdata,
+      htmlText: closer(onexithtmltext),
+      htmlTextData: onexitdata,
+      image: closer(onexitimage),
+      label: onexitlabel,
+      labelText: onexitlabeltext,
+      lineEnding: onexitlineending,
+      link: closer(onexitlink),
+      listItem: closer(),
+      listOrdered: closer(),
+      listUnordered: closer(),
+      paragraph: closer(),
+      referenceString: onexitreferencestring,
+      resourceDestinationString: onexitresourcedestinationstring,
+      resourceTitleString: onexitresourcetitlestring,
+      resource: onexitresource,
+      setextHeading: closer(onexitsetextheading),
+      setextHeadingLineSequence: onexitsetextheadinglinesequence,
+      setextHeadingText: onexitsetextheadingtext,
+      strong: closer(),
+      thematicBreak: closer(),
+    },
+  };
+  configure(config, options?.mdastExtensions || []);
+
+  /** @type {CompileData} */
+  const data = {};
+  return compile;
+
+  /**
+   * Turn micromark events into an mdast tree.
+   *
+   * @param {Array<Event>} events
+   *   Events.
+   * @returns {Root}
+   *   mdast tree.
+   */
+  function compile(events) {
+    /** @type {Root} */
+    let tree = {
+      type: 'root',
+      children: [],
+    };
+    /** @type {Omit<CompileContext, 'sliceSerialize'>} */
+    const context = {
+      stack: [tree],
+      tokenStack: [],
+      config,
+      enter,
+      exit,
+      buffer,
+      resume,
+      data,
+    };
+    /** @type {Array<number>} */
+    const listStack = [];
+    let index = -1;
+    while (++index < events.length) {
+      // We preprocess lists to add `listItem` tokens, and to infer whether
+      // items the list itself are spread out.
+      if (
+        events[index][1].type === 'listOrdered' ||
+        events[index][1].type === 'listUnordered'
+      ) {
+        if (events[index][0] === 'enter') {
+          listStack.push(index);
+        } else {
+          const tail = listStack.pop();
+          index = prepareList(events, tail, index);
+        }
+      }
+    }
+    index = -1;
+    while (++index < events.length) {
+      const handler = config[events[index][0]];
+      if (own.call(handler, events[index][1].type)) {
+        handler[events[index][1].type].call(
+          {
+            sliceSerialize: events[index][2].sliceSerialize,
+            ...context,
+          },
+          events[index][1]
+        );
+      }
+    }
+
+    // Handle tokens still being open.
+    if (context.tokenStack.length > 0) {
+      const tail = context.tokenStack.at(-1);
+      const handler = tail[1] || defaultOnError;
+      handler.call(context, undefined, tail[0]);
+    }
+
+    // Figure out `root` position.
+    tree.position = {
+      start: point(
+        events.length > 0
+          ? events[0][1].start
+          : {
+              line: 1,
+              column: 1,
+              offset: 0,
+            }
+      ),
+      end: point(
+        events.length > 0
+          ? events.at(-2)[1].end
+          : {
+              line: 1,
+              column: 1,
+              offset: 0,
+            }
+      ),
+    };
+
+    // Call transforms.
+    index = -1;
+    while (++index < config.transforms.length) {
+      tree = config.transforms[index](tree) || tree;
+    }
+    return tree;
+  }
+
+  /**
+   * @param {Array<Event>} events
+   * @param {number} start
+   * @param {number} length
+   * @returns {number}
+   */
+  function prepareList(events, start, length) {
+    let end = length;
+    let index = start - 1;
+    let containerBalance = -1;
+    let listSpread = false;
+    /** @type {Token | undefined} */
+    let listItem;
+    /** @type {number | undefined} */
+    let lineIndex;
+    /** @type {number | undefined} */
+    let firstBlankLineIndex;
+    /** @type {boolean | undefined} */
+    let atMarker;
+    while (++index <= end) {
+      const event = events[index];
+      switch (event[1].type) {
+        case 'listUnordered':
+        case 'listOrdered':
+        case 'blockQuote': {
+          if (event[0] === 'enter') {
+            containerBalance++;
+          } else {
+            containerBalance--;
+          }
+          atMarker = undefined;
+          break;
+        }
+        case 'lineEndingBlank': {
+          if (event[0] === 'enter') {
+            if (
+              listItem &&
+              !atMarker &&
+              !containerBalance &&
+              !firstBlankLineIndex
+            ) {
+              firstBlankLineIndex = index;
+            }
+            atMarker = undefined;
+          }
+          break;
+        }
+        case 'linePrefix':
+        case 'listItemValue':
+        case 'listItemMarker':
+        case 'listItemPrefix':
+        case 'listItemPrefixWhitespace': {
+          // Empty.
+
+          break;
+        }
+        default: {
+          atMarker = undefined;
+        }
+      }
+      if (
+        (!containerBalance &&
+          event[0] === 'enter' &&
+          event[1].type === 'listItemPrefix') ||
+        (containerBalance === -1 &&
+          event[0] === 'exit' &&
+          (event[1].type === 'listUnordered' ||
+            event[1].type === 'listOrdered'))
+      ) {
+        if (listItem) {
+          let tailIndex = index;
+          lineIndex = undefined;
+          while (tailIndex--) {
+            const tailEvent = events[tailIndex];
+            if (
+              tailEvent[1].type === 'lineEnding' ||
+              tailEvent[1].type === 'lineEndingBlank'
+            ) {
+              if (tailEvent[0] === 'exit') continue;
+              if (lineIndex) {
+                events[lineIndex][1].type = 'lineEndingBlank';
+                listSpread = true;
+              }
+              tailEvent[1].type = 'lineEnding';
+              lineIndex = tailIndex;
+            } else if (
+              tailEvent[1].type === 'linePrefix' ||
+              tailEvent[1].type === 'blockQuotePrefix' ||
+              tailEvent[1].type === 'blockQuotePrefixWhitespace' ||
+              tailEvent[1].type === 'blockQuoteMarker' ||
+              tailEvent[1].type === 'listItemIndent'
+            ) {
+              // Empty
+            } else {
+              break;
+            }
+          }
+          if (
+            firstBlankLineIndex &&
+            (!lineIndex || firstBlankLineIndex < lineIndex)
+          ) {
+            listItem._spread = true;
+          }
+
+          // Fix position.
+          listItem.end = {
+            ...(lineIndex ? events[lineIndex][1].start : event[1].end),
+          };
+          events.splice(lineIndex || index, 0, ['exit', listItem, event[2]]);
+          index++;
+          end++;
+        }
+
+        // Create a new list item.
+        if (event[1].type === 'listItemPrefix') {
+          /** @type {Token} */
+          const item = {
+            type: 'listItem',
+            _spread: false,
+            start: { ...event[1].start },
+            // @ts-expect-error: we’ll add `end` in a second.
+            end: undefined,
+          };
+          listItem = item;
+          events.splice(index, 0, ['enter', item, event[2]]);
+          index++;
+          end++;
+          firstBlankLineIndex = undefined;
+          atMarker = true;
+        }
+      }
+    }
+    events[start][1]._spread = listSpread;
+    return end;
+  }
+
+  /**
+   * Create an opener handle.
+   *
+   * @param {(token: Token) => Nodes} create
+   *   Create a node.
+   * @param {Handle | undefined} [and]
+   *   Optional function to also run.
+   * @returns {Handle}
+   *   Handle.
+   */
+  function opener(create, and) {
+    return open;
+
+    /**
+     * @this {CompileContext}
+     * @param {Token} token
+     * @returns {undefined}
+     */
+    function open(token) {
+      enter.call(this, create(token), token);
+      if (and) and.call(this, token);
+    }
+  }
+
+  /**
+   * @type {CompileContext['buffer']}
+   */
+  function buffer() {
+    this.stack.push({
+      type: 'fragment',
+      children: [],
+    });
+  }
+
+  /**
+   * @type {CompileContext['enter']}
+   */
+  function enter(node, token, errorHandler) {
+    const parent = this.stack.at(-1);
+    /** @type {Array<Nodes>} */
+    const siblings = parent.children;
+    siblings.push(node);
+    this.stack.push(node);
+    this.tokenStack.push([token, errorHandler || undefined]);
+    node.position = {
+      start: point(token.start),
+      // @ts-expect-error: `end` will be patched later.
+      end: undefined,
+    };
+  }
+
+  /**
+   * Create a closer handle.
+   *
+   * @param {Handle | undefined} [and]
+   *   Optional function to also run.
+   * @returns {Handle}
+   *   Handle.
+   */
+  function closer(and) {
+    return close;
+
+    /**
+     * @this {CompileContext}
+     * @param {Token} token
+     * @returns {undefined}
+     */
+    function close(token) {
+      if (and) and.call(this, token);
+      exit.call(this, token);
+    }
+  }
+
+  /**
+   * @type {CompileContext['exit']}
+   */
+  function exit(token, onExitError) {
+    const node = this.stack.pop();
+    const open = this.tokenStack.pop();
+    if (!open) {
+      throw new Error(
+        'Cannot close `' +
+          token.type +
+          '` (' +
+          stringifyPosition({
+            start: token.start,
+            end: token.end,
+          }) +
+          '): it’s not open'
+      );
+    }
+    if (open[0].type !== token.type) {
+      if (onExitError) {
+        onExitError.call(this, token, open[0]);
+      } else {
+        const handler = open[1] || defaultOnError;
+        handler.call(this, token, open[0]);
+      }
+    }
+    node.position.end = point(token.end);
+  }
+
+  /**
+   * @type {CompileContext['resume']}
+   */
+  function resume() {
+    return mdastToString(this.stack.pop());
+  }
+
+  //
+  // Handlers.
+  //
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onenterlistordered() {
+    this.data.expectingFirstListItemValue = true;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onenterlistitemvalue(token) {
+    if (this.data.expectingFirstListItemValue) {
+      const ancestor = this.stack.at(-2);
+      ancestor.start = Number.parseInt(this.sliceSerialize(token), 10);
+      this.data.expectingFirstListItemValue = undefined;
+    }
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcodefencedfenceinfo() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.lang = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcodefencedfencemeta() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.meta = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcodefencedfence() {
+    // Exit if this is the closing fence.
+    if (this.data.flowCodeInside) return;
+    this.buffer();
+    this.data.flowCodeInside = true;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcodefenced() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.value = data.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, '');
+    this.data.flowCodeInside = undefined;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcodeindented() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.value = data.replace(/(\r?\n|\r)$/g, '');
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitdefinitionlabelstring(token) {
+    const label = this.resume();
+    const node = this.stack.at(-1);
+    node.label = label;
+    node.identifier = normalizeIdentifier(
+      this.sliceSerialize(token)
+    ).toLowerCase();
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitdefinitiontitlestring() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.title = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitdefinitiondestinationstring() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.url = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitatxheadingsequence(token) {
+    const node = this.stack.at(-1);
+    if (!node.depth) {
+      const depth = this.sliceSerialize(token).length;
+      node.depth = depth;
+    }
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitsetextheadingtext() {
+    this.data.setextHeadingSlurpLineEnding = true;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitsetextheadinglinesequence(token) {
+    const node = this.stack.at(-1);
+    node.depth = this.sliceSerialize(token).codePointAt(0) === 61 ? 1 : 2;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitsetextheading() {
+    this.data.setextHeadingSlurpLineEnding = undefined;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onenterdata(token) {
+    const node = this.stack.at(-1);
+    /** @type {Array<Nodes>} */
+    const siblings = node.children;
+    let tail = siblings.at(-1);
+    if (!tail || tail.type !== 'text') {
+      // Add a new text node.
+      tail = text();
+      tail.position = {
+        start: point(token.start),
+        // @ts-expect-error: we’ll add `end` later.
+        end: undefined,
+      };
+      siblings.push(tail);
+    }
+    this.stack.push(tail);
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitdata(token) {
+    const tail = this.stack.pop();
+    tail.value += this.sliceSerialize(token);
+    tail.position.end = point(token.end);
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitlineending(token) {
+    const context = this.stack.at(-1);
+    // If we’re at a hard break, include the line ending in there.
+    if (this.data.atHardBreak) {
+      const tail = context.children.at(-1);
+      tail.position.end = point(token.end);
+      this.data.atHardBreak = undefined;
+      return;
+    }
+    if (
+      !this.data.setextHeadingSlurpLineEnding &&
+      config.canContainEols.includes(context.type)
+    ) {
+      onenterdata.call(this, token);
+      onexitdata.call(this, token);
+    }
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexithardbreak() {
+    this.data.atHardBreak = true;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexithtmlflow() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.value = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexithtmltext() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.value = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitcodetext() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.value = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitlink() {
+    const node = this.stack.at(-1);
+    // Note: there are also `identifier` and `label` fields on this link node!
+    // These are used / cleaned here.
+
+    // To do: clean.
+    if (this.data.inReference) {
+      /** @type {ReferenceType} */
+      const referenceType = this.data.referenceType || 'shortcut';
+      node.type += 'Reference';
+      // @ts-expect-error: mutate.
+      node.referenceType = referenceType;
+      // @ts-expect-error: mutate.
+      node.url = undefined;
+      node.title = undefined;
+    } else {
+      // @ts-expect-error: mutate.
+      node.identifier = undefined;
+      // @ts-expect-error: mutate.
+      node.label = undefined;
+    }
+    this.data.referenceType = undefined;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitimage() {
+    const node = this.stack.at(-1);
+    // Note: there are also `identifier` and `label` fields on this link node!
+    // These are used / cleaned here.
+
+    // To do: clean.
+    if (this.data.inReference) {
+      /** @type {ReferenceType} */
+      const referenceType = this.data.referenceType || 'shortcut';
+      node.type += 'Reference';
+      // @ts-expect-error: mutate.
+      node.referenceType = referenceType;
+      // @ts-expect-error: mutate.
+      node.url = undefined;
+      node.title = undefined;
+    } else {
+      // @ts-expect-error: mutate.
+      node.identifier = undefined;
+      // @ts-expect-error: mutate.
+      node.label = undefined;
+    }
+    this.data.referenceType = undefined;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitlabeltext(token) {
+    const string = this.sliceSerialize(token);
+    const ancestor = this.stack.at(-2);
+    // @ts-expect-error: stash this on the node, as it might become a reference
+    // later.
+    ancestor.label = decodeString(string);
+    // @ts-expect-error: same as above.
+    ancestor.identifier = normalizeIdentifier(string).toLowerCase();
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitlabel() {
+    const fragment = this.stack.at(-1);
+    const value = this.resume();
+    const node = this.stack.at(-1);
+    // Assume a reference.
+    this.data.inReference = true;
+    if (node.type === 'link') {
+      /** @type {Array<PhrasingContent>} */
+      const children = fragment.children;
+      node.children = children;
+    } else {
+      node.alt = value;
+    }
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitresourcedestinationstring() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.url = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitresourcetitlestring() {
+    const data = this.resume();
+    const node = this.stack.at(-1);
+    node.title = data;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitresource() {
+    this.data.inReference = undefined;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onenterreference() {
+    this.data.referenceType = 'collapsed';
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitreferencestring(token) {
+    const label = this.resume();
+    const node = this.stack.at(-1);
+    // @ts-expect-error: stash this on the node, as it might become a reference
+    // later.
+    node.label = label;
+    // @ts-expect-error: same as above.
+    node.identifier = normalizeIdentifier(
+      this.sliceSerialize(token)
+    ).toLowerCase();
+    this.data.referenceType = 'full';
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+
+  function onexitcharacterreferencemarker(token) {
+    this.data.characterReferenceType = token.type;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcharacterreferencevalue(token) {
+    const data = this.sliceSerialize(token);
+    const type = this.data.characterReferenceType;
+    /** @type {string} */
+    let value;
+    if (type) {
+      value = decodeNumericCharacterReference(
+        data,
+        type === 'characterReferenceMarkerNumeric' ? 10 : 16
+      );
+      this.data.characterReferenceType = undefined;
+    } else {
+      const result = decodeNamedCharacterReference(data);
+      value = result;
+    }
+    const tail = this.stack.at(-1);
+    tail.value += value;
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitcharacterreference(token) {
+    const tail = this.stack.pop();
+    tail.position.end = point(token.end);
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitautolinkprotocol(token) {
+    onexitdata.call(this, token);
+    const node = this.stack.at(-1);
+    node.url = this.sliceSerialize(token);
+  }
+
+  /**
+   * @this {CompileContext}
+   * @type {Handle}
+   */
+  function onexitautolinkemail(token) {
+    onexitdata.call(this, token);
+    const node = this.stack.at(-1);
+    node.url = `mailto:${this.sliceSerialize(token)}`;
+  }
+
+  //
+  // Creaters.
+  //
+
+  /** @returns {Blockquote} */
+  function blockQuote() {
+    return {
+      type: 'blockquote',
+      children: [],
+    };
+  }
+
+  /** @returns {Code} */
+  function codeFlow() {
+    return {
+      type: 'code',
+      lang: null,
+      meta: null,
+      value: '',
+    };
+  }
+
+  /** @returns {InlineCode} */
+  function codeText() {
+    return {
+      type: 'inlineCode',
+      value: '',
+    };
+  }
+
+  /** @returns {Definition} */
+  function definition() {
+    return {
+      type: 'definition',
+      identifier: '',
+      label: null,
+      title: null,
+      url: '',
+    };
+  }
+
+  /** @returns {Emphasis} */
+  function emphasis() {
+    return {
+      type: 'emphasis',
+      children: [],
+    };
+  }
+
+  /** @returns {Heading} */
+  function heading() {
+    return {
+      type: 'heading',
+      // @ts-expect-error `depth` will be set later.
+      depth: 0,
+      children: [],
+    };
+  }
+
+  /** @returns {Break} */
+  function hardBreak() {
+    return {
+      type: 'break',
+    };
+  }
+
+  /** @returns {Html} */
+  function html() {
+    return {
+      type: 'html',
+      value: '',
+    };
+  }
+
+  /** @returns {Image} */
+  function image() {
+    return {
+      type: 'image',
+      title: null,
+      url: '',
+      alt: null,
+    };
+  }
+
+  /** @returns {Link} */
+  function link() {
+    return {
+      type: 'link',
+      title: null,
+      url: '',
+      children: [],
+    };
+  }
+
+  /**
+   * @param {Token} token
+   * @returns {List}
+   */
+  function list(token) {
+    return {
+      type: 'list',
+      ordered: token.type === 'listOrdered',
+      start: null,
+      spread: token._spread,
+      children: [],
+    };
+  }
+
+  /**
+   * @param {Token} token
+   * @returns {ListItem}
+   */
+  function listItem(token) {
+    return {
+      type: 'listItem',
+      spread: token._spread,
+      checked: null,
+      children: [],
+    };
+  }
+
+  /** @returns {Paragraph} */
+  function paragraph() {
+    return {
+      type: 'paragraph',
+      children: [],
+    };
+  }
+
+  /** @returns {Strong} */
+  function strong() {
+    return {
+      type: 'strong',
+      children: [],
+    };
+  }
+
+  /** @returns {Text} */
+  function text() {
+    return {
+      type: 'text',
+      value: '',
+    };
+  }
+
+  /** @returns {ThematicBreak} */
+  function thematicBreak() {
+    return {
+      type: 'thematicBreak',
+    };
+  }
+}
+
+/**
+ * Copy a point-like value.
+ *
+ * @param {Point} d
+ *   Point-like value.
+ * @returns {Point}
+ *   unist point.
+ */
+function point(d) {
+  return {
+    line: d.line,
+    column: d.column,
+    offset: d.offset,
+  };
+}
+
+/**
+ * @param {Config} combined
+ * @param {Array<Array<Extension> | Extension>} extensions
+ * @returns {undefined}
+ */
+function configure(combined, extensions) {
+  let index = -1;
+  while (++index < extensions.length) {
+    const value = extensions[index];
+    if (Array.isArray(value)) {
+      configure(combined, value);
+    } else {
+      extension(combined, value);
+    }
+  }
+}
+
+/**
+ * @param {Config} combined
+ * @param {Extension} extension
+ * @returns {undefined}
+ */
+function extension(combined, extension) {
+  /** @type {keyof Extension} */
+  let key;
+  for (key in extension) {
+    if (own.call(extension, key)) {
+      switch (key) {
+        case 'canContainEols': {
+          const right = extension[key];
+          if (right) {
+            combined[key].push(...right);
+          }
+          break;
+        }
+        case 'transforms': {
+          const right = extension[key];
+          if (right) {
+            combined[key].push(...right);
+          }
+          break;
+        }
+        case 'enter':
+        case 'exit': {
+          const right = extension[key];
+          if (right) {
+            Object.assign(combined[key], right);
+          }
+          break;
+        }
+        // No default
+      }
+    }
+  }
+}
+
+/** @type {OnEnterError} */
+function defaultOnError(left, right) {
+  if (left) {
+    throw new Error(
+      'Cannot close `' +
+        left.type +
+        '` (' +
+        stringifyPosition({
+          start: left.start,
+          end: left.end,
+        }) +
+        '): a different token (`' +
+        right.type +
+        '`, ' +
+        stringifyPosition({
+          start: right.start,
+          end: right.end,
+        }) +
+        ') is open'
+    );
+  }
+  throw new Error(
+    'Cannot close document, a token (`' +
+      right.type +
+      '`, ' +
+      stringifyPosition({
+        start: right.start,
+        end: right.end,
+      }) +
+      ') is still open'
+  );
+}
+
+/**
+ * @param {Root} tree
+ * @param {Value} value
+ * @param {Encoding | null | undefined} encoding
+ * @param {Options | null | undefined} [options]
+ * @returns {Root}
+ */
+function applyStreamdownMetadata(tree, value, encoding, options) {
+  const streamdown = options?.streamdown;
+  if (!streamdown || streamdown.preservePendingTail === false) {
+    return tree;
+  }
+  const source = normalizeStreamdownValue(value, encoding);
+  const pending = resolvePendingTail(source);
+  if (!pending) {
+    return tree;
+  }
+  applyStreamdownPendingTail(tree, source, pending);
+  if (!tree.data || typeof tree.data !== 'object') {
+    tree.data = {};
+  }
+  const data = /** @type {Record<string, unknown>} */ tree.data;
+  data.streamdown = {
+    pendingReason: pending.reason,
+    pendingSource: source.slice(pending.start),
+    pendingStart: pending.start,
+    source,
+    stableSource: source.slice(0, pending.start),
+  };
+  return tree;
+}
+
+/**
+ * @param {Root} tree
+ * @param {string} source
+ * @param {{reason: string, start: number}} pending
+ * @returns {undefined}
+ */
+function applyStreamdownPendingTail(tree, source, pending) {
+  const lastBlock = tree.children.at(-1);
+  if (!lastBlock || lastBlock.type === 'code' || lastBlock.type === 'table') {
+    return;
+  }
+  if (pending.reason === 'trailing-blank-lines') {
+    tree.children.push({
+      type: 'paragraph',
+      children: [
+        {
+          type: 'text',
+          value: '',
+        },
+      ],
+      position: createCollapsedPosition(tree.position?.end),
+    });
+    return;
+  }
+  if (pending.reason !== 'trailing-whitespace') {
+    return;
+  }
+  const lastText = findLastTextNode(lastBlock);
+  if (!lastText) {
+    return;
+  }
+  const textEnd =
+    lastText.position?.end && typeof lastText.position.end.offset === 'number'
+      ? lastText.position.end.offset
+      : undefined;
+  if (typeof textEnd !== 'number') {
+    return;
+  }
+  const suffix = source.slice(textEnd);
+  if (!suffix) {
+    return;
+  }
+  lastText.value += suffix;
+  const treeEnd = tree.position?.end;
+  if (lastText.position && treeEnd) {
+    lastText.position.end = point(treeEnd);
+  }
+  if (lastBlock.position && treeEnd) {
+    lastBlock.position.end = point(treeEnd);
+  }
+}
+
+/**
+ * @param {Point | undefined} pointValue
+ * @returns {{start: Point, end: Point} | undefined}
+ */
+function createCollapsedPosition(pointValue) {
+  if (!pointValue) {
+    return;
+  }
+  const collapsed = point(pointValue);
+  return {
+    start: point(collapsed),
+    end: point(collapsed),
+  };
+}
+
+/**
+ * @param {Nodes} node
+ * @returns {Text | undefined}
+ */
+function findLastTextNode(node) {
+  if (node.type === 'text') {
+    return node;
+  }
+  if (!('children' in node) || !Array.isArray(node.children)) {
+    return;
+  }
+  let index = node.children.length;
+  while (index--) {
+    const child = node.children[index];
+    const text = findLastTextNode(child);
+    if (text) {
+      return text;
+    }
+  }
+  return;
+}
+
+/**
+ * @param {Value} value
+ * @param {Encoding | null | undefined} encoding
+ * @returns {string}
+ */
+function normalizeStreamdownValue(value, encoding) {
+  if (typeof value === 'string') {
+    return value;
+  }
+  return new TextDecoder(encoding || undefined).decode(value);
+}
+
+/**
+ * @param {string} source
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function resolvePendingTail(source) {
+  if (!source) {
+    return;
+  }
+  let candidate = detectOpenFencedCode(source);
+  candidate = pickEarlierCandidate(candidate, detectTrailingBlankLines(source));
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectLineTrailingWhitespaceBeforeBlankLine(source)
+  );
+  candidate = pickEarlierCandidate(candidate, detectTrailingWhitespace(source));
+  const blockStart = findTrailingBlockStart(source);
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectPendingInlineSyntax(source, blockStart)
+  );
+  return candidate;
+}
+
+/**
+ * @param {{reason: string, start: number} | undefined} current
+ * @param {{reason: string, start: number} | undefined} next
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function pickEarlierCandidate(current, next) {
+  if (!current) {
+    return next;
+  }
+  if (!next) {
+    return current;
+  }
+  return next.start < current.start ? next : current;
+}
+
+/**
+ * @param {string} source
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectOpenFencedCode(source) {
+  /** @type {{char: string, size: number, start: number} | undefined} */
+  let openFence;
+  let offset = 0;
+  for (const match of source.matchAll(SOURCE_LINE_REGEX)) {
+    const line = match[0];
+    if (!line) {
+      continue;
+    }
+    const content = line.replace(TRAILING_LINE_ENDING_REGEX, '');
+    if (openFence) {
+      const close = FENCED_CODE_CLOSE_REGEX.exec(content);
+      if (
+        close &&
+        close[2].charAt(0) === openFence.char &&
+        close[2].length >= openFence.size
+      ) {
+        openFence = undefined;
+      }
+    } else {
+      const open = FENCED_CODE_OPEN_REGEX.exec(content);
+      if (open) {
+        openFence = {
+          char: open[2].charAt(0),
+          size: open[2].length,
+          start: offset,
+        };
+      }
+    }
+    offset += line.length;
+  }
+  return openFence
+    ? {
+        reason: 'unclosed-fenced-code',
+        start: openFence.start,
+      }
+    : undefined;
+}
+
+/**
+ * @param {string} source
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectTrailingBlankLines(source) {
+  const starts = collectTrailingLineEndingStarts(source);
+  if (starts.length < 2) {
+    return;
+  }
+  return {
+    reason: 'trailing-blank-lines',
+    start: starts[1],
+  };
+}
+
+/**
+ * @param {string} source
+ * @returns {Array<number>}
+ */
+function collectTrailingLineEndingStarts(source) {
+  /** @type {Array<number>} */
+  const starts = [];
+  let index = source.length;
+  while (index > 0) {
+    const start = previousLineEndingStart(source, index);
+    if (start < 0) {
+      break;
+    }
+    starts.unshift(start);
+    index = start;
+  }
+  return starts;
+}
+
+/**
+ * @param {string} source
+ * @param {number} end
+ * @returns {number}
+ */
+function previousLineEndingStart(source, end) {
+  if (end < 1) {
+    return -1;
+  }
+  const last = source.charCodeAt(end - 1);
+  if (last === 13) {
+    return end - 1;
+  }
+  if (last === 10) {
+    return end > 1 && source.charCodeAt(end - 2) === 13 ? end - 2 : end - 1;
+  }
+  return -1;
+}
+
+/**
+ * @param {string} source
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectTrailingWhitespace(source) {
+  const match = TRAILING_WHITESPACE_REGEX.exec(source);
+  if (!match) {
+    return;
+  }
+  return {
+    reason: 'trailing-whitespace',
+    start: source.length - match[0].length,
+  };
+}
+
+/**
+ * @param {string} source
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectLineTrailingWhitespaceBeforeBlankLine(source) {
+  const match = LINE_TRAILING_WHITESPACE_BEFORE_BLANK_LINE_REGEX.exec(source);
+  return match
+    ? {
+        reason: 'line-trailing-whitespace-before-blank-line',
+        start: match.index,
+      }
+    : undefined;
+}
+
+/**
+ * @param {string} source
+ * @returns {number}
+ */
+function findTrailingBlockStart(source) {
+  const match = LAST_TRAILING_BLOCK_REGEX.exec(source);
+  return match ? match.index + match[0].length : 0;
+}
+
+/**
+ * @param {string} source
+ * @param {number} blockStart
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectPendingInlineSyntax(source, blockStart) {
+  const tail = source.slice(blockStart);
+  let candidate;
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectDanglingHtmlStart(tail, blockStart)
+  );
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectUnmatchedLinkLabel(tail, blockStart)
+  );
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectUnmatchedBackticks(tail, blockStart)
+  );
+  candidate = pickEarlierCandidate(
+    candidate,
+    detectUnmatchedAsterisks(tail, blockStart)
+  );
+  return candidate;
+}
+
+/**
+ * @param {string} tail
+ * @param {number} blockStart
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectDanglingHtmlStart(tail, blockStart) {
+  const open = tail.lastIndexOf('<');
+  if (open < 0 || tail.indexOf('>', open) !== -1) {
+    return;
+  }
+  const after = tail.slice(open);
+  if (!DANGLING_HTML_START_REGEX.test(after)) {
+    return;
+  }
+  return {
+    reason: 'dangling-html-start',
+    start: blockStart + open,
+  };
+}
+
+/**
+ * @param {string} tail
+ * @param {number} blockStart
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectUnmatchedLinkLabel(tail, blockStart) {
+  /** @type {Array<number>} */
+  const stack = [];
+  let index = -1;
+  while (++index < tail.length) {
+    if (tail.charAt(index) === '\\') {
+      index++;
+      continue;
+    }
+    if (tail.charAt(index) === '[') {
+      stack.push(index);
+    } else if (tail.charAt(index) === ']' && stack.length > 0) {
+      stack.pop();
+    }
+  }
+  const start = stack.pop();
+  return typeof start === 'number'
+    ? {
+        reason: 'unmatched-link-label',
+        start: blockStart + start,
+      }
+    : undefined;
+}
+
+/**
+ * @param {string} tail
+ * @param {number} blockStart
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectUnmatchedBackticks(tail, blockStart) {
+  /** @type {Map<number, Array<number>>} */
+  const stacks = new Map();
+  let index = 0;
+  while (index < tail.length) {
+    if (tail.charAt(index) === '\\') {
+      index += 2;
+      continue;
+    }
+    if (tail.charAt(index) !== '`') {
+      index++;
+      continue;
+    }
+    let end = index + 1;
+    while (tail.charAt(end) === '`') {
+      end++;
+    }
+    const size = end - index;
+    const stack = stacks.get(size) || [];
+    if (stack.length > 0) {
+      stack.pop();
+    } else {
+      stack.push(index);
+    }
+    stacks.set(size, stack);
+    index = end;
+  }
+
+  /** @type {number | undefined} */
+  let start;
+  for (const stack of stacks.values()) {
+    if (stack.length > 0) {
+      const candidate = stack[0];
+      start =
+        typeof start === 'number' ? Math.min(start, candidate) : candidate;
+    }
+  }
+  return typeof start === 'number'
+    ? {
+        reason: 'unmatched-inline-code',
+        start: blockStart + start,
+      }
+    : undefined;
+}
+
+/**
+ * @param {string} tail
+ * @param {number} blockStart
+ * @returns {{reason: string, start: number} | undefined}
+ */
+function detectUnmatchedAsterisks(tail, blockStart) {
+  /** @type {{1: Array<number>, 2: Array<number>}} */
+  const stacks = {
+    1: [],
+    2: [],
+  };
+  let index = 0;
+  while (index < tail.length) {
+    if (tail.charAt(index) === '\\') {
+      index += 2;
+      continue;
+    }
+    if (tail.charAt(index) !== '*') {
+      index++;
+      continue;
+    }
+    let end = index + 1;
+    while (tail.charAt(end) === '*') {
+      end++;
+    }
+    let size = end - index;
+    let offset = index;
+    while (size >= 2) {
+      toggleAsteriskStack(stacks[2], offset);
+      size -= 2;
+      offset += 2;
+    }
+    if (size === 1) {
+      toggleAsteriskStack(stacks[1], offset);
+    }
+    index = end;
+  }
+  const strong = stacks[2][0];
+  const emphasis = stacks[1][0];
+  if (typeof strong === 'number' && typeof emphasis === 'number') {
+    return {
+      reason: 'unmatched-attention',
+      start: blockStart + Math.min(strong, emphasis),
+    };
+  }
+  if (typeof strong === 'number') {
+    return {
+      reason: 'unmatched-attention',
+      start: blockStart + strong,
+    };
+  }
+  if (typeof emphasis === 'number') {
+    return {
+      reason: 'unmatched-attention',
+      start: blockStart + emphasis,
+    };
+  }
+}
+
+/**
+ * @param {Array<number>} stack
+ * @param {number} start
+ * @returns {undefined}
+ */
+function toggleAsteriskStack(stack, start) {
+  if (stack.length > 0) {
+    stack.pop();
+    return;
+  }
+  stack.push(start);
+}
+export const __streamdown = {
+  applyStreamdownMetadata,
+  collectTrailingLineEndingStarts,
+  detectDanglingHtmlStart,
+  detectLineTrailingWhitespaceBeforeBlankLine,
+  detectOpenFencedCode,
+  detectPendingInlineSyntax,
+  detectTrailingBlankLines,
+  detectTrailingWhitespace,
+  detectUnmatchedAsterisks,
+  detectUnmatchedBackticks,
+  detectUnmatchedLinkLabel,
+  findTrailingBlockStart,
+  normalizeStreamdownValue,
+  pickEarlierCandidate,
+  previousLineEndingStart,
+  resolvePendingTail,
+  toggleAsteriskStack,
+};
diff --git a/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.d.ts b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.d.ts
new file mode 100644
index 0000000000..1f40b45667
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.d.ts
@@ -0,0 +1,309 @@
+import type { Nodes, Parent, PhrasingContent, Root } from 'mdast';
+import type { ParseOptions, Token } from 'micromark-util-types';
+
+/**
+ * Compiler context.
+ */
+export type CompileContext = {
+  /**
+   * Configuration.
+   */
+  config: Config;
+  /**
+   * Info passed around;
+   * key/value store.
+   */
+  data: CompileData;
+  /**
+   * Stack of nodes.
+   */
+  stack: Array<Fragment | Nodes>;
+  /**
+   * Stack of tokens.
+   */
+  tokenStack: TokenTuple[];
+
+  /**
+   * Capture some of the output data.
+   *
+   * @param this
+   *   Context.
+   * @returns
+   *   Nothing.
+   */
+  buffer(this: CompileContext): undefined;
+
+  /**
+   * Enter a node.
+   *
+   * @param this
+   *   Context.
+   * @param node
+   *   Node.
+   * @param token
+   *   Token.
+   * @param onError
+   *   Error handler.
+   * @returns
+   *   Nothing.
+   */
+  enter(
+    this: CompileContext,
+    node: Nodes,
+    token: Token,
+    onError?: OnEnterError | null | undefined
+  ): undefined;
+
+  /**
+   * Exit a node.
+   *
+   * @param this
+   *   Context.
+   * @param token
+   *   Token.
+   * @param onError
+   *   Error handler.
+   * @returns
+   *   Nothing.
+   */
+  exit(
+    this: CompileContext,
+    token: Token,
+    onError?: OnExitError | null | undefined
+  ): undefined;
+
+  /**
+   * Stop capturing and access the output data.
+   *
+   * @param this
+   *   Context.
+   * @returns
+   *   Nothing.
+   */
+  resume(this: CompileContext): string;
+
+  /**
+   * Get the source text that spans a token (or location).
+   *
+   * @param token
+   *   Start/end in stream.
+   * @param expandTabs
+   *   Whether to expand tabs.
+   * @returns
+   *   Serialized chunks.
+   */
+  sliceSerialize(
+    token: Pick<Token, 'end' | 'start'>,
+    expandTabs?: boolean | undefined
+  ): string;
+};
+
+/**
+ * Interface of tracked data.
+ *
+ * When working on extensions that use more data, extend the corresponding
+ * interface to register their types:
+ *
+ * ```ts
+ * declare module '../mdast-util-from-markdown/index.js' {
+ *   interface CompileData {
+ *     // Register a new field.
+ *     mathFlowInside?: boolean | undefined
+ *   }
+ * }
+ * ```
+ */
+export type CompileData = {
+  /**
+   * Whether we’re inside a hard break.
+   */
+  atHardBreak?: boolean | undefined;
+
+  /**
+   * Current character reference type.
+   */
+  characterReferenceType?:
+    | 'characterReferenceMarkerHexadecimal'
+    | 'characterReferenceMarkerNumeric'
+    | undefined;
+
+  /**
+   * Whether a first list item value (`1` in `1. a`) is expected.
+   */
+  expectingFirstListItemValue?: boolean | undefined;
+
+  /**
+   * Whether we’re in flow code.
+   */
+  flowCodeInside?: boolean | undefined;
+
+  /**
+   * Whether we’re in a reference.
+   */
+  inReference?: boolean | undefined;
+
+  /**
+   * Whether we’re expecting a line ending from a setext heading, which can be slurped.
+   */
+  setextHeadingSlurpLineEnding?: boolean | undefined;
+
+  /**
+   * Current reference.
+   */
+  referenceType?: 'collapsed' | 'full' | undefined;
+};
+
+/**
+ * Configuration.
+ *
+ * We have our defaults, but extensions will add more.
+ */
+export type Config = {
+  /**
+   * Token types where line endings are used.
+   */
+  canContainEols: string[];
+  /**
+   * Opening handles.
+   */
+  enter: Handles;
+  /**
+   * Closing handles.
+   */
+  exit: Handles;
+  /**
+   * Tree transforms.
+   */
+  transforms: Transform[];
+};
+
+/**
+ * Change how markdown tokens from micromark are turned into mdast.
+ */
+export type Extension = {
+  /**
+   * Token types where line endings are used.
+   */
+  canContainEols?: string[] | null | undefined;
+  /**
+   * Opening handles.
+   */
+  enter?: Handles | null | undefined;
+  /**
+   * Closing handles.
+   */
+  exit?: Handles | null | undefined;
+  /**
+   * Tree transforms.
+   */
+  transforms?: Transform[] | null | undefined;
+};
+
+/**
+ * Internal fragment.
+ */
+export interface Fragment extends Parent {
+  /**
+   * Node type.
+   */
+  type: 'fragment';
+  /**
+   * Children.
+   */
+  children: PhrasingContent[];
+}
+
+/**
+ * Token types mapping to handles
+ */
+export type Handles = Record<string, Handle>;
+
+/**
+ * Handle a token.
+ *
+ * @param this
+ *   Context.
+ * @param token
+ *   Current token.
+ * @returns
+ *   Nothing.
+ */
+export type Handle = (this: CompileContext, token: Token) => undefined | void;
+
+/**
+ * Handle the case where the `right` token is open, but it is closed (by the
+ * `left` token) or because we reached the end of the document.
+ *
+ * @param this
+ *   Context.
+ * @param left
+ *   Left token.
+ * @param right
+ *   Right token.
+ * @returns
+ *   Nothing.
+ */
+export type OnEnterError = (
+  this: Omit<CompileContext, 'sliceSerialize'>,
+  left: Token | undefined,
+  right: Token
+) => undefined;
+
+/**
+ * Handle the case where the `right` token is open but it is closed by
+ * exiting the `left` token.
+ *
+ * @param this
+ *   Context.
+ * @param left
+ *   Left token.
+ * @param right
+ *   Right token.
+ * @returns
+ *   Nothing.
+ */
+export type OnExitError = (
+  this: Omit<CompileContext, 'sliceSerialize'>,
+  left: Token,
+  right: Token
+) => undefined;
+
+/**
+ * Configuration.
+ */
+export interface Options extends ParseOptions {
+  /**
+   * Extensions for this utility to change how tokens are turned into a tree.
+   */
+  mdastExtensions?: Array<Extension | Extension[]> | null | undefined;
+  /**
+   * Streamdown-specific parsing hints for preserving incomplete source suffixes.
+   */
+  streamdown?: StreamdownOptions | null | undefined;
+}
+
+/**
+ * Streamdown-specific parsing hints.
+ */
+export type StreamdownOptions = {
+  /**
+   * Whether to annotate parsed trees with pending source suffix metadata.
+   */
+  preservePendingTail?: boolean | null | undefined;
+};
+
+/**
+ * Open token on the stack,
+ * with an optional error handler for when that token isn’t closed properly.
+ */
+export type TokenTuple = [token: Token, onError: OnEnterError | undefined];
+
+/**
+ * Extra transform, to change the AST afterwards.
+ *
+ * @param tree
+ *   Tree to transform.
+ * @returns
+ *   New tree or nothing (in which case the current tree is used).
+ */
+export type Transform = (tree: Root) => Root | null | undefined | void;
diff --git a/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.js b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.js
new file mode 100644
index 0000000000..d7140c4793
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/mdast-util-from-markdown/lib/types.js
@@ -0,0 +1,2 @@
+// Note: types exposed from `types.d.ts`.
+export {};
diff --git a/packages/markdown/src/internal/vendor/remark-parse/index.d.ts b/packages/markdown/src/internal/vendor/remark-parse/index.d.ts
new file mode 100644
index 0000000000..64aaeae1b8
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/remark-parse/index.d.ts
@@ -0,0 +1,55 @@
+import type { Root } from 'mdast';
+import type { Extension as MicromarkExtension } from 'micromark-util-types';
+import type { Plugin } from 'unified';
+import type { Extension as FromMarkdownExtension } from '../mdast-util-from-markdown/index.js';
+import type { Options } from './lib/index.js';
+
+export type { Options } from './lib/index.js';
+
+/**
+ * Add support for parsing from markdown.
+ *
+ * @this
+ *   Unified processor.
+ * @param
+ *   Configuration (optional).
+ * @returns
+ *   Nothing.
+ */
+declare const remarkParse: Plugin<
+  [(Readonly<Options> | null | undefined)?],
+  string,
+  Root
+>;
+export default remarkParse;
+
+// Add custom settings supported when `remark-parse` is added.
+declare module 'unified' {
+  interface Settings extends Options {}
+
+  type Data = {
+    /**
+     * List of `micromark` extensions to use.
+     *
+     * This type is registered by `remark-parse`.
+     * Values can be registered by remark plugins that extend `micromark` and
+     * `mdast-util-from-markdown`.
+     * See {@link MicromarkExtension | `Extension`} from
+     * {@link https://github.com/micromark/micromark/tree/main/packages/micromark-util-types | `micromark-util-types`}.
+     */
+    micromarkExtensions?: MicromarkExtension[];
+
+    /**
+     * List of `mdast-util-from-markdown` extensions to use.
+     *
+     * This type is registered by `remark-parse`.
+     * Values can be registered by remark plugins that extend `micromark` and
+     * `mdast-util-from-markdown`.
+     * See {@link FromMarkdownExtension | `Extension`} from
+     * {@link https://github.com/syntax-tree/mdast-util-from-markdown#extension | `mdast-util-from-markdown`}.
+     */
+    fromMarkdownExtensions?: Array<
+      FromMarkdownExtension[] | FromMarkdownExtension
+    >;
+  };
+}
diff --git a/packages/markdown/src/internal/vendor/remark-parse/index.js b/packages/markdown/src/internal/vendor/remark-parse/index.js
new file mode 100644
index 0000000000..e3c13dd5e9
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/remark-parse/index.js
@@ -0,0 +1,2 @@
+// Note: types exposed from `index.d.ts`.
+export { default } from './lib/index.js';
diff --git a/packages/markdown/src/internal/vendor/remark-parse/lib/index.js b/packages/markdown/src/internal/vendor/remark-parse/lib/index.js
new file mode 100644
index 0000000000..33f314ebed
--- /dev/null
+++ b/packages/markdown/src/internal/vendor/remark-parse/lib/index.js
@@ -0,0 +1,43 @@
+/**
+ * @typedef {import('mdast').Root} Root
+ * @typedef {import('../../mdast-util-from-markdown/index.js').Options} FromMarkdownOptions
+ * @typedef {import('unified').Parser<Root>} Parser
+ * @typedef {import('unified').Processor<Root>} Processor
+ */
+
+/**
+ * @typedef {Omit<FromMarkdownOptions, 'extensions' | 'mdastExtensions'>} Options
+ */
+
+import { fromMarkdown } from '../../mdast-util-from-markdown/index.js';
+
+/**
+ * Aadd support for parsing from markdown.
+ *
+ * @param {Readonly<Options> | null | undefined} [options]
+ *   Configuration (optional).
+ * @returns {undefined}
+ *   Nothing.
+ */
+export default function remarkParse(options) {
+  /** @type {Processor} */
+  // @ts-expect-error: TS in JSDoc generates wrong types if `this` is typed regularly.
+  const self = this;
+
+  self.parser = parser;
+
+  /**
+   * @type {Parser}
+   */
+  function parser(doc) {
+    return fromMarkdown(doc, {
+      ...self.data('settings'),
+      ...options,
+      // Note: these options are not in the readme.
+      // The goal is for them to be set by plugins on `data` instead of being
+      // passed by users.
+      extensions: self.data('micromarkExtensions') || [],
+      mdastExtensions: self.data('fromMarkdownExtensions') || [],
+    });
+  }
+}
diff --git a/packages/markdown/src/lib/deserializer/deserializeMd.spec.ts b/packages/markdown/src/lib/deserializer/deserializeMd.spec.ts
index 4a2bd01991..3d880b3b3a 100644
--- a/packages/markdown/src/lib/deserializer/deserializeMd.spec.ts
+++ b/packages/markdown/src/lib/deserializer/deserializeMd.spec.ts
@@ -5,6 +5,27 @@ import {
   markdownToSlateNodes,
 } from './deserializeMd';
 
+function remarkStreamdownPendingTail(this: {
+  data(key: 'settings'): Record<string, unknown> | undefined;
+  data(key: 'settings', value: Record<string, unknown>): void;
+}) {
+  const settings = this.data('settings') ?? {};
+  const streamdown =
+    settings.streamdown &&
+    typeof settings.streamdown === 'object' &&
+    !Array.isArray(settings.streamdown)
+      ? (settings.streamdown as Record<string, unknown>)
+      : {};
+
+  this.data('settings', {
+    ...settings,
+    streamdown: {
+      ...streamdown,
+      preservePendingTail: true,
+    },
+  });
+}
+
 describe('deserializeMd', () => {
   it('falls back to the safe markdown path for incomplete mdx tails', () => {
     const editor = createTestEditor();
@@ -66,6 +87,17 @@ describe('markdownToAstProcessor', () => {
     expect(ast.type).toBe('root');
     expect(ast.children[0]?.type).toBe('heading');
   });
+
+  it('exposes streamdown metadata when pending-tail mode is enabled', () => {
+    const editor = createTestEditor();
+    const ast = markdownToAstProcessor(editor, 'one\n\n', {
+      remarkPlugins: [remarkStreamdownPendingTail as any],
+    }) as any;
+
+    expect(ast.data?.streamdown?.pendingReason).toBe('trailing-blank-lines');
+    expect(ast.data?.streamdown?.pendingStart).toBeGreaterThan(0);
+    expect(ast.data?.streamdown?.pendingSource).toBeTruthy();
+  });
 });
 
 describe('markdownToSlateNodes', () => {
diff --git a/packages/markdown/src/lib/deserializer/deserializeMd.ts b/packages/markdown/src/lib/deserializer/deserializeMd.ts
index 9c4e5423db..3da86f70eb 100644
--- a/packages/markdown/src/lib/deserializer/deserializeMd.ts
+++ b/packages/markdown/src/lib/deserializer/deserializeMd.ts
@@ -10,12 +10,12 @@ import {
   KEYS,
   TextApi,
 } from 'platejs';
-import remarkParse from 'remark-parse';
 import { unified } from 'unified';
 
 import type { AllowNodeConfig } from '../MarkdownPlugin';
 import type { MdRules, PlateType } from '../types';
 
+import remarkParse from '../../internal/vendor/remark-parse/index.js';
 import { mdastToSlate } from './mdastToSlate';
 import {
   type ParseMarkdownBlocksOptions,
diff --git a/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx b/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx
index dc3ef76e7f..9e9903dfb3 100644
--- a/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx
+++ b/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.spec.tsx
@@ -1,3 +1,5 @@
+import { NodeApi } from 'platejs';
+
 import { createTestEditor } from '../../__tests__/createTestEditor';
 import { markdownToSlateNodesSafely } from './markdownToSlateNodesSafely';
 
@@ -57,4 +59,18 @@ describe('markdownToSlateNodesSafely', () => {
       },
     ]);
   });
+
+  it('keeps the full multiline incomplete MDX tail visible after a complete prefix', () => {
+    const editor = createTestEditor();
+
+    const result = markdownToSlateNodesSafely(
+      editor,
+      'before\n\n<column_group layout="[60,40]">\n<column width="60%">\n\n- Keep the editor aliv'
+    );
+
+    expect(result.map((node: any) => NodeApi.string(node))).toEqual([
+      'before',
+      '<column_group layout="[60,40]">\n<column width="60%">\n\n- Keep the editor aliv',
+    ]);
+  });
 });
diff --git a/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts b/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts
index d05ff31c07..f33e0b82ad 100644
--- a/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts
+++ b/packages/markdown/src/lib/deserializer/utils/markdownToSlateNodesSafely.ts
@@ -1,4 +1,11 @@
-import { type SlateEditor, ElementApi, getPluginType, KEYS } from 'platejs';
+import {
+  type Descendant,
+  type SlateEditor,
+  ElementApi,
+  KEYS,
+  NodeApi,
+  getPluginType,
+} from 'platejs';
 
 import {
   type DeserializeMdOptions,
@@ -6,6 +13,42 @@ import {
 } from '../deserializeMd';
 import { deserializeInlineMd } from './deserializeInlineMd';
 import { splitIncompleteMdx } from './splitIncompleteMdx';
+import { stripMarkdown } from './stripMarkdown';
+
+const getSafeIncompleteNodes = (
+  editor: SlateEditor,
+  incompleteString: string,
+  options?: Omit<DeserializeMdOptions, 'editor'>
+): { appendAsSeparateBlock: boolean; incompleteNodes: Descendant[] } => {
+  const inlineNodes = deserializeInlineMd(editor, incompleteString, {
+    ...options,
+    withoutMdx: true,
+  });
+
+  if (!incompleteString.includes('\n')) {
+    return {
+      appendAsSeparateBlock: false,
+      incompleteNodes: inlineNodes,
+    };
+  }
+
+  const visibleText = NodeApi.string({
+    children: inlineNodes,
+  } as any).trim();
+  const expectedVisibleText = stripMarkdown(incompleteString).trim();
+
+  if (visibleText.length >= expectedVisibleText.length) {
+    return {
+      appendAsSeparateBlock: false,
+      incompleteNodes: inlineNodes,
+    };
+  }
+
+  return {
+    appendAsSeparateBlock: true,
+    incompleteNodes: [{ text: incompleteString }],
+  };
+};
 
 export const markdownToSlateNodesSafely = (
   editor: SlateEditor,
@@ -22,12 +65,12 @@ export const markdownToSlateNodesSafely = (
 
   const [completeString, incompleteString] = result;
 
-  const incompleteNodes = deserializeInlineMd(editor, incompleteString, {
-    ...options,
-    withoutMdx: true,
-  });
-
   const completeNodes = markdownToSlateNodes(editor, completeString, options);
+  const { appendAsSeparateBlock, incompleteNodes } = getSafeIncompleteNodes(
+    editor,
+    incompleteString,
+    options
+  );
 
   const newBlock = {
     children: incompleteNodes,
@@ -45,6 +88,19 @@ export const markdownToSlateNodesSafely = (
     return [...completeNodes, newBlock];
   }
 
+  if (appendAsSeparateBlock) {
+    if (
+      ElementApi.isElement(lastBlock) &&
+      NodeApi.string(lastBlock).length === 0
+    ) {
+      lastBlock.children = incompleteNodes as any;
+
+      return completeNodes;
+    }
+
+    return [...completeNodes, newBlock];
+  }
+
   // FIXME table column will fail, need recursive find the last p
   if (ElementApi.isElement(lastBlock) && lastBlock?.children) {
     lastBlock.children.push(...incompleteNodes);
diff --git a/packages/markdown/src/lib/rules/defaultRules.ts b/packages/markdown/src/lib/rules/defaultRules.ts
index f00420acb3..3c4b969ef4 100644
--- a/packages/markdown/src/lib/rules/defaultRules.ts
+++ b/packages/markdown/src/lib/rules/defaultRules.ts
@@ -204,10 +204,14 @@ export const defaultRules: MdRules = {
   callout: {
     deserialize: (mdastNode, deco, options) => {
       const props = parseAttributes(mdastNode.attributes);
+      const variant = props.variant ?? props.type;
+      const { type: _legacyType, ...rest } = props;
+
       return {
         children: convertChildrenDeserialize(mdastNode.children, deco, options),
+        ...rest,
         type: getPluginType(options.editor!, KEYS.callout),
-        ...props,
+        ...(variant ? { variant } : {}),
       };
     },
     serialize(slateNode, options): MdMdxJsxFlowElement {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4766f76249..8d72d1cdc2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -182,6 +182,9 @@ importers:
       eslint-plugin-react-hooks:
         specifier: 7.0.1
         version: 7.0.1(eslint@9.39.4(jiti@2.6.1))
+      lefthook:
+        specifier: 2.1.4
+        version: 2.1.4
       openai:
         specifier: 5.3.0
         version: 5.3.0(ws@8.19.0)(zod@4.1.12)
@@ -1363,6 +1366,12 @@ importers:
 
   packages/markdown:
     dependencies:
+      decode-named-character-reference:
+        specifier: ^1.0.0
+        version: 1.3.0
+      devlop:
+        specifier: ^1.0.0
+        version: 1.1.0
       lodash:
         specifier: ^4.17.23
         version: 4.17.23
@@ -1375,15 +1384,33 @@ importers:
       mdast-util-mdx:
         specifier: 3.0.0
         version: 3.0.0
+      mdast-util-to-string:
+        specifier: ^4.0.0
+        version: 4.0.0
+      micromark:
+        specifier: ^4.0.0
+        version: 4.0.2
+      micromark-util-decode-numeric-character-reference:
+        specifier: ^2.0.0
+        version: 2.0.2
+      micromark-util-decode-string:
+        specifier: ^2.0.0
+        version: 2.0.1
+      micromark-util-normalize-identifier:
+        specifier: ^2.0.0
+        version: 2.0.1
+      micromark-util-symbol:
+        specifier: ^2.0.0
+        version: 2.0.1
+      micromark-util-types:
+        specifier: ^2.0.0
+        version: 2.0.2
       react-compiler-runtime:
         specifier: ^1.0.0
         version: 1.0.0(react@19.2.4)
       remark-mdx:
         specifier: ^3.1.0
         version: 3.1.1
-      remark-parse:
-        specifier: ^11.0.0
-        version: 11.0.0
       remark-stringify:
         specifier: ^11.0.0
         version: 11.0.0
@@ -1393,6 +1420,9 @@ importers:
       unified:
         specifier: ^11.0.5
         version: 11.0.5
+      unist-util-stringify-position:
+        specifier: ^4.0.0
+        version: 4.0.0
       unist-util-visit:
         specifier: 5.0.0
         version: 5.0.0
@@ -7642,6 +7672,60 @@ packages:
   layout-base@2.0.1:
     resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
 
+  lefthook-darwin-arm64@2.1.4:
+    resolution: {integrity: sha512-BUAAE9+rUrjr39a+wH/1zHmGrDdwUQ2Yq/z6BQbM/yUb9qtXBRcQ5eOXxApqWW177VhGBpX31aqIlfAZ5Q7wzw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  lefthook-darwin-x64@2.1.4:
+    resolution: {integrity: sha512-K1ncIMEe84fe+ss1hQNO7rIvqiKy2TJvTFpkypvqFodT7mJXZn7GLKYTIXdIuyPAYthRa9DwFnx5uMoHwD2F1Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  lefthook-freebsd-arm64@2.1.4:
+    resolution: {integrity: sha512-PVUhjOhVN71YaYsVdQyNbFZ4a2jFB2Tg5hKrrn9kaWpx64aLz/XivLjwr8sEuTaP1GRlEWBpW6Bhrcsyo39qFw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  lefthook-freebsd-x64@2.1.4:
+    resolution: {integrity: sha512-ZWV9o/LeyWNEBoVO+BhLqxH3rGTba05nkm5NvMjEFSj7LbUNUDbQmupZwtHl1OMGJO66eZP0CalzRfUH6GhBxQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  lefthook-linux-arm64@2.1.4:
+    resolution: {integrity: sha512-iWN0pGnTjrIvNIcSI1vQBJXUbybTqJ5CLMniPA0olabMXQfPDrdMKVQe+mgdwHK+E3/Y0H0ZNL3lnOj6Sk6szA==}
+    cpu: [arm64]
+    os: [linux]
+
+  lefthook-linux-x64@2.1.4:
+    resolution: {integrity: sha512-96bTBE/JdYgqWYAJDh+/e/0MaxJ25XTOAk7iy/fKoZ1ugf6S0W9bEFbnCFNooXOcxNVTan5xWKfcjJmPIKtsJA==}
+    cpu: [x64]
+    os: [linux]
+
+  lefthook-openbsd-arm64@2.1.4:
+    resolution: {integrity: sha512-oYUoK6AIJNEr9lUSpIMj6g7sWzotvtc3ryw7yoOyQM6uqmEduw73URV/qGoUcm4nqqmR93ZalZwR2r3Gd61zvw==}
+    cpu: [arm64]
+    os: [openbsd]
+
+  lefthook-openbsd-x64@2.1.4:
+    resolution: {integrity: sha512-i/Dv9Jcm68y9cggr1PhyUhOabBGP9+hzQPoiyOhKks7y9qrJl79A8XfG6LHekSuYc2VpiSu5wdnnrE1cj2nfTg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  lefthook-windows-arm64@2.1.4:
+    resolution: {integrity: sha512-hSww7z+QX4YMnw2lK7DMrs3+w7NtxksuMKOkCKGyxUAC/0m1LAICo0ZbtdDtZ7agxRQQQ/SEbzFRhU5ysNcbjA==}
+    cpu: [arm64]
+    os: [win32]
+
+  lefthook-windows-x64@2.1.4:
+    resolution: {integrity: sha512-eE68LwnogxwcPgGsbVGPGxmghyMGmU9SdGwcc+uhGnUxPz1jL89oECMWJNc36zjVK24umNeDAzB5KA3lw1MuWw==}
+    cpu: [x64]
+    os: [win32]
+
+  lefthook@2.1.4:
+    resolution: {integrity: sha512-JNfJ5gAn0KADvJ1I6/xMcx70+/6TL6U9gqGkKvPw5RNMfatC7jIg0Evl97HN846xmfz959BV70l8r3QsBJk30w==}
+    hasBin: true
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -8909,7 +8993,7 @@ packages:
   puppeteer@24.10.0:
     resolution: {integrity: sha512-Oua9VkGpj0S2psYu5e6mCer6W9AU9POEQh22wRgSXnLXASGH+MwLUVWgLCLeP9QPHHcJ7tySUlg4Sa9OJmaLpw==}
     engines: {node: '>=18'}
-    deprecated: < 24.15.0 is no longer supported
+    deprecated: < 24.10.2 is no longer supported
     hasBin: true
 
   pure-rand@6.1.0:
@@ -16755,6 +16839,49 @@ snapshots:
 
   layout-base@2.0.1: {}
 
+  lefthook-darwin-arm64@2.1.4:
+    optional: true
+
+  lefthook-darwin-x64@2.1.4:
+    optional: true
+
+  lefthook-freebsd-arm64@2.1.4:
+    optional: true
+
+  lefthook-freebsd-x64@2.1.4:
+    optional: true
+
+  lefthook-linux-arm64@2.1.4:
+    optional: true
+
+  lefthook-linux-x64@2.1.4:
+    optional: true
+
+  lefthook-openbsd-arm64@2.1.4:
+    optional: true
+
+  lefthook-openbsd-x64@2.1.4:
+    optional: true
+
+  lefthook-windows-arm64@2.1.4:
+    optional: true
+
+  lefthook-windows-x64@2.1.4:
+    optional: true
+
+  lefthook@2.1.4:
+    optionalDependencies:
+      lefthook-darwin-arm64: 2.1.4
+      lefthook-darwin-x64: 2.1.4
+      lefthook-freebsd-arm64: 2.1.4
+      lefthook-freebsd-x64: 2.1.4
+      lefthook-linux-arm64: 2.1.4
+      lefthook-linux-x64: 2.1.4
+      lefthook-openbsd-arm64: 2.1.4
+      lefthook-openbsd-x64: 2.1.4
+      lefthook-windows-arm64: 2.1.4
+      lefthook-windows-x64: 2.1.4
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
diff --git a/tooling/scripts/check-template-package-manifests.mjs b/tooling/scripts/check-template-package-manifests.mjs
new file mode 100644
index 0000000000..a98639cf58
--- /dev/null
+++ b/tooling/scripts/check-template-package-manifests.mjs
@@ -0,0 +1,39 @@
+#!/usr/bin/env node
+
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const scriptDir = path.dirname(fileURLToPath(import.meta.url));
+const repoRoot = path.resolve(scriptDir, '..', '..');
+const templateDirs = [
+  path.join(repoRoot, 'templates', 'plate-template'),
+  path.join(repoRoot, 'templates', 'plate-playground-template'),
+];
+const offenderPattern = 'template-local-packages';
+const offenders = [];
+
+for (const templateDir of templateDirs) {
+  for (const fileName of ['package.json', 'bun.lock']) {
+    const filePath = path.join(templateDir, fileName);
+    const content = await readFile(filePath, 'utf8');
+
+    if (!content.includes(offenderPattern)) continue;
+
+    offenders.push(path.relative(repoRoot, filePath));
+  }
+}
+
+if (offenders.length > 0) {
+  console.error(
+    [
+      'Committed templates must not reference local template tarballs.',
+      'Run `git restore templates` or rerun template sync from a clean state.',
+      '',
+      ...offenders.map((offender) => `- ${offender}`),
+    ].join('\n')
+  );
+  process.exit(1);
+}
+
+console.log('Verified committed templates do not reference local tarballs.');