@k2b/cloud 0.7.0 → 0.8.0

package/src/ai/browser-code-contracts.ts

@@ -1,54 +1,166 @@
 import { z } from "zod";
 
-export const CodeResourceId = z.string().regex(/^[23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz]{6}$/).describe("Public resource short ID returned by code_create or code_list.");
+export const CodeResourceId = z
+  .string()
+  .regex(/^[23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz]{6}$/)
+  .describe("Public resource short ID returned by code_create or code_list.");
 const id = CodeResourceId;
 const runId = z.string().min(1).max(180).describe("Run ID returned by code_run in this conversation execution host.");
-export const CODE_RUNTIME_TOOL_NAMES = ["code_run", "code_action", "code_inspect", "code_interact", "code_stop", "code_open", "code_export", "code_present", "code_secret"] as const;
-export const CodeRunInput = z.object({
-  id: id.optional(),
-  resourceId: id.optional().describe("Optional data context for one-off code. Requires Manage; uses this resource database and shared files/KV without changing its source. Local storage stays temporary."),
-  version: z.number().int().positive().optional().describe("Published version to run; resource admins only. Omit for the current accessible source."),
-  code: z.string().min(1).max(1024 * 1024).optional().describe("One-off JavaScript/TypeScript entry exporting one function. Use code OR a saved resource id; no title or icon needed."),
-  inputPaths: z.array(z.string().min(1).max(500)).max(64).default([]).describe("Explicit current-chat input files. Scripts can read them; app test runs expose them only through the simulated picker. User apps never receive chat files."),
-}).strict().refine(input => Number(input.id !== undefined) + Number(input.code !== undefined) === 1, "Provide exactly one of id or code").refine(input => input.version === undefined || input.id !== undefined,"A published version requires a saved resource id").refine(input => input.resourceId === undefined || input.code !== undefined, "resourceId requires one-off code");
-export const CodeActionInput = z.object({
-  id,
-  action: z.string().regex(/^[a-z][a-zA-Z0-9_]*$/).max(80).describe("Exact name returned by code_actions."),
-  publishedVersion: z.number().int().positive().optional().describe("Exact publication returned by code_actions; a changed publication requires fresh discovery. Supply this OR draft revision."),
-  revision: z.number().int().positive().optional().describe("Exact draft revision returned by code_actions({draft:true}); Manage required. Supply this OR publishedVersion."),
-  input: z.json().describe("Action input matching the discovered inputSchema."),
-}).strict().refine(input => Number(input.publishedVersion !== undefined) + Number(input.revision !== undefined) === 1, "Supply publishedVersion OR draft revision");
-export const CodeInspectInput = z.object({ runId, waitMs: z.number().int().min(0).max(30000).default(0).describe("Wait up to this duration for background work to finish before returning its real state; never restarts work."), nodeId: z.string().min(1).max(80).optional(), offset: z.number().int().min(0).default(0), limit: z.number().int().min(1).max(100).default(20) }).strict();
-const CodeInteraction = z.object({
-  id: z.string().min(1).max(80).describe("Control ID or pending modal ID returned by the snapshot."),
-  event: z.discriminatedUnion("type", [
-    z.object({ type: z.literal("change"), value: z.union([z.string(), z.number().finite(), z.boolean(), z.null(), z.array(z.string()), z.object({ start: z.iso.date().nullable(), end: z.iso.date().nullable() }).strict()]) }).strict(),
-    z.object({ type: z.literal("select"), key: z.string().nullable() }).strict(),
-    z.object({ type: z.literal("view"), value: z.enum(["chart", "table"]) }).strict(),
-    z.object({ type: z.literal("refresh") }).strict(),
-    z.object({ type: z.literal("request"), request: z.record(z.string(), z.json()) }).strict(),
-  ]).optional().describe("An event object, never a JSON-encoded string. Omit to activate a button. Example: {type:'change',value:['Sued']} or {type:'view',value:'table'}."),
-  answer: z.json().optional().describe("Only for the pending modal ID: the modal answer, or null to cancel. Do not use for controls."),
-}).strict();
+export const CODE_RUNTIME_TOOL_NAMES = [
+  "code_run",
+  "code_action",
+  "code_inspect",
+  "code_interact",
+  "code_stop",
+  "code_open",
+  "code_export",
+  "code_present",
+  "code_secret",
+] as const;
+export const CodeRunInput = z
+  .object({
+    id: id.optional(),
+    resourceId: id
+      .optional()
+      .describe(
+        "Optional data context for one-off code. Requires Manage; uses this resource database and shared files/KV without changing its source. Local storage stays temporary.",
+      ),
+    version: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .describe("Published version to run; resource admins only. Omit for the current accessible source."),
+    code: z
+      .string()
+      .min(1)
+      .max(1024 * 1024)
+      .optional()
+      .describe("One-off JavaScript/TypeScript entry exporting one function. Use code OR a saved resource id; no title or icon needed."),
+    inputPaths: z
+      .array(z.string().min(1).max(500))
+      .max(64)
+      .default([])
+      .describe(
+        "Explicit current-chat input files. Scripts can read them; app test runs expose them only through the simulated picker. User apps never receive chat files.",
+      ),
+  })
+  .strict()
+  .refine((input) => Number(input.id !== undefined) + Number(input.code !== undefined) === 1, "Provide exactly one of id or code")
+  .refine((input) => input.version === undefined || input.id !== undefined, "A published version requires a saved resource id")
+  .refine((input) => input.resourceId === undefined || input.code !== undefined, "resourceId requires one-off code");
+export const CodeActionInput = z
+  .object({
+    id,
+    action: z
+      .string()
+      .regex(/^[a-z][a-zA-Z0-9_]*$/)
+      .max(80)
+      .describe("Exact name returned by code_actions."),
+    publishedVersion: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .describe(
+        "Exact publication returned by code_actions; a changed publication requires fresh discovery. Supply this OR draft revision.",
+      ),
+    revision: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .describe("Exact draft revision returned by code_actions({draft:true}); Manage required. Supply this OR publishedVersion."),
+    input: z.json().describe("Action input matching the discovered inputSchema."),
+  })
+  .strict()
+  .refine(
+    (input) => Number(input.publishedVersion !== undefined) + Number(input.revision !== undefined) === 1,
+    "Supply publishedVersion OR draft revision",
+  );
+export const CodeInspectInput = z
+  .object({
+    runId,
+    waitMs: z
+      .number()
+      .int()
+      .min(0)
+      .max(30000)
+      .default(0)
+      .describe("Wait up to this duration for background work to finish before returning its real state; never restarts work."),
+    nodeId: z.string().min(1).max(80).optional(),
+    offset: z.number().int().min(0).default(0),
+    limit: z.number().int().min(1).max(100).default(20),
+  })
+  .strict();
+const CodeInteraction = z
+  .object({
+    id: z.string().min(1).max(80).describe("Control ID or pending modal ID returned by the snapshot."),
+    event: z
+      .discriminatedUnion("type", [
+        z
+          .object({
+            type: z.literal("change"),
+            value: z.union([
+              z.string(),
+              z.number().finite(),
+              z.boolean(),
+              z.null(),
+              z.array(z.string()),
+              z.object({ start: z.iso.date().nullable(), end: z.iso.date().nullable() }).strict(),
+            ]),
+          })
+          .strict(),
+        z.object({ type: z.literal("select"), key: z.string().nullable() }).strict(),
+        z.object({ type: z.literal("view"), value: z.enum(["chart", "table"]) }).strict(),
+        z.object({ type: z.literal("refresh") }).strict(),
+        z.object({ type: z.literal("request"), request: z.record(z.string(), z.json()) }).strict(),
+      ])
+      .optional()
+      .describe(
+        "An event object, never a JSON-encoded string. Omit to activate a button. Example: {type:'change',value:['Sued']} or {type:'view',value:'table'}.",
+      ),
+    answer: z.json().optional().describe("Only for the pending modal ID: the modal answer, or null to cancel. Do not use for controls."),
+  })
+  .strict();
 const validInteraction = (input: z.infer<typeof CodeInteraction>) => input.event === undefined || input.answer === undefined;
-export const CodeInteractInput = CodeInteraction.partial({id:true}).extend({
-  runId,
-  // Three normal 15-second callback budgets share the existing 45-second call budget.
-  steps:z.array(CodeInteraction.refine(validInteraction,"Supply event OR answer")).min(1).max(3).optional()
-    .describe("Up to three sequential interactions in one call. Use steps OR the top-level id/event/answer. Stops on an error, pending modal or background work; returns completedSteps and nextStep."),
-}).strict().refine(input=>input.steps ? input.id===undefined && input.event===undefined && input.answer===undefined : input.id!==undefined && (input.event===undefined || input.answer===undefined),"Supply steps OR one id with event/answer.");
+export const CodeInteractInput = CodeInteraction.partial({ id: true })
+  .extend({
+    runId,
+    // Three normal 15-second callback budgets share the existing 45-second call budget.
+    steps: z
+      .array(CodeInteraction.refine(validInteraction, "Supply event OR answer"))
+      .min(1)
+      .max(3)
+      .optional()
+      .describe(
+        "Up to three sequential interactions in one call. Use steps OR the top-level id/event/answer. Stops on an error, pending modal or background work; returns completedSteps and nextStep.",
+      ),
+  })
+  .strict()
+  .refine(
+    (input) =>
+      input.steps
+        ? input.id === undefined && input.event === undefined && input.answer === undefined
+        : input.id !== undefined && (input.event === undefined || input.answer === undefined),
+    "Supply steps OR one id with event/answer.",
+  );
 export const CodeStopInput = z.object({ runId }).strict();
 export const CodeOpenInput = z.object({ id }).strict();
 export const CodePresentInput = z.object({ runId, title: z.string().trim().min(1).max(120) }).strict();
-export const CodeExportInput = z.object({ runId, name: z.string().min(1).max(180).describe("Captured output filename returned by the snapshot.") }).strict();
+export const CodeExportInput = z
+  .object({ runId, name: z.string().min(1).max(180).describe("Captured output filename returned by the snapshot.") })
+  .strict();
 
-export const CodeSecretInput = z.object({
-  resourceId:id.optional().describe("Scope to this app/script; omit to configure the current chat only."),
-  name:z.string().regex(/^[a-zA-Z][a-zA-Z0-9_-]{0,79}$/),
-  origin:z.string().url().max(2000).describe("Exact HTTPS origin allowed to receive the secret."),
-  header:z.string().min(1).max(80).default("authorization"),
-  prefix:z.string().max(160).default("Bearer "),
-}).strict();
+export const CodeSecretInput = z
+  .object({
+    resourceId: id.optional().describe("Scope to this app/script; omit to configure the current chat only."),
+    name: z.string().regex(/^[a-zA-Z][a-zA-Z0-9_-]{0,79}$/),
+    origin: z.string().url().max(2000).describe("Exact HTTPS origin allowed to receive the secret."),
+    header: z.string().min(1).max(80).default("authorization"),
+    prefix: z.string().max(160).default("Bearer "),
+  })
+  .strict();
 
 // Internal bridge envelope. Each model-facing tool receives only its own flat schema.
 export const CodeRuntimeInput = z.discriminatedUnion("operation", [
@@ -65,15 +177,25 @@ export const CodeRuntimeInput = z.discriminatedUnion("operation", [
 export type CodeRuntimeInput = z.infer<typeof CodeRuntimeInput>;
 export function parseCodeToolInput(name: string, args: unknown): CodeRuntimeInput {
   switch (name) {
-    case "code_secret": return { operation: "secret", ...CodeSecretInput.parse(args) };
-    case "code_action": return { operation: "action", ...CodeActionInput.parse(args) };
-    case "code_run": return { operation: "run", ...CodeRunInput.parse(args) };
-    case "code_inspect": return { operation: "inspect", ...CodeInspectInput.parse(args) };
-    case "code_interact": return { operation: "interact", ...CodeInteractInput.parse(args) };
-    case "code_stop": return { operation: "stop", ...CodeStopInput.parse(args) };
-    case "code_open": return { operation: "open", ...CodeOpenInput.parse(args) };
-    case "code_present": return { operation: "present", ...CodePresentInput.parse(args) };
-    case "code_export": return { operation: "export", ...CodeExportInput.parse(args) };
-    default: throw new Error("Unknown code tool");
+    case "code_secret":
+      return { operation: "secret", ...CodeSecretInput.parse(args) };
+    case "code_action":
+      return { operation: "action", ...CodeActionInput.parse(args) };
+    case "code_run":
+      return { operation: "run", ...CodeRunInput.parse(args) };
+    case "code_inspect":
+      return { operation: "inspect", ...CodeInspectInput.parse(args) };
+    case "code_interact":
+      return { operation: "interact", ...CodeInteractInput.parse(args) };
+    case "code_stop":
+      return { operation: "stop", ...CodeStopInput.parse(args) };
+    case "code_open":
+      return { operation: "open", ...CodeOpenInput.parse(args) };
+    case "code_present":
+      return { operation: "present", ...CodePresentInput.parse(args) };
+    case "code_export":
+      return { operation: "export", ...CodeExportInput.parse(args) };
+    default:
+      throw new Error("Unknown code tool");
   }
 }

package/src/ai/browser.ts

@@ -1,5 +1,7 @@
-export { parseAiTodoPlan, type AiTodoPlan } from "./todo-contracts";
-export { CodeResourceId, CodeActionInput, CODE_RUNTIME_TOOL_NAMES, CodeRuntimeInput, parseCodeToolInput } from "./browser-code-contracts";
+export { CODE_RUNTIME_TOOL_NAMES, CodeActionInput, CodeResourceId, CodeRuntimeInput, parseCodeToolInput } from "./browser-code-contracts";
+export { type AiTaskRequest, type AiTaskRequestInput, AiTaskRequestSchema } from "./task-contracts";
+export { type AiTodoPlan, parseAiTodoPlan } from "./todo-contracts";
+
 import { AI_TURN_ATTACHMENT_MAX_ITEMS } from "./limits";
 import type { AiConversation, AiDraftContentPart } from "./types";
 

package/src/ai/capabilities.ts

@@ -1,6 +1,3 @@
-import { createHelpReader, type HelpReaderFactory } from "../services/help";
-import { createCodeSourceTool } from "./code-source-tools";
-import { CODE_SOURCE_TOOLS } from "./code-source-contracts";
 import { createHash } from "node:crypto";
 import type { Tool, ToolContext, ToolResolver } from "@k2b/nessi";
 import { z } from "zod";
@@ -15,7 +12,10 @@ import {
 } from "../contracts/capabilities";
 import type { CapabilityRegistryEntry } from "../contracts/registry";
 import type { RequestActor } from "../server";
+import { createHelpReader, type HelpReaderFactory } from "../services/help";
 import { recordRejectedAiCapability } from "./capability-execution";
+import { CODE_SOURCE_TOOLS } from "./code-source-contracts";
+import { createCodeSourceTool } from "./code-source-tools";
 import { CLOUD_AI_DEFERRED_BUILTIN_TOOL_NAMES } from "./default-tools";
 import { type AiToolPreparationContext, defineAiTool, type PreparedAiTools, prepareAiTools } from "./tools";
 import type { AiConversationService, AiRuntimeTool, AiToolPresentation } from "./types";

package/src/ai/chat/blocks.tsx

@@ -1,14 +1,13 @@
-import { hasCapabilityTable } from "./capability-result";
 import { dates } from "@k2b/stdlib";
 import { mutation } from "@k2b/stdlib/solid";
-import { Button, ButtonLink, Chat, MarkdownView, isStructuredDataValue, SplitButton, StructuredDataPreview, useLocale } from "@k2b/ui";
+import { Button, ButtonLink, Chat, isStructuredDataValue, MarkdownView, SplitButton, StructuredDataPreview, useLocale } from "@k2b/ui";
 import { createMemo, createSignal, For, type JSX, Match, Show, Switch } from "solid-js";
 import type { CapabilityActionReview } from "../../contracts/capabilities";
 import { markdown } from "../../shared";
-import { groupToolBlocks, isFailedTool, summarizeToolGroup } from "./tool-groups";
 import type { AiTurnBlock } from "../protocol";
 import { isRenderableTurnBlock } from "../protocol";
 import { hasSpecializedBuiltinToolView, SpecializedBuiltinToolBlock } from "./builtin-tools";
+import { hasCapabilityTable } from "./capability-result";
 import { CapabilityTablePreview } from "./capability-table";
 import { PresentToolBlock } from "./file-tools";
 import { useAiChatActions } from "./message-actions";
@@ -27,6 +26,7 @@ import {
 } from "./message-utils";
 import { AssistantMarkdownBlock } from "./primitives";
 import { AiToolActivity, AiToolDisclosureProvider, type AiToolDisclosureState, createAiToolDisclosureState } from "./tool-disclosure";
+import { groupToolBlocks, isFailedTool, summarizeToolGroup } from "./tool-groups";
 import { CloudCardBlock, CloudSurveyBlock, CloudSurveyResultBlock, CloudTextEditorBlock, CloudTextEditorResultBlock } from "./visual-tools";
 import { FetchFileToolBlock, WebExtractToolBlock, WebSearchToolBlock } from "./web-tools";
 
@@ -655,7 +655,9 @@ function ToolBlockView(props: { turnId: string; block: ToolBlock; active?: boole
         <Match when={props.block.presentation?.kind === "capability"}>
           <CapabilityToolView block={props.block} />
         </Match>
-        <Match when={actions.renderCodePresentation && props.block.name === "code_present" && status() === "completed" && !props.block.isError}>
+        <Match
+          when={actions.renderCodePresentation && props.block.name === "code_present" && status() === "completed" && !props.block.isError}
+        >
           {actions.renderCodePresentation?.(props.block.result)}
         </Match>
         <Match when={props.block.name === "present" && !props.block.isError}>
@@ -673,7 +675,9 @@ function ToolBlockView(props: { turnId: string; block: ToolBlock; active?: boole
         <Match when={props.block.name === "memory"}>
           <MemoryToolView block={props.block} />
         </Match>
-        <Match when={hasSpecializedBuiltinToolView(props.block.name, props.block.result) && status() === "completed" && !props.block.isError}>
+        <Match
+          when={hasSpecializedBuiltinToolView(props.block.name, props.block.result) && status() === "completed" && !props.block.isError}
+        >
           <SpecializedBuiltinToolBlock block={props.block} />
         </Match>
         <Match when={isCardToolName(props.block.name) && !props.block.isError}>
@@ -702,20 +706,18 @@ export function AiTurnBlockView(props: { block: AiTurnBlock; turnId: string; str
   return (
     <Switch>
       <Match when={props.block.kind === "text" && props.block}>
-        {block => <AssistantMarkdownBlock html={markdown.renderSync(block().text)} />}
+        {(block) => <AssistantMarkdownBlock html={markdown.renderSync(block().text)} />}
       </Match>
       <Match when={props.block.kind === "thinking" && props.block}>
-        {block => <ThinkingBlockView text={block().text} streaming={props.streaming} />}
+        {(block) => <ThinkingBlockView text={block().text} streaming={props.streaming} />}
       </Match>
       <Match when={props.block.kind === "steer_applied"}>
         <Chat.Activity label="Conversation steered" icon="ti ti-route" tone="ai" />
       </Match>
       <Match when={props.block.kind === "tool" && props.block}>
-        {block => <ToolBlockView turnId={props.turnId} block={block()} active={props.active} />}
-      </Match>
-      <Match when={props.block.kind === "compaction" && props.block}>
-        {block => <CompactionBlockView block={block()} />}
+        {(block) => <ToolBlockView turnId={props.turnId} block={block()} active={props.active} />}
       </Match>
+      <Match when={props.block.kind === "compaction" && props.block}>{(block) => <CompactionBlockView block={block()} />}</Match>
     </Switch>
   );
 }
@@ -723,18 +725,37 @@ export function AiTurnBlockView(props: { block: AiTurnBlock; turnId: string; str
 function CompactToolRow(props: { block: ToolBlock; busy?: boolean }) {
   const locale = useLocale();
   const de = () => locale().startsWith("de");
-  const args = () => isRecord(props.block.args) ? props.block.args : {};
+  const args = () => (isRecord(props.block.args) ? props.block.args : {});
   const detail = () => [args().path, args().name, args().query].find((value) => typeof value === "string");
   const waiting = () => props.block.status === "awaiting_client";
-  return <AiToolActivity blockId={props.block.id} label={props.block.presentation?.title ?? displayToolName(props.block.name)}
-    description={[props.block.status === "running" ? props.block.progress ?? "" : "", typeof detail() === "string" ? String(detail()) : "", waiting() ? (de() ? "Wartet" : "Waiting") : isFailedTool(props.block) ? (de() ? "Fehlgeschlagen" : "Failed") : ""].filter(Boolean).join(" · ")}
-    icon={waiting() ? "ti ti-clock" : aiToolIcon(props.block.name, props.block.presentation?.appIcon)}
-    tone={isFailedTool(props.block) ? "danger" : "neutral"} busy={props.busy && !waiting()} bodyInset={false} renderBody={() =>
-    <div class="max-h-72 overflow-auto overscroll-contain rounded-md bg-zinc-100 p-3 dark:bg-zinc-950" tabIndex={0} role="region" aria-label={de() ? "Werkzeug-Eingabe und Ausgabe" : "Tool input and output"}>
-      <ToolDetail title={de() ? "Eingabe" : "Input"} toolName={props.block.name} value={props.block.args} />
-      <ToolDetail title={de() ? "Ausgabe" : "Output"} toolName={props.block.name} value={props.block.result} />
-    </div>}
-  />;
+  return (
+    <AiToolActivity
+      blockId={props.block.id}
+      label={props.block.presentation?.title ?? displayToolName(props.block.name)}
+      description={[
+        props.block.status === "running" ? (props.block.progress ?? "") : "",
+        typeof detail() === "string" ? String(detail()) : "",
+        waiting() ? (de() ? "Wartet" : "Waiting") : isFailedTool(props.block) ? (de() ? "Fehlgeschlagen" : "Failed") : "",
+      ]
+        .filter(Boolean)
+        .join(" · ")}
+      icon={waiting() ? "ti ti-clock" : aiToolIcon(props.block.name, props.block.presentation?.appIcon)}
+      tone={isFailedTool(props.block) ? "danger" : "neutral"}
+      busy={props.busy && !waiting()}
+      bodyInset={false}
+      renderBody={() => (
+        <div
+          class="max-h-72 overflow-auto overscroll-contain rounded-md bg-zinc-100 p-3 dark:bg-zinc-950"
+          tabIndex={0}
+          role="region"
+          aria-label={de() ? "Werkzeug-Eingabe und Ausgabe" : "Tool input and output"}
+        >
+          <ToolDetail title={de() ? "Eingabe" : "Input"} toolName={props.block.name} value={props.block.args} />
+          <ToolDetail title={de() ? "Ausgabe" : "Output"} toolName={props.block.name} value={props.block.result} />
+        </div>
+      )}
+    />
+  );
 }
 
 function ToolGroupView(props: { blocks: ToolBlock[]; active: boolean }) {
@@ -744,20 +765,51 @@ function ToolGroupView(props: { blocks: ToolBlock[]; active: boolean }) {
   const multiple = () => props.blocks.length > 1;
   const detail = () => {
     const args = last().args;
-    return isRecord(args) ? [args.path,args.name,args.query].find(value=>typeof value==="string") : undefined;
+    return isRecord(args) ? [args.path, args.name, args.query].find((value) => typeof value === "string") : undefined;
   };
-  return <AiToolActivity blockId={`group:${props.blocks[0]!.id}`} bodyInset={false}
-    label={props.active || !multiple() ? (last().presentation?.title ?? displayToolName(last().name)) : summarizeToolGroup(props.blocks, locale())}
-    description={waiting() ? (locale().startsWith("de") ? "Wartet" : "Waiting") : last().status === "running" ? last().progress : !multiple() && typeof detail()==="string" ? String(detail()) : undefined}
-    icon={props.active || !multiple() ? (waiting() ? "ti ti-clock" : aiToolIcon(last().name)) : "ti ti-stack"}
-    tone={!multiple() && isFailedTool(last()) ? "danger" : "neutral"}
-    busy={props.active && !waiting()} renderBody={() => <Show when={multiple()} fallback={
-      <div class="max-h-72 overflow-auto overscroll-contain rounded-md bg-zinc-100 p-3 dark:bg-zinc-950" tabIndex={0} role="region" aria-label={locale().startsWith("de") ? "Werkzeug-Eingabe und Ausgabe" : "Tool input and output"}>
-        <ToolDetail title={locale().startsWith("de") ? "Eingabe" : "Input"} toolName={last().name} value={last().args} />
-        <ToolDetail title={locale().startsWith("de") ? "Ausgabe" : "Output"} toolName={last().name} value={last().result} />
-      </div>
-    }><For each={props.blocks}>{(block) => <CompactToolRow block={block} />}</For></Show>}
-    />;
+  return (
+    <AiToolActivity
+      blockId={`group:${props.blocks[0]!.id}`}
+      bodyInset={false}
+      label={
+        props.active || !multiple()
+          ? (last().presentation?.title ?? displayToolName(last().name))
+          : summarizeToolGroup(props.blocks, locale())
+      }
+      description={
+        waiting()
+          ? locale().startsWith("de")
+            ? "Wartet"
+            : "Waiting"
+          : last().status === "running"
+            ? last().progress
+            : !multiple() && typeof detail() === "string"
+              ? String(detail())
+              : undefined
+      }
+      icon={props.active || !multiple() ? (waiting() ? "ti ti-clock" : aiToolIcon(last().name)) : "ti ti-stack"}
+      tone={!multiple() && isFailedTool(last()) ? "danger" : "neutral"}
+      busy={props.active && !waiting()}
+      renderBody={() => (
+        <Show
+          when={multiple()}
+          fallback={
+            <div
+              class="max-h-72 overflow-auto overscroll-contain rounded-md bg-zinc-100 p-3 dark:bg-zinc-950"
+              tabIndex={0}
+              role="region"
+              aria-label={locale().startsWith("de") ? "Werkzeug-Eingabe und Ausgabe" : "Tool input and output"}
+            >
+              <ToolDetail title={locale().startsWith("de") ? "Eingabe" : "Input"} toolName={last().name} value={last().args} />
+              <ToolDetail title={locale().startsWith("de") ? "Ausgabe" : "Output"} toolName={last().name} value={last().result} />
+            </div>
+          }
+        >
+          <For each={props.blocks}>{(block) => <CompactToolRow block={block} />}</For>
+        </Show>
+      )}
+    />
+  );
 }
 
 export function AiTurnBlockList(props: {
@@ -769,24 +821,49 @@ export function AiTurnBlockList(props: {
   disclosureState?: AiToolDisclosureState;
 }) {
   const groups = createMemo(() => groupToolBlocks(props.blocks.filter(isRenderableTurnBlock)));
-  const keyedGroups = createMemo(() => new Map(groups().map(group => [group.kind === "tools" ? `tools:${group.blocks[0]!.id}` : `block:${group.block.id}`, group])));
+  const keyedGroups = createMemo(
+    () => new Map(groups().map((group) => [group.kind === "tools" ? `tools:${group.blocks[0]!.id}` : `block:${group.block.id}`, group])),
+  );
   const keys = createMemo(() => [...keyedGroups().keys()]);
   const disclosureState = props.disclosureState ?? createAiToolDisclosureState();
   return (
-    <Show when={groups().length > 0}><AiToolDisclosureProvider state={disclosureState}>
-      <div class={`flex flex-col ${props.compact ? "gap-1" : "gap-2"}`}>
-        <For each={keys()}>{(key, index) => {
-          const group = () => keyedGroups().get(key)!;
-          return <Switch>
-            <Match when={(() => { const value = group(); return value.kind === "tools" ? value : undefined; })()}>
-              {(tools) => <ToolGroupView blocks={tools().blocks} active={Boolean(props.active && index() === keys().length - 1)} />}
-            </Match>
-            <Match when={(() => { const value = group(); return value.kind === "block" ? value : undefined; })()}>
-              {(item) => <AiTurnBlockView block={item().block} turnId={props.turnId} streaming={props.streaming && index() === keys().length - 1} active={props.active} />}
-            </Match>
-          </Switch>;
-        }}</For>
-      </div>
-    </AiToolDisclosureProvider></Show>
+    <Show when={groups().length > 0}>
+      <AiToolDisclosureProvider state={disclosureState}>
+        <div class={`flex flex-col ${props.compact ? "gap-1" : "gap-2"}`}>
+          <For each={keys()}>
+            {(key, index) => {
+              const group = () => keyedGroups().get(key)!;
+              return (
+                <Switch>
+                  <Match
+                    when={(() => {
+                      const value = group();
+                      return value.kind === "tools" ? value : undefined;
+                    })()}
+                  >
+                    {(tools) => <ToolGroupView blocks={tools().blocks} active={Boolean(props.active && index() === keys().length - 1)} />}
+                  </Match>
+                  <Match
+                    when={(() => {
+                      const value = group();
+                      return value.kind === "block" ? value : undefined;
+                    })()}
+                  >
+                    {(item) => (
+                      <AiTurnBlockView
+                        block={item().block}
+                        turnId={props.turnId}
+                        streaming={props.streaming && index() === keys().length - 1}
+                        active={props.active}
+                      />
+                    )}
+                  </Match>
+                </Switch>
+              );
+            }}
+          </For>
+        </div>
+      </AiToolDisclosureProvider>
+    </Show>
   );
 }

package/src/ai/chat/builtin-tools.tsx

@@ -4,8 +4,8 @@ import { For, type JSX, Show } from "solid-js";
 import { formatAiFileSize } from "../attachments";
 import type { AiTurnBlock } from "../protocol";
 import { aiToolIcon, displayToolName, formatToolDetailText, isRecord } from "./message-utils";
-import { AiToolActivity } from "./tool-disclosure";
 import { aiChatMessages } from "./messages";
+import { AiToolActivity } from "./tool-disclosure";
 
 type ToolBlock = Extract<AiTurnBlock, { kind: "tool" }>;
 
@@ -325,9 +325,7 @@ function ReadFileView(props: { block: ToolBlock }) {
     const start = number(result().offset);
     const end = number(result().nextOffset);
     const t = aiChatMessages(locale());
-    return end > start
-      ? t.byteRange({ start: start.toLocaleString(locale()), end: end.toLocaleString(locale()) })
-      : t.read;
+    return end > start ? t.byteRange({ start: start.toLocaleString(locale()), end: end.toLocaleString(locale()) }) : t.read;
   };
   return (
     <CompletedActivity

package/src/ai/chat/capability-table.tsx

@@ -1,7 +1,7 @@
-import { capabilityTable } from "./capability-result";
 import { ButtonLink, DataTable, type DataTableColumn, useLocale } from "@k2b/ui";
 import { createMemo, For, Show } from "solid-js";
 import { CapabilitySemanticLinkSchema, capabilityDataAtPath } from "../../contracts/capabilities";
+import { capabilityTable } from "./capability-result";
 import { aiChatMessages } from "./messages";
 
 export const capabilityCellText = (value: unknown): string => {