@xpert-ai/chatkit-ui 0.3.14 → 0.3.16

package/dist/index.cjs

@@ -6889,6 +6889,59 @@ function usePetAutoState({
 // src/components/chat/useSlashCommands.ts
 var React25 = __toESM(require("react"), 1);
 
+// src/lib/slash-commands/availability.ts
+function getActionRuntimeCapabilities(action) {
+  return "runtimeCapabilities" in action && isRuntimeCapabilitiesSelection(action.runtimeCapabilities) ? action.runtimeCapabilities : null;
+}
+function getSelectableRequiredIds(requiredIds, selectableIds) {
+  const selectable = new Set(selectableIds);
+  return requiredIds.filter((id) => selectable.has(id));
+}
+function hasSelectedRequiredIds(requiredIds, selectedIds) {
+  if (!requiredIds.length) {
+    return true;
+  }
+  const selected = new Set(selectedIds ?? []);
+  return requiredIds.every((id) => selected.has(id));
+}
+function isSlashCommandRuntimeSelectionSatisfied(command, runtimeCapabilities, selectedRuntimeCapabilities) {
+  const required = getActionRuntimeCapabilities(command.action);
+  if (!required) {
+    return true;
+  }
+  const requiredSkillIds = getSelectableRequiredIds(
+    required.skills.ids,
+    runtimeCapabilities?.skills.map((skill) => skill.id) ?? []
+  );
+  const requiredPluginNodeKeys = getSelectableRequiredIds(
+    required.plugins.nodeKeys,
+    runtimeCapabilities?.plugins.map((plugin) => plugin.nodeKey) ?? []
+  );
+  const requiredSubAgentNodeKeys = getSelectableRequiredIds(
+    required.subAgents?.nodeKeys ?? [],
+    runtimeCapabilities?.subAgents?.map((subAgent) => subAgent.nodeKey) ?? []
+  );
+  return hasSelectedRequiredIds(
+    requiredSkillIds,
+    selectedRuntimeCapabilities?.skills.ids
+  ) && hasSelectedRequiredIds(
+    requiredPluginNodeKeys,
+    selectedRuntimeCapabilities?.plugins.nodeKeys
+  ) && hasSelectedRequiredIds(
+    requiredSubAgentNodeKeys,
+    selectedRuntimeCapabilities?.subAgents?.nodeKeys
+  );
+}
+function hasSelectedRuntimeSlashCommand(runtimeCapabilities, selectedRuntimeCapabilities, commandName) {
+  return runtimeCapabilities?.commands?.some(
+    (command) => command.name === commandName && isSlashCommandRuntimeSelectionSatisfied(
+      command,
+      runtimeCapabilities,
+      selectedRuntimeCapabilities
+    )
+  ) ?? false;
+}
+
 // src/lib/slash-commands/builtins.ts
 var BUILTIN_SLASH_COMMANDS = [
   {
@@ -6984,9 +7037,6 @@ function renderSlashCommandTemplate(template, args, options) {
   const rendered = template.replace(/\{\{\s*args\s*\}\}/g, args);
   return options?.trim === false ? rendered : rendered.trim();
 }
-function getActionRuntimeCapabilities(action) {
-  return "runtimeCapabilities" in action && isRuntimeCapabilitiesSelection(action.runtimeCapabilities) ? action.runtimeCapabilities : null;
-}
 function parseSlashCommandInvocation(value) {
   const match = /^\s*\/([a-z0-9][a-z0-9_-]{0,63})(?:\s+([\s\S]*))?$/.exec(
     value
@@ -7149,8 +7199,18 @@ function matchesQuery(values, query) {
   }
   return values.filter(Boolean).some((value) => value?.toLowerCase().includes(query));
 }
-function isCommandAvailable(command) {
-  return command.availability?.disabled !== true;
+function isCommandAvailable(command, runtimeCapabilities, selectedRuntimeCapabilities) {
+  if (command.availability?.disabled === true) {
+    return false;
+  }
+  if (command.action.type !== "client_action") {
+    return true;
+  }
+  return isSlashCommandRuntimeSelectionSatisfied(
+    command,
+    runtimeCapabilities,
+    selectedRuntimeCapabilities
+  );
 }
 function resolveCommandText(value, language, fallback) {
   return (0, import_chatkit_types6.resolveLocalizedText)(value, language ?? void 0) ?? fallback;
@@ -7231,7 +7291,9 @@ function createSlashPaletteOptions({
   });
   if (palette.atMessageStart && !capabilityTypesOnly) {
     const options = [];
-    for (const command of resolvedCommands.filter(isCommandAvailable)) {
+    for (const command of resolvedCommands.filter(
+      (item) => isCommandAvailable(item, runtimeCapabilities, selection)
+    )) {
       const capabilityType = CAPABILITY_GROUP_COMMANDS[command.name];
       if (!capabilityType) {
         if (matchesCommand(command, query, language)) {
@@ -11245,19 +11307,43 @@ function FlatWidgetSurface({
   surfaceId
 }) {
   const { processMessages } = (0, import_a2ui_react.useA2UI)();
+  const [renderError, setRenderError] = (0, import_react7.useState)(false);
   const normalizedMessages = (0, import_react7.useMemo)(
     () => normalizeFlatWidgetMessages(messages, surfaceId),
     [messages, surfaceId]
   );
   (0, import_react7.useEffect)(() => {
     if (normalizedMessages.length === 0) return;
-    processMessages(normalizedMessages);
+    setRenderError(false);
+    try {
+      processMessages(normalizedMessages);
+    } catch (error) {
+      console.warn("[chatkit-ui] Failed to render widget surface", {
+        surfaceId,
+        error
+      });
+      setRenderError(true);
+      return;
+    }
     return () => {
       processMessages([{ deleteSurface: { surfaceId } }]);
     };
   }, [normalizedMessages, processMessages, surfaceId]);
+  if (renderError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(WidgetRenderErrorFallback, {});
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_a2ui_react.A2UIRenderer, { surfaceId });
 }
+function WidgetRenderErrorFallback() {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "div",
+    {
+      role: "alert",
+      className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+      children: "Widget failed to render."
+    }
+  );
+}
 function normalizeFlatWidgetMessages(messages, surfaceId) {
   const generatedTemplateDataPaths = collectTemplateDataPaths(messages);
   const indexedRowsByPath = collectIndexedRowsByPath(
@@ -14006,9 +14092,6 @@ var defaultApiUrl2 = import_meta2.env.VITE_XPERTAI_API_URL;
 var COMPOSER_INPUT_MAX_HEIGHT = 128;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
 var GOAL_RUN_INPUT = "Continue working toward the active goal.";
-function hasRuntimeGoalCommand(runtimeCapabilities) {
-  return runtimeCapabilities?.commands?.some((command) => command.name === "goal") ?? false;
-}
 function isGoalAdapter(value) {
   return Boolean(value) && typeof value === "object" && typeof value.getGoal === "function" && typeof value.setGoal === "function" && typeof value.updateGoal === "function" && typeof value.clearGoal === "function";
 }
@@ -14441,7 +14524,6 @@ function Chat({
     () => getRuntimeCapabilityOptions(runtimeCapabilities),
     [runtimeCapabilities]
   );
-  const goalCommandAvailable = hasRuntimeGoalCommand(runtimeCapabilities);
   const goalAdapter = React48.useMemo(
     () => {
       if (isGoalAdapter(options?.goal)) {
@@ -14451,7 +14533,6 @@ function Chat({
     },
     [options?.goal, stream.client]
   );
-  const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
   const displayedGoalElapsedSeconds = threadGoal ? (threadGoal.elapsedSeconds ?? 0) + (goalElapsedStartedAt ? Math.max(0, Math.floor((streamingNow - goalElapsedStartedAt) / 1e3)) : 0) : 0;
   const effectiveSessionRuntimeCapabilities = React48.useMemo(
     () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
@@ -14460,6 +14541,12 @@ function Chat({
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
+  const goalCommandAvailable = hasSelectedRuntimeSlashCommand(
+    runtimeCapabilities,
+    effectiveSessionRuntimeCapabilities,
+    "goal"
+  );
+  const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
   const runRuntimeCapabilityOptions = React48.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(

package/dist/index.js

@@ -6933,6 +6933,59 @@ function usePetAutoState({
 // src/components/chat/useSlashCommands.ts
 import * as React25 from "react";
 
+// src/lib/slash-commands/availability.ts
+function getActionRuntimeCapabilities(action) {
+  return "runtimeCapabilities" in action && isRuntimeCapabilitiesSelection(action.runtimeCapabilities) ? action.runtimeCapabilities : null;
+}
+function getSelectableRequiredIds(requiredIds, selectableIds) {
+  const selectable = new Set(selectableIds);
+  return requiredIds.filter((id) => selectable.has(id));
+}
+function hasSelectedRequiredIds(requiredIds, selectedIds) {
+  if (!requiredIds.length) {
+    return true;
+  }
+  const selected = new Set(selectedIds ?? []);
+  return requiredIds.every((id) => selected.has(id));
+}
+function isSlashCommandRuntimeSelectionSatisfied(command, runtimeCapabilities, selectedRuntimeCapabilities) {
+  const required = getActionRuntimeCapabilities(command.action);
+  if (!required) {
+    return true;
+  }
+  const requiredSkillIds = getSelectableRequiredIds(
+    required.skills.ids,
+    runtimeCapabilities?.skills.map((skill) => skill.id) ?? []
+  );
+  const requiredPluginNodeKeys = getSelectableRequiredIds(
+    required.plugins.nodeKeys,
+    runtimeCapabilities?.plugins.map((plugin) => plugin.nodeKey) ?? []
+  );
+  const requiredSubAgentNodeKeys = getSelectableRequiredIds(
+    required.subAgents?.nodeKeys ?? [],
+    runtimeCapabilities?.subAgents?.map((subAgent) => subAgent.nodeKey) ?? []
+  );
+  return hasSelectedRequiredIds(
+    requiredSkillIds,
+    selectedRuntimeCapabilities?.skills.ids
+  ) && hasSelectedRequiredIds(
+    requiredPluginNodeKeys,
+    selectedRuntimeCapabilities?.plugins.nodeKeys
+  ) && hasSelectedRequiredIds(
+    requiredSubAgentNodeKeys,
+    selectedRuntimeCapabilities?.subAgents?.nodeKeys
+  );
+}
+function hasSelectedRuntimeSlashCommand(runtimeCapabilities, selectedRuntimeCapabilities, commandName) {
+  return runtimeCapabilities?.commands?.some(
+    (command) => command.name === commandName && isSlashCommandRuntimeSelectionSatisfied(
+      command,
+      runtimeCapabilities,
+      selectedRuntimeCapabilities
+    )
+  ) ?? false;
+}
+
 // src/lib/slash-commands/builtins.ts
 var BUILTIN_SLASH_COMMANDS = [
   {
@@ -7028,9 +7081,6 @@ function renderSlashCommandTemplate(template, args, options) {
   const rendered = template.replace(/\{\{\s*args\s*\}\}/g, args);
   return options?.trim === false ? rendered : rendered.trim();
 }
-function getActionRuntimeCapabilities(action) {
-  return "runtimeCapabilities" in action && isRuntimeCapabilitiesSelection(action.runtimeCapabilities) ? action.runtimeCapabilities : null;
-}
 function parseSlashCommandInvocation(value) {
   const match = /^\s*\/([a-z0-9][a-z0-9_-]{0,63})(?:\s+([\s\S]*))?$/.exec(
     value
@@ -7193,8 +7243,18 @@ function matchesQuery(values, query) {
   }
   return values.filter(Boolean).some((value) => value?.toLowerCase().includes(query));
 }
-function isCommandAvailable(command) {
-  return command.availability?.disabled !== true;
+function isCommandAvailable(command, runtimeCapabilities, selectedRuntimeCapabilities) {
+  if (command.availability?.disabled === true) {
+    return false;
+  }
+  if (command.action.type !== "client_action") {
+    return true;
+  }
+  return isSlashCommandRuntimeSelectionSatisfied(
+    command,
+    runtimeCapabilities,
+    selectedRuntimeCapabilities
+  );
 }
 function resolveCommandText(value, language, fallback) {
   return resolveLocalizedText(value, language ?? void 0) ?? fallback;
@@ -7275,7 +7335,9 @@ function createSlashPaletteOptions({
   });
   if (palette.atMessageStart && !capabilityTypesOnly) {
     const options = [];
-    for (const command of resolvedCommands.filter(isCommandAvailable)) {
+    for (const command of resolvedCommands.filter(
+      (item) => isCommandAvailable(item, runtimeCapabilities, selection)
+    )) {
       const capabilityType = CAPABILITY_GROUP_COMMANDS[command.name];
       if (!capabilityType) {
         if (matchesCommand(command, query, language)) {
@@ -11301,7 +11363,7 @@ function RequestUserInputResultCard({
 }
 
 // src/components/thread/messages/widget.tsx
-import { useEffect as useEffect17, useMemo as useMemo10 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo10, useState as useState18 } from "react";
 import {
   A2UIRenderer,
   SurfaceRenderer,
@@ -11344,19 +11406,43 @@ function FlatWidgetSurface({
   surfaceId
 }) {
   const { processMessages } = useA2UI();
+  const [renderError, setRenderError] = useState18(false);
   const normalizedMessages = useMemo10(
     () => normalizeFlatWidgetMessages(messages, surfaceId),
     [messages, surfaceId]
   );
   useEffect17(() => {
     if (normalizedMessages.length === 0) return;
-    processMessages(normalizedMessages);
+    setRenderError(false);
+    try {
+      processMessages(normalizedMessages);
+    } catch (error) {
+      console.warn("[chatkit-ui] Failed to render widget surface", {
+        surfaceId,
+        error
+      });
+      setRenderError(true);
+      return;
+    }
     return () => {
       processMessages([{ deleteSurface: { surfaceId } }]);
     };
   }, [normalizedMessages, processMessages, surfaceId]);
+  if (renderError) {
+    return /* @__PURE__ */ jsx40(WidgetRenderErrorFallback, {});
+  }
   return /* @__PURE__ */ jsx40(A2UIRenderer, { surfaceId });
 }
+function WidgetRenderErrorFallback() {
+  return /* @__PURE__ */ jsx40(
+    "div",
+    {
+      role: "alert",
+      className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+      children: "Widget failed to render."
+    }
+  );
+}
 function normalizeFlatWidgetMessages(messages, surfaceId) {
   const generatedTemplateDataPaths = collectTemplateDataPaths(messages);
   const indexedRowsByPath = collectIndexedRowsByPath(
@@ -14118,9 +14204,6 @@ var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 var COMPOSER_INPUT_MAX_HEIGHT = 128;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
 var GOAL_RUN_INPUT = "Continue working toward the active goal.";
-function hasRuntimeGoalCommand(runtimeCapabilities) {
-  return runtimeCapabilities?.commands?.some((command) => command.name === "goal") ?? false;
-}
 function isGoalAdapter(value) {
   return Boolean(value) && typeof value === "object" && typeof value.getGoal === "function" && typeof value.setGoal === "function" && typeof value.updateGoal === "function" && typeof value.clearGoal === "function";
 }
@@ -14553,7 +14636,6 @@ function Chat({
     () => getRuntimeCapabilityOptions(runtimeCapabilities),
     [runtimeCapabilities]
   );
-  const goalCommandAvailable = hasRuntimeGoalCommand(runtimeCapabilities);
   const goalAdapter = React48.useMemo(
     () => {
       if (isGoalAdapter(options?.goal)) {
@@ -14563,7 +14645,6 @@ function Chat({
     },
     [options?.goal, stream.client]
   );
-  const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
   const displayedGoalElapsedSeconds = threadGoal ? (threadGoal.elapsedSeconds ?? 0) + (goalElapsedStartedAt ? Math.max(0, Math.floor((streamingNow - goalElapsedStartedAt) / 1e3)) : 0) : 0;
   const effectiveSessionRuntimeCapabilities = React48.useMemo(
     () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
@@ -14572,6 +14653,12 @@ function Chat({
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
+  const goalCommandAvailable = hasSelectedRuntimeSlashCommand(
+    runtimeCapabilities,
+    effectiveSessionRuntimeCapabilities,
+    "goal"
+  );
+  const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
   const runRuntimeCapabilityOptions = React48.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "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.11",
-    "@xpert-ai/chatkit-web-shared": "~0.3.3"
+    "@xpert-ai/chatkit-web-shared": "~0.3.3",
+    "@xpert-ai/chatkit-types": "~0.3.12"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-BYM_b8-I.js

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

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

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-Da8afgYe.js";import{_ as i}from"./index-B25mng8X.js";import"./chunk-FMBD7UC4-COTyIgdO.js";import"./chunk-YZCP3GAM-B_xsfjgK.js";import"./chunk-55IACEB6-Rj5sJFuS.js";import"./chunk-EDXVE4YY-BZgPfOdH.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-CwWPzWA1.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-Da8afgYe.js";import{_ as i}from"./index-B25mng8X.js";import"./chunk-FMBD7UC4-COTyIgdO.js";import"./chunk-YZCP3GAM-B_xsfjgK.js";import"./chunk-55IACEB6-Rj5sJFuS.js";import"./chunk-EDXVE4YY-BZgPfOdH.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-B8RPLWzD.js

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

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

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-D1rMsd_2.js";import{_ as i}from"./index-B25mng8X.js";import"./chunk-55IACEB6-Rj5sJFuS.js";import"./chunk-EDXVE4YY-BZgPfOdH.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};