@aleph-alpha/lib-mcp 5.0.0 → 5.2.0

package/chat-kit-components-meta.json

@@ -190,6 +190,56 @@
     ],
     "_autoGenerated": true
   },
+  "CkCodeEditor": {
+    "description": "Single-document code editor built on [CodeMirror 6](https://codemirror.net/). Its surface is the one `UiCodeBlock` renders for fenced code inside {@link CkMarkdownRenderer}: the same bordered, rounded panel, the same muted header carrying the language and a copy button, the same monospace metrics, and syntax colours approximating Shiki's `github-light` / `github-dark`. A snippet therefore looks the same whether it is being read in a reply or edited here. Use it wherever a whole document *is* code — a snippet field, a config or template editor, a \"create skill\" form. For prose that merely contains code, use {@link CkMilkdownEditor}, whose fenced blocks share this same theme. Grammars load on demand from CodeMirror's language data, so only the languages actually opened are fetched, and the editor itself loads lazily on mount so importing the component costs nothing until one is shown.",
+    "category": "Form Inputs",
+    "useCases": [
+      "edit a code snippet",
+      "config or template editor",
+      "code field in a form",
+      "review and tweak generated code"
+    ],
+    "keywords": [
+      "code",
+      "editor",
+      "codemirror",
+      "syntax highlighting",
+      "snippet",
+      "v-model",
+      "monospace",
+      "language"
+    ],
+    "related": [
+      "CkMilkdownEditor",
+      "CkMarkdownRenderer"
+    ],
+    "props": [
+      "modelValue",
+      "language",
+      "filename",
+      "placeholder",
+      "readonly",
+      "disabled",
+      "ariaLabel",
+      "showHeader",
+      "showCopyButton",
+      "showLineNumbers",
+      "lineWrapping",
+      "maxHeight",
+      "autofocus",
+      "writeToClipboard"
+    ],
+    "examples": [
+      "Default",
+      "WithFilename",
+      "PlainText",
+      "Readonly",
+      "WithoutHeader",
+      "ScrollingAndWrapping",
+      "MatchesTheRenderer"
+    ],
+    "_autoGenerated": true
+  },
   "CkConversationLayout": {
     "description": "Scroll-aware container that renders a list of messages with sticky-to-bottom behavior, a shrinking spacer so streaming agent replies don't jitter the viewport, and slots for rendering user/agent messages.",
     "category": "Layout",
@@ -643,6 +693,52 @@
     ],
     "_autoGenerated": true
   },
+  "CkMilkdownEditor": {
+    "description": "Markdown WYSIWYG editor built on [Milkdown Crepe](https://milkdown.dev/docs/guide/using-crepe). Its content is styled with the very same per-tag class map that {@link CkMarkdownRenderer} uses, so a message edited here looks identical to the rendered reply — no visual jump between reading and editing. The feature set is deliberately small and chat-oriented: a floating toolbar (bold, italic, strikethrough, inline code, link), bullet / ordered / task lists, blockquotes, links with a hover tooltip, fenced code blocks with syntax highlighting and a copy button, and an empty-document placeholder. Tables, images, LaTeX, slash menus and drag handles are intentionally not enabled. The editor itself loads lazily on mount, so importing this component does not pull ProseMirror / CodeMirror into the consumer's initial bundle.",
+    "category": "Form Inputs",
+    "useCases": [
+      "edit an assistant reply before sending",
+      "compose a rich prompt",
+      "edit a saved note in markdown",
+      "inline WYSIWYG editing of a user message"
+    ],
+    "keywords": [
+      "markdown",
+      "editor",
+      "wysiwyg",
+      "milkdown",
+      "crepe",
+      "prosemirror",
+      "rich text",
+      "v-model",
+      "compose"
+    ],
+    "related": [
+      "CkMarkdownRenderer",
+      "CkPromptInput",
+      "CkEditableUserMessage"
+    ],
+    "props": [
+      "modelValue",
+      "placeholder",
+      "readonly",
+      "disabled",
+      "ariaLabel",
+      "classes",
+      "autofocus",
+      "showLineNumbers"
+    ],
+    "examples": [
+      "Default",
+      "WithInitialContent",
+      "Readonly",
+      "WithLineNumbers",
+      "Disabled",
+      "CustomClasses",
+      "SideBySideWithRenderer"
+    ],
+    "_autoGenerated": true
+  },
   "CkModelSelector": {
     "description": "Compact dropdown for choosing the active model, sized to sit inline in a prompt field next to the send button. Controlled component: pass the available `models` and the `selectedModelId`, and react to `update:selectedModelId` (so it works with `v-model:selected-model-id`). Purely presentational — fetching the list and persisting the choice are the consumer's responsibility.",
     "category": "Actions",

package/components-meta.json

@@ -57,7 +57,14 @@
     "examples": [
       "Default",
       "Destructive",
-      "AllVariants"
+      "AllVariants",
+      "Dismissible",
+      "Accessibility",
+      "DismissInteraction",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -527,7 +534,13 @@
       "Removable",
       "WithAndWithoutLeadingIcon",
       "Group",
-      "FocusOrderInteractive"
+      "FocusOrderInteractive",
+      "Accessibility",
+      "ChipInteraction",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -646,7 +659,13 @@
       "NonModal",
       "WithoutHandle",
       "LongContent",
-      "OpenByDefault"
+      "OpenByDefault",
+      "Accessibility",
+      "PointerInteraction",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -1152,7 +1171,13 @@
       "WithInput",
       "WithCheckbox",
       "DisabledState",
-      "RequiredField"
+      "RequiredField",
+      "Accessibility",
+      "LabelActivation",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -1552,7 +1577,13 @@
       "NonModal",
       "WithForm",
       "LongContent",
-      "OpenByDefault"
+      "OpenByDefault",
+      "Accessibility",
+      "PointerInteraction",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -1630,7 +1661,13 @@
       "Default",
       "Range",
       "Vertical",
-      "Disabled"
+      "Disabled",
+      "Accessibility",
+      "KeyboardNavigation",
+      "KeyboardRangeNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint"
     ],
     "_autoGenerated": true
   },
@@ -1866,7 +1903,14 @@
       "Disabled",
       "MaxTags",
       "EmailInput",
-      "WithListbox"
+      "WithListbox",
+      "Accessibility",
+      "TagInteraction",
+      "KeyboardNavigation",
+      "ScreenReader",
+      "ZoomMagnification",
+      "MobileBreakpoint",
+      "MaxTagsLimit"
     ],
     "_autoGenerated": true
   },
@@ -2284,14 +2328,33 @@
     "_autoGenerated": true
   },
   "UiLayout": {
-    "description": "UiLayout component",
-    "category": "Uncategorized",
-    "useCases": [],
+    "description": "Container for the primary content area — the main part of an application layout. It renders the sheet surface (`background/surface/secondary`) and carries the design system's 48px margin on its left and right edges — 32px below the `desktop` breakpoint (1200px), toward the minimum desktop size of 1024px — so pages start from the same inset instead of each carrying its own spacing. Divide the space inside it with a 12-column grid and 24px gutters. Slots: `default` for the page content; `split` for a split view — a border divides the content box into two equal parts, each keeping a 28px margin from the divider and a 6-column grid of its own; and `sidebar` for secondary content — locked to the right edge and sized by `sidebarMode`. In the sidebar view the primary area is the rounded sheet (12px radius) while the sidebar has no surface of its own; both keep 48px margins.",
+    "category": "Layout",
+    "useCases": [
+      "main content area",
+      "page body",
+      "layout grid container",
+      "split view",
+      "secondary sidebar"
+    ],
     "keywords": [
-      "layout"
+      "layout",
+      "content",
+      "main",
+      "margin",
+      "grid",
+      "page",
+      "split",
+      "sidebar"
+    ],
+    "related": [
+      "UiSidebar",
+      "UiTopBar"
+    ],
+    "props": [
+      "as",
+      "sidebarMode"
     ],
-    "related": [],
-    "props": [],
     "examples": [
       "Default",
       "TogglingTheSidebar",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/lib-mcp",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/server.js",