@k2b/cloud 0.6.0-rc.0 → 0.7.0

package/src/ai/chat/blocks.tsx

@@ -1,9 +1,11 @@
+import { hasCapabilityTable } from "./capability-result";
 import { dates } from "@k2b/stdlib";
 import { mutation } from "@k2b/stdlib/solid";
-import { Button, ButtonLink, Chat, isStructuredDataValue, SplitButton, StructuredDataPreview, useLocale } from "@k2b/ui";
-import { createSignal, For, type JSX, Match, Show, Switch } from "solid-js";
+import { Button, ButtonLink, Chat, MarkdownView, isStructuredDataValue, 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";
@@ -288,14 +290,23 @@ function ApprovalBlockView(props: { turnId: string; block: ToolBlock }) {
                 {(detail) => (
                   <section class="min-w-0" aria-label={detail.label}>
                     <h4 class="mb-1.5 font-semibold text-primary">{detail.label}</h4>
-                    <pre
-                      class="max-h-72 overflow-auto whitespace-pre-wrap break-words pr-2 font-sans text-xs leading-5 text-secondary"
-                      role="region"
-                      tabIndex={0}
-                      aria-label={`${detail.label} content`}
+                    <Show
+                      when={detail.format === "markdown"}
+                      fallback={
+                        <pre
+                          class="max-h-72 overflow-auto whitespace-pre-wrap break-words pr-2 font-sans text-xs leading-5 text-secondary"
+                          role="region"
+                          tabIndex={0}
+                          aria-label={`${detail.label} content`}
+                        >
+                          <ReviewDetailValue detail={detail} />
+                        </pre>
+                      }
                     >
-                      <ReviewDetailValue detail={detail} />
-                    </pre>
+                      <div class="max-h-72 overflow-auto text-xs text-secondary" role="region" tabIndex={0} aria-label={detail.label}>
+                        <MarkdownView class="cloud-ai-approval-detail" markdown={detail.value} headingScale="compact" allowImages={false} />
+                      </div>
+                    </Show>
                   </section>
                 )}
               </For>
@@ -496,9 +507,6 @@ function CapabilityToolView(props: { block: ToolBlock }) {
           </Show>
         </Show>
       </Show>
-      <Show when={props.block.status !== "running" && !props.block.isError}>
-        <CapabilityTablePreview result={props.block.result} label={label()} />
-      </Show>
     </>
   );
 }
@@ -618,85 +626,138 @@ function MemoryToolView(props: { block: ToolBlock }) {
 }
 
 function ToolBlockView(props: { turnId: string; block: ToolBlock; active?: boolean }) {
+  const actions = useAiChatActions();
   const status = () => props.block.status;
   const fetchError = () =>
     props.block.name === "fetch_file" && props.block.isError ? fetchFileErrorPresentation(props.block.result) : undefined;
   return (
-    <Switch
-      fallback={
-        <ToolResultDisclosure
-          blockId={props.block.id}
-          name={displayToolName(props.block.name)}
-          toolName={props.block.name}
-          args={props.block.args}
-          result={props.block.result}
-          isError={Boolean(props.block.isError)}
-          errorLabel={fetchError()?.label}
-          errorDescription={fetchError()?.description}
-        />
-      }
-    >
-      <Match when={status() === "awaiting_approval"}>
-        <ApprovalBlockView turnId={props.turnId} block={props.block} />
-      </Match>
-      <Match when={status() === "rejected"}>
-        <RejectedToolView block={props.block} />
-      </Match>
-      <Match when={props.block.presentation?.kind === "capability"}>
-        <CapabilityToolView block={props.block} />
-      </Match>
-      <Match when={props.block.name === "present" && !props.block.isError}>
-        <PresentToolBlock block={props.block} />
-      </Match>
-      <Match when={props.block.name === "web_search" && !props.block.isError}>
-        <WebSearchToolBlock block={props.block} />
-      </Match>
-      <Match when={props.block.name === "web_extract" && !props.block.isError}>
-        <WebExtractToolBlock block={props.block} />
-      </Match>
-      <Match when={props.block.name === "fetch_file" && !props.block.isError}>
-        <FetchFileToolBlock block={props.block} />
-      </Match>
-      <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}>
-        <SpecializedBuiltinToolBlock block={props.block} />
+    <>
+      <Switch
+        fallback={
+          <ToolResultDisclosure
+            blockId={props.block.id}
+            name={displayToolName(props.block.name)}
+            toolName={props.block.name}
+            args={props.block.args}
+            result={props.block.result}
+            isError={Boolean(props.block.isError)}
+            errorLabel={fetchError()?.label}
+            errorDescription={fetchError()?.description}
+          />
+        }
+      >
+        <Match when={status() === "awaiting_approval"}>
+          <ApprovalBlockView turnId={props.turnId} block={props.block} />
+        </Match>
+        <Match when={status() === "rejected"}>
+          <RejectedToolView block={props.block} />
+        </Match>
+        <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}>
+          {actions.renderCodePresentation?.(props.block.result)}
+        </Match>
+        <Match when={props.block.name === "present" && !props.block.isError}>
+          <PresentToolBlock block={props.block} />
+        </Match>
+        <Match when={props.block.name === "web_search" && !props.block.isError}>
+          <WebSearchToolBlock block={props.block} />
+        </Match>
+        <Match when={props.block.name === "web_extract" && !props.block.isError}>
+          <WebExtractToolBlock block={props.block} />
+        </Match>
+        <Match when={props.block.name === "fetch_file" && !props.block.isError}>
+          <FetchFileToolBlock block={props.block} />
+        </Match>
+        <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}>
+          <SpecializedBuiltinToolBlock block={props.block} />
+        </Match>
+        <Match when={isCardToolName(props.block.name) && !props.block.isError}>
+          <CloudCardBlock args={props.block.args} />
+        </Match>
+        <Match when={isSurveyToolName(props.block.name) && !props.block.isError}>
+          <SurveyToolView turnId={props.turnId} block={props.block} active={props.active} />
+        </Match>
+        <Match when={isTextEditorToolName(props.block.name)}>
+          <TextEditorToolView turnId={props.turnId} block={props.block} active={props.active} />
+        </Match>
+        <Match when={status() === "running" || status() === "awaiting_client"}>
+          <Chat.Activity label={displayToolName(props.block.name)} icon={aiToolIcon(props.block.name)} busy />
+        </Match>
+      </Switch>
+      <Show when={hasCapabilityTable(props.block)}>
+        <CapabilityTablePreview result={props.block.result} label={props.block.presentation?.title ?? displayToolName(props.block.name)} />
+      </Show>
+    </>
+  );
+}
+
+/** Render one unified turn block. Shared by persisted assistant groups and the live turn. */
+export function AiTurnBlockView(props: { block: AiTurnBlock; turnId: string; streaming?: boolean; active?: boolean }) {
+  // The id/kind remain stable while the immutable block value changes during a turn.
+  return (
+    <Switch>
+      <Match when={props.block.kind === "text" && props.block}>
+        {block => <AssistantMarkdownBlock html={markdown.renderSync(block().text)} />}
       </Match>
-      <Match when={isCardToolName(props.block.name) && !props.block.isError}>
-        <CloudCardBlock args={props.block.args} />
+      <Match when={props.block.kind === "thinking" && props.block}>
+        {block => <ThinkingBlockView text={block().text} streaming={props.streaming} />}
       </Match>
-      <Match when={isSurveyToolName(props.block.name) && !props.block.isError}>
-        <SurveyToolView turnId={props.turnId} block={props.block} active={props.active} />
+      <Match when={props.block.kind === "steer_applied"}>
+        <Chat.Activity label="Conversation steered" icon="ti ti-route" tone="ai" />
       </Match>
-      <Match when={isTextEditorToolName(props.block.name)}>
-        <TextEditorToolView turnId={props.turnId} block={props.block} active={props.active} />
+      <Match when={props.block.kind === "tool" && props.block}>
+        {block => <ToolBlockView turnId={props.turnId} block={block()} active={props.active} />}
       </Match>
-      <Match when={status() === "running" || status() === "awaiting_client"}>
-        <Chat.Activity label={displayToolName(props.block.name)} icon={aiToolIcon(props.block.name)} busy />
+      <Match when={props.block.kind === "compaction" && props.block}>
+        {block => <CompactionBlockView block={block()} />}
       </Match>
     </Switch>
   );
 }
 
-/** Render one unified turn block. Shared by persisted assistant groups and the live turn. */
-export function AiTurnBlockView(props: { block: AiTurnBlock; turnId: string; streaming?: boolean; active?: boolean }) {
-  // block.kind is immutable for a given block id, so this switch may run once.
-  const block = props.block;
-  switch (block.kind) {
-    case "text":
-      return <AssistantMarkdownBlock html={markdown.renderSync(block.text)} />;
-    case "thinking":
-      return <ThinkingBlockView text={block.text} streaming={props.streaming} />;
-    case "steer_message":
-      return null;
-    case "steer_applied":
-      return <Chat.Activity label="Conversation steered" icon="ti ti-route" tone="ai" />;
-    case "tool":
-      return <ToolBlockView turnId={props.turnId} block={block} active={props.active} />;
-    case "compaction":
-      return <CompactionBlockView block={block} />;
-  }
+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 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>}
+  />;
+}
+
+function ToolGroupView(props: { blocks: ToolBlock[]; active: boolean }) {
+  const locale = useLocale();
+  const last = () => props.blocks.at(-1)!;
+  const waiting = () => last().status === "awaiting_client";
+  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 <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: {
@@ -707,24 +768,25 @@ export function AiTurnBlockList(props: {
   active?: boolean;
   disclosureState?: AiToolDisclosureState;
 }) {
-  const visible = () => props.blocks.filter(isRenderableTurnBlock);
+  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 keys = createMemo(() => [...keyedGroups().keys()]);
   const disclosureState = props.disclosureState ?? createAiToolDisclosureState();
   return (
-    <Show when={visible().length > 0}>
-      <AiToolDisclosureProvider state={disclosureState}>
-        <div class={`flex flex-col ${props.compact ? "gap-1" : "gap-2"}`}>
-          <For each={visible()}>
-            {(block, index) => (
-              <AiTurnBlockView
-                block={block}
-                turnId={props.turnId}
-                streaming={props.streaming && index() === visible().length - 1}
-                active={props.active}
-              />
-            )}
-          </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/capability-result.ts

@@ -0,0 +1,15 @@
+import { CapabilityTablePresentationSchema, capabilityDataAtPath } from "../../contracts/capabilities";
+import type { AiTurnBlock } from "../protocol";
+
+export const capabilityTable = (result: unknown) => {
+  if (!result || typeof result !== "object") return null;
+  const presentation = CapabilityTablePresentationSchema.safeParse(capabilityDataAtPath(result, ["presentation"]));
+  if (!presentation.success) return null;
+  const rows = capabilityDataAtPath(capabilityDataAtPath(result, ["data"]), presentation.data.rowsPath);
+  if (!Array.isArray(rows)) return null;
+  return { presentation: presentation.data, rows };
+};
+
+/** Result presentation is independent of optional app branding. */
+export const hasCapabilityTable = (block: Extract<AiTurnBlock, { kind: "tool" }>): boolean =>
+  block.status === "completed" && !block.isError && capabilityTable(block.result) !== null;

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

@@ -1,17 +1,9 @@
+import { capabilityTable } from "./capability-result";
 import { ButtonLink, DataTable, type DataTableColumn, useLocale } from "@k2b/ui";
 import { createMemo, For, Show } from "solid-js";
-import { CapabilitySemanticLinkSchema, CapabilityTablePresentationSchema, capabilityDataAtPath } from "../../contracts/capabilities";
+import { CapabilitySemanticLinkSchema, capabilityDataAtPath } from "../../contracts/capabilities";
 import { aiChatMessages } from "./messages";
 
-export const capabilityTable = (result: unknown) => {
-  if (!result || typeof result !== "object") return null;
-  const presentation = CapabilityTablePresentationSchema.safeParse(capabilityDataAtPath(result, ["presentation"]));
-  if (!presentation.success) return null;
-  const rows = capabilityDataAtPath(capabilityDataAtPath(result, ["data"]), presentation.data.rowsPath);
-  if (!Array.isArray(rows)) return null;
-  return { presentation: presentation.data, rows };
-};
-
 export const capabilityCellText = (value: unknown): string => {
   if (value === undefined || value === null) return "—";
   if (typeof value === "string") return value;

package/src/ai/chat/composer-adapter.ts

@@ -1,7 +1,7 @@
-import type { ChatAttachment, ChatModelOption, ChatSubmitInput } from "@k2b/ui";
+import type { ChatAttachment, ChatMention, ChatModelOption, ChatSubmitInput } from "@k2b/ui";
 import { AI_TURN_IMAGE_MAX_TOTAL_BYTES } from "../limits";
 import type { AiResourceMarker } from "../resource-markers";
-import type { AiPublicModelProfile, AiUserContentPart } from "../types";
+import type { AiDraftContentPart, AiPublicModelProfile, AiUserContentPart } from "../types";
 import {
   type AiComposerAttachment,
   FILE_INPUT_ACCEPT,
@@ -21,6 +21,7 @@ const AI_COMPOSER_TEXT_MAX_BYTES = AI_COMPOSER_TEXT_MAX_CHARS * 4;
 const AI_PASTED_TEXT_FILE_NAME = /^pasted-(?:text|[a-f0-9]{8})(?:-\d+)?\.txt$/i;
 
 export type AiComposerSendInput = {
+  draftContent?: AiDraftContentPart[];
   message?: string;
   content?: AiUserContentPart[];
   files?: File[];
@@ -96,7 +97,7 @@ const isAiComposerAttachment = (value: unknown): value is AiComposerAttachment =
   if (!value || typeof value !== "object") return false;
   const candidate = value as Partial<AiComposerAttachment>;
   return (
-    ["image", "file", "stored-file", "resource"].includes(candidate.kind ?? "") &&
+    ["image", "file", "stored-file", "resource", "project-file"].includes(candidate.kind ?? "") &&
     typeof candidate.id === "string" &&
     typeof candidate.name === "string"
   );
@@ -107,6 +108,24 @@ export const aiComposerAttachmentRecords = (attachments: readonly ChatAttachment
 
 export const aiComposerSendInput = (input: ChatSubmitInput): AiComposerSendInput => {
   const attachments = aiComposerAttachmentRecords(input.attachments);
+  if (input.mentions?.length || attachments.some(attachment => attachment.kind === "project-file")) {
+    const draftContent: AiDraftContentPart[] = [];
+    let offset = 0;
+    for (const mention of [...(input.mentions ?? [])].sort((a,b) => a.start - b.start)) {
+      if (mention.start < offset || mention.end > input.text.length || mention.start >= mention.end) continue;
+      const attachment = aiComposerAttachmentRecords([mention.attachment])[0];
+      if (!attachment || attachment.kind === "file" || attachment.kind === "image") continue;
+      if (mention.start > offset) draftContent.push({ type: "text", text: input.text.slice(offset, mention.start) });
+      draftContent.push(composerAttachmentPart(attachment, true));
+      offset = mention.end;
+    }
+    if (offset < input.text.length) draftContent.push({ type: "text", text: input.text.slice(offset) });
+    for (const attachment of attachments) {
+      if (attachment.kind !== "file" && attachment.kind !== "image") draftContent.push(composerAttachmentPart(attachment));
+    }
+    const files = attachments.flatMap(attachment => attachment.kind === "file" || attachment.kind === "image" ? [attachment.file] : []);
+    return { draftContent, files: files.length ? files : undefined };
+  }
   const files = attachments.filter(
     (attachment): attachment is PendingAiImage | PendingAiVfsFile => attachment.kind === "image" || attachment.kind === "file",
   );
@@ -167,3 +186,29 @@ export const readAiComposerFiles = async (
     discarded: Math.max(0, files.length - candidates.length),
   };
 };
+
+const composerAttachmentPart = (attachment: Exclude<AiComposerAttachment, {kind: "image" | "file"}>, inline = false): AiDraftContentPart => {
+  if (attachment.kind === "resource") return { type: "resource", ref: attachment.ref, title: attachment.name, icon: attachment.icon, href: attachment.href, inline };
+  if (attachment.kind === "project-file") return { type: "project-file", path: attachment.path, inline };
+  return { type: "file", path: attachment.path, version: attachment.version, mediaType: attachment.mediaType, size: attachment.size, inline };
+};
+
+/** Hydrate the same ordered content used by the server draft and queued messages. */
+export function aiComposerDraft(content: readonly AiDraftContentPart[]): { text: string; mentions: ChatMention[]; attachments: AiComposerAttachment[] } {
+  let text = "";
+  const mentions: ChatMention[] = [];
+  const attachments: AiComposerAttachment[] = [];
+  for (const part of content) {
+    if (part.type === "text") { text += part.text; continue; }
+    const attachment: AiComposerAttachment = part.type === "resource"
+      ? { kind: "resource", id: `resource:${part.ref.type}:${part.ref.id}`, ref: part.ref, name: part.title ?? part.ref.id, icon: part.icon ?? "ti ti-link", href: part.href }
+      : part.type === "project-file"
+        ? { kind: "project-file", id: part.path, path: part.path, name: part.path, icon: "ti ti-file" }
+        : { kind: "stored-file", id: `file:${part.path}:${part.version}`, path: part.path, name: part.path.split("/").at(-1) || part.path, version: part.version, mediaType: part.mediaType, size: part.size, icon: "ti ti-file" };
+    if (part.inline) {
+      mentions.push({ start: text.length, end: text.length + attachment.name.length, attachment: aiChatAttachments([attachment])[0]! });
+      text += attachment.name;
+    } else attachments.push(attachment);
+  }
+  return { text, mentions, attachments };
+}

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

@@ -28,6 +28,8 @@ type RetryMessageHandler = (entry: AiStoredMessage, input?: AiRetryMessageInput)
 type RetrySteerHandler = (block: Extract<AiTurnBlock, { kind: "steer_message" }>) => void | Promise<void>;
 
 export type AiChatActions = {
+  /** Host-owned visualizations, persisted independently of the execution session. */
+  renderCodePresentation?: (result: unknown) => JSX.Element;
   /** Prevents turn-continuation actions while the current turn is stopping. */
   actionDisabled?: () => boolean;
   onApproval?: ApprovalHandler;
@@ -36,8 +38,12 @@ export type AiChatActions = {
   onRetryMessage?: RetryMessageHandler;
   onRetrySteer?: RetrySteerHandler;
   onMessageFeedback?: (entry: AiStoredMessage, feedback: Omit<AiMessageFeedback, "updatedAt"> | null) => void | Promise<void>;
+  /** Open the originating background run for a delivered scheduled result. */
+  onOpenScheduledTaskRun?: (taskId: string, occurrenceId: string) => void;
   /** Open a conversation VFS file in the host application's artifact surface. */
   onOpenFile?: (path: string) => void;
+  /** Resolve a Markdown link only when it identifies a known conversation file. */
+  resolveFileLink?: (href: string) => { path: string; href: string } | null;
   /** Download URL for a conversation VFS file (present blocks, attachment chips). */
   fileUrl?: (path: string) => string | null;
 };
@@ -53,8 +59,8 @@ export function AiChatActionsProvider(props: { actions?: AiChatActions; children
   return <AiChatActionContext.Provider value={props.actions ?? {}}>{props.children}</AiChatActionContext.Provider>;
 }
 
-const usageValue = (usage: Usage | null | undefined, key: "input" | "output" | "total" | "creditsUsed") => {
-  const value = (usage as Partial<Record<"input" | "output" | "total" | "creditsUsed", unknown>> | null | undefined)?.[key];
+const usageValue = (usage: Usage | null | undefined, key: "input" | "output" | "total") => {
+  const value = (usage as Partial<Record<"input" | "output" | "total", unknown>> | null | undefined)?.[key];
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 };
 
@@ -70,7 +76,6 @@ const assistantResponseInfo = (entries: AiStoredMessage[], locale: string) => {
   const toolCalls = blocks.filter((block) => block.type === "tool_call");
   const aggregate = entry.loopAggregate;
   const usage = aggregate?.usage ?? entry.usage;
-  const credits = usageValue(usage, "creditsUsed");
   const timing = aggregate?.timing;
 
   const meta = [
@@ -100,7 +105,6 @@ const assistantResponseInfo = (entries: AiStoredMessage[], locale: string) => {
       input: usageValue(usage, "input"),
       output: usageValue(usage, "output"),
       total: usageValue(usage, "total"),
-      credits,
     },
     turns: aggregate?.assistantMessageCount ?? 1,
     toolCallCount: aggregate?.toolCallCount ?? toolCalls.length,
@@ -184,9 +188,6 @@ const openAssistantResponseInfo = (entries: AiStoredMessage[], locale: string) =
                 accent={{ tone: "red", icon: "ti ti-alert-triangle" }}
               />
             </Show>
-            <Show when={info.usage.credits !== null && info.usage.credits > 0}>
-              <StatCell label="Credits" value={info.usage.credits?.toLocaleString(locale, { maximumFractionDigits: 6 }) ?? "–"} />
-            </Show>
           </StatGrid>
 
           <Show when={info.tools.length > 0}>

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

@@ -1,3 +1,4 @@
+import { AI_AUDIO_EXTENSIONS } from "../audio-format";
 import type { Message, Usage } from "@k2b/nessi";
 import { fileIcons } from "@k2b/stdlib";
 import { formatBytes as sharedFormatBytes } from "../../shared/format";
@@ -20,6 +21,7 @@ export type AiForkMessageInput = {
 };
 
 export type AiComposerAttachment =
+  | { kind: "project-file"; id: string; name: string; path: string; icon: string }
   | {
       kind: "image";
       id: string;
@@ -111,6 +113,8 @@ export const TEXT_ATTACHMENT_MEDIA_TYPES = new Set([
 ]);
 export const FILE_INPUT_ACCEPT = [
   ...AI_IMAGE_MEDIA_TYPES,
+  "audio/*",
+  ...AI_AUDIO_EXTENSIONS.map((extension) => `.${extension}`),
   "text/*",
   ...Array.from(TEXT_ATTACHMENT_MEDIA_TYPES),
   ...Array.from(new Set([...TEXT_ATTACHMENT_EXTENSIONS, ...DOCUMENT_ATTACHMENT_EXTENSIONS]), (extension) => `.${extension}`),
@@ -228,14 +232,20 @@ export type AiLatestUsageSnapshot = {
 export const latestUsageSnapshot = (messages: AiStoredMessage[]): AiLatestUsageSnapshot | null => {
   for (let i = messages.length - 1; i >= 0; i--) {
     const entry = messages[i];
+    if (entry?.message.role !== "assistant") continue;
     const request = entry?.loopAggregate?.turns.findLast((turn) => Boolean(turn.usage))?.usage ?? entry?.usage;
     if (request) {
       return {
         request,
-        loop: entry?.loopAggregate?.usage ?? entry?.usage ?? request,
+        loop: entry?.loopAggregate?.usage ?? (entry?.loopId ? messages.filter(message => message.loopId === entry.loopId && message.message.role === "assistant").reduce<Usage>((sum, message) => ({
+          input: sum.input + (message.usage?.input ?? 0), output: sum.output + (message.usage?.output ?? 0), total: sum.total + (message.usage?.total ?? 0),
+          ...((sum.cacheRead !== undefined || message.usage?.cacheRead !== undefined) ? { cacheRead: (sum.cacheRead ?? 0) + (message.usage?.cacheRead ?? 0) } : {}),
+        }), { input: 0, output: 0, total: 0 }) : request),
         modelProfileId: entry?.modelProfileId ?? null,
       };
     }
+    // A provider without usage must not inherit a previous request's numbers.
+    return null;
   }
   return null;
 };
@@ -294,6 +304,7 @@ const BUILT_IN_TOOL_ICONS = new Map<string, string>([
   ["search_tools", "ti ti-ai-gateway"],
   ["load_tools", "ti ti-ai-gateway"],
   ["load_skill", "ti ti-sparkles"],
+  ["todo_write", "ti ti-list-check"],
   ["list_apps", "ti ti-apps"],
   ["read_cloud_resource", "ti ti-ai-gateway"],
 ]);

package/src/ai/chat/messages.ts

@@ -4,6 +4,7 @@ const messages = i18n.define({
   baseLocale: "en",
   messages: {
     en: {
+      backgroundRun: "Background run",
       tableLinks: "Links",
       tableOpen: "Open",
       tableEmpty: "No matching rows.",
@@ -20,6 +21,7 @@ const messages = i18n.define({
       byteRange: ({ start, end }: { start: string; end: string }) => `Bytes ${start}–${end}`,
     },
     de: {
+      backgroundRun: "Hintergrundlauf",
       tableLinks: "Links",
       tableOpen: "Öffnen",
       tableEmpty: "Keine passenden Zeilen.",