diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index 21ba4e7d7b46..e79f27f21bae 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -1,4 +1,4 @@
-import { onCleanup, Show, Match, Switch, createMemo, createEffect, on, onMount } from "solid-js"
+import { For, onCleanup, Show, Match, Switch, createMemo, createEffect, createSignal, on, onMount } from "solid-js"
import { createMediaQuery } from "@solid-primitives/media"
import { createResizeObserver } from "@solid-primitives/resize-observer"
import { useLocal } from "@/context/local"
@@ -15,7 +15,8 @@ import { checksum, base64Encode } from "@opencode-ai/util/encode"
import { useDialog } from "@opencode-ai/ui/context/dialog"
import { useLanguage } from "@/context/language"
import { useNavigate, useParams } from "@solidjs/router"
-import { UserMessage } from "@opencode-ai/sdk/v2"
+import { UserMessage, AssistantMessage } from "@opencode-ai/sdk/v2"
+import type { FileDiff } from "@opencode-ai/sdk/v2/client"
import { useSDK } from "@/context/sdk"
import { usePrompt } from "@/context/prompt"
import { useComments } from "@/context/comments"
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/dialog-inspect.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/dialog-inspect.tsx
new file mode 100644
index 000000000000..fdc55bd8b904
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/dialog-inspect.tsx
@@ -0,0 +1,282 @@
+import { TextAttributes, ScrollBoxRenderable } from "@opentui/core"
+import { useKeyboard } from "@opentui/solid"
+import { useDialog } from "../../ui/dialog"
+import { useTheme } from "@tui/context/theme"
+import type { Part, AssistantMessage } from "@opencode-ai/sdk/v2"
+import { Clipboard } from "../../util/clipboard"
+import { useToast } from "../../ui/toast"
+import { createSignal, Show } from "solid-js"
+
+interface DialogInspectProps {
+ message: AssistantMessage
+ parts: Part[]
+}
+
+function toYaml(obj: any, indent = 0): string {
+ if (obj === null) return "null"
+ if (obj === undefined) return "undefined"
+ if (typeof obj !== "object") return String(obj)
+
+ const spaces = " ".repeat(indent)
+
+ if (Array.isArray(obj)) {
+ if (obj.length === 0) return "[]"
+ return obj
+ .map((item) => {
+ if (typeof item === "object" && item !== null) {
+ return `\n${spaces}- ${toYaml(item, indent + 2).trimStart()}`
+ }
+ return `\n${spaces}- ${String(item)}`
+ })
+ .join("")
+ }
+
+ const keys = Object.keys(obj)
+ if (keys.length === 0) return "{}"
+
+ return keys
+ .map((key) => {
+ const value = obj[key]
+ if (typeof value === "object" && value !== null) {
+ if (Array.isArray(value) && value.length === 0) return `\n${spaces}${key}: []`
+ if (Object.keys(value).length === 0) return `\n${spaces}${key}: {}`
+ return `\n${spaces}${key}:${toYaml(value, indent + 2)}`
+ }
+ if (typeof value === "string" && value.includes("\n")) {
+ return `\n${spaces}${key}: |\n${value
+ .split("\n")
+ .map((l) => spaces + " " + l)
+ .join("\n")}`
+ }
+ return `\n${spaces}${key}: ${String(value)}`
+ })
+ .join("")
+}
+
+function PartView(props: { part: Part; theme: any; syntax: any }) {
+ const { part, theme, syntax } = props
+
+ if (part.type === "text") {
+ return (
+
+
+ Text
+
+ {part.text}
+
+ )
+ }
+
+ if (part.type === "patch") {
+ return (
+
+
+ Patch ({part.hash.substring(0, 7)})
+
+ Updated files:
+
+ {part.files.map((f) => (
+ - {f}
+ ))}
+
+
+ )
+ }
+
+ if (part.type === "tool") {
+ return (
+
+
+ Tool Use: {part.tool} ({part.state.status})
+
+
+ Input:
+ {toYaml(part.state.input).trim()}
+
+
+
+ Output:
+ {(part.state as any).output}
+
+
+
+
+ Error:
+ {(part.state as any).error}
+
+
+
+ )
+ }
+
+ if (part.type === "reasoning") {
+ return (
+
+
+ Reasoning
+
+ {part.text}
+
+ )
+ }
+
+ if (part.type === "file") {
+ return (
+
+
+ File Attachment
+
+ Name: {part.filename || "Unknown"}
+ Mime: {part.mime}
+ URL: {part.url}
+
+ )
+ }
+
+ return (
+
+
+ {part.type}
+
+
+
+ {(key) => {
+ const item = createMemo(() => grouped().items[key])
+ const ctx = createMemo(() => {
+ const value = item()
+ if (!value) return
+ if (value.type !== "context") return
+ return value
+ })
+ const part = createMemo(() => {
+ const value = item()
+ if (!value) return
+ if (value.type !== "part") return
+ return value
+ })
+ return (
+ <>
+ {(entry) => }
+
+ {(entry) => (
+
+ )}
+
+
+ )
+ }}
+
+