@xpert-ai/chatkit-ui 0.3.2 → 0.3.4

package/dist/index.js

@@ -30,6 +30,12 @@ var THEME_PANEL_RADIUS_PRESET_CLASS = {
   soft: "rounded-lg",
   sharp: "rounded-none"
 };
+var THEME_COMPOSER_INPUT_RADIUS_PRESET_CLASS = {
+  pill: "rounded-3xl",
+  round: "rounded-xl",
+  soft: "rounded-lg",
+  sharp: "rounded-none"
+};
 var THEME_MENU_ITEM_RADIUS_PRESET_CLASS = {
   pill: "rounded-xl",
   round: "rounded-lg",
@@ -42,6 +48,13 @@ function getRoundedClass(themeRadius, fallback = "rounded-full") {
 function getPanelRoundedClass(themeRadius, fallback = "soft") {
   return THEME_PANEL_RADIUS_PRESET_CLASS[themeRadius ?? fallback];
 }
+function getComposerInputRoundedClass(themeRadius, options = {}) {
+  const radius = themeRadius ?? options.fallback ?? "round";
+  if (radius === "pill" && options.isEmpty && !options.isStacked) {
+    return "rounded-full";
+  }
+  return THEME_COMPOSER_INPUT_RADIUS_PRESET_CLASS[radius];
+}
 function getMenuItemRoundedClass(themeRadius, fallback = "soft") {
   return THEME_MENU_ITEM_RADIUS_PRESET_CLASS[themeRadius ?? fallback];
 }
@@ -266,6 +279,11 @@ function useStreamManager() {
   };
 }
 
+// src/lib/message-metadata.ts
+import {
+  isClientToolRequest
+} from "@xpert-ai/chatkit-types";
+
 // src/lib/references.ts
 function isObjectLike(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -562,6 +580,33 @@ function buildHumanMessageInputPayload(source) {
   };
 }
 
+// src/lib/message-metadata.ts
+function isObjectRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isStringArray(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function isSkillSelection(value) {
+  if (!isObjectRecord(value)) {
+    return false;
+  }
+  return isStringArray(value.ids) && (value.workspaceId === void 0 || typeof value.workspaceId === "string");
+}
+function isNodeKeySelection(value) {
+  return isObjectRecord(value) && isStringArray(value.nodeKeys);
+}
+function isRuntimeCapabilitiesSelectionSet(value) {
+  return isObjectRecord(value) && isSkillSelection(value.skills) && isNodeKeySelection(value.plugins) && (value.subAgents === void 0 || isNodeKeySelection(value.subAgents));
+}
+function isRuntimeCapabilitiesSelection(value) {
+  if (!isObjectRecord(value)) {
+    return false;
+  }
+  const selection = value;
+  return selection.mode === "allowlist" && isRuntimeCapabilitiesSelectionSet(selection) && (selection.recommended === void 0 || isRuntimeCapabilitiesSelectionSet(selection.recommended));
+}
+
 // src/providers/ParentMessenger.tsx
 import { jsx } from "react/jsx-runtime";
 var handledSendUserMessageNonces = /* @__PURE__ */ new Set();
@@ -681,12 +726,14 @@ function ParentMessengerProvider({
           }
           return;
         }
-        const requestHumanInput = params.planMode === true || params.state?.[STATE_VARIABLE_HUMAN2]?.planMode === true || params.runtimeCapabilities || params.state?.[STATE_VARIABLE_HUMAN2]?.runtimeCapabilities ? {
+        const runtimeCapabilitiesCandidate = params.runtimeCapabilities ?? params.state?.[STATE_VARIABLE_HUMAN2]?.runtimeCapabilities;
+        const runtimeCapabilities = isRuntimeCapabilitiesSelection(
+          runtimeCapabilitiesCandidate
+        ) ? runtimeCapabilitiesCandidate : void 0;
+        const requestHumanInput = params.planMode === true || params.state?.[STATE_VARIABLE_HUMAN2]?.planMode === true || runtimeCapabilities ? {
           ...humanInput,
           ...params.planMode === true || params.state?.[STATE_VARIABLE_HUMAN2]?.planMode === true ? { planMode: true } : {},
-          ...params.runtimeCapabilities ? { runtimeCapabilities: params.runtimeCapabilities } : params.state?.[STATE_VARIABLE_HUMAN2]?.runtimeCapabilities ? {
-            runtimeCapabilities: params.state[STATE_VARIABLE_HUMAN2].runtimeCapabilities
-          } : {}
+          ...runtimeCapabilities ? { runtimeCapabilities } : {}
         } : humanInput;
         const newMessage = {
           id: createMessageId(),
@@ -694,7 +741,8 @@ function ParentMessengerProvider({
           content: prompt,
           submittedInput: humanInput.input,
           ...humanInput.referenceComposition ? { referenceComposition: humanInput.referenceComposition } : {},
-          ...references.length > 0 ? { references } : {}
+          ...references.length > 0 ? { references } : {},
+          ...runtimeCapabilities ? { runtimeCapabilities } : {}
         };
         const stream = streamRef2.current;
         const activeFollowUpMode = stream?.isLoading ? params.followUpMode && params.followUpMode !== "default" ? params.followUpMode : stream.followUpBehavior ?? "queue" : void 0;
@@ -984,32 +1032,6 @@ function resolveUsedContextSize(options) {
   return normalizeContextUsageNumber(options.fallbackUsedTokens) ?? 0;
 }
 
-// src/lib/message-metadata.ts
-import {
-  isClientToolRequest
-} from "@xpert-ai/chatkit-types";
-function isObjectRecord(value) {
-  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
-}
-function isStringArray(value) {
-  return Array.isArray(value) && value.every((item) => typeof item === "string");
-}
-function isSkillSelection(value) {
-  if (!isObjectRecord(value)) {
-    return false;
-  }
-  return isStringArray(value.ids) && (value.workspaceId === void 0 || typeof value.workspaceId === "string");
-}
-function isNodeKeySelection(value) {
-  return isObjectRecord(value) && isStringArray(value.nodeKeys);
-}
-function isRuntimeCapabilitiesSelection(value) {
-  if (!isObjectRecord(value)) {
-    return false;
-  }
-  return value.mode === "allowlist" && isSkillSelection(value.skills) && isNodeKeySelection(value.plugins) && (value.subAgents === void 0 || isNodeKeySelection(value.subAgents));
-}
-
 // src/lib/follow-ups.ts
 function getComposerFollowUpShortcutLabels(queueShortcutLabel) {
   return {
@@ -2211,6 +2233,39 @@ function uniqueStrings(values) {
     new Set(values.map((value) => value.trim()).filter(Boolean))
   );
 }
+function getRuntimeCapabilitiesSelectionSet(selection) {
+  return {
+    skills: {
+      ...selection?.skills.workspaceId ? { workspaceId: selection.skills.workspaceId } : {},
+      ids: uniqueStrings(selection?.skills.ids ?? [])
+    },
+    plugins: {
+      nodeKeys: uniqueStrings(selection?.plugins.nodeKeys ?? [])
+    },
+    subAgents: {
+      nodeKeys: uniqueStrings(selection?.subAgents?.nodeKeys ?? [])
+    }
+  };
+}
+function mergeRuntimeCapabilitiesSelectionSets(capabilities, ...sets) {
+  const workspaceId = sets.find((set) => set?.skills.workspaceId)?.skills.workspaceId ?? capabilities.skills[0]?.workspaceId;
+  return {
+    skills: {
+      ...workspaceId ? { workspaceId } : {},
+      ids: uniqueStrings(sets.flatMap((set) => set?.skills.ids ?? []))
+    },
+    plugins: {
+      nodeKeys: uniqueStrings(
+        sets.flatMap((set) => set?.plugins.nodeKeys ?? [])
+      )
+    },
+    subAgents: {
+      nodeKeys: uniqueStrings(
+        sets.flatMap((set) => set?.subAgents?.nodeKeys ?? [])
+      )
+    }
+  };
+}
 function createEmptyRuntimeCapabilitiesSelection(capabilities) {
   const workspaceId = capabilities?.skills[0]?.workspaceId;
   return {
@@ -2246,25 +2301,56 @@ function createDefaultRuntimeCapabilitiesSelection(capabilities) {
   };
 }
 function mergeRuntimeCapabilitiesSelections(capabilities, ...selections) {
-  const workspaceId = selections.find((selection) => selection?.skills.workspaceId)?.skills.workspaceId ?? capabilities.skills[0]?.workspaceId;
+  const merged = mergeRuntimeCapabilitiesSelectionSets(
+    capabilities,
+    ...selections.map(
+      (selection) => selection ? getRuntimeCapabilitiesSelectionSet(selection) : null
+    )
+  );
+  const recommended = mergeRuntimeCapabilitiesSelectionSets(
+    capabilities,
+    ...selections.map((selection) => selection?.recommended)
+  );
   return {
     mode: "allowlist",
-    skills: {
-      ...workspaceId ? { workspaceId } : {},
-      ids: uniqueStrings(
-        selections.flatMap((selection) => selection?.skills.ids ?? [])
-      )
-    },
-    plugins: {
-      nodeKeys: uniqueStrings(
-        selections.flatMap((selection) => selection?.plugins.nodeKeys ?? [])
-      )
-    },
-    subAgents: {
-      nodeKeys: uniqueStrings(
-        selections.flatMap((selection) => selection?.subAgents?.nodeKeys ?? [])
-      )
-    }
+    ...merged,
+    ...hasRuntimeCapabilitySelectionSet(recommended) ? { recommended } : {}
+  };
+}
+function createRuntimeCapabilitiesForSubmit({
+  capabilities,
+  available,
+  recommended
+}) {
+  const recommendedSet = mergeRuntimeCapabilitiesSelectionSets(
+    capabilities,
+    recommended,
+    recommended?.recommended
+  );
+  const merged = mergeRuntimeCapabilitiesSelectionSets(
+    capabilities,
+    available,
+    recommendedSet
+  );
+  return {
+    mode: "allowlist",
+    ...merged,
+    ...hasRuntimeCapabilitySelectionSet(recommendedSet) ? { recommended: recommendedSet } : {}
+  };
+}
+function getRecommendedRuntimeCapabilitiesSelection(selection) {
+  if (!selection?.recommended) {
+    return null;
+  }
+  return {
+    mode: "allowlist",
+    ...getRuntimeCapabilitiesSelectionSet(selection.recommended)
+  };
+}
+function getAvailableRuntimeCapabilitiesSelection(selection) {
+  return {
+    mode: "allowlist",
+    ...getRuntimeCapabilitiesSelectionSet(selection)
   };
 }
 function toggleRuntimeCapabilitySelection(selection, type, id, selected) {
@@ -2323,6 +2409,12 @@ function getRuntimeCapabilityOptions(capabilities) {
     }))
   ];
 }
+function hasRuntimeCapabilitySelectionSet(selection) {
+  if (!selection) {
+    return false;
+  }
+  return selection.skills.ids.length > 0 || selection.plugins.nodeKeys.length > 0 || (selection.subAgents?.nodeKeys.length ?? 0) > 0;
+}
 function isRuntimeCapabilitySelected(selection, type, id) {
   if (type === "skill") {
     return selection.skills.ids.includes(id);
@@ -6083,7 +6175,7 @@ function createSlashPaletteOptions({
   runtimeCapabilitiesReady,
   runtimeCapabilityOptions,
   runtimeCapabilities,
-  effectiveRuntimeCapabilitiesForSubmit
+  recommendedRuntimeCapabilities
 }) {
   if (!palette) {
     return [];
@@ -6093,7 +6185,7 @@ function createSlashPaletteOptions({
   const expandedCapabilityTypes = new Set(
     palette.expandedCapabilityTypes ?? []
   );
-  const selection = effectiveRuntimeCapabilitiesForSubmit ?? createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities);
+  const selection = recommendedRuntimeCapabilities ?? createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities);
   const getCapabilityOptions = (capabilityTypes, capabilityQuery = query) => runtimeCapabilitiesReady ? runtimeCapabilityOptions.filter(
     (option) => matchesCapability(option, capabilityQuery, capabilityTypes) && !isRuntimeCapabilitySelected(selection, option.type, option.id)
   ) : [];
@@ -6329,7 +6421,7 @@ function useSlashCommands({
   runtimeCapabilities,
   runtimeCapabilitiesReady,
   runtimeCapabilityOptions,
-  effectiveRuntimeCapabilitiesForSubmit,
+  recommendedRuntimeCapabilities,
   draft,
   palette,
   setPalette,
@@ -6374,12 +6466,12 @@ function useSlashCommands({
       runtimeCapabilitiesReady,
       runtimeCapabilityOptions,
       runtimeCapabilities,
-      effectiveRuntimeCapabilitiesForSubmit
+      recommendedRuntimeCapabilities
     }),
     [
-      effectiveRuntimeCapabilitiesForSubmit,
       localizedResolvedCommands,
       palette,
+      recommendedRuntimeCapabilities,
       runtimeCapabilities,
       runtimeCapabilitiesReady,
       runtimeCapabilityOptions
@@ -7952,6 +8044,7 @@ var TOOL_GROUP_TOKEN_CATEGORY = {
   tool: "tools",
   tools: "tools"
 };
+var TOOL_CALL_ROW_TEXT_CLASS = "text-xs leading-5 in-data-[density=compact]:text-[11px] in-data-[density=compact]:leading-4 in-data-[density=spacious]:text-[13px] in-data-[density=spacious]:leading-5";
 var TOOL_CALL_OUTPUT_RENDERERS = {};
 function normalizeStepCategory(category) {
   if (typeof category !== "string" || category.trim() === "") {
@@ -8106,15 +8199,6 @@ function getToolGroupCategoryCounts(items) {
     return counts;
   }, {});
 }
-function getEffectiveToolGroupDisplayStatus(items, isThreadRunning) {
-  if (items.some((item) => {
-    const data = getToolStepData(item);
-    return getEffectiveToolStepStatus(data, isThreadRunning) === "fail" || Boolean(data.error);
-  })) {
-    return "fail";
-  }
-  return "success";
-}
 function getToolActivityLabel(content, language, statusOverride) {
   const data = getToolStepData(content);
   const status = statusOverride ?? data.status;
@@ -8514,8 +8598,6 @@ function ToolCallRowContent({
   const { i18n: i18n2 } = useChatkitTranslation();
   const data = getToolStepData(content);
   const status = getEffectiveToolStepStatus(data, isThreadRunning);
-  const itemConfig = status ? toolStatusConfig[status] : null;
-  const ItemStatusIcon = itemConfig?.icon;
   const hasError = status === "fail" || Boolean(data.error);
   const label = getToolActivityLabel(content, i18n2.language, status);
   const detailsId = React28.useId();
@@ -8539,7 +8621,8 @@ function ToolCallRowContent({
       {
         type: "button",
         className: cn(
-          "group/tool-call flex w-full min-w-0 items-center gap-2 text-left text-sm leading-6 text-muted-foreground",
+          "group/tool-call flex w-full min-w-0 items-center gap-2 text-left text-muted-foreground",
+          TOOL_CALL_ROW_TEXT_CLASS,
           hasDetails && "cursor-pointer hover:text-foreground",
           hasError && "text-destructive hover:text-destructive"
         ),
@@ -8550,16 +8633,7 @@ function ToolCallRowContent({
           if (hasDetails) setIsExpanded((prev) => !prev);
         },
         children: [
-          status === "running" && ItemStatusIcon ? /* @__PURE__ */ jsx31(
-            ItemStatusIcon,
-            {
-              className: cn(
-                "h-3.5 w-3.5 shrink-0",
-                itemConfig?.iconClass,
-                "animate-spin"
-              )
-            }
-          ) : status ? /* @__PURE__ */ jsx31(
+          status ? /* @__PURE__ */ jsx31(
             ToolStepIcon,
             {
               data,
@@ -8571,7 +8645,17 @@ function ToolCallRowContent({
               )
             }
           ) : /* @__PURE__ */ jsx31("span", { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx31("span", { className: "min-w-0 truncate", title: label, children: label }),
+          /* @__PURE__ */ jsx31(
+            "span",
+            {
+              className: cn(
+                "min-w-0 truncate",
+                status === "running" && "ck-tool-call-running-text"
+              ),
+              title: label,
+              children: label
+            }
+          ),
           durationLabel ? /* @__PURE__ */ jsx31("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground/80", children: durationLabel }) : null,
           hasDetails ? /* @__PURE__ */ jsx31(
             ChevronRight6,
@@ -8600,7 +8684,6 @@ function ToolComponentGroup({
 }) {
   const { t } = useChatkitTranslation();
   const contentId = React28.useId();
-  const groupStatus = getEffectiveToolGroupDisplayStatus(items, isThreadRunning);
   const [isExpanded, setIsExpanded] = React28.useState(!hasFollowingItem);
   const categoryCounts = getToolGroupCategoryCounts(items);
   const categorySummary = TOOL_GROUP_CATEGORY_ORDER.flatMap((category) => {
@@ -8613,8 +8696,8 @@ function ToolComponentGroup({
       )
     ];
   }).join(t("message.toolGroup.separator"));
-  const summary = `${t(`message.toolGroup.status.${groupStatus}`)} ${categorySummary}`;
-  const config = toolStatusConfig[groupStatus];
+  const summary = `${t("message.toolGroup.status.success")} ${categorySummary}`;
+  const config = toolStatusConfig.success;
   const StatusIcon = config.icon;
   React28.useEffect(() => {
     setIsExpanded(!hasFollowingItem);
@@ -10595,10 +10678,12 @@ function splitByAvailability(values, availableValues) {
   }
   return { found, missing };
 }
-function hasMissingRuntimeCapabilityReferences(missing) {
-  return missing.skillIds.length > 0 || missing.pluginNodeKeys.length > 0 || missing.subAgentNodeKeys.length > 0;
+function uniqueStrings2(values) {
+  return Array.from(
+    new Set(values.map((value) => value.trim()).filter(Boolean))
+  );
 }
-function getRuntimeCapabilitiesSelectionAvailability(selection, capabilities) {
+function getAvailableSelectionSet(selection, capabilities) {
   const skillIds = splitByAvailability(
     selection.skills.ids,
     capabilities.skills.map((skill) => skill.id)
@@ -10632,6 +10717,42 @@ function getRuntimeCapabilitiesSelectionAvailability(selection, capabilities) {
     }
   };
 }
+function hasMissingRuntimeCapabilityReferences(missing) {
+  return missing.skillIds.length > 0 || missing.pluginNodeKeys.length > 0 || missing.subAgentNodeKeys.length > 0;
+}
+function getRuntimeCapabilitiesSelectionAvailability(selection, capabilities) {
+  const available = getAvailableSelectionSet(selection, capabilities);
+  const recommended = selection.recommended ? getAvailableSelectionSet(selection.recommended, capabilities) : null;
+  return {
+    selection: {
+      mode: "allowlist",
+      skills: available.selection.skills,
+      plugins: available.selection.plugins,
+      subAgents: available.selection.subAgents,
+      ...recommended && hasRuntimeCapabilitySelectionSet(recommended.selection) ? {
+        recommended: {
+          skills: recommended.selection.skills,
+          plugins: recommended.selection.plugins,
+          subAgents: recommended.selection.subAgents
+        }
+      } : {}
+    },
+    missing: {
+      skillIds: uniqueStrings2([
+        ...available.missing.skillIds,
+        ...recommended?.missing.skillIds ?? []
+      ]),
+      pluginNodeKeys: uniqueStrings2([
+        ...available.missing.pluginNodeKeys,
+        ...recommended?.missing.pluginNodeKeys ?? []
+      ]),
+      subAgentNodeKeys: uniqueStrings2([
+        ...available.missing.subAgentNodeKeys,
+        ...recommended?.missing.subAgentNodeKeys ?? []
+      ])
+    }
+  };
+}
 async function findConversationByThreadId(client, threadId) {
   const normalizedThreadId = threadId.trim();
   if (!normalizedThreadId) {
@@ -10702,7 +10823,9 @@ async function persistConversationRuntimeCapabilities({
   await client.conversations.update(conversation.id, {
     options: {
       ...conversation.options ?? {},
-      runtimeCapabilities: availability.selection
+      runtimeCapabilities: getAvailableRuntimeCapabilitiesSelection(
+        availability.selection
+      )
     }
   });
   return {
@@ -11402,6 +11525,11 @@ function Chat({
   const trimmedDraft = draft.trim();
   const hasReferences = references.length > 0;
   const isComposerStacked = planModeEnabled || Boolean(selectedTool);
+  const isComposerInputEmpty = getComposerEditingLength(composerParts) === 0;
+  const composerInputRoundedClass = getComposerInputRoundedClass(theme.radius, {
+    isEmpty: isComposerInputEmpty,
+    isStacked: isComposerStacked
+  });
   const pendingFollowUps = React43.useMemo(
     () => [...stream.pendingFollowUps ?? []].sort(
       (a, b) => a.createdAt - b.createdAt
@@ -11424,19 +11552,6 @@ function Chat({
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
-  const effectiveRuntimeCapabilitiesForSubmit = React43.useMemo(
-    () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
-      runtimeCapabilities,
-      sessionRuntimeCapabilities,
-      runRuntimeCapabilities
-    ) : null,
-    [
-      runtimeCapabilities,
-      runtimeCapabilitiesReady,
-      runRuntimeCapabilities,
-      sessionRuntimeCapabilities
-    ]
-  );
   const runRuntimeCapabilityOptions = React43.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(
@@ -12085,13 +12200,20 @@ function Chat({
       if (!humanInput) {
         return;
       }
-      const runtimeCapabilitiesForSubmit = submitOptions.runtimeCapabilities && runtimeCapabilities && runtimeCapabilitiesReady ? mergeRuntimeCapabilitiesSelections(
+      const recommendedRuntimeCapabilitiesForSubmit = submitOptions.runtimeCapabilities && runtimeCapabilities && runtimeCapabilitiesReady ? mergeRuntimeCapabilitiesSelections(
         runtimeCapabilities,
-        effectiveRuntimeCapabilitiesForSubmit,
+        runRuntimeCapabilities,
         submitOptions.runtimeCapabilities
-      ) : effectiveRuntimeCapabilitiesForSubmit;
+      ) : runRuntimeCapabilities;
+      const runtimeCapabilitiesForSubmit = runtimeCapabilities && runtimeCapabilitiesReady ? createRuntimeCapabilitiesForSubmit({
+        capabilities: runtimeCapabilities,
+        available: effectiveSessionRuntimeCapabilities,
+        recommended: recommendedRuntimeCapabilitiesForSubmit
+      }) : null;
       const runtimeCapabilityOptionsForMessage = getSelectedRuntimeCapabilityOptions(
-        runtimeCapabilitiesForSubmit,
+        getRecommendedRuntimeCapabilitiesSelection(
+          runtimeCapabilitiesForSubmit
+        ),
         runtimeCapabilityOptions
       );
       const displayContent = submitOptions.displayText || contentToSubmit || (referencesToSend ? t("chat.referencedContentOnly") : "");
@@ -12167,7 +12289,6 @@ function Chat({
       setRuntimeCapabilityPalette(null);
     },
     [
-      effectiveRuntimeCapabilitiesForSubmit,
       effectiveSessionRuntimeCapabilities,
       isSendDisabled,
       options?.request,
@@ -12176,6 +12297,7 @@ function Chat({
       runtimeCapabilities,
       runtimeCapabilitiesReady,
       runtimeCapabilityOptions,
+      runRuntimeCapabilities,
       scrollToBottom,
       selectedTool,
       commitComposerParts,
@@ -12239,7 +12361,7 @@ function Chat({
     runtimeCapabilities,
     runtimeCapabilitiesReady,
     runtimeCapabilityOptions,
-    effectiveRuntimeCapabilitiesForSubmit,
+    recommendedRuntimeCapabilities: runRuntimeCapabilities,
     draft,
     palette: runtimeCapabilityPalette,
     setPalette: setRuntimeCapabilityPalette,
@@ -12943,7 +13065,9 @@ function Chat({
               const humanReferences = humanMessage.references ?? [];
               const humanAttachments = humanMessage.attachments ?? [];
               const humanRuntimeCapabilityOptions = message.type === "human" ? humanMessage.runtimeCapabilityOptions ?? getSelectedRuntimeCapabilityOptions(
-                humanMessage.runtimeCapabilities,
+                getRecommendedRuntimeCapabilitiesSelection(
+                  humanMessage.runtimeCapabilities
+                ),
                 runtimeCapabilityOptions
               ) : [];
               const hasHumanAttachments = message.type === "human" && humanAttachments.length > 0;
@@ -13304,12 +13428,12 @@ function Chat({
               "data-slot": "composer-input-shell",
               "data-layout": isComposerStacked ? "stacked" : "inline",
               className: cn(
-                "relative flex flex-1 overflow-hidden rounded-xl",
+                "relative flex flex-1 overflow-hidden",
                 "bg-background border border-border shadow-sm",
                 isComposerStacked ? "min-h-[5.5rem] px-1.5 pt-1.5 pb-12" : "min-h-12 px-1.5 py-1",
                 "focus-within:border-muted-foreground/30 focus-within:shadow-md",
-                "transition-[min-height,padding,box-shadow,border-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
-                getRoundedClass(theme.radius)
+                "transition-[min-height,padding,border-radius,box-shadow,border-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
+                composerInputRoundedClass
               ),
               children: [
                 /* @__PURE__ */ jsx46(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -60,8 +60,8 @@
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
     "@xpert-ai/a2ui-react": "~0.1.0",
-    "@xpert-ai/chatkit-types": "~0.3.3",
-    "@xpert-ai/chatkit-web-shared": "~0.3.2"
+    "@xpert-ai/chatkit-types": "~0.3.5",
+    "@xpert-ai/chatkit-web-shared": "~0.3.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-B4rIZFfB.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-K4ACjQ4z.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-BOgbMClZ.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-8S_2Lm6g.js";import{_ as i}from"./index-K4ACjQ4z.js";import"./chunk-FMBD7UC4-BYUrcbwm.js";import"./chunk-YZCP3GAM-Ck9WxSs5.js";import"./chunk-55IACEB6-Dz5quBWg.js";import"./chunk-EDXVE4YY-BhH3k95q.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-BOgbMClZ.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-8S_2Lm6g.js";import{_ as i}from"./index-K4ACjQ4z.js";import"./chunk-FMBD7UC4-BYUrcbwm.js";import"./chunk-YZCP3GAM-Ck9WxSs5.js";import"./chunk-55IACEB6-Dz5quBWg.js";import"./chunk-EDXVE4YY-BhH3k95q.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-Bdj7TN-g.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-jtjuwIYJ.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-Dr657chO.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-DTytW7cJ.js";import{_ as i}from"./index-K4ACjQ4z.js";import"./chunk-55IACEB6-Dz5quBWg.js";import"./chunk-EDXVE4YY-BhH3k95q.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};