@k2b/cloud 0.6.0 → 0.8.0

package/src/ai/chat/blocks.tsx

@@ -1,12 +1,13 @@
 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, 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 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";
@@ -25,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";
 
@@ -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,190 @@ 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} />
-      </Match>
-      <Match when={isCardToolName(props.block.name) && !props.block.isError}>
-        <CloudCardBlock args={props.block.args} />
+    <>
+      <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={isSurveyToolName(props.block.name) && !props.block.isError}>
-        <SurveyToolView turnId={props.turnId} block={props.block} active={props.active} />
+      <Match when={props.block.kind === "thinking" && props.block}>
+        {(block) => <ThinkingBlockView text={block().text} streaming={props.streaming} />}
       </Match>
-      <Match when={isTextEditorToolName(props.block.name)}>
-        <TextEditorToolView 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={status() === "running" || status() === "awaiting_client"}>
-        <Chat.Activity label={displayToolName(props.block.name)} icon={aiToolIcon(props.block.name)} busy />
+      <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()} />}</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,21 +820,47 @@ 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}>
+    <Show when={groups().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 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>

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-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 { 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 { capabilityTable } from "./capability-result";
 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,64 @@ 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}>