@softr/sdk 0.0.87-alpha.5 → 0.0.88-signing.0

package/dist/auth/platform.js

@@ -1,7 +1,7 @@
 import { assert, panic } from "../assertions.js";
+import { softrApiUrl } from "../softr-api.js";
 import { fetch } from "../fetch.js";
 import { permissionsSchema } from "./permissions.js";
-import { softrApiUrl } from "../softr-api.js";
 import { softrConfig } from "../softr-config.js";
 import { z } from "zod";
 

package/dist/core/file-upload.js

@@ -1,7 +1,7 @@
+import { softrApiUrl } from "../softr-api.js";
 import { fetch } from "../fetch.js";
 import { sessionConfig } from "../auth/config.js";
 import { readSessionToken } from "../auth/session.js";
-import { softrApiUrl } from "../softr-api.js";
 import { randomUUID } from "node:crypto";
 
 //#region src/core/file-upload.ts

package/dist/core/workflow.js

@@ -1,7 +1,7 @@
+import { softrApiUrl } from "../softr-api.js";
 import { fetch } from "../fetch.js";
 import { sessionConfig } from "../auth/config.js";
 import { readSessionToken } from "../auth/session.js";
-import { softrApiUrl } from "../softr-api.js";
 
 //#region src/core/workflow.ts
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

package/dist/datasource/record.js

@@ -1,8 +1,8 @@
 import { assert, panic } from "../assertions.js";
+import { softrApiUrl } from "../softr-api.js";
 import { fetch } from "../fetch.js";
 import { readUserTimezone } from "../cookies.js";
 import { readSessionToken } from "../auth/session.js";
-import { softrApiUrl } from "../softr-api.js";
 import { isDatasourceAction } from "../action.js";
 import { buildFilterCriteria, buildOrderBy, dealiasFilterCriteria, dealiasOrderBy } from "./filter.js";
 import { andAll, makeFieldSet, makeSortSet } from "./fields.js";

package/dist/default-error-overlay.d.ts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react6 from "react";
 
 //#region src/default-error-overlay.d.ts
 type Props = {
@@ -8,6 +8,6 @@ type Props = {
 declare function DefaultErrorOverlay({
   error,
   reset
-}: Props): react4.JSX.Element;
+}: Props): react6.JSX.Element;
 //#endregion
 export { DefaultErrorOverlay };

package/dist/fetch.js

@@ -1,9 +1,29 @@
+import { version } from "./package.js";
+import { assert, requireDefined } from "./assertions.js";
 import { logger } from "./logger.js";
+import { softrApiUrl } from "./softr-api.js";
 
 //#region src/fetch.ts
 const fetch = async (input, init) => {
-	if (process.env.NODE_ENV === "production") return globalThis.fetch(input, init);
 	const url = input instanceof Request ? input.url : String(input);
+	if ([
+		softrApiUrl("SOFTR_PLATFORM_API_URL"),
+		softrApiUrl("SOFTR_DATASOURCE_API_URL"),
+		softrApiUrl("SOFTR_WORKFLOWS_API_URL")
+	].some((base) => url.startsWith(`${base}/`))) {
+		const headers = new Headers(init?.headers ?? (input instanceof Request ? input.headers : void 0));
+		headers.set("user-agent", `softr-sdk/${version}`);
+		init = {
+			...init,
+			headers
+		};
+		const signed = await sign(input, init);
+		if (signed) {
+			input = signed;
+			init = void 0;
+		}
+	}
+	if (process.env.NODE_ENV === "production") return globalThis.fetch(input, init);
 	const method = init?.method ?? (input instanceof Request ? input.method : "GET");
 	const started = Date.now();
 	try {
@@ -16,6 +36,46 @@ const fetch = async (input, init) => {
 		throw error;
 	}
 };
+async function sign(input, init) {
+	const key = process.env.SOFTR_REQUEST_SIGNING_KEY;
+	const keyId = process.env.SOFTR_REQUEST_SIGNING_KEY_ID;
+	if (!key || !keyId) return void 0;
+	assert(/^[0-9a-f]{64}$/i.test(key), "SOFTR_REQUEST_SIGNING_KEY must be 64 hex characters");
+	assert(!/["\\]/.test(keyId), "SOFTR_REQUEST_SIGNING_KEY_ID must not contain quotes or backslashes");
+	const request = new Request(input, init);
+	const headers = new Headers(request.headers);
+	const { host, pathname, search } = new URL(request.url);
+	const derived = {
+		"@method": request.method,
+		"@authority": host,
+		"@path": pathname,
+		"@query": search || "?"
+	};
+	const fields = Object.keys(derived);
+	const body = request.body ? new Uint8Array(await request.arrayBuffer()) : void 0;
+	if (body) {
+		headers.set("content-digest", `sha-256=:${base64(await crypto.subtle.digest("SHA-256", body))}:`);
+		fields.push("content-type", "content-digest");
+	}
+	if (headers.has("authorization")) fields.push("authorization");
+	const created = Math.floor(Date.now() / 1e3);
+	const params = `(${fields.map((field) => `"${field}"`).join(" ")});created=${created};keyid="${keyId}";tag="softr-code-app"`;
+	const base = [...fields.map((field) => `"${field}": ${derived[field] ?? requireDefined(headers.get(field), field)}`), `"@signature-params": ${params}`].join("\n");
+	const hmacKey = await crypto.subtle.importKey("raw", Uint8Array.from(key.match(/../g) ?? [], (byte) => parseInt(byte, 16)), {
+		name: "HMAC",
+		hash: "SHA-256"
+	}, false, ["sign"]);
+	const signature = base64(await crypto.subtle.sign("HMAC", hmacKey, new TextEncoder().encode(base)));
+	headers.set("signature-input", `softr=${params}`);
+	headers.set("signature", `softr=:${signature}:`);
+	return new Request(request, {
+		headers,
+		body
+	});
+}
+function base64(bytes) {
+	return btoa(String.fromCharCode(...new Uint8Array(bytes)));
+}
 
 //#endregion
 export { fetch };

package/dist/index.d.ts

@@ -16,7 +16,5 @@ import { useOverrides } from "./core/use-overrides.js";
 import { useUserTimezone } from "./timezone.js";
 import { PwaInstall, PwaPlatform, SoftrPwaHead, usePwaInstall } from "./pwa.js";
 import { DefaultErrorOverlay } from "./default-error-overlay.js";
-import { Agent, AgentChatSummary, listAgents } from "./agent/agent-fns.js";
-import { AgentBlock, AgentChat, AgentChatOptions, AgentMessage, AgentQuestion, AgentTodo, AgentToolCall, useAgentChat } from "./agent/use-agent-chat.js";
 import { Audience } from "./route/audience.js";
-export { type ActionPermissions, type Agent, type AgentBlock, type AgentChat, type AgentChatOptions, type AgentChatSummary, type AgentMessage, type AgentQuestion, type AgentTodo, type AgentToolCall, Audience, type AuthOptions, type AuthSettings, AuthSettingsProvider, type DateOptions, type DateParts, type DateSeparator, type DateValue, DefaultErrorOverlay, type FieldShape, type FileAttachment, type FileItem, type FixedDateFormat, FormattedDate, type Formatting, FormattingScope, type Page, type PageSettings, type PwaInstall, type PwaPlatform, type SoftrContext, type SoftrDatasources, type SoftrFieldRegistry, SoftrPwaHead, type SoftrUserGroupId, type SoftrUserGroups, type SoftrUserProperties, type User, type WeekDay, assertRouteAccess, checkAccess, defineIntegration, defineMutation, definePage, defineQuery, defineVisibility, defineWorkflow, fieldShape, formatDate, formatDateTime, formatDuration, formatField, formatNumber, formatValue, getAuthSettings, getSoftrContext, guardRoute, initialSoftrContext, isAccessError, isAlreadyAuthenticatedError, isAuthorized, isForbiddenError, isUnauthenticatedError, listAgents, pageHead, registerSoftrFields, softrAuthMiddleware, softrMcpMiddleware, toReturnPath, useAgentChat, useAuthSettings, useCurrentUser, useFileUpload, useFormatting, useOverrides, usePwaInstall, useUserTimezone };
+export { type ActionPermissions, Audience, type AuthOptions, type AuthSettings, AuthSettingsProvider, type DateOptions, type DateParts, type DateSeparator, type DateValue, DefaultErrorOverlay, type FieldShape, type FileAttachment, type FileItem, type FixedDateFormat, FormattedDate, type Formatting, FormattingScope, type Page, type PageSettings, type PwaInstall, type PwaPlatform, type SoftrContext, type SoftrDatasources, type SoftrFieldRegistry, SoftrPwaHead, type SoftrUserGroupId, type SoftrUserGroups, type SoftrUserProperties, type User, type WeekDay, assertRouteAccess, checkAccess, defineIntegration, defineMutation, definePage, defineQuery, defineVisibility, defineWorkflow, fieldShape, formatDate, formatDateTime, formatDuration, formatField, formatNumber, formatValue, getAuthSettings, getSoftrContext, guardRoute, initialSoftrContext, isAccessError, isAlreadyAuthenticatedError, isAuthorized, isForbiddenError, isUnauthenticatedError, pageHead, registerSoftrFields, softrAuthMiddleware, softrMcpMiddleware, toReturnPath, useAuthSettings, useCurrentUser, useFileUpload, useFormatting, useOverrides, usePwaInstall, useUserTimezone };

package/dist/index.js

@@ -12,8 +12,6 @@ import { fieldShape, formatDuration, formatField, formatValue, registerSoftrFiel
 import { useOverrides } from "./core/use-overrides.js";
 import { useUserTimezone } from "./timezone.js";
 import { DefaultErrorOverlay } from "./default-error-overlay.js";
-import { listAgents } from "./agent/agent-fns.js";
-import { useAgentChat } from "./agent/use-agent-chat.js";
 import { Audience } from "./route/audience.js";
 
-export { Audience, AuthSettingsProvider, DefaultErrorOverlay, FormattedDate, FormattingScope, SoftrPwaHead, assertRouteAccess, checkAccess, defineIntegration, defineMutation, definePage, defineQuery, defineVisibility, defineWorkflow, fieldShape, formatDate, formatDateTime, formatDuration, formatField, formatNumber, formatValue, getAuthSettings, getSoftrContext, guardRoute, initialSoftrContext, isAccessError, isAlreadyAuthenticatedError, isAuthorized, isForbiddenError, isUnauthenticatedError, listAgents, pageHead, registerSoftrFields, softrAuthMiddleware, softrMcpMiddleware, toReturnPath, useAgentChat, useAuthSettings, useCurrentUser, useFileUpload, useFormatting, useOverrides, usePwaInstall, useUserTimezone };
+export { Audience, AuthSettingsProvider, DefaultErrorOverlay, FormattedDate, FormattingScope, SoftrPwaHead, assertRouteAccess, checkAccess, defineIntegration, defineMutation, definePage, defineQuery, defineVisibility, defineWorkflow, fieldShape, formatDate, formatDateTime, formatDuration, formatField, formatNumber, formatValue, getAuthSettings, getSoftrContext, guardRoute, initialSoftrContext, isAccessError, isAlreadyAuthenticatedError, isAuthorized, isForbiddenError, isUnauthenticatedError, pageHead, registerSoftrFields, softrAuthMiddleware, softrMcpMiddleware, toReturnPath, useAuthSettings, useCurrentUser, useFileUpload, useFormatting, useOverrides, usePwaInstall, useUserTimezone };

package/dist/locale-settings.js

@@ -1,8 +1,8 @@
 import { logger } from "./logger.js";
+import { softrApiUrl } from "./softr-api.js";
 import { fetch } from "./fetch.js";
 import { readRequestCookies, serializeCookie, writeCookies } from "./cookies.js";
 import { sessionConfig } from "./auth/config.js";
-import { softrApiUrl } from "./softr-api.js";
 import { localeSettingsSchema } from "./formatting.js";
 import { getRequestProtocol } from "@tanstack/react-start/server";
 

package/dist/mcp.js

@@ -1,8 +1,8 @@
 import { assert } from "./assertions.js";
+import { softrApiUrl } from "./softr-api.js";
 import { fetch } from "./fetch.js";
 import { sessionConfig } from "./auth/config.js";
 import { readSessionToken, withSessionToken } from "./auth/session.js";
-import { softrApiUrl } from "./softr-api.js";
 import { isDatasourceAction } from "./action.js";
 import { softrConfig } from "./softr-config.js";
 import { makePlatform } from "./auth/platform.js";
@@ -385,10 +385,8 @@ async function rpc(request, origin, actions) {
 	const token = bearerToken(request);
 	if (token === null) return unauthorized(origin);
 	const session = await platformSession(token);
-	let sessionToken;
-	if (session.ok) sessionToken = session.sessionToken;
-	else if (session.refused && await resolveUser(token) !== null) sessionToken = token;
-	else return session.refused ? unauthorized(origin) : unavailable();
+	if (!session.ok) return session.refused ? unauthorized(origin) : unavailable();
+	const { sessionToken } = session;
 	const body = await readJson(request);
 	const message = z.object({
 		id: z.union([z.string(), z.number()]).optional(),

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.0.87-alpha.5";
+var version = "0.0.88-signing.0";
 
 //#endregion
 export { version };

package/dist/pwa.d.ts

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react4 from "react";
 import "@tanstack/react-start";
 
 //#region src/pwa.d.ts
@@ -23,7 +23,7 @@ import "@tanstack/react-start";
  *   )
  * }
  */
-declare function SoftrPwaHead(): react5.FunctionComponentElement<react5.FragmentProps>;
+declare function SoftrPwaHead(): react4.FunctionComponentElement<react4.FragmentProps>;
 type PwaPlatform = "ios" | "android" | "desktop";
 type PwaInstall = {
   available: false;

package/dist/pwa.js

@@ -1,7 +1,7 @@
 import { logger } from "./logger.js";
+import { softrApiUrl } from "./softr-api.js";
 import { fetch } from "./fetch.js";
 import { sessionConfig } from "./auth/config.js";
-import { softrApiUrl } from "./softr-api.js";
 import { z } from "zod";
 import { Fragment, createElement, useEffect, useState } from "react";
 import { createMiddleware } from "@tanstack/react-start";
@@ -125,7 +125,7 @@ function usePwaInstall() {
 	useEffect(() => {
 		if (window.matchMedia("(display-mode: standalone)").matches || "standalone" in navigator && navigator.standalone === true) return;
 		let cancelled = false;
-		fetch(INSTALL_PATH, { headers: { accept: "application/json" } }).then(async (response) => {
+		globalThis.fetch(INSTALL_PATH, { headers: { accept: "application/json" } }).then(async (response) => {
 			if (!response.ok) return;
 			const parsed = installSchema.safeParse(await response.json());
 			if (!parsed.success || cancelled) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softr/sdk",
-  "version": "0.0.87-alpha.5",
+  "version": "0.0.88-signing.0",
   "type": "module",
   "exports": {
     ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },

package/skills/softr-sdk/SKILL.md

@@ -8,7 +8,7 @@ description: >-
 metadata:
   type: core
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 # Softr SDK core
@@ -48,7 +48,6 @@ Each sub-skill stands alone for its task and repeats the boundary above, so most
 | Sign a visitor in, out, or up | [auth/SKILL.md](./auth/SKILL.md) |
 | Call a connected third-party API (Slack, Stripe, Gmail, …) | [integrations/SKILL.md](./integrations/SKILL.md) |
 | Open the app to AI assistants over MCP | [mcp/SKILL.md](./mcp/SKILL.md) |
-| Let visitors chat with a Softr agent | [agent-chat/SKILL.md](./agent-chat/SKILL.md) |
 | Let visitors install the app on their home screen | [pwa/SKILL.md](./pwa/SKILL.md) |
 | Show a date, a time or a number | [formatting/SKILL.md](./formatting/SKILL.md) |
 
@@ -85,9 +84,6 @@ Calling a connected third-party API (Slack, Stripe, Gmail, Google Calendar, …)
 Opening the app to an AI assistant over MCP?
   load softr-sdk/mcp
 
-Adding a chat with one of the app's Softr agents?
-  load softr-sdk/agent-chat
-
 Adding an install button, or making the app installable?
   load softr-sdk/pwa
 

package/skills/softr-sdk/auth/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `auth` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build.

package/skills/softr-sdk/charts-and-metrics/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler or a server-side route hook — importing it into a component fails the build. `defineQuery` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/current-user/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 # The current user

package/skills/softr-sdk/file-uploads/SKILL.md

@@ -7,7 +7,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `upload` lives on `@softr/sdk/server` and runs inside server functions. `useFileUpload` and `FileItem` live on `@softr/sdk` and run in components. `FileAttachment` comes from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/formatting/SKILL.md

@@ -8,7 +8,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 # Dates, times and numbers

package/skills/softr-sdk/integrations/SKILL.md

@@ -7,7 +7,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `integration` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineIntegration` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/mcp/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `softrMcpMiddleware` lives on `@softr/sdk` and is registered once, in `src/start.ts`. The actions you hand it are the same `defineQuery` / `defineMutation` values the app's own pages use — declared wherever they already live, not duplicated for MCP.

package/skills/softr-sdk/pwa/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 # Installing the app

package/skills/softr-sdk/record-mutations/SKILL.md

@@ -8,7 +8,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineMutation` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/record-queries/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler or a server-side route hook — importing it into a component fails the build. The same holds for any helper that calls `ds`: declare it inside the handler. A function at module level that calls `ds` keeps the server-only import in the browser bundle, and every page stops loading until it moves. `defineQuery` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/region-visibility/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `Audience` and `defineVisibility` come from `@softr/sdk` and work anywhere.

package/skills/softr-sdk/routes-and-visibility/SKILL.md

@@ -8,7 +8,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `defineVisibility`, the access functions and the error predicates come from `@softr/sdk` and work anywhere.

package/skills/softr-sdk/workflows/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.87-alpha.5
+  library_version: 0.0.88-signing.0
 ---
 
 **Boundary.** `workflow` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineWorkflow` and every type come from `@softr/sdk` and can be imported anywhere.

package/dist/agent/agent-fns.d.ts

@@ -1,30 +0,0 @@
-import { z } from "zod";
-import * as _tanstack_react_start7 from "@tanstack/react-start";
-
-//#region src/agent/agent-fns.d.ts
-
-declare const agentSchema: z.ZodObject<{
-  id: z.ZodString;
-  title: z.ZodString;
-  avatar: z.ZodOptional<z.ZodNullable<z.ZodString>>;
-  thumbnail: z.ZodOptional<z.ZodNullable<z.ZodString>>;
-}, z.core.$strip>;
-/** An agent the visitor may chat with. */
-type Agent = z.infer<typeof agentSchema>;
-/**
- * The agents the visitor may chat with in this app. The builder attaches them
- * in Studio, and each one's visibility settings decide who sees it.
- */
-declare const listAgents: _tanstack_react_start7.OptionalFetcher<undefined, undefined, Promise<{
-  id: string;
-  title: string;
-  avatar?: string | null | undefined;
-  thumbnail?: string | null | undefined;
-}[]>>;
-/** One past chat with an agent. `title` is null until the agent names the chat. */
-type AgentChatSummary = {
-  id: string;
-  title: string | null;
-};
-//#endregion
-export { Agent, AgentChatSummary, listAgents };

package/dist/agent/agent-fns.js

@@ -1,172 +0,0 @@
-import { assert } from "../assertions.js";
-import { fetch } from "../fetch.js";
-import { sessionConfig } from "../auth/config.js";
-import { readSessionToken } from "../auth/session.js";
-import { softrApiUrl } from "../softr-api.js";
-import { describeFailure, refererHeader } from "../datasource/record.js";
-import { z } from "zod";
-import { createServerFn } from "@tanstack/react-start";
-import { getRequest } from "@tanstack/react-start/server";
-
-//#region src/agent/agent-fns.ts
-const AGENTS_PRODUCTION = "https://agents-api.softr.io";
-const PLATFORM_HOST = /^(platform-api|platform-preview-api|preview-api)(?=[.-])/;
-/**
-* Where the agents service is. It sits next to the platform API, so unless
-* `SOFTR_AGENTS_API_URL` says otherwise, it's the platform's host with
-* `agents-api` in place of the platform's name. Live and preview share one
-* agents service.
-*/
-function agentsApiUrl() {
-	const explicit = process.env.SOFTR_AGENTS_API_URL;
-	if (explicit) return explicit.replace(/\/+$/, "");
-	if (!process.env.SOFTR_PLATFORM_API_URL) return AGENTS_PRODUCTION;
-	const platform = new URL(softrApiUrl("SOFTR_PLATFORM_API_URL"));
-	assert(PLATFORM_HOST.test(platform.hostname), () => `can't tell the agents API from ${platform.origin}, set SOFTR_AGENTS_API_URL`);
-	platform.hostname = platform.hostname.replace(PLATFORM_HOST, "agents-api");
-	return platform.origin;
-}
-function agentsFetch(path, init = {}) {
-	const token = readSessionToken();
-	return fetch(`${agentsApiUrl()}/v1/agents/${path}`, {
-		method: init.method ?? "GET",
-		signal: init.signal,
-		headers: {
-			"Content-Type": "application/json",
-			...token ? { Authorization: `Bearer ${token}` } : {},
-			"Softr-Application-ID": sessionConfig().applicationId,
-			...refererHeader(),
-			...init.headers
-		},
-		body: init.body === void 0 ? void 0 : JSON.stringify(init.body)
-	});
-}
-const chatSchema = z.object({
-	agentId: z.string().min(1),
-	message: z.string(),
-	sessionId: z.string().nullable(),
-	timezone: z.string(),
-	pageName: z.string(),
-	pageUrl: z.string(),
-	record: z.object({
-		id: z.string(),
-		fields: z.record(z.string(), z.unknown())
-	}).nullable()
-});
-/**
-* Sends one message and streams the reply back as it comes, one JSON event per line.
-*
-* Takes FormData so the browser can call it with plain `fetch` and read the
-* stream itself. A failed call passes the agents service's status and message on.
-*/
-const agentChatFn = createServerFn({ method: "POST" }).validator((data) => {
-	const payload = data.get("payload");
-	assert(typeof payload === "string", "agent chat: payload is required");
-	return chatSchema.parse(JSON.parse(payload));
-}).handler(async ({ data }) => {
-	const upstream = await agentsFetch(`${encodeURIComponent(data.agentId)}/chat`, {
-		method: "POST",
-		signal: getRequest().signal,
-		headers: {
-			Accept: "application/x-ndjson",
-			"X-User-Timezone": data.timezone
-		},
-		body: {
-			message: data.message,
-			...data.sessionId ? { sessionId: data.sessionId } : {},
-			context: {
-				pageName: data.pageName,
-				pageUrl: data.pageUrl,
-				...data.record ? { currentRecord: { data: data.record } } : {}
-			}
-		}
-	});
-	return new Response(upstream.body, {
-		status: upstream.status,
-		headers: { "Content-Type": upstream.headers.get("Content-Type") ?? "application/x-ndjson" }
-	});
-});
-const agentSchema = z.object({
-	id: z.string(),
-	title: z.string(),
-	avatar: z.string().nullish(),
-	thumbnail: z.string().nullish()
-});
-/**
-* The agents the visitor may chat with in this app. The builder attaches them
-* in Studio, and each one's visibility settings decide who sees it.
-*/
-const listAgents = createServerFn({ method: "GET" }).handler(async () => {
-	const token = readSessionToken();
-	const res = await fetch(`${softrApiUrl("SOFTR_PLATFORM_API_URL")}/v1/vibe/applications/${sessionConfig().applicationId}/agents`, { headers: token ? { Authorization: `Bearer ${token}` } : {} });
-	if (!res.ok) throw new Error(`Loading agents failed: ${await describeFailure(res)}`);
-	return z.array(agentSchema).parse(await res.json());
-});
-const listAgentChatsFn = createServerFn({ method: "POST" }).validator(z.object({ agentId: z.string().min(1) })).handler(async ({ data }) => {
-	const res = await agentsFetch(`${encodeURIComponent(data.agentId)}/sessions`);
-	if (!res.ok) throw new Error(`Loading chats failed: ${await describeFailure(res)}`);
-	return z.array(z.object({
-		id: z.string(),
-		title: z.string().nullable()
-	})).parse(await res.json());
-});
-const historySchema = z.object({
-	messages: z.array(z.object({
-		id: z.string(),
-		role: z.enum(["USER", "ASSISTANT"]),
-		content: z.string(),
-		createdAt: z.number()
-	})),
-	toolCalls: z.array(z.object({
-		id: z.string(),
-		messageId: z.string(),
-		toolName: z.string(),
-		input: z.string(),
-		createdAt: z.number(),
-		metadata: z.object({
-			innerThought: z.string().nullish(),
-			durationMs: z.number().nullish(),
-			failed: z.boolean().nullish()
-		})
-	}))
-});
-const CHAT_GONE = [
-	401,
-	403,
-	404,
-	410
-];
-/** What a past chat holds, or `null` when it's gone or belongs to someone else. */
-const loadAgentChatFn = createServerFn({ method: "POST" }).validator(z.object({
-	agentId: z.string().min(1),
-	sessionId: z.string().min(1)
-})).handler(async ({ data }) => {
-	const res = await agentsFetch(`${encodeURIComponent(data.agentId)}/sessions/${encodeURIComponent(data.sessionId)}`);
-	if (CHAT_GONE.includes(res.status)) return null;
-	if (!res.ok) throw new Error(`Loading the chat failed: ${await describeFailure(res)}`);
-	return historySchema.parse(await res.json());
-});
-/** Saves the visitor's answer. `false` when the chat is gone, see `loadAgentChatFn`. */
-const decideAgentToolFn = createServerFn({ method: "POST" }).validator(z.object({
-	agentId: z.string().min(1),
-	sessionId: z.string().min(1),
-	toolCallId: z.string().min(1),
-	toolName: z.string().min(1),
-	decision: z.enum(["APPROVE", "REJECT"]),
-	scope: z.enum([
-		"ONCE",
-		"SESSION",
-		"USER"
-	])
-})).handler(async ({ data: { agentId,...decision } }) => {
-	const res = await agentsFetch(`${encodeURIComponent(agentId)}/tool-permission-decisions`, {
-		method: "POST",
-		body: decision
-	});
-	if (CHAT_GONE.includes(res.status)) return false;
-	if (!res.ok) throw new Error(`Saving the answer failed: ${await describeFailure(res)}`);
-	return true;
-});
-
-//#endregion
-export { agentChatFn, decideAgentToolFn, listAgentChatsFn, listAgents, loadAgentChatFn };

package/dist/agent/use-agent-chat.d.ts

@@ -1,100 +0,0 @@
-import { AgentChatSummary } from "./agent-fns.js";
-
-//#region src/agent/use-agent-chat.d.ts
-/** A step of the agent's work: a tool it calls, and where that call stands. */
-type AgentToolCall = {
-  type: "tool";
-  id: string;
-  name: string;
-  /** The tool's input as the agent sent it, usually JSON. */
-  input?: string;
-  /**
-   * `awaiting-approval` waits for `approve` or `reject`. `awaiting-connection`
-   * needs the visitor to connect `integration` first, which code apps can't do yet.
-   */
-  status: "running" | "done" | "failed" | "awaiting-approval" | "approved" | "rejected" | "awaiting-connection";
-  error?: string;
-  integration?: string;
-  /** Why the agent calls it, in its own words. */
-  thought?: string;
-  /** How long a finished call took. */
-  durationMs?: number;
-};
-type AgentTodo = {
-  content: string;
-  status: "pending" | "in_progress" | "completed";
-};
-type AgentQuestion = {
-  question: string;
-  header: string;
-  options: Array<{
-    label: string;
-    description: string;
-  }>;
-  multiSelect: boolean;
-};
-/** One piece of a message, in the order the agent produced it. */
-type AgentBlock = {
-  type: "text";
-  text: string;
-} | AgentToolCall
-/** The agent's plan. It replaces itself as the agent works through it. */ | {
-  type: "todo";
-  todos: AgentTodo[];
-}
-/** The agent asks the visitor to pick. They answer by sending a message. */ | {
-  type: "question";
-  questions: AgentQuestion[];
-} | {
-  type: "error";
-  message: string;
-};
-type AgentMessage = {
-  id: string;
-  role: "user" | "assistant";
-  blocks: AgentBlock[];
-};
-type AgentChat = {
-  /** The whole chat, oldest first. While the agent replies, its reply is the last one and grows. */
-  messages: AgentMessage[];
-  /** `thinking` until the first part of the reply arrives, `replying` until it ends. */
-  status: "idle" | "thinking" | "replying";
-  /** True while a past chat loads, including the one reopened on mount. */
-  loading: boolean;
-  /** Why the last request failed. Cleared by the next one. */
-  error: Error | null;
-  /** The chat the next message goes to, `null` for a new one. */
-  chatId: string | null;
-  send: (text: string) => void;
-  /** Stops the reply. What arrived so far stays. */
-  stop: () => void;
-  newChat: () => void;
-  /** Opens a past chat from `listChats`. */
-  openChat: (chatId: string) => void;
-  /** The visitor's past chats with this agent. */
-  listChats: () => Promise<AgentChatSummary[]>;
-  /** Lets a tool waiting for approval run, once, for this chat, or always for this visitor. */
-  approve: (toolCallId: string, scope?: "ONCE" | "SESSION" | "USER") => void;
-  reject: (toolCallId: string) => void;
-};
-type AgentChatOptions = {
-  /**
-   * The record the visitor is looking at, so they can say "this one". Sent
-   * with each message. Keys are what the agent reads, so use field names.
-   */
-  record?: {
-    id: string;
-    fields: Record<string, unknown>;
-  } | null;
-};
-/**
- * A chat with one of the app's Softr agents, as the signed-in visitor. No UI:
- * render `messages` with the app's own components.
- *
- * @example
- * const chat = useAgentChat(AGENT_ID, { record: ticket && { id: ticket.id, fields: ticket.fields } })
- * <form onSubmit={(e) => { e.preventDefault(); chat.send(draft) }}>
- */
-declare function useAgentChat(agentId: string, options?: AgentChatOptions): AgentChat;
-//#endregion
-export { AgentBlock, AgentChat, AgentChatOptions, AgentMessage, AgentQuestion, AgentTodo, AgentToolCall, useAgentChat };

package/dist/agent/use-agent-chat.js

@@ -1,419 +0,0 @@
-import { assert } from "../assertions.js";
-import { useCurrentUser } from "../auth/isomorphic.js";
-import { agentChatFn, decideAgentToolFn, listAgentChatsFn, loadAgentChatFn } from "./agent-fns.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-
-//#region src/agent/use-agent-chat.ts
-/**
-* A chat with one of the app's Softr agents, as the signed-in visitor. No UI:
-* render `messages` with the app's own components.
-*
-* @example
-* const chat = useAgentChat(AGENT_ID, { record: ticket && { id: ticket.id, fields: ticket.fields } })
-* <form onSubmit={(e) => { e.preventDefault(); chat.send(draft) }}>
-*/
-function useAgentChat(agentId, options = {}) {
-	const [messages, setMessages] = useState([]);
-	const [live, setLive] = useState(null);
-	const [status, setStatus] = useState("idle");
-	const [loading, setLoading] = useState(false);
-	const [error, setError] = useState(null);
-	const [chatId, setChatId] = useState(null);
-	const storeKey = chatKey(agentId, useCurrentUser()?.id ?? null);
-	const chatIdRef = useRef(chatId);
-	chatIdRef.current = chatId;
-	const recordRef = useRef(options.record ?? null);
-	recordRef.current = options.record ?? null;
-	const liveRef = useRef(live);
-	liveRef.current = live;
-	const abortRef = useRef(null);
-	useEffect(() => () => abortRef.current?.abort(), []);
-	const commitLive = useCallback((blocks) => {
-		setLive(null);
-		if (!blocks?.some((b) => b.type !== "text" || b.text.trim())) return;
-		setMessages((prev) => [...prev, {
-			id: crypto.randomUUID(),
-			role: "assistant",
-			blocks: endRunningTools(blocks)
-		}]);
-	}, []);
-	const stream = useCallback(async (message) => {
-		abortRef.current?.abort();
-		const controller = new AbortController();
-		abortRef.current = controller;
-		setError(null);
-		setStatus("thinking");
-		let blocks = [];
-		try {
-			const request = {
-				agentId,
-				message,
-				sessionId: chatIdRef.current,
-				timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-				pageName: document.title,
-				pageUrl: location.href,
-				record: recordRef.current
-			};
-			const form = new FormData();
-			form.append("payload", JSON.stringify(request));
-			const res = await fetch(agentChatFn.url, {
-				method: "POST",
-				body: form,
-				signal: controller.signal
-			});
-			if (!res.ok) throw new Error(await failureMessage(res));
-			assert(res.body, "agent chat: the reply has no body");
-			const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
-			let buffer = "";
-			const onLine = (line) => {
-				const event = parseEvent(line);
-				if (event === null) return;
-				if (event.sessionId && event.sessionId !== chatIdRef.current) {
-					chatIdRef.current = event.sessionId;
-					setChatId(event.sessionId);
-					saveChatId(storeKey, event.sessionId);
-				}
-				blocks = reduceEvent(blocks, event);
-				setLive(blocks);
-				setStatus("replying");
-			};
-			for (;;) {
-				const { done, value } = await reader.read();
-				if (done) break;
-				buffer += value;
-				const lines = buffer.split("\n");
-				buffer = lines.pop() ?? "";
-				lines.forEach(onLine);
-			}
-			onLine(buffer);
-		} catch (err) {
-			if (controller.signal.aborted) return;
-			setError(err instanceof Error ? err : new Error(String(err)));
-		}
-		if (abortRef.current !== controller) return;
-		abortRef.current = null;
-		commitLive(blocks);
-		setStatus("idle");
-	}, [
-		agentId,
-		storeKey,
-		commitLive
-	]);
-	const send = useCallback((text) => {
-		const trimmed = text.trim();
-		if (!trimmed) return;
-		abortRef.current?.abort();
-		commitLive(liveRef.current);
-		setMessages((prev) => [...prev, {
-			id: crypto.randomUUID(),
-			role: "user",
-			blocks: [{
-				type: "text",
-				text: trimmed
-			}]
-		}]);
-		stream(trimmed);
-	}, [stream, commitLive]);
-	const stop = useCallback(() => {
-		if (abortRef.current === null) return;
-		abortRef.current.abort();
-		abortRef.current = null;
-		commitLive(liveRef.current);
-		setStatus("idle");
-	}, [commitLive]);
-	const reset = useCallback((id) => {
-		abortRef.current?.abort();
-		abortRef.current = null;
-		chatIdRef.current = id;
-		setChatId(id);
-		saveChatId(storeKey, id);
-		setMessages([]);
-		setLive(null);
-		setStatus("idle");
-		setLoading(false);
-		setError(null);
-	}, [storeKey]);
-	const newChat = useCallback(() => reset(null), [reset]);
-	const load = useCallback((id, restoring) => {
-		reset(id);
-		setLoading(true);
-		loadAgentChatFn({ data: {
-			agentId,
-			sessionId: id
-		} }).then((history) => {
-			if (chatIdRef.current !== id) return;
-			if (history === null) {
-				reset(null);
-				if (!restoring) setError(new Error(CHAT_GONE_MESSAGE));
-				return;
-			}
-			setLoading(false);
-			setMessages(fromHistory(history));
-		}).catch((err) => {
-			if (chatIdRef.current !== id) return;
-			setLoading(false);
-			setError(err instanceof Error ? err : new Error(String(err)));
-		});
-	}, [agentId, reset]);
-	const openChat = useCallback((id) => load(id, false), [load]);
-	useEffect(() => {
-		const saved = savedChatId(storeKey);
-		if (saved) load(saved, true);
-		else newChat();
-	}, [
-		storeKey,
-		load,
-		newChat
-	]);
-	const listChats = useCallback(() => listAgentChatsFn({ data: { agentId } }), [agentId]);
-	const setToolStatus = useCallback((toolCallId, next) => {
-		const update = (blocks) => blocks.map((b) => b.type === "tool" && b.id === toolCallId ? {
-			...b,
-			status: next
-		} : b);
-		setLive((prev) => prev && update(prev));
-		setMessages((prev) => prev.map((m) => ({
-			...m,
-			blocks: update(m.blocks)
-		})));
-	}, []);
-	const decide = useCallback((toolCallId, decision, scope) => {
-		const sessionId = chatIdRef.current;
-		const tool = [...messages.flatMap((m) => m.blocks), ...liveRef.current ?? []].find((b) => b.type === "tool" && b.id === toolCallId);
-		if (sessionId === null || tool?.status !== "awaiting-approval") return;
-		setToolStatus(toolCallId, decision === "APPROVE" ? "approved" : "rejected");
-		decideAgentToolFn({ data: {
-			agentId,
-			sessionId,
-			toolCallId,
-			toolName: tool.name,
-			decision,
-			scope
-		} }).then((saved) => {
-			if (!saved) {
-				reset(null);
-				setError(new Error(CHAT_GONE_MESSAGE));
-				return;
-			}
-			if (decision !== "APPROVE") return;
-			abortRef.current?.abort();
-			commitLive(liveRef.current);
-			stream("");
-		}).catch((err) => {
-			setToolStatus(toolCallId, "awaiting-approval");
-			setError(err instanceof Error ? err : new Error(String(err)));
-		});
-	}, [
-		agentId,
-		messages,
-		setToolStatus,
-		commitLive,
-		stream,
-		reset
-	]);
-	const approve = useCallback((toolCallId, scope = "ONCE") => decide(toolCallId, "APPROVE", scope), [decide]);
-	const reject = useCallback((toolCallId) => decide(toolCallId, "REJECT", "ONCE"), [decide]);
-	return {
-		messages: live === null ? messages : [...messages, {
-			id: "live",
-			role: "assistant",
-			blocks: live
-		}],
-		status,
-		loading,
-		error,
-		chatId,
-		send,
-		stop,
-		newChat,
-		openChat,
-		listChats,
-		approve,
-		reject
-	};
-}
-const TODO_TOOL = "TodoWrite";
-/** Its question shows as a question block, so the call itself is noise. */
-const QUESTION_TOOL = "AskUserQuestion";
-function parseEvent(line) {
-	if (!line.trim()) return null;
-	try {
-		return JSON.parse(line);
-	} catch {
-		return null;
-	}
-}
-function reduceEvent(blocks, event) {
-	switch (event.type) {
-		case "TEXT": {
-			const last = blocks.at(-1);
-			return last?.type === "text" ? [...blocks.slice(0, -1), {
-				type: "text",
-				text: last.text + event.response
-			}] : [...blocks, {
-				type: "text",
-				text: event.response
-			}];
-		}
-		case "TOOL_CALL_START":
-			if (event.toolName === TODO_TOOL) {
-				const todos = parseTodos(event.input);
-				if (todos) return upsertTodos(blocks, todos);
-			}
-			if (event.toolName === QUESTION_TOOL) return blocks;
-			if (blocks.some((b) => b.type === "tool" && b.id === event.toolCallId)) return updateTool(blocks, event.toolCallId, (b) => b.status === "running" ? {
-				...b,
-				input: event.input ?? b.input,
-				thought: event.innerThought ?? b.thought
-			} : b);
-			return [...blocks, {
-				type: "tool",
-				id: event.toolCallId,
-				name: event.toolName,
-				input: event.input,
-				thought: event.innerThought,
-				integration: event.integrationType,
-				status: "running"
-			}];
-		case "TOOL_CALL_END": return updateTool(blocks, event.toolCallId, (b) => b.status === "running" || b.status === "approved" ? {
-			...b,
-			status: event.failed ? "failed" : "done",
-			error: event.errorMessage,
-			durationMs: event.durationMs
-		} : b);
-		case "TOOL_PERMISSION_REQUEST":
-		case "INTEGRATION_AUTH_REQUEST": {
-			const status = event.type === "TOOL_PERMISSION_REQUEST" ? "awaiting-approval" : "awaiting-connection";
-			const integration = event.type === "INTEGRATION_AUTH_REQUEST" ? event.integrationType : void 0;
-			if (blocks.some((b) => b.type === "tool" && b.id === event.toolCallId)) return updateTool(blocks, event.toolCallId, (b) => ({
-				...b,
-				status,
-				integration: integration ?? b.integration,
-				input: ("input" in event ? event.input : void 0) ?? b.input
-			}));
-			return [...blocks, {
-				type: "tool",
-				id: event.toolCallId,
-				name: event.toolName,
-				input: "input" in event ? event.input : void 0,
-				integration,
-				status
-			}];
-		}
-		case "QUESTION": return [...blocks, {
-			type: "question",
-			questions: event.questions
-		}];
-		case "ERROR": return [...blocks, {
-			type: "error",
-			message: event.message
-		}];
-		default: return blocks;
-	}
-}
-function updateTool(blocks, id, update) {
-	return blocks.map((b) => b.type === "tool" && b.id === id ? update(b) : b);
-}
-/** A reply that ended without finishing a tool call, stopped or cut off, never will. */
-function endRunningTools(blocks) {
-	return blocks.map((b) => b.type === "tool" && b.status === "running" ? {
-		...b,
-		status: "failed",
-		error: "The agent stopped before this step finished."
-	} : b);
-}
-/** Each plan update re-sends the whole list, so only the latest one is kept, where the first one was. */
-function upsertTodos(blocks, todos) {
-	const index = blocks.findIndex((b) => b.type === "todo");
-	if (index === -1) return [...blocks, {
-		type: "todo",
-		todos
-	}];
-	return blocks.map((b, i) => i === index ? {
-		type: "todo",
-		todos
-	} : b);
-}
-function parseTodos(input) {
-	if (!input) return null;
-	try {
-		const parsed = JSON.parse(input);
-		if (typeof parsed !== "object" || parsed === null || !("todos" in parsed)) return null;
-		const outer = parsed.todos;
-		const raw = typeof outer === "object" && outer !== null && "todos" in outer ? outer.todos : outer;
-		if (!Array.isArray(raw)) return null;
-		const todos = raw.flatMap((item) => {
-			if (typeof item !== "object" || item === null) return [];
-			const { content, status } = item;
-			if (typeof content !== "string" || !content.trim()) return [];
-			if (status !== "pending" && status !== "in_progress" && status !== "completed") return [];
-			return [{
-				content,
-				status
-			}];
-		});
-		return todos.length > 0 ? todos : null;
-	} catch {
-		return null;
-	}
-}
-function fromHistory(history) {
-	const toolsByMessage = Map.groupBy(history.toolCalls, (call) => call.messageId);
-	return history.messages.filter((m) => m.role !== "USER" || m.content.trim()).map((m) => {
-		if (m.role === "USER") return {
-			id: m.id,
-			role: "user",
-			blocks: [{
-				type: "text",
-				text: m.content
-			}]
-		};
-		let blocks = [];
-		const calls = (toolsByMessage.get(m.id) ?? []).toSorted((a, b) => a.createdAt - b.createdAt);
-		for (const call of calls) {
-			const todos = call.toolName === TODO_TOOL ? parseTodos(call.input) : null;
-			if (todos) blocks = upsertTodos(blocks, todos);
-			else if (call.toolName !== QUESTION_TOOL) blocks.push({
-				type: "tool",
-				id: call.id,
-				name: call.toolName,
-				input: call.input,
-				thought: call.metadata.innerThought ?? void 0,
-				durationMs: call.metadata.durationMs ?? void 0,
-				status: call.metadata.failed ? "failed" : "done"
-			});
-		}
-		if (m.content) blocks.push({
-			type: "text",
-			text: m.content
-		});
-		return {
-			id: m.id,
-			role: "assistant",
-			blocks
-		};
-	});
-}
-const CHAT_GONE_MESSAGE = "This chat is no longer available. Start a new one.";
-const chatKey = (agentId, userId) => `softr-agent-chat:${agentId}:${userId ?? "visitor"}`;
-function savedChatId(key) {
-	try {
-		return localStorage.getItem(key);
-	} catch {
-		return null;
-	}
-}
-function saveChatId(key, chatId) {
-	try {
-		if (chatId) localStorage.setItem(key, chatId);
-		else localStorage.removeItem(key);
-	} catch {}
-}
-async function failureMessage(res) {
-	const body = await res.json().catch(() => null);
-	if (typeof body === "object" && body !== null && "message" in body && typeof body.message === "string") return body.message;
-	return `The agent could not answer (${res.status}).`;
-}
-
-//#endregion
-export { useAgentChat };

package/skills/softr-sdk/agent-chat/SKILL.md

@@ -1,122 +0,0 @@
----
-name: agent-chat
-description: >-
-  Let visitors chat with one of the app's Softr agents: listAgents() from
-  @softr/sdk gives the agents the visitor may use, and useAgentChat(agentId, {
-  record }) returns the messages, the reply as it streams, and
-  send, stop, approve and reject, with no UI. Build the chat from the app's own
-  components. The agent acts on the app's data through the app's MCP, so
-  softrMcpMiddleware must list the actions it may use.
-metadata:
-  type: sub-skill
-  library: softr-sdk
-  library_version: 0.0.87-alpha.5
----
-
-**Boundary.** `listAgents` and `useAgentChat` live on `@softr/sdk`. `listAgents` runs in a route loader, `useAgentChat` in a component. Neither needs a route, server function or registration of its own. It chats as the signed-in visitor, or anonymously when no one is signed in.
-
-# Agent chat
-
-A Softr agent is set up in Studio's Agents tab and attached to the app there. The app gives it a chat. There is no ready-made chat widget: the hook gives the state, and the app draws it with its own components.
-
-## Setup
-
-```ts
-import { listAgents, useAgentChat } from '@softr/sdk'
-```
-
-`listAgents()` resolves to the agents this visitor may chat with, `{ id, title, avatar, thumbnail }[]`. Call it in the route's `loader`. An agent hidden from this visitor isn't in the list, so show no chat when it's empty. When there are several, let the visitor pick one, or pick the one the builder named by its `title`. Take the id from the list, never write one by hand.
-
-## Core pattern
-
-```tsx
-// agentId comes from listAgents() in the route's loader.
-function AgentPanel({ agentId, ticket }: { agentId: string; ticket: Ticket | null }) {
-  const chat = useAgentChat(agentId, {
-    record: ticket && { id: ticket.id, fields: { Title: ticket.title, Status: ticket.status } },
-  })
-  const [draft, setDraft] = useState('')
-
-  return (
-    <>
-      {chat.messages.map((message) => (
-        <Message key={message.id} message={message} onApprove={chat.approve} onReject={chat.reject} />
-      ))}
-      {chat.error && <p role="alert">{chat.error.message}</p>}
-      <form onSubmit={(e) => { e.preventDefault(); chat.send(draft); setDraft('') }}>
-        <Textarea value={draft} onChange={(e) => setDraft(e.target.value)} />
-        {chat.status === 'idle'
-          ? <Button type="submit">Send</Button>
-          : <Button type="button" onClick={chat.stop}>Stop</Button>}
-      </form>
-    </>
-  )
-}
-```
-
-## What the hook returns
-
-- `messages`: the whole chat, oldest first. While the agent answers, its reply is the last message and grows as it streams.
-- `status`: `thinking` until the first part of the reply arrives, `replying` until it ends, then `idle`. Show a typing hint while it's `thinking`.
-- `loading`: `true` while a past chat loads. Show a spinner, not the empty-chat greeting.
-- `error`: why the last request failed, or `null`.
-- `send(text)`, `stop()`, `newChat()`.
-- `listChats()` resolves to the visitor's past chats, `{ id, title }[]`, with `title` `null` until the agent names the chat. `openChat(id)` loads one. `chatId` is the open one, `null` for a new chat. The open chat is kept in the browser for each visitor, so the hook reopens it after a remount or a reload.
-- `approve(toolCallId, scope?)` and `reject(toolCallId)` answer a tool waiting for approval. `scope` is `ONCE` (default), `SESSION` for the rest of this chat, or `USER` for always.
-
-## Rendering a message
-
-Each message has `role` (`user` or `assistant`) and `blocks`, in the order the agent produced them. Render every block type:
-
-| Block | Show it as |
-| --- | --- |
-| `text` | Markdown text |
-| `tool` | One line: the tool `name` and its `status`. Collapse finished ones. Expanded, show `thought`, `input`, `error` and `durationMs`. |
-| `todo` | A checklist of the agent's plan. It updates in place. |
-| `question` | The questions with their options. A click on an option sends its label with `send`. |
-| `error` | An error line inside the reply |
-
-A `tool` with status `awaiting-approval` blocks the agent until the visitor answers. Show Approve and Reject buttons on it. The agent continues on its own after an approval.
-
-A `tool` with status `awaiting-connection` needs the visitor to connect the `integration` first. Code apps can't do that yet. Say which integration the agent needs, and that the builder has to connect it for this agent in Studio.
-
-## The chat panel
-
-Classic Softr apps ship a chat panel. Visitors expect the same from yours:
-
-- A round button in a corner opens it. A right-side panel on desktop, full screen on mobile.
-- The header shows the agent's avatar and name, a picker when there are several agents, new chat, past chats and close.
-- An empty chat greets the visitor with the agent's avatar.
-- The list scrolls to the newest message as the reply streams, until the visitor scrolls up. Then a button takes them back down.
-- Text renders as Markdown, tables included.
-- The input says "Ask {agent title}…". Enter sends. Shift+Enter adds a line.
-- A line under the input: "AI can make mistakes. Please double-check responses."
-- A question with one choice sends on click. One with `multiSelect` or several questions sends once all are answered. An answered question stays locked.
-- Approve offers the three scopes: once, for this chat, always for this agent.
-
-## Context
-
-`record` is the one record the visitor is looking at, so they can say "close this one". Pass it where a page shows one record, and `null` elsewhere. Use readable field names as keys. The agent reads them as they are.
-
-The page title and URL go along on their own. Nothing else about the page does, so don't try to send whole lists.
-
-## Letting the agent act on the app
-
-The agent reads and changes data through the app's own MCP, as the visitor who is chatting. Their groups and each action's `permissions` apply. The actions it may use are the ones listed in `softrMcpMiddleware`. With no MCP wired, the agent can only talk. Load [mcp/SKILL.md](../mcp/SKILL.md) to wire it.
-
-## Failure modes
-
-**Building a chat without the hook.** Calling the agents service from the browser fails: only the app's server can sign the request in as the visitor. Use `useAgentChat`.
-
-**Rendering only `text` blocks.** A tool waiting for approval never shows, and the agent waits forever. Render every block type.
-
-**The hook inside a panel that unmounts when it closes.** Closing it stops a reply that is still coming. Call `useAgentChat` in the component that owns the open state, such as the layout, and pass `chat` into the panel. Keep the selected agent there too, or closing the panel resets it.
-
-**An agent id written by hand.** The chat fails on the first message, and an agent hidden from the visitor still shows. Take the id from `listAgents`.
-
-**Expecting the agent to change data with no MCP wired.** It answers but can't act. List the actions it needs in `softrMcpMiddleware`.
-
-## References
-
-- [mcp/SKILL.md](../mcp/SKILL.md): the actions the agent may call
-- [current-user/SKILL.md](../current-user/SKILL.md): showing the chat to signed-in visitors only