@aleph-alpha/lib-mcp 2.2.0 → 3.0.0

package/chat-kit-components-meta.json

@@ -103,6 +103,44 @@
     ],
     "_autoGenerated": true
   },
+  "CkDropZoneOverlay": {
+    "description": "Full-window drag-and-drop overlay. Listens for file drags anywhere on the page, reveals a teleported overlay, validates dropped files against `accept`, `maxFileSizeBytes` and `maxFiles`, and emits the accepted files. Purely presentational and self-contained: it owns its own drag state and has no knowledge of the host app. All limits and copy are configurable, and rejection handling can be delegated to the consumer via the `rejected` event.",
+    "category": "Form Inputs",
+    "useCases": [
+      "page-level file attachment",
+      "drag-and-drop upload",
+      "chat composer"
+    ],
+    "keywords": [
+      "drag and drop",
+      "drop zone",
+      "file upload",
+      "overlay",
+      "attachments",
+      "drop",
+      "zone"
+    ],
+    "related": [
+      "CkFileItemsList",
+      "CkPromptInput"
+    ],
+    "props": [
+      "accept",
+      "maxFileSizeBytes",
+      "maxFiles",
+      "disabled",
+      "heading",
+      "hint",
+      "ariaLabel",
+      "showErrors",
+      "errorTimeoutMs"
+    ],
+    "examples": [
+      "Default",
+      "SingleFile"
+    ],
+    "_autoGenerated": true
+  },
   "CkFeedbackButton": {
     "description": "Binary thumbs up / thumbs down feedback control for assistant messages. Fully prop-driven: the host application owns the selection and lock state and decides when (or if) to persist it to a backend. Labels default to those provided by `useChatKitLabels` (which can be translated via `provideChatKitLabels`). The `ariaLabel*` props override the injected labels on a per-instance basis when set.",
     "category": "Feedback",
@@ -149,7 +187,7 @@
     "_autoGenerated": true
   },
   "CkFeedbackDialog": {
-    "description": "Modal dialog for collecting qualitative feedback on an assistant response. Opened after a binary thumbs-up / thumbs-down click (see `CkFeedbackButton`), it lets the user pick a single reason code and add an optional free-text comment, then submit both alongside the original sentiment. One reason per submission: the backend (feedback-kit) stores a single `reason` enum per response, so the dialog is single-select by design. Fully prop-driven: the host application owns `open`, the list of reasons to show (fetched from `GET /feedback/config`), the response text to display, and the submission handler. The component only manages transient form state (the selected reason and free-text value) until the user submits or cancels. capture a free-text comment, drive a two-step rating flow rating, comment CkConversation, UiDialog, UiToggleGroup",
+    "description": "Modal dialog for collecting qualitative feedback on an assistant response. Opened after a binary thumbs-up / thumbs-down click (see `CkFeedbackButton`), it lets the user pick one or more reason codes and add an optional free-text comment, then submit them alongside the original sentiment. Multiple reasons per submission: the backend (feedback-kit) stores a list of reason codes per response (each becomes its own categorical score), so the chips are multi-select. Fully prop-driven: the host application owns `open`, the list of reasons to show (fetched from `GET /feedback/config`), the response text to display, and the submission handler. The component only manages transient form state (the selected reasons and free-text value) until the user submits or cancels. capture a free-text comment, drive a two-step rating flow rating, comment CkConversation, UiDialog, UiToggleGroup",
     "category": "Feedback",
     "useCases": [
       "collect qualitative feedback",
@@ -191,6 +229,7 @@
       "Negative",
       "NoResponseColumn",
       "Submitting",
+      "LongResponse",
       "WithFeedbackButton"
     ],
     "_autoGenerated": true
@@ -224,6 +263,7 @@
       "isRemovable",
       "removeLabel",
       "disabled",
+      "showStatus",
       "triggerLabel",
       "triggerAriaLabel",
       "listLabel",
@@ -232,6 +272,7 @@
     "examples": [
       "Inline",
       "Collapsed",
+      "UploadStatus",
       "Removable",
       "CustomItem",
       "Clickable",
@@ -365,52 +406,53 @@
     ],
     "_autoGenerated": true
   },
-  "CkPromptActionButton": {
-    "description": "Icon-only call-to-action button styled for the chat prompt area (brand color). Typically used as the \"send\" button inside a prompt input toolbar, but works for any primary prompt-level action.",
+  "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",
     "useCases": [
-      "send message button",
-      "submit prompt",
-      "primary chat action",
-      "loading send button",
-      "disabled send button"
+      "select model",
+      "choose LLM",
+      "model picker in prompt field",
+      "switch model mid-conversation"
     ],
     "keywords": [
+      "model",
+      "selector",
+      "picker",
+      "dropdown",
+      "llm",
       "prompt",
-      "send",
-      "action",
-      "button",
-      "icon",
-      "submit",
-      "loading",
-      "brand"
+      "choose",
+      "switch"
     ],
     "related": [
       "CkPromptInput",
-      "CkInput",
-      "CkMessageActionButton"
+      "CkPromptSendButton"
     ],
     "props": [
-      "ariaLabel",
+      "models",
+      "selectedModelId",
       "disabled",
-      "loading",
-      "type"
+      "side",
+      "align",
+      "sideOffset"
     ],
     "examples": [
       "Default",
-      "Disabled",
-      "Loading"
+      "Placeholder",
+      "Disabled"
     ],
     "_autoGenerated": true
   },
   "CkPromptInput": {
-    "description": "Low-level prompt input: a single auto-growing textarea with left/right toolbar slots, a footer slot, and keyboard submission (Enter to submit, Shift+Enter for newline). Use when you need full control over the prompt layout; for a turnkey chat input use `CkInput` instead.",
+    "description": "Low-level prompt input: an auto-growing textarea (1–6 lines, then internal scroll) with `toolbar-top` / `toolbar-left` / `toolbar-right` / `footer` slots and keyboard submission (Enter to submit, Shift+Enter for newline). The form layout adapts between a compact single-row variant (large 3xl radius) and a stacked multi-row variant (2xl radius) automatically — driven by content height and whether `toolbar-top` is filled. Use when you need full control over the prompt layout; for a turnkey chat input use `CkInput` instead.",
     "category": "Form Inputs",
     "useCases": [
       "raw chat prompt textarea",
       "custom prompt toolbar",
-      "auto-growing textarea",
-      "compose box",
+      "auto-growing compose box",
+      "file-attachment chip row",
+      "multi-line chat input",
       "keyboard submit"
     ],
     "keywords": [
@@ -418,27 +460,37 @@
       "input",
       "textarea",
       "chat",
-      "auto-grow",
       "compose",
       "submit",
-      "v-model"
+      "v-model",
+      "auto-grow",
+      "multi-line",
+      "toolbar"
     ],
     "related": [
       "CkInput",
-      "CkPromptActionButton",
-      "CkPromptInputDisclaimer"
+      "CkPromptSendButton",
+      "CkPromptStopButton",
+      "CkPromptMenuButton",
+      "CkPromptInputDisclaimer",
+      "CkFileItemsList"
     ],
     "props": [
       "modelValue",
       "placeholder",
       "disabled",
-      "maxHeight",
       "ariaLabel"
     ],
     "examples": [
       "Default",
       "WithToolbarSlots",
       "WithFooterSlot",
+      "WithFooterControls",
+      "WithToolbarTopSlot",
+      "WithUploadAndModelSelection",
+      "WithMultiLineContent",
+      "WithCollapsedFileChips",
+      "WithUploadAndModelSelectionStreaming",
       "Disabled"
     ],
     "_autoGenerated": true
@@ -475,8 +527,85 @@
     ],
     "_autoGenerated": true
   },
+  "CkPromptMenuButton": {
+    "description": "Icon-only menu trigger styled for the chat prompt area (ghost variant, pill-shaped). Sits in `CkPromptInput`'s `toolbar-left` slot as the entry point to a dropdown of prompt actions — attach files, attach folders, toggle tools, switch length, etc. Defaults to a `plus` icon when the slot is empty; pass any icon to override.",
+    "category": "Actions",
+    "useCases": [
+      "open prompt menu",
+      "attach files",
+      "add resources",
+      "toggle tools",
+      "prompt input toolbar"
+    ],
+    "keywords": [
+      "prompt",
+      "menu",
+      "plus",
+      "add",
+      "button",
+      "icon",
+      "ghost",
+      "dropdown trigger",
+      "tools"
+    ],
+    "related": [
+      "CkPromptInput",
+      "CkPromptSendButton",
+      "CkPromptStopButton",
+      "CkDropZoneOverlay",
+      "CkFileItemsList"
+    ],
+    "props": [
+      "ariaLabel",
+      "disabled",
+      "type"
+    ],
+    "examples": [
+      "Default",
+      "Disabled"
+    ],
+    "_autoGenerated": true
+  },
+  "CkPromptSendButton": {
+    "description": "Icon-only send button styled for the chat prompt area (brand color, pill shape). Sits in `CkPromptInput`'s `toolbar-right` slot as the submit trigger. Shows a spinner via `loading` while the previous request is in flight; pair with `CkPromptStopButton` to expose an abort control.",
+    "category": "Actions",
+    "useCases": [
+      "send message button",
+      "submit prompt",
+      "primary chat send action",
+      "loading send button",
+      "disabled send button"
+    ],
+    "keywords": [
+      "prompt",
+      "send",
+      "submit",
+      "button",
+      "icon",
+      "loading",
+      "brand"
+    ],
+    "related": [
+      "CkPromptInput",
+      "CkPromptStopButton",
+      "CkInput",
+      "CkSendIcon"
+    ],
+    "props": [
+      "ariaLabel",
+      "disabled",
+      "loading",
+      "type"
+    ],
+    "examples": [
+      "Default",
+      "Disabled",
+      "Loading"
+    ],
+    "_autoGenerated": true
+  },
   "CkPromptStopButton": {
-    "description": "Icon-only button used to stop an in-flight assistant generation. Shares the brand styling of `CkPromptActionButton` but is intended to replace it in the prompt toolbar while a response is streaming.",
+    "description": "Icon-only button used to stop an in-flight assistant generation. Visually de-emphasized counterpart to `CkPromptSendButton` — uses UiButton's `secondary` variant (muted background) per Figma spec, so the user's eye doesn't read it as a primary call-to-action. Swap it in for `CkPromptSendButton` in the prompt toolbar while a response is streaming.",
     "category": "Actions",
     "useCases": [
       "stop assistant generation",
@@ -489,15 +618,17 @@
       "cancel",
       "abort",
       "prompt",
-      "action",
       "button",
       "icon",
-      "streaming"
+      "streaming",
+      "secondary"
     ],
     "related": [
-      "CkPromptActionButton",
+      "CkPromptSendButton",
+      "CkPromptMenuButton",
       "CkPromptInput",
-      "CkInput"
+      "CkInput",
+      "CkStopIcon"
     ],
     "props": [
       "ariaLabel",
@@ -510,34 +641,38 @@
     "_autoGenerated": true
   },
   "CkUserMessage": {
-    "description": "Bubble layout for a single user turn in a conversation. Renders the message text on the right side with a tokenized background and max-width; supports a default slot for custom inline content.",
+    "description": "Layout for a single user turn in a conversation. Renders the message text right-aligned in the muted on-surface color with a max-width; supports a default slot for custom inline content. When `collapsedLines` is set, long messages are clamped with a fade and a \"Show more\" / \"Show less\" toggle.",
     "category": "Messages",
     "useCases": [
-      "render user message bubble",
+      "render user message",
       "conversation turn from user",
       "chat input preview",
-      "right-aligned message"
+      "right-aligned message",
+      "collapsible long message"
     ],
     "keywords": [
       "user",
       "message",
-      "bubble",
       "chat",
       "conversation",
-      "turn"
+      "turn",
+      "collapse",
+      "show more"
     ],
     "related": [
       "CkAgentMessage",
       "CkConversation"
     ],
     "props": [
-      "message"
+      "message",
+      "collapsedLines"
     ],
     "examples": [
       "Default",
       "LongMessage",
       "MultilineMessage",
-      "WithSlotContent"
+      "WithSlotContent",
+      "Collapsible"
     ],
     "_autoGenerated": true
   },
@@ -622,18 +757,24 @@
       "hrefResolver",
       "activeId",
       "showAction",
-      "showActionOnHover"
+      "showActionOnHover",
+      "timeFormatter",
+      "collapsedLimit",
+      "maxHeight"
     ],
     "examples": [
       "Default",
       "WithoutActions",
       "RouterLinkIntegration",
-      "WithCustomItem"
+      "WithCustomItem",
+      "WithoutTime",
+      "CollapsedWithShowAll",
+      "NoCollapse"
     ],
     "_autoGenerated": true
   },
   "CkInput": {
-    "description": "Drop-in chat input: combines `CkPromptInput`, a `CkPromptActionButton` send button, and a `CkPromptInputDisclaimer`. Supports `v-model`, loading and disabled states, and slots to customize the toolbar and footer.",
+    "description": "Drop-in chat input: combines `CkPromptInput`, a `CkPromptSendButton` send button, and a `CkPromptInputDisclaimer`. Supports `v-model`, loading and disabled states, and slots to customize the toolbar and footer.",
     "category": "Form Inputs",
     "useCases": [
       "chat compose input",
@@ -655,7 +796,7 @@
     ],
     "related": [
       "CkPromptInput",
-      "CkPromptActionButton",
+      "CkPromptSendButton",
       "CkPromptInputDisclaimer",
       "CkConversation"
     ],
@@ -664,7 +805,6 @@
       "placeholder",
       "disabled",
       "loading",
-      "maxHeight",
       "ariaLabel",
       "stopAriaLabel",
       "disclaimer"

package/components-meta.json

@@ -91,7 +91,7 @@
     "_autoGenerated": true
   },
   "UiAutocomplete": {
-    "description": "Beta: Filterable select input for choosing one or many options. This component is currently beta. Its API and behavior may still change before it is considered stable.",
+    "description": "Filterable select input for choosing one or many options.",
     "category": "Form Inputs",
     "useCases": [
       "autocomplete",
@@ -105,8 +105,7 @@
       "select",
       "search",
       "filter",
-      "multi-select",
-      "beta"
+      "multi-select"
     ],
     "related": [
       "UiSelect",
@@ -238,22 +237,20 @@
     ],
     "examples": [
       "Default",
+      "DesignNotes",
+      "Accessibility",
       "Outline",
       "Secondary",
       "Ghost",
       "Destructive",
       "Link",
       "Sizes",
-      "WithStartIcon",
-      "WithEndIcon",
-      "WithBothIcons",
+      "IconUsage",
       "Loading",
       "LoadingWithBothIcons",
-      "WithIconSlot",
       "AsChild",
       "AllVariants",
       "DisabledHoverBleed",
-      "IconSizes",
       "AllVariantsAndSizes"
     ],
     "_autoGenerated": true
@@ -382,6 +379,8 @@
     "props": [],
     "examples": [
       "Default",
+      "DesignNotes",
+      "Accessibility",
       "WithDescription",
       "Disabled",
       "Card"
@@ -645,6 +644,8 @@
     ],
     "examples": [
       "Default",
+      "DesignNotes",
+      "Accessibility",
       "DescriptionWithCheckbox",
       "WithLabelInfo",
       "WithError",
@@ -905,6 +906,8 @@
     ],
     "examples": [
       "Basic",
+      "DesignNotes",
+      "Accessibility",
       "Variants",
       "Sizes",
       "CustomSlots",
@@ -1281,7 +1284,6 @@
       "WithDisabledItems",
       "WithIcons",
       "Disabled",
-      "Sizes",
       "Multiple",
       "MultipleWithDefaultValue",
       "WithDefaultValue"