@alquimia-ai/tools 2.3.0 → 2.4.0

package/dist/hooks/index.mjs

@@ -642,6 +642,25 @@ var coreCatalog = {
 };
 
 // src/genui/actions.ts
+var DISMISS_ACTION = "userDismissedSurface";
+function buildDismissResult(surfaceId, userMessage) {
+  const said = typeof userMessage === "string" ? userMessage.trim() : "";
+  return {
+    action: DISMISS_ACTION,
+    surfaceId,
+    componentId: "",
+    data: {},
+    ...said ? { userMessage: said } : {}
+  };
+}
+function buildSurfaceResult(action) {
+  return {
+    action: action.action,
+    surfaceId: action.surfaceId,
+    componentId: action.componentId,
+    data: action.payload ?? {}
+  };
+}
 var URL_LIKE = /^\s*([a-z][a-z0-9+.-]*:|\/\/)/i;
 function assertSafeActionName(name) {
   if (typeof name !== "string" || name.length === 0) {
@@ -813,7 +832,9 @@ function buildGenuiClause(manifest, allowlist) {
     `Components: ${names.join(", ")}.`,
     `Style each component via the semantic vocabulary (never CSS, colors, or HTML): tone (${TONES.join("/")}), size (${SIZES.join("/")}), emphasis (low/medium/high), align (start/center/end), density (compact/comfortable), plus a component-specific variant where offered.`,
     "Data components MUST carry their data: Chart takes `data` (an array of row objects) + `series` (keys to plot) + `x` (the category key); Table takes `rows` (array of row objects) + `columns` ([{ key, header }] matching the row keys); List takes `items` (array); Stat takes `label`+`value`; KeyValue takes `data` (an object). Put the data inline on the component (or in dataModel referenced via `binding`).",
-    "To collect input, add a Button with an action { name, wantResponse: true }; its result (the data model) is returned to you. A surface with no such button is display-only.",
+    "To collect input, add a Button with an action { name, wantResponse: true }. You get back { action, surfaceId, componentId, data } \u2014 `data` is the collected data model and `componentId` is the id of the component that was acted on. A surface with no such button is display-only.",
+    "When you render several options to choose from (a grid of cards, each with its own button), give every option component a MEANINGFUL id (e.g. flight-NH107, hotel-memmo-alfama): `componentId` tells you which one the user picked, so never ask them to repeat a choice they already made.",
+    'The user may ignore an interactive surface and just type instead. You then receive action "userDismissedSurface" with their words in `userMessage` \u2014 treat it as their reply, answer it directly, and do not re-render the same surface or scold them for not using it.',
     "IMPORTANT: the rendered surface IS your reply \u2014 do NOT reproduce its content as text, markdown, or ASCII; a one-line intro at most.",
     "Prefer plain text for simple replies."
   ].join(" ");
@@ -1239,15 +1260,44 @@ function useAlquimia(config) {
         control_id: controlId,
         tool_name: "render_ui",
         status: "success",
-        result: { action: action.action, surfaceId: action.surfaceId, data: action.payload }
+        // Includes componentId, so the agent can tell which element was acted on when
+        // several share one action name (a grid of option cards, say).
+        result: buildSurfaceResult(action)
       });
     },
     [completeToolExecution]
   );
+  const genuiDismiss = useCallback2(
+    (userMessage) => {
+      if (!pendingClientTool || pendingClientTool.toolName !== "render_ui") return;
+      const { controlId } = pendingClientTool;
+      const said = typeof userMessage === "string" ? userMessage.trim() : "";
+      const item = genuiSurfaces.find((s) => s.controlId === controlId);
+      setGenuiSurfaces(
+        (prev) => prev.map(
+          (s) => s.controlId === controlId ? { ...s, submitted: true, dismissedWith: said || void 0 } : s
+        )
+      );
+      if (said) setInput("");
+      void completeToolExecution(controlId, {
+        control_id: controlId,
+        tool_name: "render_ui",
+        status: "success",
+        result: buildDismissResult(item?.surface.surfaceId ?? "", said)
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [pendingClientTool, genuiSurfaces, completeToolExecution]
+  );
   const genuiAwaitingUser = !!(pendingClientTool && pendingClientTool.toolName === "render_ui" && genuiSurfaces.some(
     (s) => s.controlId === pendingClientTool.controlId && s.surface.components.some((c) => c.action?.wantResponse === true)
   ));
-  const genui = config.genui ? { surfaces: genuiSurfaces, onAgentAction: genuiOnAgentAction, awaitingUser: genuiAwaitingUser } : void 0;
+  const genui = config.genui ? {
+    surfaces: genuiSurfaces,
+    onAgentAction: genuiOnAgentAction,
+    awaitingUser: genuiAwaitingUser,
+    dismiss: genuiDismiss
+  } : void 0;
   return {
     sdk,
     activeTool,