@k2b/cloud 0.29.1 → 0.31.0

package/src/ai/chat/blocks.tsx

@@ -2,12 +2,15 @@ import { dates } from "@k2b/stdlib";
 import { mutation } from "@k2b/stdlib/solid";
 import { Button, ButtonLink, Chat, isStructuredDataValue, MarkdownView, SplitButton, StructuredDataPreview, useLocale } from "@k2b/ui";
 import { createSignal, createUniqueId, For, type JSX, Match, Show, Switch, untrack } from "solid-js";
+import { capabilityApprovalReason, capabilityApprovalReasonLabel } from "../../_internal/capability-sentences";
 import type { CapabilityActionReview } from "../../contracts/capabilities";
 import { markdown } from "../../shared";
 import type { AiTurnBlock } from "../protocol";
+import { toolOutcome, toolSubject } from "./action-sentences";
 import { hasSpecializedBuiltinToolView, SpecializedBuiltinToolBlock } from "./builtin-tools";
 import { hasCapabilityTable } from "./capability-result";
 import { CapabilityTablePreview } from "./capability-table";
+import { CloudChartBlock } from "./chart-block";
 import { PresentToolBlock } from "./file-tools";
 import { useAiChatActions } from "./message-actions";
 import {
@@ -18,6 +21,7 @@ import {
   fetchFileErrorPresentation,
   formatToolDetailText,
   isCardToolName,
+  isChartToolName,
   isRecord,
   isSurveyToolName,
   isTextEditorToolName,
@@ -30,7 +34,7 @@ import { AssistantMarkdownBlock } from "./primitives";
 import { AiToolActivity } from "./tool-disclosure";
 import { isFailedTool } from "./tool-groups";
 import { CloudCardBlock, CloudSurveyBlock, CloudSurveyResultBlock, CloudTextEditorBlock, CloudTextEditorResultBlock } from "./visual-tools";
-import { FetchFileToolBlock, WebExtractToolBlock, WebSearchToolBlock } from "./web-tools";
+import { FetchFileToolBlock, WebExtractToolBlock, WebSearchToolBlock, WebsiteReceipts, websiteReceipts } from "./web-tools";
 
 type ToolBlock = Extract<AiTurnBlock, { kind: "tool" }>;
 type ReviewDetail = NonNullable<CapabilityActionReview["details"]>[number];
@@ -201,7 +205,7 @@ export function ApprovalBlockView(props: { turnId: string; block: ToolBlock; onD
   const [detailsOpen, setDetailsOpen] = createSignal(false);
   // The call this card answered: a later approval for the same block may already have arrived when the server accepts.
   let decision: AiApprovalDecision | null = null;
-  const approval = mutation.create<void, { approved: boolean; remember?: "always" }>({
+  const approval = mutation.create<void, { approved: boolean; remember?: "chat" | "always" }>({
     mutation: async (input) => {
       if (!actions.onApproval) throw new Error("Approval is unavailable.");
       await actions.onApproval(request(), input);
@@ -211,16 +215,22 @@ export function ApprovalBlockView(props: { turnId: string; block: ToolBlock; onD
       if (decision) props.onDecided?.(decision);
     },
   });
-  const submit = (input: { approved: boolean; remember?: "always" }) => {
+  const submit = (input: { approved: boolean; remember?: "chat" | "always" }) => {
     if (actionDisabled() || approval.loading()) return;
     decision = { callId: props.block.callId, approved: input.approved };
     void approval.mutate(input);
   };
-  const title = () => props.block.presentation?.title ?? displayToolName(props.block.name, locale());
+  // The heading says what will happen in the owning app's words; the app or the assistant name stays beside it.
+  const title = () => toolSubject(props.block, locale()) ?? props.block.presentation?.title ?? displayToolName(props.block.name, locale());
   const ownerName = () => props.block.presentation?.appName ?? t().assistant;
+  const capability = () => props.block.presentation?.kind === "capability";
+  // The model's own reason, labelled as such, only where Cloud offered it; it adds to the app's sentence and never replaces it.
+  const reason = () => (props.block.presentation?.approvalReason ? capabilityApprovalReason(props.block.args) : null);
   const description = () => {
     const reviewMessage = props.block.approval?.review?.message.trim();
     if (reviewMessage) return reviewMessage;
+    // An app Action's approval text repeats its heading and reason for text-only readers; the card shows them itself.
+    if (capability()) return null;
     const message = props.block.approval?.message?.trim();
     if (!message) return null;
     const duplicateTitle = props.block.presentation ? `${props.block.presentation.appName}: ${props.block.presentation.title}` : "";
@@ -259,10 +269,10 @@ export function ApprovalBlockView(props: { turnId: string; block: ToolBlock; onD
       <div class="ai-approval__head">
         <i class={`ai-approval__icon ${aiToolIcon(props.block.name, props.block.presentation?.appIcon)}`} aria-hidden="true" />
         <div class="min-w-0">
-          <h3 class="ai-approval__title">
-            {ownerName()} · {title()}
-          </h3>
-          <p class="ai-approval__sub">{t().approvalRunsAfter}</p>
+          <h3 class="ai-approval__title">{title()}</h3>
+          <p class="ai-approval__sub">
+            {ownerName()} · {t().approvalRunsAfter}
+          </p>
         </div>
       </div>
       <Show when={reviewLines().length > 0}>
@@ -318,6 +328,14 @@ export function ApprovalBlockView(props: { turnId: string; block: ToolBlock; onD
           )}
         </For>
       </Show>
+      <Show when={reason()}>
+        {(text) => (
+          <p class="ai-approval__text whitespace-pre-wrap">
+            <strong class="ai-approval__label">{capabilityApprovalReasonLabel(locale())}: </strong>
+            {text()}
+          </p>
+        )}
+      </Show>
       <Show when={detailsOpen()}>
         <div id={detailsId} class="w-full min-w-0" role="region" aria-label={t().detailsFor({ title: title() })}>
           <Show when={detailData()} fallback={<pre class="ai-approval__preview text-[11px]">{jsonPreview(props.block.args)}</pre>}>
@@ -393,6 +411,16 @@ export function ApprovalBlockView(props: { turnId: string; block: ToolBlock; onD
                         icon: detailsOpen() ? "ti ti-eye-off" : "ti ti-eye",
                         action: () => setDetailsOpen((open) => !open),
                       },
+                      // The narrower chat reach comes first: it ends with this chat.
+                      ...(props.block.approval?.allowChat
+                        ? [
+                            {
+                              label: props.block.approval.website ? t().allowWebsiteForChat : t().chatApprove,
+                              icon: props.block.approval.website ? "ti ti-world-check" : "ti ti-message-check",
+                              action: () => submit({ approved: true, remember: "chat" }),
+                            },
+                          ]
+                        : []),
                       ...(props.block.approval?.allowAlways
                         ? [
                             {
@@ -518,11 +546,11 @@ function CapabilityToolView(props: { block: ToolBlock }) {
 function RejectedToolView(props: { block: ToolBlock }) {
   const locale = useLocale();
   const presentation = () => props.block.presentation;
-  const title = () => presentation()?.title ?? displayToolName(props.block.name, locale());
+  const title = () => toolSubject(props.block, locale()) ?? presentation()?.title ?? displayToolName(props.block.name, locale());
   return (
     <Chat.Activity
       icon={aiToolIcon(props.block.name, presentation()?.appIcon)}
-      label={aiChatMessages(locale()).toolRejected({ title: title() })}
+      label={toolOutcome(props.block, "rejected", locale()) ?? aiChatMessages(locale()).toolRejected({ title: title() })}
       accent={presentation()?.appAccent}
     />
   );
@@ -694,6 +722,9 @@ function ToolBlockView(props: { turnId: string; block: ToolBlock; active?: boole
         <Match when={isCardToolName(props.block.name) && !props.block.isError}>
           <CloudCardBlock args={props.block.args} />
         </Match>
+        <Match when={isChartToolName(props.block.name) && !props.block.isError}>
+          <CloudChartBlock args={props.block.args} completed={status() === "completed"} />
+        </Match>
         <Match when={isSurveyToolName(props.block.name) && !props.block.isError}>
           <SurveyToolView turnId={props.turnId} block={props.block} active={props.active} />
         </Match>
@@ -704,6 +735,9 @@ function ToolBlockView(props: { turnId: string; block: ToolBlock; active?: boole
           <Chat.Activity label={displayToolName(props.block.name, locale())} icon={aiToolIcon(props.block.name)} busy />
         </Match>
       </Switch>
+      <Show when={websiteReceipts(props.block).length > 0}>
+        <WebsiteReceipts block={props.block} />
+      </Show>
       <Show when={hasCapabilityTable(props.block)}>
         <CapabilityTablePreview
           result={props.block.result}
@@ -791,7 +825,22 @@ export function CompactToolRow(props: { block: ToolBlock; busy?: boolean }) {
   const locale = useLocale();
   const t = () => aiChatMessages(locale());
   const args = () => (isRecord(props.block.args) ? props.block.args : {});
-  const detail = () => [args().path, args().name, args().query, args().title].find((value) => typeof value === "string");
+  /**
+   * A call that acts on something reads as its sentence, which already names what it acts on: what it will do while
+   * it runs or waits, what it did once done, and what did not happen when it was rejected.
+   */
+  const sentence = () => {
+    const status = props.block.status;
+    const outcome =
+      status === "completed" && !props.block.isError
+        ? toolOutcome(props.block, "done", locale())
+        : status === "rejected"
+          ? toolOutcome(props.block, "rejected", locale())
+          : null;
+    return outcome ?? toolSubject(props.block, locale());
+  };
+  const detail = () =>
+    sentence() ? undefined : [args().path, args().name, args().query, args().title].find((value) => typeof value === "string");
   const waiting = () => props.block.status === "awaiting_client" || props.block.status === "awaiting_approval";
   const state = () =>
     waiting() ? t().stepWaiting : props.block.status === "rejected" ? t().stepRejected : isFailedTool(props.block) ? t().stepFailed : "";
@@ -817,35 +866,43 @@ export function CompactToolRow(props: { block: ToolBlock; busy?: boolean }) {
     return aiToolIcon(props.block.name, props.block.presentation?.appIcon);
   };
   return (
-    <AiToolActivity
-      blockId={props.block.id}
-      label={props.block.presentation?.title ?? displayToolName(props.block.name, locale())}
-      description={[
-        props.block.status === "running" ? (props.block.progress ?? "") : "",
-        typeof detail() === "string" ? String(detail()) : "",
-        state(),
-        outcome(),
-      ]
-        .filter(Boolean)
-        .join(" · ")}
-      icon={icon()}
-      busy={props.busy && props.block.status === "running"}
-      bodyInset={false}
-      renderBody={() => (
-        <div class="flex min-w-0 flex-col gap-2">
-          <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={t().toolInputOutput}
-          >
-            <ToolDetail title={t().input} toolName={props.block.name} value={props.block.args} />
-            <ToolDetail title={t().output} toolName={props.block.name} value={props.block.result} />
+    <>
+      <AiToolActivity
+        blockId={props.block.id}
+        label={sentence() ?? props.block.presentation?.title ?? displayToolName(props.block.name, locale())}
+        description={[
+          props.block.status === "running" ? (props.block.progress ?? "") : "",
+          typeof detail() === "string" ? String(detail()) : "",
+          state(),
+          outcome(),
+        ]
+          .filter(Boolean)
+          .join(" · ")}
+        icon={icon()}
+        busy={props.busy && props.block.status === "running"}
+        bodyInset={false}
+        renderBody={() => (
+          <div class="flex min-w-0 flex-col gap-2">
+            <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={t().toolInputOutput}
+            >
+              <ToolDetail title={t().input} toolName={props.block.name} value={props.block.args} />
+              <ToolDetail title={t().output} toolName={props.block.name} value={props.block.result} />
+            </div>
+            {/* Below the input and output, so an image that arrives in an open step grows in like its output and moves nothing above. */}
+            <Show when={image()}>
+              {(viewed) => <StepImage path={viewed().path} src={viewed().src} description={viewed().description} />}
+            </Show>
           </div>
-          {/* Below the input and output, so an image that arrives in an open step grows in like its output and moves nothing above. */}
-          <Show when={image()}>{(viewed) => <StepImage path={viewed().path} src={viewed().src} description={viewed().description} />}</Show>
-        </div>
-      )}
-    />
+        )}
+      />
+      {/* Each request a website approval let through is a step of its own, with its full URL. */}
+      <Show when={websiteReceipts(props.block).length > 0}>
+        <WebsiteReceipts block={props.block} />
+      </Show>
+    </>
   );
 }

package/src/ai/chat/chart-block.tsx

@@ -0,0 +1,79 @@
+import { ChartExplorer, type ChartExplorerColumn, prepareChartSnapshot, useLocale } from "@k2b/ui";
+import { createMemo, Show } from "solid-js";
+import {
+  type CloudAiChartColumn,
+  type CloudAiChartRow,
+  cloudAiChartMarkKey,
+  cloudAiChartRenderOptions,
+  cloudAiChartRows,
+} from "../chart-block";
+import { parseCloudAiChartInput } from "../default-tool-contracts";
+import { aiChatMessages } from "./messages";
+
+const tooltip = (columns: CloudAiChartColumn[], row: CloudAiChartRow) => {
+  const [first, ...rest] = columns;
+  const named = first && !first.numeric;
+  return {
+    title: named ? row.cells[first.id] : undefined,
+    rows: (named ? rest : columns).map((column) => ({ label: column.label, value: row.cells[column.id] ?? "" })),
+  };
+};
+
+/**
+ * One `chart` tool call: the shared chart with its data table and Copy data. The block takes its full size with its
+ * first frame and keeps it; switching to the table scrolls inside the same height. A call whose arguments are not a
+ * valid chart shows nothing while it runs, because the model gets the validation error and the call fails.
+ */
+export function CloudChartBlock(props: { args: unknown; completed: boolean }) {
+  const locale = useLocale();
+  // Live updates replace the block with equal arguments; only a real change redraws.
+  const source = createMemo(() => JSON.stringify(props.args ?? null));
+  const chart = createMemo(() => {
+    // The tool schema drew the chart once to accept it; here it is drawn once more, for display, and the table is
+    // filled from that drawing.
+    const input = parseCloudAiChartInput(JSON.parse(source()));
+    if (!input) return null;
+    try {
+      const rows = cloudAiChartRows(input, locale());
+      const snapshot = prepareChartSnapshot(cloudAiChartRenderOptions(input, locale()), {
+        key: ({ datum }) => cloudAiChartMarkKey(datum),
+        tooltip: ({ datum }) => {
+          const row = rows.add(datum);
+          return tooltip(rows.columns(), row);
+        },
+      });
+      return snapshot.marks.length > 0 ? { input, table: rows.table(), snapshot } : null;
+    } catch {
+      return null;
+    }
+  });
+  return (
+    <Show
+      when={chart()}
+      fallback={
+        <Show when={props.completed}>
+          <p class="text-sm text-secondary">{aiChatMessages(locale()).chartUnavailable}</p>
+        </Show>
+      }
+    >
+      {(value) => (
+        <ChartExplorer
+          title={value().input.title}
+          description={value().input.subtitle ? <span class="text-sm text-secondary">{value().input.subtitle}</span> : undefined}
+          height={value().input.kind === "sparkline" ? "8rem" : "18rem"}
+          data={{ chart: value().snapshot, rows: value().table.rows }}
+          columns={value().table.columns.map(
+            (column): ChartExplorerColumn<CloudAiChartRow> => ({
+              id: column.id,
+              label: column.label,
+              value: (row) => row.cells[column.id] ?? "",
+              sortValue: (row) => row.values[column.id] ?? null,
+              align: column.numeric ? "right" : "left",
+            }),
+          )}
+          renderDetails={false}
+        />
+      )}
+    </Show>
+  );
+}

package/src/ai/chat/live-turn.browser-harness.tsx

@@ -12,7 +12,7 @@ import { AiChatActionsProvider, createAiChatTimeline } from "./presentation";
  * `window.steer(text)` appends a pending steer as the controller does,
  * `window.reconnect(on)` sets whether the stream reconnects,
  * `window.continued` lists the messages that **Continue** sent,
- * `window.approvals` lists the approval decisions, and
+ * `window.approvals` lists the approval decisions, `window.revoked` the websites a receipt revoked, and
  * `window.opened` lists the chat files the timeline opened. Chat files load from `/files?path=`.
  */
 const [state, setState] = createStore(emptyProjection());
@@ -20,9 +20,11 @@ const [reconnecting, setReconnecting] = createSignal(false);
 const continued: string[] = [];
 const opened: string[] = [];
 const approvals: unknown[] = [];
+const revoked: string[] = [];
 Object.assign(window, {
   continued,
   approvals,
+  revoked,
   opened,
   reconnect: (on: boolean) => setReconnecting(on),
   emit: (event: AiWireEvent) => setState(reconcile(reduceProjection(state, event), { key: "id", merge: true })),
@@ -42,6 +44,7 @@ render(
       actions={{
         onContinueTurn: (message) => void continued.push(message),
         onApproval: async (request, input) => void approvals.push({ callId: request.callId, ...input }),
+        onRevokeWebsite: async (origin) => void revoked.push(origin),
         fileUrl: (path) => `/files?path=${encodeURIComponent(path)}`,
         onOpenFile: (path) => void opened.push(path),
       }}

package/src/ai/chat/message-actions.tsx

@@ -26,7 +26,7 @@ import { aiChatMessages } from "./messages";
 /** The active-turn coordinates an approval/tool action needs to resolve on the server. */
 export type AiTurnActionRequest = { turnId: string; callId: string; name: string };
 
-type ApprovalHandler = (request: AiTurnActionRequest, input: { approved: boolean; remember?: "always" }) => void | Promise<void>;
+type ApprovalHandler = (request: AiTurnActionRequest, input: { approved: boolean; remember?: "chat" | "always" }) => void | Promise<void>;
 type FrontendToolResultHandler = (request: AiTurnActionRequest, result: unknown) => void | Promise<void>;
 type ForkMessageHandler = (entry: AiStoredMessage, input?: AiForkMessageInput) => void | Promise<void>;
 type RetryMessageHandler = (entry: AiStoredMessage, input?: AiRetryMessageInput) => void | Promise<void>;
@@ -42,6 +42,8 @@ export type AiChatActions = {
   /** Prevents turn-continuation actions while the current turn is stopping. */
   actionDisabled?: () => boolean;
   onApproval?: ApprovalHandler;
+  /** Revoke the approval that lets this chat read `origin` without asking; the next request asks again. */
+  onRevokeWebsite?: (origin: string) => Promise<void>;
   onFrontendToolResult?: FrontendToolResultHandler;
   onForkMessage?: ForkMessageHandler;
   onRetryMessage?: RetryMessageHandler;

package/src/ai/chat/message-utils.ts

@@ -311,6 +311,8 @@ export const isRecord = (value: unknown): value is Record<string, unknown> =>
 
 export const isCardToolName = (name: string) => name === "card" || name === "cloud_card";
 
+export const isChartToolName = (name: string) => name === "chart";
+
 export const isSurveyToolName = (name: string) => name === "survey" || name === "cloud_survey";
 
 export const isTextEditorToolName = (name: string) => name === "text_editor" || name === "cloud_text_editor";
@@ -326,6 +328,7 @@ export const displayToolName = (name: string, locale: string) => {
 const BUILT_IN_TOOL_ICONS = new Map<string, string>([
   ["card", "ti ti-layout-cards"],
   ["cloud_card", "ti ti-layout-cards"],
+  ["chart", "ti ti-chart-bar"],
   ["survey", "ti ti-forms"],
   ["cloud_survey", "ti ti-forms"],
   ["text_editor", "ti ti-edit"],

package/src/ai/chat/messages.ts

@@ -9,6 +9,7 @@ const messages = i18n.define({
       tableLinks: "Links",
       tableOpen: "Open",
       tableEmpty: "No matching rows.",
+      chartUnavailable: "This chart cannot be shown.",
       tableCapped: "Showing the first 100 returned rows. The full tool result remains available in details.",
       tableMore: "More rows are available. Ask for the next page or open the result in the application.",
       assistantTurns: "Assistant turns",
@@ -84,6 +85,7 @@ const messages = i18n.define({
       stepDeliveringFile: "Delivering a file",
       stepPreparingView: "Preparing a view",
       stepPreparingCard: "Preparing a card",
+      stepPreparingChart: "Preparing a chart",
       stepCompacting: "Summarizing the conversation",
       stepTool: "Using a tool",
       stepFailed: "failed",
@@ -96,9 +98,10 @@ const messages = i18n.define({
       openImage: ({ name }: { name: string }) => `Open image ${name}`,
       steered: "Conversation steered",
       groupLoad: "Loaded tools and guidance",
+      repeatCount: ({ count }: { count: number }) => `${count} times`,
       groupFailed: ({ count }: { count: number }) => `${count} failed`,
       groupRejected: ({ count }: { count: number }) => `${count} rejected`,
-      receiptDone: ({ title }: { title: string }) => `${title} done`,
+      receiptDone: ({ title }: { title: string }) => `Done: ${title}`,
       receiptApproved: ({ title }: { title: string }) => `Approved: ${title}`,
       receiptRunning: ({ title }: { title: string }) => `Running: ${title}`,
       approvalNeeded: ({ title }: { title: string }) => `Approval needed: ${title}`,
@@ -106,6 +109,7 @@ const messages = i18n.define({
       receiptRejected: ({ title }: { title: string }) => `Rejected: ${title}`,
       receiptFailed: ({ title }: { title: string }) => `Failed: ${title}`,
       receiptNotRun: ({ title, stopped }: { title: string; stopped: boolean }) => `Not run: ${title}${stopped ? " · stopped" : ""}`,
+      receiptNotRunSentence: ({ sentence, stopped }: { sentence: string; stopped: boolean }) => `${sentence}${stopped ? " · stopped" : ""}`,
       workSteps: "Work steps",
       streamLoginRequired: "Your session has ended. Sign in again to continue this chat.",
       streamAccessDenied: "You no longer have access to this chat.",
@@ -117,6 +121,14 @@ const messages = i18n.define({
       approved: "Approved",
       rejected: "Rejected",
       alwaysApprove: "Always approve",
+      chatApprove: "Approve for this chat",
+      allowWebsiteForChat: "Allow this website for this chat",
+      websiteAllowedForChat: ({ count }: { count: number }) =>
+        `Allowed for this chat · ${count === 1 ? "1 request without asking" : `${count} requests without asking`}`,
+      revoke: "Revoke",
+      revokeFailed: "Could not revoke. Try again.",
+      revokeWebsiteFor: ({ host }: { host: string }) => `Revoke the approval for ${host}`,
+      websiteRevoked: "Revoked. The next request asks again.",
       details: "Details",
       hideDetails: "Hide details",
       moreOptions: ({ title }: { title: string }) => `More options for ${title}`,
@@ -290,6 +302,7 @@ const messages = i18n.define({
       tableLinks: "Links",
       tableOpen: "Öffnen",
       tableEmpty: "Keine passenden Zeilen.",
+      chartUnavailable: "Dieses Diagramm kann nicht angezeigt werden.",
       tableCapped:
         "Die ersten 100 zurückgegebenen Zeilen werden angezeigt. Das vollständige Werkzeugergebnis bleibt in den Details verfügbar.",
       tableMore: "Weitere Zeilen sind verfügbar. Frage nach der nächsten Seite oder öffne das Ergebnis in der Anwendung.",
@@ -372,6 +385,7 @@ const messages = i18n.define({
       stepDeliveringFile: "Stellt eine Datei bereit",
       stepPreparingView: "Bereitet eine Ansicht vor",
       stepPreparingCard: "Bereitet eine Karte vor",
+      stepPreparingChart: "Bereitet ein Diagramm vor",
       stepCompacting: "Fasst das Gespräch zusammen",
       stepTool: "Nutzt ein Werkzeug",
       stepFailed: "fehlgeschlagen",
@@ -384,9 +398,10 @@ const messages = i18n.define({
       openImage: ({ name }) => `Bild ${name} öffnen`,
       steered: "Richtung geändert",
       groupLoad: "Werkzeuge und Wissen geladen",
+      repeatCount: ({ count }) => `${count}-mal`,
       groupFailed: ({ count }) => `${count} fehlgeschlagen`,
       groupRejected: ({ count }) => `${count} abgelehnt`,
-      receiptDone: ({ title }) => `${title} erledigt`,
+      receiptDone: ({ title }) => `Erledigt: ${title}`,
       receiptApproved: ({ title }) => `Freigegeben: ${title}`,
       receiptRunning: ({ title }) => `Wird ausgeführt: ${title}`,
       approvalNeeded: ({ title }) => `Freigabe nötig: ${title}`,
@@ -394,6 +409,7 @@ const messages = i18n.define({
       receiptRejected: ({ title }) => `Abgelehnt: ${title}`,
       receiptFailed: ({ title }) => `Fehlgeschlagen: ${title}`,
       receiptNotRun: ({ title, stopped }) => `Nicht ausgeführt: ${title}${stopped ? " · gestoppt" : ""}`,
+      receiptNotRunSentence: ({ sentence, stopped }) => `${sentence}${stopped ? " · gestoppt" : ""}`,
       workSteps: "Arbeitsschritte",
       streamLoginRequired: "Deine Sitzung ist abgelaufen. Melde dich erneut an, um diesen Chat fortzusetzen.",
       streamAccessDenied: "Du hast keinen Zugriff mehr auf diesen Chat.",
@@ -405,6 +421,14 @@ const messages = i18n.define({
       approved: "Freigegeben",
       rejected: "Abgelehnt",
       alwaysApprove: "Immer freigeben",
+      chatApprove: "Für diesen Chat freigeben",
+      allowWebsiteForChat: "Diese Website für diesen Chat erlauben",
+      websiteAllowedForChat: ({ count }: { count: number }) =>
+        `Für diesen Chat erlaubt · ${count === 1 ? "1 Abruf ohne Rückfrage" : `${count} Abrufe ohne Rückfrage`}`,
+      revoke: "Entziehen",
+      revokeFailed: "Konnte nicht entzogen werden. Versuche es erneut.",
+      revokeWebsiteFor: ({ host }: { host: string }) => `Freigabe für ${host} entziehen`,
+      websiteRevoked: "Entzogen. Der nächste Abruf fragt wieder.",
       details: "Details",
       hideDetails: "Details ausblenden",
       moreOptions: ({ title }) => `Weitere Optionen für ${title}`,

package/src/ai/chat/tool-groups.ts

@@ -1,18 +1,20 @@
 import { aiSkillFilePathFromMount } from "../file-mount";
 import type { AiTurnBlock } from "../protocol";
+import { isRecord } from "./message-utils";
 import { aiChatMessages } from "./messages";
 
 type Tool = Extract<AiTurnBlock, { kind: "tool" }>;
 type Text = Extract<AiTurnBlock, { kind: "text" }>;
 export type AiWorkEntry = Exclude<AiTurnBlock, { kind: "text" } | { kind: "steer_message" }>;
 /**
- * One row of the expanded work, all at one indent: an intermediate text, a step, or a group that folds housekeeping
- * steps and opens in place.
+ * One row of the expanded work: an intermediate text, a step, or a group that folds housekeeping or repeated calls
+ * on one target and opens in place.
  */
 export type AiWorkItem =
   | { kind: "text"; block: Text }
   | { kind: "step"; entry: AiWorkEntry }
-  | { kind: "housekeeping"; id: string; entries: AiWorkEntry[] };
+  | { kind: "housekeeping"; id: string; entries: AiWorkEntry[] }
+  | { kind: "repeat"; id: string; target: string; entries: AiWorkEntry[] };
 
 /** A failed call, including a code run that reported an error. A rejected approval is a decision, not a failure. */
 export function isFailedTool(tool: Tool): boolean {
@@ -50,33 +52,85 @@ export const isHousekeepingTool = (tool: Tool): boolean => {
 
 const isStep = (entry: AiWorkEntry) => entry.kind === "tool" || entry.kind === "compaction";
 
+/** The file, address, or query a folded row shows. A call without one never folds with others. */
+const callTarget = (tool: Tool): string | undefined => {
+  const args = isRecord(tool.args) ? tool.args : {};
+  return [args.path, args.url, args.query].find((value): value is string => typeof value === "string" && value.trim() !== "")?.trim();
+};
+
+/** Arguments that page through one call's result, such as read_file's byte slices or an app's cursor and page size. */
+const PAGING_ARGUMENTS = new Set(["offset", "length", "limit", "cursor", "after", "page", "pageSize"]);
+
+type Fold = { kind: "housekeeping" } | { kind: "repeat"; name: string; target: string; identity: string };
+
+/**
+ * What a step folds with: housekeeping with housekeeping, a running or finished call with the same call apart from
+ * paging, such as reading one file in parts. Repeated calls need a target; failed, rejected, and waiting calls never repeat.
+ */
+const foldOf = (tool: Tool): Fold | null => {
+  if (isHousekeepingTool(tool)) return { kind: "housekeeping" };
+  const target = callTarget(tool);
+  if (!target || isFailedTool(tool) || (tool.status !== "completed" && tool.status !== "running")) return null;
+  const args = isRecord(tool.args) ? tool.args : {};
+  const identity = JSON.stringify(
+    Object.fromEntries(Object.entries(args).filter(([key]) => !PAGING_ARGUMENTS.has(key))),
+    (_key: string, value: unknown) =>
+      typeof value === "string"
+        ? value.trim()
+        : isRecord(value)
+          ? Object.fromEntries(
+              Object.keys(value)
+                .sort()
+                .map((key) => [key, value[key]]),
+            )
+          : value,
+  );
+  return { kind: "repeat", name: tool.name, target, identity };
+};
+
+const sameFold = (a: Fold, b: Fold): boolean =>
+  a.kind === "housekeeping" ? b.kind === "housekeeping" : b.kind === "repeat" && a.name === b.name && a.identity === b.identity;
+
 /**
- * The rows of the expanded work, in the original order. A run of at least two housekeeping steps, with the reasoning
- * between them, folds into one group, unless it would hold all but one of the work's steps: then the steps show
- * directly, so the work line never opens to a summary of itself. Entries listed in `shown` already show as rows of
- * their own and never fold into a group, so nothing a reader sees folds away under them. A group is keyed by its first
- * tool, whose id is the same live and in history.
+ * The rows of the expanded work, in the original order. A run of at least two steps that fold together, with the
+ * reasoning between them, becomes one row: housekeeping, or consecutive instances of the same call apart from paging,
+ * such as reading one file in parts. Anything else between them, such as an intermediate text, ends the run. A run that
+ * would hold all but one of the work's steps shows its steps directly, so the work line never opens to a summary of
+ * itself. Entries listed in `shown` already show as rows of their own and never fold, so nothing a reader sees folds
+ * away under them.
+ * A folded row is keyed by its first tool, whose id is the same live and in history.
  */
 export function groupWorkBlocks(blocks: readonly AiTurnBlock[], shown: ReadonlySet<string> = new Set()): AiWorkItem[] {
   const entries = blocks.filter((block): block is AiWorkEntry | Text => block.kind !== "steer_message");
   const steps = entries.filter((entry) => entry.kind !== "text" && isStep(entry)).length;
   const items: AiWorkItem[] = [];
+  let fold: Fold | null = null;
   let run: AiWorkEntry[] = [];
   let trailing: AiWorkEntry[] = [];
   const flush = () => {
-    if (run.length > 0) {
+    if (fold && run.length > 0) {
       const runSteps = run.filter(isStep).length;
-      if (runSteps >= 2 && steps - runSteps >= 2) items.push({ kind: "housekeeping", id: run[0]!.id, entries: run });
+      const id = run[0]!.id;
+      if (runSteps >= 2 && steps - runSteps >= 2)
+        items.push(
+          fold.kind === "housekeeping"
+            ? { kind: "housekeeping", id, entries: run }
+            : { kind: "repeat", id, target: fold.target, entries: run },
+        );
       else for (const entry of run) items.push({ kind: "step", entry });
     }
-    // Reasoning after the last housekeeping step belongs to what comes next.
+    // Reasoning after the last folded step belongs to what comes next.
     for (const entry of trailing) items.push({ kind: "step", entry });
+    fold = null;
     run = [];
     trailing = [];
   };
   for (const entry of entries) {
     const foldable = !shown.has(entry.id);
-    if (foldable && entry.kind === "tool" && isHousekeepingTool(entry)) {
+    const next = foldable && entry.kind === "tool" ? foldOf(entry) : null;
+    if (next && entry.kind === "tool") {
+      if (fold && !sameFold(fold, next)) flush();
+      fold = next;
       run.push(...trailing, entry);
       trailing = [];
     } else if (foldable && entry.kind === "thinking" && run.length > 0) trailing.push(entry);

package/src/ai/chat/tool-names.ts

@@ -10,6 +10,7 @@ const toolNames = i18n.define({
     en: {
       calculate: "Calculate",
       card: "Card",
+      chart: "Chart",
       survey: "Survey",
       text_editor: "Text editor",
       local_bash: "Local Bash",
@@ -71,12 +72,14 @@ const toolNames = i18n.define({
       code_restore: "Restore app version",
       code_update: "Update app details",
       code_create: "Create app",
-      code_write: "Save app files",
+      code_write: "Save app file",
+      code_import: "Import app files",
       code_remove: "Remove app file",
     },
     de: {
       calculate: "Rechnen",
       card: "Karte",
+      chart: "Diagramm",
       survey: "Umfrage",
       text_editor: "Texteditor",
       local_bash: "Lokale Bash",
@@ -138,7 +141,8 @@ const toolNames = i18n.define({
       code_restore: "App-Version wiederherstellen",
       code_update: "App-Details ändern",
       code_create: "App erstellen",
-      code_write: "App-Dateien speichern",
+      code_write: "App-Datei speichern",
+      code_import: "App-Dateien importieren",
       code_remove: "App-Datei entfernen",
     },
   },