diff --git a/apps/web/e2e/app.spec.ts b/apps/web/e2e/app.spec.ts
index 890cef214..683572bda 100644
--- a/apps/web/e2e/app.spec.ts
+++ b/apps/web/e2e/app.spec.ts
@@ -467,7 +467,7 @@ test("recent conversations only show records created from the conversation home"
   await expect(navigation.locator(".sidebar-recent-row").first()).toContainText("Second local conversation");
 });
 
-test("normal conversation renders inline approvals and resolves them from the composer", async ({ page }) => {
+test("normal conversation queues blocking approval dialogs without resizing the composer", async ({ page }) => {
   await useEnglishLocale(page);
   const state = createBaseState({ approvalStatus: "expired" });
   const threadId = "thread_normal_inline_approvals";
@@ -555,30 +555,106 @@ test("normal conversation renders inline approvals and resolves them from the co
   await page.goto("/");
 
   const navigation = page.getByLabel("Ling Stack navigation");
-  await navigation.locator(".sidebar-recent-row").filter({ hasText: "Normal inline approvals" }).click();
+  const recentRow = navigation.locator(".sidebar-recent-row").filter({ hasText: "Normal inline approvals" });
+  await recentRow.click();
   const conversation = page.getByLabel("Conversation page");
   const composer = conversation.getByLabel("New conversation composer");
-  const strip = composer.getByRole("region", { name: "Composer approval overlay" });
-  await expect(strip).toBeVisible();
-  await expect(strip).toContainText("Approve normal shell command");
-  await expect(strip).toContainText("2 pending approvals");
-  await strip.getByRole("button", { name: /Show other approvals/ }).click();
-  await expect(strip).toContainText("Approve normal file edit");
-
-  await strip.getByRole("button", { name: "Details" }).first().click();
-  const inbox = page.locator("[data-approvals-ui2-page]");
-  await expect(inbox).toBeVisible();
-  await expect(inbox.locator("[data-approval-detail-id='approval_normal_shell']")).toContainText("Approve normal shell command");
-
-  await navigation.locator(".sidebar-recent-row").filter({ hasText: "Normal inline approvals" }).click();
-  const returnedStrip = page.getByLabel("New conversation composer").getByRole("region", { name: "Composer approval overlay" });
-  await returnedStrip.getByRole("button", { name: "Approve" }).click();
+  const dialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(dialog).toBeVisible();
+  await expect(dialog).toContainText("Run command: echo normal");
+  await expect(dialog).not.toContainText("Approve normal shell command");
+  await expect(dialog).not.toContainText("pending approvals");
+  await expect(dialog).not.toContainText("Approve normal file edit");
+  await expect(composer.locator(".approval-inline-strip")).toHaveCount(0);
+  const pendingWorkCell = conversation.locator('[data-approval-presentation-owner="dialog"]');
+  await expect(pendingWorkCell).toBeVisible();
+  await expect(pendingWorkCell).toContainText("Waiting for approval");
+  await expect(pendingWorkCell).toContainText("Run command: echo normal");
+  await expect(pendingWorkCell).not.toContainText("Approve normal shell command");
+  await expect(pendingWorkCell).not.toContainText("Approve normal file edit");
+  await expect(pendingWorkCell.locator(".conversation-work-cell-evidence-summary")).toHaveCount(0);
+  await expect(pendingWorkCell.locator(".conversation-operation-shell-body")).toHaveCount(0);
+  const composerHeight = await composer.evaluate((element) => element.getBoundingClientRect().height);
+
+  await page.keyboard.press("Escape");
+  await expect(dialog).toBeVisible();
+  await page.mouse.click(4, 4);
+  await expect(dialog).toBeVisible();
+
+  await dialog.getByRole("button", { name: "Allow" }).click();
   await expect.poll(() => state.approvals.find((approval) => approval.id === "approval_normal_shell")?.status).toBe("approved");
-  await expect(returnedStrip).toContainText("1 pending approvals");
+  await expect(dialog).toContainText("Modify file: README.md");
+  await expect(dialog).not.toContainText("Approve normal file edit");
+  await expect(dialog).not.toContainText("pending approvals");
 
-  await returnedStrip.getByRole("button", { name: "Deny" }).click();
+  await dialog.getByRole("button", { name: "Deny" }).click();
   await expect.poll(() => state.approvals.find((approval) => approval.id === "approval_normal_edit")?.status).toBe("denied");
-  await expect(page.getByLabel("New conversation composer").getByRole("region", { name: "Composer approval overlay" })).toHaveCount(0);
+  await expect(dialog).toHaveCount(0);
+  expect(await composer.evaluate((element) => element.getBoundingClientRect().height)).toBe(composerHeight);
+  await expect(recentRow).toBeFocused();
+});
+
+test("teammate private chat resolves its runtime approval through the shared dialog", async ({ page }) => {
+  await useEnglishLocale(page);
+  const state = createBaseState({ approvalStatus: "expired" });
+  const teammateId = "teammate_private_approval";
+  const runId = "run_private_approval";
+  const threadId = `tdthread_${teammateId}`;
+  state.aiTeammates = [createMockTeammate({ id: teammateId, displayName: "Private Approver" })];
+  state.runs.unshift({
+    ...state.runs[0],
+    id: runId,
+    teammateId,
+    threadId: "thread_private_approval",
+    status: "waiting_for_approval",
+    updatedAt: "2026-07-20T03:00:00.000Z",
+  });
+  state.teammateDirectMessages = [{
+    id: "tdmsg_private_approval",
+    workspaceId: "workspace_default",
+    threadId,
+    teammateId,
+    authorType: "ai-teammate",
+    authorId: teammateId,
+    body: "Waiting for the private approval.",
+    attachmentIds: [],
+    linkPreviewIds: [],
+    fileRefs: [],
+    status: "ready",
+    linkedRunId: runId,
+    createdAt: "2026-07-20T03:00:00.000Z",
+    updatedAt: "2026-07-20T03:00:00.000Z",
+  }];
+  state.approvals = [{
+    id: "approval_private_edit",
+    runId,
+    actionType: "edit",
+    risk: "low",
+    title: "Approve private file edit",
+    description: "private-notes.md",
+    payload: { type: "file_edit", path: "private-notes.md" },
+    status: "pending",
+    createdAt: "2026-07-20T03:00:00.000Z",
+  }];
+  await mockDaemon(page, state);
+  await page.goto("/");
+
+  await page.getByLabel("Ling Stack navigation").getByRole("button", { name: "Private Approver" }).click();
+  const composer = page.locator(".teammate-direct-composer");
+  const composerHeight = await composer.evaluate((element) => element.getBoundingClientRect().height);
+  const dialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(dialog).toContainText("Modify file: private-notes.md");
+  await expect(dialog).not.toContainText("Approve private file edit");
+  const pendingWorkCell = page.locator('.teammate-private-feed-owner [data-approval-presentation-owner="dialog"]');
+  await expect(pendingWorkCell).toBeVisible();
+  await expect(pendingWorkCell).toContainText("Waiting for approval");
+  await expect(pendingWorkCell).toContainText("Modify file: private-notes.md");
+  await expect(pendingWorkCell).not.toContainText("Approve private file edit");
+  await expect(pendingWorkCell.locator(".conversation-operation-shell-body")).toHaveCount(0);
+  await dialog.getByRole("button", { name: "Deny" }).click();
+  await expect.poll(() => state.approvals[0]?.status).toBe("denied");
+  await expect(dialog).toHaveCount(0);
+  expect(await composer.evaluate((element) => element.getBoundingClientRect().height)).toBe(composerHeight);
 });
 
 test("normal conversation full access confirms before creating the run", async ({ page }) => {
@@ -626,6 +702,7 @@ test("normal conversation full access confirms before creating the run", async (
     const snapshot = state.runs[0]?.requestSnapshot;
     return isRecord(snapshot) ? [snapshot.authorizationMode, snapshot.workspaceAccessMode] : [];
   }).toEqual(["always", "full_access"]);
+  await expect(page.getByRole("dialog", { name: "Allow this action?" })).toHaveCount(0);
 });
 
 test("normal conversation composer sends and replays uploaded attachments", async ({ page }) => {
diff --git a/apps/web/e2e/channel.spec.ts b/apps/web/e2e/channel.spec.ts
index baba3e07a..25006fbf6 100644
--- a/apps/web/e2e/channel.spec.ts
+++ b/apps/web/e2e/channel.spec.ts
@@ -38,6 +38,23 @@ function channelComposerTextbox(scope: Page | Locator): Locator {
   return scope.getByRole("textbox", { name: "Message this channel or @ an AI teammate", exact: true });
 }
 
+async function openTaskProposalDialog(page: Page, title: string): Promise<Locator> {
+  const dialog = page.getByRole("dialog", { name: "Task confirmation" });
+  const summary = page.getByLabel("Task proposal summary").filter({ hasText: title });
+  await expect.poll(async () => await dialog.isVisible() || await summary.isVisible()).toBe(true);
+  if (await dialog.isVisible()) {
+    if ((await dialog.innerText()).includes(title)) return dialog.locator(".channel-execution-proposal-decision");
+    await dialog.getByRole("button", { name: "Close" }).click();
+  }
+  try {
+    await summary.getByRole("button", { name: "View task" }).click();
+  } catch (error) {
+    if (!await dialog.isVisible()) throw error;
+  }
+  await expect(dialog).toBeVisible();
+  return dialog.locator(".channel-execution-proposal-decision");
+}
+
 function createLineagePlan(overrides: Partial<ProposedPlanArtifact>): ProposedPlanArtifact {
   return {
     id: "plan_lineage",
@@ -265,7 +282,7 @@ async function readOverlappingVirtualFeedRows(page: Page): Promise<string[]> {
 
 test("channel governance notifications stay in the header review queue", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.governanceNotifications = [
     {
       id: "gov_memory_candidate_1",
@@ -309,7 +326,7 @@ test("channel governance notifications stay in the header review queue", async (
 
 test("channel header hides empty governance review queue while notifications load", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.governanceNotifications = [];
   state.governanceNotificationDelayMs = 1_000;
   let requestStarted = false;
@@ -402,7 +419,7 @@ test("terminal bottom panel runs commands in the channel workspace", async ({ pa
 
 test("channel team metrics stay in settings without a conversation expert summary", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_team_source",
@@ -585,7 +602,7 @@ test("channel team metrics stay in settings without a conversation expert summar
 test("global sidebar keeps fixed chrome, scrollable recents, and a true compact rail", async ({ page }) => {
   await useEnglishLocale(page);
   await page.setViewportSize({ width: 1280, height: 720 });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [
     createMockTeammate({ id: "teammate_drawer_designer", displayName: "Designer" }),
     createMockTeammate({ id: "teammate_drawer_research", displayName: "Research" }),
@@ -803,7 +820,7 @@ test("global sidebar keeps fixed chrome, scrollable recents, and a true compact
 test("narrow channel viewport keeps the conversation column usable", async ({ page }) => {
   await useEnglishLocale(page);
   await page.setViewportSize({ width: 390, height: 844 });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -1752,19 +1769,19 @@ test("conversation motion respects reduced motion preference", async ({ page })
 
 test("approval event opens approval detail inside the conversation page", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
 
   await openChannelChatTools(page);
-  const approvalBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approve shell command" });
+  const approvalBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approval expired" });
   await expect(approvalBubble).toBeVisible();
   await approvalBubble.getByRole("button", { name: "Open approval" }).click();
 
   const approvalOverlay = page.locator(".conversation-detail-overlay");
   await expect(approvalOverlay).toBeVisible();
   await expect(approvalOverlay).toHaveAttribute("aria-label", "Approval details");
-  await expect(approvalOverlay.locator(".channel-approval-detail-panel")).toContainText("Approve shell command");
+  await expect(approvalOverlay.locator(".channel-approval-detail-panel")).toContainText("Approval expired");
   await expect(page.locator(".channel-side-panel")).toHaveCount(0);
 });
 
@@ -1772,7 +1789,7 @@ test("channel drawer does not flash legacy create labels in section headers", as
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [];
   await mockDaemon(page, state);
   await page.goto("/");
@@ -1789,7 +1806,7 @@ test("channel drawer does not flash legacy create labels in section headers", as
 
 test("empty channel drawer opens the new channel dialog", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   configureReadyConversationModel(state);
   state.channels = [];
   state.channelBranches = [];
@@ -1815,7 +1832,7 @@ test("empty channel drawer opens the new channel dialog", async ({ page }) => {
 
 test("new channel dialog selects a project folder before create", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   configureReadyConversationModel(state);
   await mockDaemon(page, state);
   await page.goto("/");
@@ -1849,7 +1866,7 @@ test("new channel dialog selects a project folder before create", async ({ page
 
 test("new channel dialog shows create failures inline", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   configureReadyConversationModel(state);
   state.failNextChannelCreate = {
     error: "channel_create_failed",
@@ -1956,7 +1973,7 @@ test("channel composer does not render the resource lease active work strip", as
 test("wide channel progress popover does not resize the conversation", async ({ page }) => {
   await useEnglishLocale(page);
   await page.setViewportSize({ width: 2048, height: 1140 });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_attention_layout",
@@ -2021,7 +2038,7 @@ test("wide channel progress popover does not resize the conversation", async ({
 
 test("channel runtime policy is visible while preferred specialist controls stay hidden", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   configureReadyConversationModel(state);
   state.aiTeammates = [
     createMockTeammate({ id: "engineer", displayName: "Ling Engineer" }),
@@ -2142,7 +2159,7 @@ test("channel runtime policy is visible while preferred specialist controls stay
 
 test("channel reply routing mode is not exposed in ordinary settings", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   configureReadyConversationModel(state);
   state.aiTeammates = [
     createMockTeammate({ id: "engineer", displayName: "Ling Engineer" }),
@@ -2178,7 +2195,7 @@ test("multi-role channel messages create workflow proposals instead of AI replie
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channels = state.channels.map((channel) =>
     isRecord(channel) && channel.id === "channel_engineering"
       ? { ...channel, defaultTeammateId: "teammate_builtin_engineer", autoReplyMode: "default_teammate" }
@@ -2216,12 +2233,16 @@ test("multi-role channel messages create workflow proposals instead of AI replie
   expect(state.lastChannelTurnRequest).not.toHaveProperty("providerPresetId");
   await expect.poll(() => state.channelExecutionProposals.length).toBe(1);
   await expect.poll(() => state.channelMessages.filter((message) => isRecord(message) && message.kind === "ai_reply").length).toBe(0);
-  const proposal = page.getByLabel("Task confirmation");
+  const proposal = await openTaskProposalDialog(page, "Architect 先拆，Engineer 实现，QA 验证，可以吗？");
   await expect(proposal).toContainText("Architect 先拆，Engineer 实现，QA 验证，可以吗？");
   await expect(proposal).toContainText("Engineer");
-  await expect(proposal.locator(".channel-proposal-collaboration")).toContainText("Collaboration 1 records");
-  await expect(proposal).toContainText("Non-direct multi-agent collaboration waits for confirmation");
-  await expect(proposal).toContainText("Starting this task does not approve future runtime actions");
+  await expect(proposal).toContainText("Required permissions");
+  await expect(proposal).toContainText("Read files");
+  await expect(proposal).toContainText("Run commands");
+  await expect(proposal).toContainText("Modify files");
+  await expect(proposal).not.toContainText("Collaboration");
+  await expect(proposal).not.toContainText("Non-direct multi-agent collaboration waits for confirmation");
+  await expect(proposal).not.toContainText("Starting this task does not approve future runtime actions");
   await expect(proposal.getByRole("button", { name: "Authorize and start task" })).toBeVisible();
   await expect(page.getByText("AI teammate is preparing a reply...")).toHaveCount(0);
   await expect.poll(() => {
@@ -2230,7 +2251,7 @@ test("multi-role channel messages create workflow proposals instead of AI replie
   }).toBe("workflow_proposal|accepted|deterministic");
 });
 
-test("task confirmation cards explain bounded tool permission and target", async ({ page }) => {
+test("task confirmation shows only the task, Agent, and product permission labels", async ({ page }) => {
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
@@ -2312,26 +2333,29 @@ test("task confirmation cards explain bounded tool permission and target", async
   await page.goto("/");
   await openEngineeringChannel(page);
 
-  const confirmations = page.getByLabel("Task confirmation");
-  await expect(confirmations).toHaveCount(3);
-  const createCard = confirmations.filter({ hasText: "Create README.md" });
-  await expect(createCard).toContainText("Need write permission to create /tmp/example/README.md for this task.");
-  await expect(createCard).toContainText("Required tool");
-  await expect(createCard).toContainText("write");
-  await expect(createCard).toContainText("Target");
-  await expect(createCard).toContainText("/tmp/example/README.md");
-  await expect(createCard).toContainText("Executor");
+  const summaries = page.getByLabel("Task proposal summary");
+  await expect(summaries).toHaveCount(3);
+  const createCard = await openTaskProposalDialog(page, "Create README.md");
+  await expect(createCard.getByText("Task", { exact: true })).toBeVisible();
+  await expect(createCard.getByText("Agent", { exact: true })).toBeVisible();
+  await expect(createCard.getByText("Required permissions", { exact: true })).toBeVisible();
+  await expect(createCard).toContainText("Modify files");
   await expect(createCard).toContainText("Ling Agent");
+  await expect(createCard).not.toContainText("Need write permission");
+  await expect(createCard).not.toContainText("/tmp/example/README.md");
+  await expect(createCard).not.toContainText(/\bwrite\b/u);
 
-  const editCard = confirmations.filter({ hasText: "Edit docs/guide.md" });
-  await expect(editCard).toContainText("Need edit permission to update docs/guide.md for this task.");
-  await expect(editCard).toContainText("edit");
+  const editCard = await openTaskProposalDialog(page, "Edit docs/guide.md");
+  await expect(editCard).toContainText("Modify files");
+  await expect(editCard).not.toContainText("Need edit permission");
+  await expect(editCard.locator(".channel-proposal-permission-chips")).not.toContainText(/\bedit\b/u);
 
-  const commandCard = confirmations.filter({ hasText: "Run pnpm test" });
-  await expect(commandCard).toContainText("Need bash permission to run pnpm test for this task.");
-  await expect(commandCard).toContainText("bash");
+  const commandCard = await openTaskProposalDialog(page, "Run pnpm test");
+  await expect(commandCard).toContainText("Run commands");
+  await expect(commandCard).not.toContainText("Need bash permission");
+  await expect(commandCard.locator(".channel-proposal-permission-chips")).not.toContainText(/\bbash\b/u);
 
-  await expect(commandCard).toContainText("Starting this task does not approve future runtime actions");
+  await expect(commandCard).not.toContainText("Starting this task does not approve future runtime actions");
   await expect(commandCard.getByRole("button", { name: "Authorize and start task" })).toBeVisible();
 });
 
@@ -2515,9 +2539,14 @@ test("ordinary channel feed hides routing and intent decision internals", async
   await page.goto("/");
   await openEngineeringChannel(page);
 
+  const autoOpenedProposal = page.getByRole("dialog", { name: /Task confirmation|任务确认/u });
+  if (await autoOpenedProposal.isVisible().catch(() => false)) {
+    await expect(autoOpenedProposal).toContainText("Edit README.md");
+    await autoOpenedProposal.getByRole("button", { name: /Close|关闭/u }).click();
+  }
   const feed = page.locator(".activity-shell");
   await expect(feed.getByText("晚上好")).toBeVisible();
-  await expect(feed.locator(".channel-execution-proposal").filter({ hasText: "Edit README.md" })).toBeVisible();
+  await expect(page.getByLabel(/Task proposal summary|任务提案摘要/u).filter({ hasText: "Edit README.md" })).toBeVisible({ timeout: 10_000 });
   await expect(feed.getByText("未自动回复")).toHaveCount(0);
   await expect(feed.getByText("为什么没回复")).toHaveCount(0);
   await expect(feed.getByText("Ling 未回复")).toHaveCount(0);
@@ -2533,7 +2562,7 @@ test("ordinary channel feed hides routing and intent decision internals", async
 
 test("channel context inspector exposes safe metadata and recovers from a stale segment correction", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const channelId = "channel_engineering";
   const threadId = "thread_context_inspect";
   const turnId = "turn_msg_context_inspect";
@@ -2767,7 +2796,7 @@ test("channel settings can add and remove teammates without preferred specialist
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channels = state.channels.map((channel) =>
     isRecord(channel) && channel.id === "channel_engineering"
       ? { ...channel, defaultTeammateId: undefined }
@@ -2879,7 +2908,7 @@ test("channel settings attaches an AI council by reference", async ({ page }) =>
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channels = state.channels.map((channel) =>
     isRecord(channel) && channel.id === "channel_engineering"
       ? { ...channel, defaultTeammateId: undefined }
@@ -2984,7 +3013,7 @@ test("channel settings attaches an AI council by reference", async ({ page }) =>
 
 test("channel message feed renders AI teammate avatar images", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [
     createMockTeammate({
       id: "teammate_builtin_designer",
@@ -3080,7 +3109,7 @@ test("channel message feed renders AI teammate avatar images", async ({ page })
 
 test("channel message feed shows usable web sources and keeps diagnostics in the right dock", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [createMockTeammate({ id: "engineer", displayName: "Ling Engineer" })];
   state.channelMessages = [
     {
@@ -3265,7 +3294,7 @@ test("channel message feed shows usable web sources and keeps diagnostics in the
 
 test("right dock browser evidence exposes failed read URL detail", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [createMockTeammate({ id: "engineer", displayName: "Ling Engineer" })];
   state.channelMessages = [
     {
@@ -3332,7 +3361,7 @@ test("right dock browser evidence exposes failed read URL detail", async ({ page
 
 test("conversation turn transcript omits web diagnostics without usable sources", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_web_turn_user",
@@ -3399,7 +3428,7 @@ test("channel settings manage workspace binding", async ({ page }) => {
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -3470,7 +3499,7 @@ test("channel settings manage workspace binding", async ({ page }) => {
 
 test("channel more menu renames the selected channel", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -3496,7 +3525,7 @@ test("channel more menu renames the selected channel", async ({ page }) => {
 
 test("paused channels disable task run actions", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channels = state.channels.map((channel) => isRecord(channel) ? { ...channel, status: "paused" } : channel);
   await mockDaemon(page, state);
   await page.goto("/");
@@ -3511,7 +3540,7 @@ test("channel activity supports mentions, messages, files, links, and topic repl
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.providers = [createChatProvider({
     lastCheck: {
       ok: true,
@@ -3703,7 +3732,7 @@ test("channel activity supports mentions, messages, files, links, and topic repl
 
 test("channel composer snapshots restore draft assets and topic replies across channel switches", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.linkPreviewDelayMs = 50;
   state.channels = [
     ...state.channels,
@@ -4088,7 +4117,7 @@ test("channel message body renders safe markdown, highlighted code, folded logs,
       },
     });
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const longJson = [
     "{",
     ...Array.from({ length: 32 }, (_, index) => `  "item${index + 1}": ${index + 1},`),
@@ -4414,7 +4443,7 @@ test("channel composer sends workspace file refs as native message payload", asy
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4437,7 +4466,7 @@ test("channel composer sends workspace file refs as native message payload", asy
   const references = page.getByLabel("References");
   const fileReference = references.getByRole("button", { name: /WorkspaceClientView\.tsx/ });
   await expect(fileReference).toBeVisible();
-  await fileReference.hover();
+  await fileReference.focus();
   await expect(references.getByRole("tooltip")).toContainText("apps/web/src/features/workspace/WorkspaceClientView.tsx");
   await fileReference.click();
   const filesDock = page.locator(".channel-side-panel.right-dock");
@@ -4450,7 +4479,7 @@ test("channel composer preserves IME composition until committed", async ({ page
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4491,7 +4520,7 @@ test("channel composer does not render multi-agent slash command tokens as file
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4515,7 +4544,7 @@ test("channel composer applies plan mode session commands without creating slash
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4605,7 +4634,7 @@ test("channel composer manages goal lifecycle from the floating panel", async ({
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4728,7 +4757,7 @@ test("channel feed renders proposed_plan blocks as proposed plan cards", async (
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4868,7 +4897,7 @@ test("channel feed renders proposed_plan blocks as proposed plan cards", async (
 
 test("workflow conversion preview infers owners without mutating until save", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -4964,7 +4993,7 @@ test("workflow conversion preview infers owners without mutating until save", as
 
 test("plan history groups lineage versions across thread and channel scopes", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -5129,7 +5158,7 @@ test("channel composer supports spaced teammate names before slash commands", as
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [createMockTeammate({ id: "ling_agent", displayName: "Ling Agent" })];
   state.runs = [];
   state.tasks = [];
@@ -5169,7 +5198,7 @@ test("channel composer opens slash picker for later slash tokens without multi-d
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -5202,7 +5231,7 @@ test("channel composer renders GitHub URLs as inline repo tokens", async ({ page
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -5223,7 +5252,7 @@ test("channel screenshot request shows materialization clarify reply instead of
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -5265,7 +5294,7 @@ test("channel local link request shows natural clarify copy without debug vocabu
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   state.tasks = [];
   state.approvals = [];
@@ -5439,7 +5468,7 @@ test("channel execution proposal confirms into a multi-step workflow", async ({
     }
   });
   page.on("pageerror", (error) => runtimeErrors.push(`pageerror:${error.message}`));
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.providers = [
     createChatProvider({
       id: "provider_ready",
@@ -5567,35 +5596,27 @@ test("channel execution proposal confirms into a multi-step workflow", async ({
   await page.goto("/");
   await openEngineeringChannel(page);
 
-  const proposal = page.getByLabel("Task confirmation");
+  const autoOpenedDialog = page.getByRole("dialog", { name: "Task confirmation" });
+  await expect(autoOpenedDialog).toBeVisible();
+  await autoOpenedDialog.getByRole("button", { name: "Close" }).click();
+  const proposalSummary = page.getByLabel("Task proposal summary").filter({ hasText: "Refine channel workspace copy" });
+  await expect(proposalSummary).toBeVisible();
+  await expect(proposalSummary.locator("xpath=..").locator(".channel-execution-proposal-summary-avatar")).toHaveAttribute("aria-label", "Ling Engineer");
+  await maybeCaptureViewportScreenshot(page, "task-proposal-compact-summary-with-avatar.png");
+
+  const proposal = await openTaskProposalDialog(page, "Refine channel workspace copy");
   await expect(proposal).toContainText("Refine channel workspace copy");
-  await expect(proposal).toContainText("Ling is shaping the task");
-  await expect(proposal).toContainText("Goal");
-  await expect(proposal).toContainText("Participants");
-  await expect(proposal).toContainText("Boundary");
   await expect(proposal).toContainText("Ling Engineer");
-  await expect(proposal).toContainText("Ling Designer");
-  const collaboration = proposal.locator(".channel-proposal-collaboration");
-  await expect(collaboration).not.toHaveAttribute("open", /.+/);
-  await expect(collaboration.locator("summary")).toContainText("Collaboration 2 records");
-  await expect(collaboration.locator("summary")).toContainText("Ling Engineer Summarized discussion into one execution proposal.");
-  await expect(collaboration.locator("summary")).toContainText("Ling Designer Checked visual hierarchy before execution.");
-  const overflowingProposalSections = await proposal.evaluate((element) => {
-    const proposalRect = element.getBoundingClientRect();
-    return Array.from(element.querySelectorAll(":scope > p, .channel-proposal-meta, .channel-proposal-criteria, .channel-proposal-risk, .channel-proposal-collaboration summary"))
-      .filter((node) => {
-        const rect = node.getBoundingClientRect();
-        return rect.left < proposalRect.left - 1 || rect.right > proposalRect.right + 1;
-      })
-      .map((node) => node.className || node.tagName.toLowerCase());
-  });
-  expect(overflowingProposalSections).toEqual([]);
-  await expect(collaboration.locator("li").first()).not.toBeVisible();
-  await collaboration.locator("summary").click();
-  await expect(collaboration.locator("li").first()).toBeVisible();
-  await expect(collaboration).toContainText("Coordinated");
-  await expect(collaboration).toContainText("Reviewed");
-  await expect(collaboration.locator(".channel-proposal-step-source")).toContainText("From Development Council");
+  await expect(proposal).toContainText("Required permissions");
+  await expect(proposal).toContainText("Read files");
+  await expect(proposal).toContainText("Run commands");
+  await expect(proposal).toContainText("Modify files");
+  await expect(proposal).not.toContainText("Ling is shaping the task");
+  await expect(proposal).not.toContainText("Participants");
+  await expect(proposal).not.toContainText("Boundary");
+  await expect(proposal).not.toContainText("Ling Designer");
+  await expect(proposal.locator(".channel-proposal-details, .channel-proposal-collaboration")).toHaveCount(0);
+  await maybeCaptureViewportScreenshot(page, "task-proposal-confirmation-dialog.png");
   await expect.poll(() => page.evaluate(() =>
     document.documentElement.scrollWidth - document.documentElement.clientWidth
   )).toBeLessThanOrEqual(1);
@@ -5667,9 +5688,10 @@ test("channel execution proposal confirms into a multi-step workflow", async ({
   await expect(workCell.getByRole("button", { name: "Open workflow evidence" })).toHaveCount(0);
 
   await openChannelChatTools(page);
-  const acceptedProposal = feed.getByLabel("Task confirmation").filter({ hasText: "Refine channel workspace copy" });
+  const acceptedProposal = feed.getByLabel("Task proposal summary").filter({ hasText: "Refine channel workspace copy" });
   await expect(acceptedProposal).toBeVisible();
-  await expect(acceptedProposal.getByRole("button", { name: "Open workflow" })).toHaveCount(0);
+  await acceptedProposal.getByRole("button", { name: "View task" }).click();
+  await expect(page.getByRole("dialog", { name: "Task confirmation" }).getByRole("button", { name: "Open workflow" })).toHaveCount(0);
   expect(runtimeErrors).toEqual([]);
 });
 
@@ -5683,6 +5705,7 @@ test("requirement shaping proposal persists clarifications before confirmation",
     localStorage.setItem("ling-stack.themeBootstrapPreference", "dark");
   });
   const state = createBaseState({ approvalStatus: "expired" });
+  state.aiTeammates = [createMockTeammate({ id: "ling_agent", displayName: "Ling Agent" })];
   state.channelMessages = [
     {
       id: "msg_shaping_request",
@@ -5744,43 +5767,43 @@ test("requirement shaping proposal persists clarifications before confirmation",
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
+  const autoOpenedProposal = page.getByRole("dialog", { name: "Task confirmation" });
+  if (await autoOpenedProposal.isVisible()) {
+    await autoOpenedProposal.getByRole("button", { name: "Close" }).click();
+  }
 
   const transcript = page.locator(".conversation-turn-assistant-transcript");
   const shapingBlock = transcript.locator(".transcript-block-view.kind-requirement_shaping");
-  await expect(shapingBlock).toBeVisible();
-  await expect(shapingBlock).toHaveAttribute("aria-label", "Requirement shaping");
-  await expect(shapingBlock.getByRole("button", { name: "Collapse transcript block" })).toHaveAttribute("aria-expanded", "true");
-  await expect(shapingBlock).toContainText("Clarify workspace copy scope before execution.");
-  await expect(shapingBlock).toContainText("Needs user clarification");
-  await expect(shapingBlock).toContainText("ling_agent: Clarify the task, then prepare an executable proposal.");
-  await expect(shapingBlock).not.toContainText("Synced on availability only.");
-  await expect(shapingBlock).toContainText("Only workspace drawer copy is in scope.");
+  await expect(shapingBlock).toHaveCount(0);
   const decisionBlock = transcript.locator(".transcript-block-view.kind-decision_needed");
   await expect(decisionBlock).toBeVisible();
   await expect(decisionBlock).toHaveAttribute("aria-label", "Decision needed");
   await expect(decisionBlock).toContainText("Which copy sections are in scope?");
-
-  const proposal = page.getByLabel("Task confirmation");
-  await expect(proposal).toContainText("Needs user clarification");
-  await expect(proposal).toContainText("Which copy sections are in scope?");
-  await expect(proposal).toContainText("Only workspace drawer copy is in scope.");
+  const summary = page.getByLabel("Task proposal summary").filter({ hasText: "Refine workspace copy" });
+  await expect(summary).toHaveCount(1);
+  await expect(summary).toContainText("Ling Agent · Needs input");
+  await expect(page.getByLabel("Channel message feed")).not.toContainText("Requirement shaping");
+  await expect(page.getByLabel("Channel message feed")).not.toContainText("coordinated");
+  await expect(page.getByLabel("Channel message feed")).not.toContainText("ling_agent");
+  await expect(page.getByLabel("Channel message feed")).not.toContainText("Only workspace drawer copy is in scope.");
+
+  const proposal = await openTaskProposalDialog(page, "Refine workspace copy");
+  await expect(proposal).toContainText("Refine workspace copy");
+  await expect(proposal).toContainText("Ling Agent");
+  await expect(proposal).toContainText("Read files");
+  await expect(proposal).toContainText("Modify files");
+  await expect(proposal).not.toContainText("Needs user clarification");
+  await expect(proposal).not.toContainText("Which copy sections are in scope?");
+  await expect(proposal).not.toContainText("Only workspace drawer copy is in scope.");
   await expect(page.locator("html")).toHaveAttribute("data-ui-theme", "ling-dark");
-  const proposalSurfaceChannels = await proposal.evaluate((element) => {
-    const readChannels = (node: Element): number[] =>
-      getComputedStyle(node).backgroundColor.match(/[\d.]+/g)?.slice(0, 3).map(Number) ?? [];
-    const collaborationSummary = element.querySelector(".channel-proposal-collaboration summary");
-    return [
-      ...readChannels(element),
-      ...(collaborationSummary ? readChannels(collaborationSummary) : []),
-    ];
-  });
-  expect(Math.max(...proposalSurfaceChannels)).toBeLessThanOrEqual(45);
+  await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth - document.documentElement.clientWidth)).toBeLessThanOrEqual(1);
 
   await page.reload();
   await openEngineeringChannel(page);
-  await expect(proposal).toContainText("Needs user clarification");
-  await expect(proposal).toContainText("Which copy sections are in scope?");
-  await expect(proposal).toContainText("Only workspace drawer copy is in scope.");
+  await openTaskProposalDialog(page, "Refine workspace copy");
+  await expect(proposal).not.toContainText("Needs user clarification");
+  await expect(proposal).not.toContainText("Which copy sections are in scope?");
+  await expect(proposal).not.toContainText("Only workspace drawer copy is in scope.");
 
   await proposal.getByRole("button", { name: "Edit" }).click();
   const editForm = proposal.locator(".channel-proposal-edit-form");
@@ -5788,8 +5811,8 @@ test("requirement shaping proposal persists clarifications before confirmation",
   await editForm.getByLabel("User clarifications").fill("Only workspace drawer copy is in scope.\nKeep provider checks out of this task.");
   await proposal.getByRole("button", { name: "Save" }).click();
   await expect(editForm).toHaveCount(0);
-  await expect(proposal).toContainText("Should QA cover accessibility?");
-  await expect(proposal).toContainText("Keep provider checks out of this task.");
+  await expect(proposal).not.toContainText("Should QA cover accessibility?");
+  await expect(proposal).not.toContainText("Keep provider checks out of this task.");
   await expect.poll(() => {
     const updated = state.channelExecutionProposals.find((item) => isRecord(item) && item.id === "proposal_shaping");
     if (!isRecord(updated) || !isRecord(updated.shaping)) {
@@ -6007,7 +6030,7 @@ test("completed workflow hides accepted proposal and leaves final result in defa
   await expect(feed.locator(".conversation-work-cell")).toHaveCount(1);
 
   await openChannelChatTools(page);
-  await expect(feed.getByLabel("Task confirmation")).toContainText("Create /Users/example/ling-stack-test/README.md");
+  await expect(feed.getByLabel("Task proposal summary")).toContainText("Create /Users/example/ling-stack-test/README.md");
 });
 
 test("terminal workflow step suppresses stale running run surfaces", async ({ page }) => {
@@ -7040,7 +7063,7 @@ test("blocked workflow hides accepted proposal and leaves blocker report in defa
   await expect(workCell).not.toContainText("No validation commands recorded.");
 
   await openChannelChatTools(page);
-  await expect(feed.getByLabel("Task confirmation")).toContainText("Create README.md");
+  await expect(feed.getByLabel("Task proposal summary")).toContainText("Create README.md");
 });
 
 test("resolved approval-only workflow stays out of the conversation", async ({ page }) => {
@@ -8068,7 +8091,7 @@ test("channel workspace utility panel follows dark theme surfaces", async ({ pag
     localStorage.setItem("ling-stack.locale", "en-US");
     localStorage.setItem("ling-stack.themePreference", "dark");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.runs = [];
   await mockDaemon(page, state);
   await page.goto("/");
@@ -8132,7 +8155,7 @@ test("channel activity filter chips follow dark theme tokens", async ({ page })
     localStorage.setItem("ling-stack.locale", "en-US");
     localStorage.setItem("ling-stack.themePreference", "dark");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
 
@@ -8163,7 +8186,7 @@ test("channel activity keeps the composer visible while the message feed scrolls
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = Array.from({ length: 36 }, (_, index) => ({
     id: `msg_scroll_${index + 1}`,
     workspaceId: "workspace_default",
@@ -8307,7 +8330,7 @@ test("channel message feed supports focused block shortcuts and safe action menu
       },
     });
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_focus_1",
@@ -8398,7 +8421,7 @@ test("channel message feed stays pinned while AI reply text streams", async ({ p
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const channel = state.channels.find((item) => isRecord(item) && item.id === "channel_engineering");
   if (isRecord(channel)) {
     channel.autoReplyMode = "auto_route";
@@ -8440,7 +8463,7 @@ test("channel message feed stays pinned while AI reply text streams", async ({ p
 
 test("channel message feed measures long turns without overlapping the next row", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const longReply = (label: string) => Array.from(
     { length: 18 },
     (_, index) => `${label} paragraph ${index + 1} contains enough text to create a variable-height conversation row.`,
@@ -8559,7 +8582,7 @@ test("channel message feed preserves the visible anchor while active content gro
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     ...Array.from({ length: 36 }, (_, index) => ({
       id: `msg_anchor_${index + 1}`,
@@ -8624,7 +8647,7 @@ test("channel activity paginates long message history and virtualizes visible ro
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = Array.from({ length: 3000 }, (_, index) => ({
     id: `msg_long_${index + 1}`,
     workspaceId: "workspace_default",
@@ -8678,7 +8701,7 @@ test("channel composer preserves failed sends and can retry", async ({ page }) =
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.failNextChannelMessage = true;
   await mockDaemon(page, state);
   await page.goto("/");
@@ -8707,7 +8730,7 @@ test("channel composer moves sent messages into the feed while routing is pendin
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const channel = state.channels.find((item) => isRecord(item) && item.id === "channel_engineering");
   if (isRecord(channel)) {
     channel.autoReplyMode = "auto_route";
@@ -8734,7 +8757,7 @@ test("channel composer keeps thinking visible for acknowledged sends before comp
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "zh-CN");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const channel = state.channels.find((item) => isRecord(item) && item.id === "channel_engineering");
   if (isRecord(channel)) {
     channel.autoReplyMode = "mentions_only";
@@ -8775,7 +8798,7 @@ test("channel composer keeps thinking visible for acknowledged sends before comp
 
 test("pending channel reply polling refreshes messages without refreshing global activity", async ({ page }) => {
   await useEnglishLocale(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [{
     id: "msg_pending_background_poll",
     workspaceId: "workspace_default",
@@ -8815,7 +8838,7 @@ test("channel conversation turn shows thinking for empty pending ai replies", as
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "zh-CN");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   const channel = state.channels.find((item) => isRecord(item) && item.id === "channel_engineering");
   if (isRecord(channel)) {
     channel.autoReplyMode = "default_teammate";
@@ -8852,7 +8875,7 @@ test("channel URL preview blocked state stays in Activity and still allows sendi
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -8871,7 +8894,7 @@ test("channel attachment uploads support PDF and Office files without AI ingesti
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -8925,7 +8948,7 @@ test("channel run artifacts stay isolated without default drawer leakage", async
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channels.push({
     id: "channel_design",
     workspaceId: "workspace_default",
@@ -9035,7 +9058,7 @@ test("channel review source stays in conversation instead of the legacy context
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelContextSummaries = [
     {
       id: "summary_seed_context",
@@ -9085,7 +9108,7 @@ test("handoff activity starts workflows without restoring the legacy context dra
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.providers = [createChatProvider()];
   await mockDaemon(page, state);
   await page.goto("/");
@@ -9136,7 +9159,7 @@ test("workflow activity uses review source instead of the legacy context run sur
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.providers = [createChatProvider()];
   state.channelWorkflows = [
     {
@@ -9737,6 +9760,22 @@ test("control-plane snapshot-required subscribes before refresh and applies an e
     (globalThis as typeof globalThis & { __snapshotHandoff: { urls: string[] } }).__snapshotHandoff.urls.length
   )).toBe(2);
   const itemQueriesBeforeHandoff = state.channelMessageQueries?.length ?? 0;
+  state.channelMessages.push({
+    id: "msg_snapshot_handoff_seq_9",
+    workspaceId: "workspace_default",
+    channelId: "channel_engineering",
+    kind: "message",
+    intent: "discuss",
+    authorType: "local-user",
+    authorId: "tian",
+    body: "Snapshot handoff seq 9 applied",
+    mentions: [],
+    attachmentIds: [],
+    linkPreviewIds: [],
+    status: "ready",
+    createdAt: "2026-08-10T00:01:09.000Z",
+    updatedAt: "2026-08-10T00:01:09.000Z",
+  });
   await page.evaluate(() => {
     const handoff = (globalThis as typeof globalThis & {
       __snapshotHandoff: { eventAfterSnapshot: () => void; replayReady: () => void };
@@ -9745,8 +9784,9 @@ test("control-plane snapshot-required subscribes before refresh and applies an e
     handoff.replayReady();
   });
   await expect.poll(() => state.channelMessageQueries?.length ?? 0, { timeout: 5_000 })
-    .toBeGreaterThan(itemQueriesBeforeHandoff);
-  await page.waitForTimeout(300);
+    .toBeGreaterThanOrEqual(itemQueriesBeforeHandoff + 2);
+  await page.waitForLoadState("networkidle");
+  await expect(page.getByText("Snapshot handoff seq 9 applied")).toBeVisible();
   await page.evaluate(() => {
     (globalThis as typeof globalThis & { __snapshotHandoff: { disconnect: () => void } })
       .__snapshotHandoff.disconnect();
@@ -10766,11 +10806,19 @@ test("failed conversation work cell does not label terminal rows as working", as
   await expect(workCell.getByLabel("Active work stream")).not.toContainText("Working");
 });
 
-test("active conversation work cell renders sparse rows while runtime approvals stay in composer overlay", async ({ page }) => {
+test("active conversation work cell renders sparse rows while runtime approvals stay in a blocking dialog", async ({ page }) => {
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
   const state = createBaseState({ approvalStatus: "pending" });
+  state.providers = [createChatProvider({
+    lastCheck: {
+      ok: true,
+      code: "ready",
+      message: "Provider is reachable.",
+      checkedAt: "2026-05-22T00:00:00.000Z",
+    },
+  })];
   const run = state.runs[0];
   run.threadId = "thread_active_approval";
   run.status = "waiting_for_approval";
@@ -10815,25 +10863,33 @@ test("active conversation work cell renders sparse rows while runtime approvals
   const workCell = feed.locator(".conversation-work-cell");
   await expect(workCell).toBeVisible();
   await expect(workCell).toHaveAttribute("data-operation-source", "run_thread");
+  await expect(workCell).toHaveAttribute("data-approval-presentation-owner", "dialog");
   await expect(workCell).not.toContainText("Task waiting for approval");
   await expect(workCell).not.toContainText("Waiting for approval to continue.");
-  await expect(workCell.getByLabel("Active work stream")).toContainText("Waiting for approval");
-  await expect(workCell.getByLabel("Active work stream")).toContainText("Approve shell command");
+  await expect(workCell).toContainText("Waiting for approval");
+  await expect(workCell).toContainText("Run command: echo inspect");
+  await expect(workCell).not.toContainText("Approve shell command");
+  await expect(workCell.locator(".conversation-operation-shell-body")).toHaveCount(0);
+  await expect(workCell.locator(".conversation-work-cell-evidence-summary")).toHaveCount(0);
   await expect(workCell.getByRole("button", { name: "Open workflow evidence" })).toHaveCount(0);
   await expect(workCell.getByRole("button", { name: "Approve", exact: true })).toHaveCount(0);
   await expect(workCell.getByRole("button", { name: "Deny", exact: true })).toHaveCount(0);
 
   const composer = page.getByLabel("Channel composer");
-  const overlay = composer.getByLabel("Composer approval overlay");
-  await expect(overlay).toBeVisible();
-  await expect(overlay).toContainText("Runtime approval needed");
-  await expect(overlay).toContainText("Highest risk: medium");
-  await expect(overlay).toContainText("Approve shell command");
+  const composerHeight = await composer.evaluate((element) => element.getBoundingClientRect().height);
+  const dialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(dialog).toBeVisible();
+  await expect(dialog).toContainText("Run command: echo inspect");
+  await expect(dialog).not.toContainText("medium");
+  await expect(dialog).not.toContainText("Approve shell command");
+  await expect(composer.locator(".approval-inline-strip")).toHaveCount(0);
   await expect(workCell.getByRole("button", { name: "Approve", exact: true })).toHaveCount(0);
+  await maybeCaptureViewportScreenshot(page, "runtime-approval-dialog-clean-background.png");
 
-  await overlay.getByRole("button", { name: "Approve" }).click();
-  await expect(composer.getByLabel("Composer approval overlay")).toHaveCount(0);
+  await dialog.getByRole("button", { name: "Allow" }).click();
+  await expect(dialog).toHaveCount(0);
   await expect(composer).not.toContainText("Approve shell command");
+  expect(await composer.evaluate((element) => element.getBoundingClientRect().height)).toBe(composerHeight);
   expect(state.approvals.find((approval) => isRecord(approval) && approval.id === "approval_1")?.status).toBe("approved");
   expect(state.approvalPolicy.toolDecisions.bash).toBe("ask");
   expect(state.approvalPolicy.toolDecisions.write).toBe("ask");
@@ -11436,7 +11492,7 @@ test("retained channel activity does not flash a loading notice during backgroun
   ))).toBe(0);
 });
 
-test("composer approval overlay groups multiple local approvals and excludes review queue actions", async ({ page }) => {
+test("runtime approval dialog queues multiple local approvals and excludes review queue actions", async ({ page }) => {
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
@@ -11474,23 +11530,23 @@ test("composer approval overlay groups multiple local approvals and excludes rev
   await page.goto("/");
   await openEngineeringChannel(page);
 
-  const overlay = page.getByLabel("Channel composer").getByLabel("Composer approval overlay");
-  await expect(overlay).toContainText("Runtime approvals needed");
-  await expect(overlay).toContainText("Highest risk: high");
-  const primaryApproval = overlay.locator(".inline-approval-item.primary");
-  await expect(primaryApproval).toContainText("Approve file write");
-  await expect(primaryApproval).not.toContainText("Approve shell command");
-  await expect(overlay).not.toContainText("Approve external send");
-
-  await overlay.getByText("Show other approvals").click();
-  await expect(overlay).toContainText("Approve shell command");
+  const dialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(dialog).toContainText("Create file:");
+  await expect(dialog).not.toContainText("Approve file write");
+  await expect(dialog).not.toContainText("pending approvals");
+  await expect(dialog).not.toContainText("Approve shell command");
+  await expect(dialog).not.toContainText("Approve external send");
+  await dialog.getByRole("button", { name: "Deny" }).click();
+  await expect(dialog).toContainText("Run command:");
+  await expect(dialog).not.toContainText("Approve shell command");
+  await expect(dialog).not.toContainText("pending approvals");
 });
 
 test("channel activity derives task run approval transition and workflow events", async ({ page }) => {
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_timeline",
@@ -11557,9 +11613,10 @@ test("channel activity derives task run approval transition and workflow events"
     title: "Other channel approval leak",
     description: "echo design",
     payload: {},
-    status: "pending",
+    status: "expired",
     createdAt: "2026-05-25T00:03:00.000Z",
-    expiresAt: "2099-01-01T00:01:00.000Z",
+    expiresAt: "2000-01-01T00:01:00.000Z",
+    resolvedAt: "2000-01-01T00:01:00.000Z",
   });
   state.channelWorkflows = [
     {
@@ -11622,7 +11679,7 @@ test("channel activity derives task run approval transition and workflow events"
   const messageBubble = page.locator(".channel-message-row").filter({ hasText: "Timeline source message" });
   const taskEventBubble = page.locator(".message-bubble").filter({ hasText: "Task event" }).filter({ hasText: "Inspect workspace" });
   const runEventBubble = page.locator(".message-bubble").filter({ hasText: "Run event" }).filter({ hasText: "Inspect workspace" });
-  const approvalEventBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approve shell command" });
+  const approvalEventBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approval expired" });
   const stateTransitionBubble = page.locator(".message-bubble").filter({ hasText: "State change" }).filter({ hasText: "task_failed" });
   const workflowStepBubble = page.locator(".message-bubble").filter({ hasText: "Workflow step" }).filter({ hasText: "Blocked timeline step" });
   const activityDetails = page.getByLabel("Activity details");
@@ -11665,7 +11722,7 @@ test("channel activity derives task run approval transition and workflow events"
   await openChannelChatTools(page);
   await expect(taskEventBubble).toContainText("failed");
   await expect(runEventBubble).toContainText("failed");
-  await expect(approvalEventBubble).toContainText("pending");
+  await expect(approvalEventBubble).toContainText("expired");
   await expect(stateTransitionBubble).toBeVisible();
   await expect(workflowStepBubble).toContainText("Runtime policy is waiting.");
   await expect(taskEventBubble).toHaveClass(/message-bubble-work/);
@@ -11687,7 +11744,7 @@ test("channel activity derives task run approval transition and workflow events"
 
   await openDetailsFrom(taskEventBubble, "Inspect workspace");
   await openDetailsFrom(runEventBubble, "Run run_failed");
-  await openDetailsFrom(approvalEventBubble, "Approve shell command");
+  await openDetailsFrom(approvalEventBubble, "Approval expired");
   await openDetailsFrom(stateTransitionBubble, "task_failed");
   await openDetailsFrom(workflowStepBubble, "Blocked timeline step");
 
@@ -11705,7 +11762,7 @@ test("channel activity derives task run approval transition and workflow events"
 
   await approvalEventBubble.getByRole("button", { name: "Details" }).click();
   await clickActivityDetailsAction("Open approval");
-  await expectApprovalDetailOverlay(page, "Approve shell command");
+  await expect(page.locator(".conversation-detail-overlay").filter({ hasText: "Approval details" })).toContainText("No pending approval");
   await page.getByLabel("Ling Stack navigation").getByRole("button", { name: "Engineering" }).click();
   await openChannelChatTools(page);
 
@@ -11740,8 +11797,8 @@ test("channel activity derives task run approval transition and workflow events"
   await expect(savedViewSelect).toContainText("All (7)");
   await expect(savedViewSelect).toContainText("Needs attention (5)");
   await expect(savedViewSelect).toContainText("Blocked (1)");
-  await expect(savedViewSelect).toContainText("Failed (3)");
-  await expect(savedViewSelect).toContainText("Pending approvals (1)");
+  await expect(savedViewSelect).toContainText("Failed (4)");
+  await expect(savedViewSelect).toContainText("Pending approvals (0)");
   await expect(savedViewSelect).toContainText("Failed work (2)");
   await expect(savedViewSelect).toContainText("Runtime (3)");
   await expect(activityFilters.getByLabel("Activity categories")).toHaveCount(0);
@@ -11772,7 +11829,7 @@ test("channel activity derives task run approval transition and workflow events"
   await expect(page.locator(".message-bubble").filter({ hasText: "Workflow step" }).filter({ hasText: "Blocked timeline step" })).toBeVisible();
   await expect(activityFeed.getByText("Timeline source message")).toHaveCount(0);
   await selectSavedView("Pending approvals");
-  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approve shell command" })).toBeVisible();
+  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" })).toHaveCount(0);
   await expect(page.locator(".message-bubble").filter({ hasText: "Task event" }).filter({ hasText: "Inspect workspace" })).toHaveCount(0);
   await selectSavedView("Failed work");
   await expect(page.locator(".message-bubble").filter({ hasText: "Task event" }).filter({ hasText: "Inspect workspace" })).toBeVisible();
@@ -11797,8 +11854,8 @@ test("channel activity derives task run approval transition and workflow events"
   await searchInput.fill("run_failed");
   await expect(page.locator(".message-bubble").filter({ hasText: "Run event" }).filter({ hasText: "Inspect workspace" })).toBeVisible();
 
-  await searchInput.fill("Approve shell command");
-  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "pending" })).toBeVisible();
+  await searchInput.fill("Approval expired");
+  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "expired" })).toBeVisible();
 
   await searchInput.fill("Wait for runtime recovery");
   await expect(page.locator(".message-bubble").filter({ hasText: "Workflow step" }).filter({ hasText: "Blocked timeline step" })).toBeVisible();
@@ -11823,9 +11880,9 @@ test("channel activity derives task run approval transition and workflow events"
   await expect(activityFeed.getByText("Timeline source message")).toHaveCount(0);
   await attentionChip("Failed").click();
   await expect(page.locator(".message-bubble").filter({ hasText: "Task event" }).filter({ hasText: "failed" })).toBeVisible();
-  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "pending" })).toHaveCount(0);
+  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "expired" })).toBeVisible();
   await attentionChip("Pending").click();
-  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "pending" })).toBeVisible();
+  await expect(page.locator(".message-bubble").filter({ hasText: "Approval event" })).toHaveCount(0);
   await expect(page.locator(".message-bubble").filter({ hasText: "Task event" }).filter({ hasText: "failed" })).toHaveCount(0);
   await activityFilters.getByRole("button", { name: /Clear/ }).click();
 
@@ -11896,8 +11953,8 @@ test("channel activity derives task run approval transition and workflow events"
 
   await page.getByLabel("Ling Stack navigation").getByRole("button", { name: "Engineering" }).click();
   await openChannelChatTools(page);
-  await page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approve shell command" }).getByRole("button", { name: "Open approval" }).click();
-  await expectApprovalDetailOverlay(page, "Approve shell command");
+  await page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approval expired" }).getByRole("button", { name: "Open approval" }).click();
+  await expectApprovalDetailOverlay(page, "Approval expired");
 
   await page.getByLabel("Ling Stack navigation").getByRole("button", { name: "Engineering" }).click();
   await openChannelChatTools(page);
@@ -11909,7 +11966,7 @@ test("channel activity triage actions create follow-up records and preserve loca
   await page.addInitScript(() => {
     localStorage.setItem("ling-stack.locale", "en-US");
   });
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.channelMessages = [
     {
       id: "msg_triage",
@@ -11978,7 +12035,7 @@ test("channel activity triage actions create follow-up records and preserve loca
   const activityDetails = page.getByLabel("Activity details");
   const runEventBubble = page.locator(".message-bubble").filter({ hasText: "Run event" }).filter({ hasText: "Inspect workspace" });
   const workflowStepBubble = page.locator(".message-bubble").filter({ hasText: "Workflow step" }).filter({ hasText: "Blocked triage step" });
-  const approvalEventBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approve shell command" });
+  const approvalEventBubble = page.locator(".message-bubble").filter({ hasText: "Approval event" }).filter({ hasText: "Approval expired" });
   const messageBubble = page.locator(".message-bubble").filter({ hasText: "Timeline source message for triage" });
   const openTriageActions = async () => {
     const triageSection = activityDetails.locator(".activity-triage-section");
@@ -12028,10 +12085,10 @@ test("channel activity triage actions create follow-up records and preserve loca
   await approvalEventBubble.getByRole("button", { name: "Details" }).click();
   await openTriageActions();
   await activityDetails.getByRole("button", { name: "Record decision" }).click();
-  await activityDetails.getByLabel("Triage title").fill("Decision: approval stays pending");
-  await activityDetails.getByLabel("Decision text").fill("Keep the approval pending until the user reviews the shell command.");
+  await activityDetails.getByLabel("Triage title").fill("Decision: review the expired approval");
+  await activityDetails.getByLabel("Decision text").fill("Review why the shell command approval expired before retrying.");
   await activityDetails.getByRole("button", { name: "Run triage action" }).click();
-  await expect.poll(() => state.channelDecisions.some((decision) => isRecord(decision) && decision.title === "Decision: approval stays pending")).toBe(true);
+  await expect.poll(() => state.channelDecisions.some((decision) => isRecord(decision) && decision.title === "Decision: review the expired approval")).toBe(true);
   await activityDetails.getByRole("button", { name: "Review created source" }).click();
   await expectConversationReviewSurface(page);
 
@@ -12185,3 +12242,15 @@ async function maybeCaptureConversationScreenshots(
     });
   }
 }
+
+async function maybeCaptureViewportScreenshot(page: Page, name: string): Promise<void> {
+  const outputDir = process.env.LING_R32_SCREENSHOTS_DIR;
+  if (!outputDir) {
+    return;
+  }
+  await mkdir(outputDir, { recursive: true });
+  await page.screenshot({
+    animations: "disabled",
+    path: join(outputDir, name),
+  });
+}
diff --git a/apps/web/e2e/ui2-approvals.spec.ts b/apps/web/e2e/ui2-approvals.spec.ts
index 35a11bd74..1f4629677 100644
--- a/apps/web/e2e/ui2-approvals.spec.ts
+++ b/apps/web/e2e/ui2-approvals.spec.ts
@@ -11,7 +11,7 @@ import {
   createPermissionApproval,
   installApprovalsFaults,
 } from "./support/approvals-fixture";
-import { createBaseState, type MockState } from "./support/mock-state";
+import { createBaseState, createChatProvider, type MockState } from "./support/mock-state";
 import { openPendingInbox } from "./support/pending-primary-navigation";
 
 const evidenceDirectory = fileURLToPath(new URL(
@@ -294,38 +294,66 @@ test("A pending external approval becomes executable without executing implicitl
   await runtime.assertClean();
 });
 
-test("Inline Strip deduplicates, sorts highest risk, folds secondary items, and never duplicates Inbox ownership", async ({ page }) => {
+test("Runtime dialog queue deduplicates, sorts highest risk, and preserves composer geometry", async ({ page }) => {
   await prepareSurface(page, "en-US", "light", 1440, 960);
   const state = createBaseState({ approvalStatus: "pending" });
+  state.providers = [createChatProvider({
+    lastCheck: {
+      ok: true,
+      code: "ready",
+      message: "Provider is reachable.",
+      checkedAt: "2026-05-22T00:00:00.000Z",
+    },
+  })];
   const runId = state.runs[0]?.id;
   const critical = createPermissionApproval({ id: "inline_critical", runId, channelId: undefined, risk: "critical", title: "Critical runtime permission" });
   const medium = createApproval({ id: "inline_medium", runId, actionType: "bash", risk: "medium", title: "Medium shell approval", payload: { type: "bash", command: "pnpm test" } });
   const low = createApproval({ id: "inline_low", runId, actionType: "edit", risk: "low", title: "Low file approval", payload: { type: "file_edit", path: "README.md" } });
-  state.approvals = [medium, critical, low, { ...critical }];
+  state.approvals = [medium, critical, low, critical];
   await mockDaemon(page, state);
+  let failMediumDeny = true;
+  await page.route(/\/approvals\/inline_medium\/deny(?:\?.*)?$/u, async (route) => {
+    if (failMediumDeny) {
+      failMediumDeny = false;
+      await route.fulfill({ status: 503, json: { error: "mock_approval_failed", message: "Synthetic approval decision failure" } });
+      return;
+    }
+    await route.fallback();
+  });
   const runtime = watchRuntime(page);
   await page.goto("/");
   await page.getByLabel(/Ling Stack navigation|Ling Stack 导航/).getByRole("button", { name: "Engineering" }).first().click();
-  const strip = page.locator(".approval-inline-strip");
-  await expect(strip).toBeVisible();
-  await expect(strip).toContainText("Critical runtime permission");
-  await expect(strip).toContainText("3 pending approvals");
-  await expect(strip.locator('[role="status"]')).toHaveCount(1);
-  await strip.getByRole("button", { name: /Show other approvals/ }).click();
-  await expect(strip.locator(".approval-inline-item")).toHaveCount(3);
-  await assertInlineComposerGeometry(page, strip);
-  await captureEvidence(page, "1440x960-ling-light-inline-approval-strip.png");
-
-  const lowItem = strip.locator(".approval-inline-item").filter({ hasText: "Low file approval" });
-  await lowItem.getByRole("button", { name: "Deny" }).click();
+  const composer = page.locator(".channel-composer").first();
+  const dialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(dialog).toBeVisible();
+  await expect(composer.locator(".channel-active-status-strip")).toHaveCount(0);
+  const composerHeight = await composer.evaluate((element) => element.getBoundingClientRect().height);
+  await expect(dialog).toContainText("Grant runtime permission: core_tool: Release repair needs one additional editor tool.");
+  await expect(dialog).not.toContainText("Critical runtime permission");
+  await expect(dialog).not.toContainText("pending approvals");
+  await expect(dialog).not.toContainText("Medium shell approval");
+  await expect(dialog.getByLabel("Decision reason")).toHaveCount(0);
+  await expect(dialog.locator("details")).toHaveCount(0);
+  await expect(dialog).not.toContainText(/critical|risk|Run ID|workspace/iu);
+  await expect(page.locator(".approval-inline-strip")).toHaveCount(0);
+  await captureEvidence(page, "1440x960-ling-light-runtime-approval-dialog.png");
+
+  await dialog.getByRole("button", { name: "Allow" }).click();
+  await expect.poll(() => state.approvals.find((item) => item.id === "inline_critical")?.status).toBe("approved");
+  await expect(dialog).toContainText("Run command: pnpm test");
+  await expect(dialog).not.toContainText("Medium shell approval");
+  await dialog.getByRole("button", { name: "Deny" }).click();
+  await expect(dialog).toContainText("Synthetic approval decision failure");
+  await expect(dialog.getByRole("button", { name: "Retry" })).toBeVisible();
+  await dialog.getByRole("button", { name: "Retry" }).click();
+  await expect.poll(() => state.approvals.find((item) => item.id === "inline_medium")?.status).toBe("denied");
+  await expect(dialog).toContainText("Modify file: README.md");
+  await expect(dialog).not.toContainText("Low file approval");
+  await dialog.getByRole("button", { name: "Deny" }).click();
   await expect.poll(() => state.approvals.find((item) => item.id === "inline_low")?.status).toBe("denied");
-  await expect(strip).toContainText("2 pending approvals");
-
-  await openPendingInbox(page);
-  const surface = page.locator("[data-approvals-ui2-page]");
-  await expect(surface.getByText("Critical runtime permission")).toHaveCount(0);
-  await expect(surface.getByText("Medium shell approval")).toHaveCount(0);
-  await runtime.assertClean();
+  await expect(dialog).toHaveCount(0);
+  expect(await composer.evaluate((element) => element.getBoundingClientRect().height)).toBe(composerHeight);
+  await runtime.assertClean([503]);
 });
 
 test("Expired long payload stays folded and contained at 1280 Dark Chinese", async ({ page }) => {
@@ -411,23 +439,6 @@ async function assertNoHorizontalOverflow(page: Page, surface: Locator): Promise
   }
 }
 
-async function assertInlineComposerGeometry(page: Page, strip: Locator): Promise<void> {
-  const composer = page.locator(".channel-composer").first();
-  const geometry = await page.evaluate(({ stripSelector, composerSelector }) => {
-    const stripElement = document.querySelector(stripSelector);
-    const composerElement = document.querySelector(composerSelector);
-    if (!stripElement || !composerElement) return undefined;
-    const stripRect = stripElement.getBoundingClientRect();
-    const composerRect = composerElement.getBoundingClientRect();
-    return { stripBottom: stripRect.bottom, composerBottom: composerRect.bottom, stripWidth: stripRect.width, composerWidth: composerRect.width };
-  }, { stripSelector: ".approval-inline-strip", composerSelector: ".channel-composer" });
-  expect(geometry).toBeTruthy();
-  expect(geometry!.stripBottom).toBeLessThanOrEqual(geometry!.composerBottom + 1);
-  expect(geometry!.stripWidth).toBeLessThanOrEqual(geometry!.composerWidth + 1);
-  await expect(strip).toBeVisible();
-  await expect(composer).toBeVisible();
-}
-
 async function captureEvidence(page: Page, filename: string): Promise<void> {
   if (process.env.LING_CAPTURE_UI2_EVIDENCE !== "1") return;
   await mkdir(evidenceDirectory, { recursive: true });
diff --git a/apps/web/e2e/ui2-channel-proposal-input-migration.spec.ts b/apps/web/e2e/ui2-channel-proposal-input-migration.spec.ts
index 744e728a2..0060bcdbc 100644
--- a/apps/web/e2e/ui2-channel-proposal-input-migration.spec.ts
+++ b/apps/web/e2e/ui2-channel-proposal-input-migration.spec.ts
@@ -42,19 +42,51 @@ test("editable Task confirmation uses shared fields and preserves dynamic propos
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
   const state = createProposalState();
+  state.channelMessages.push(...Array.from({ length: 60 }, (_, index) => ({
+    id: `msg_ui2_virtual_${index}`,
+    workspaceId: "workspace_default",
+    channelId: "channel_engineering",
+    kind: "message",
+    intent: "discuss",
+    authorType: "local-user",
+    authorId: "ling-local",
+    body: `Virtualized proposal context ${index + 1}`,
+    mentions: [],
+    attachmentIds: [],
+    linkPreviewIds: [],
+    status: "ready",
+    createdAt: `2026-05-25T00:${String(19 + Math.floor(index / 60)).padStart(2, "0")}:${String(index % 60).padStart(2, "0")}.000Z`,
+    updatedAt: `2026-05-25T00:${String(19 + Math.floor(index / 60)).padStart(2, "0")}:${String(index % 60).padStart(2, "0")}.000Z`,
+  })));
   await mockDaemon(page, state);
 
   await page.goto("/");
   await openEngineeringChannel(page);
 
-  const proposal = page.getByLabel("Task confirmation");
+  const proposalDialog = page.getByRole("dialog", { name: "Task confirmation" });
+  await expect(proposalDialog).toBeVisible();
+  const initialDecision = proposalDialog.locator(".channel-execution-proposal-decision");
+  await expect(initialDecision).toContainText("Refine channel proposal inputs");
+  await expect(initialDecision).toContainText("Deleted teammate");
+  await expect(initialDecision).toContainText("Read files");
+  await expect(initialDecision).toContainText("Modify files");
+  await expect(initialDecision.locator(".channel-proposal-details, .channel-proposal-collaboration")).toHaveCount(0);
+  const feed = page.getByLabel("Channel message feed");
+  await feed.evaluate((element) => element.scrollTo({ top: 0 }));
+  await expect(proposalDialog).toBeVisible();
+  await proposalDialog.getByRole("button", { name: "Close" }).click();
+  await expect(proposalDialog).toHaveCount(0);
+  const summary = page.getByLabel("Task proposal summary").filter({ hasText: "Refine channel proposal inputs" });
+  await expect.poll(async () => {
+    await feed.evaluate((element) => element.scrollTo({ top: 0 }));
+    return summary.count();
+  }).toBe(1);
+  await summary.getByRole("button", { name: "View task" }).click();
+  const proposal = proposalDialog.locator(".channel-execution-proposal-decision");
   await expect(proposal).toBeVisible();
-  const collaborationSummary = proposal.locator(".channel-proposal-collaboration summary");
-  await expect(collaborationSummary).toBeVisible();
-  const transition = await readTransitionStyle(collaborationSummary);
-  expect(transition.properties).toEqual(["border-color", "background-color", "box-shadow"]);
-  expect(transition.durations.every((duration) => duration === "0.12s")).toBe(true);
-  expect(transition.timingFunctions.every((timingFunction) => timingFunction === "cubic-bezier(0.2, 0, 0, 1)")).toBe(true);
+  await expect(proposal).toContainText("Required permissions");
+  await expect(proposal).not.toContainText("Requirement summary");
+  await expect(proposal).not.toContainText("User clarifications");
   await proposal.getByRole("button", { name: "Edit" }).click();
   const editor = proposal.locator(".channel-proposal-edit-form");
   await expect(editor).toBeVisible();
@@ -163,10 +195,18 @@ test("proposal validation and cancel reset stay contained in dark reduced-motion
   await expect(page.locator("html")).toHaveAttribute("data-ui-theme", "ling-dark");
   expect(await page.evaluate(() => matchMedia("(prefers-reduced-motion: reduce)").matches)).toBe(true);
 
-  const proposal = page.getByLabel("Task confirmation");
-  const collaborationSummary = proposal.locator(".channel-proposal-collaboration summary");
-  await expect(collaborationSummary).toBeVisible();
-  expect((await readTransitionStyle(collaborationSummary)).durations.every((duration) => duration === "0s")).toBe(true);
+  const proposalDialog = page.getByRole("dialog", { name: "Task confirmation" });
+  if (!await proposalDialog.isVisible().catch(() => false)) {
+    const summary = page.getByLabel("Task proposal summary").filter({ hasText: "Refine channel proposal inputs" });
+    await expect(summary).toBeVisible();
+    if (!await proposalDialog.isVisible().catch(() => false)) {
+      await summary.getByRole("button", { name: "View task" }).click();
+    }
+  }
+  await expect(proposalDialog).toBeVisible();
+  const proposal = proposalDialog.locator(".channel-execution-proposal-decision");
+  await expect(proposal).toContainText("Refine channel proposal inputs");
+  await expect(proposal.locator(".channel-proposal-details, .channel-proposal-collaboration")).toHaveCount(0);
   await proposal.getByRole("button", { name: "Edit" }).click();
   const editor = proposal.locator(".channel-proposal-edit-form");
   const title = editor.getByLabel("Title");
@@ -386,21 +426,6 @@ async function expectDocumentContained(page: Page): Promise<void> {
   expect(await page.evaluate(() => document.documentElement.scrollWidth - document.documentElement.clientWidth)).toBeLessThanOrEqual(1);
 }
 
-async function readTransitionStyle(locator: Locator): Promise<{
-  readonly durations: string[];
-  readonly properties: string[];
-  readonly timingFunctions: string[];
-}> {
-  return locator.evaluate((element) => {
-    const styles = getComputedStyle(element);
-    return {
-      durations: styles.transitionDuration.split(", "),
-      properties: styles.transitionProperty.split(", "),
-      timingFunctions: styles.transitionTimingFunction.match(/(?:cubic-bezier|steps)\([^)]*\)|[^,\s]+/gu) ?? [],
-    };
-  });
-}
-
 async function prepareSurface(
   page: Page,
   theme: "light" | "dark",
diff --git a/apps/web/e2e/ui2-channel-settings-overlay-dock.spec.ts b/apps/web/e2e/ui2-channel-settings-overlay-dock.spec.ts
index 8db5ea718..63be61931 100644
--- a/apps/web/e2e/ui2-channel-settings-overlay-dock.spec.ts
+++ b/apps/web/e2e/ui2-channel-settings-overlay-dock.spec.ts
@@ -14,7 +14,7 @@ const evidenceDirectory = fileURLToPath(new URL(
 test("channel settings uses shared tabs and stable section boundaries", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openChannelSettings(page);
@@ -126,7 +126,7 @@ test("channel settings changes only the Ling Agent model and keeps teammate mode
 test("channel rename and governance use the shared overlay layer", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.governanceNotifications = [governanceNotification()];
   await mockDaemon(page, state);
   await page.goto("/");
@@ -160,7 +160,7 @@ test("channel rename and governance use the shared overlay layer", async ({ page
 test("channel dock uses shared controls across launcher and deep pages", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openEngineeringChannel(page);
@@ -195,7 +195,7 @@ test("channel dock uses shared controls across launcher and deep pages", async (
   expect(runtimeErrors).toEqual([]);
 });
 
-test("channel settings and dock remain contained at 1280 in dark mode", async ({ page }) => {
+test("channel approval dialog, settings, and dock remain contained at 1280 in dark mode", async ({ page }) => {
   await prepareSurface(page, "dark", 1280, 800);
   const runtimeErrors = collectRuntimeErrors(page);
   const state = createBaseState({ approvalStatus: "pending" });
@@ -215,6 +215,17 @@ test("channel settings and dock remain contained at 1280 in dark mode", async ({
     await route.fallback();
   });
   await page.goto("/");
+  await openEngineeringChannel(page);
+  const approvalDialog = page.getByRole("dialog", { name: "Allow this action?" });
+  await expect(approvalDialog).toBeVisible();
+  await expect(approvalDialog).toHaveAttribute("data-size", "sm");
+  await expect(approvalDialog).toHaveAttribute("data-dismissible", "false");
+  await expectNoDocumentOverflow(page);
+  await captureEvidence(page, "1280x800-ling-dark-runtime-approval-dialog.png");
+  await page.keyboard.press("Escape");
+  await expect(approvalDialog).toBeVisible();
+  await approvalDialog.getByRole("button", { name: "Deny" }).click();
+  await expect(approvalDialog).toHaveCount(0);
   await openChannelSettings(page);
 
   const settings = page.getByRole("region", { name: "Channel settings" });
@@ -229,38 +240,6 @@ test("channel settings and dock remain contained at 1280 in dark mode", async ({
   await captureEvidence(page, "1280x800-ling-dark-channel-settings-members-empty.png");
 
   await page.getByRole("button", { name: "Back to channel" }).click();
-  const approvalOverlay = page.getByRole("region", { name: "Composer approval overlay" });
-  await expect(approvalOverlay).toBeVisible();
-  const approvalTheme = await approvalOverlay.evaluate((element) => {
-    const rootStyle = getComputedStyle(document.documentElement);
-    const resolveColor = (value: string): string => {
-      const probe = document.createElement("span");
-      probe.style.color = value;
-      document.body.append(probe);
-      const resolved = getComputedStyle(probe).color;
-      probe.remove();
-      return resolved;
-    };
-    const resolveBackground = (value: string): string => {
-      const probe = document.createElement("span");
-      probe.style.backgroundColor = value;
-      document.body.append(probe);
-      const resolved = getComputedStyle(probe).backgroundColor;
-      probe.remove();
-      return resolved;
-    };
-    return {
-      background: getComputedStyle(element).backgroundColor,
-      expectedBackground: resolveBackground(rootStyle.getPropertyValue("--ling-status-warning-bg")),
-      title: getComputedStyle(element.querySelector(".inline-approval-strip-head strong")!).color,
-      expectedTitle: resolveColor(rootStyle.getPropertyValue("--ling-status-warning")),
-      itemBackground: getComputedStyle(element.querySelector(".inline-approval-item")!).backgroundColor,
-      expectedItemBackground: resolveBackground(rootStyle.getPropertyValue("--ling-bg-elevated")),
-    };
-  });
-  expect(approvalTheme.background).toBe(approvalTheme.expectedBackground);
-  expect(approvalTheme.title).toBe(approvalTheme.expectedTitle);
-  expect(approvalTheme.itemBackground).toBe(approvalTheme.expectedItemBackground);
   await page.getByRole("button", { name: "More channel views" }).click();
   await page.getByRole("menuitem", { name: "Rename channel" }).click();
   const rename = page.getByRole("dialog", { name: "Rename channel" });
@@ -305,7 +284,7 @@ test("channel settings and dock remain contained at 1280 in dark mode", async ({
 test("channel settings exposes loading, empty, failure, and scoped busy states", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.aiTeammates = [];
   state.aiCouncils = [];
   await mockDaemon(page, state);
@@ -365,17 +344,17 @@ test("channel settings exposes loading, empty, failure, and scoped busy states",
   expect(runtimeErrors).toEqual([]);
 });
 
-test("channel inline approval detail remains an in-feed inspector", async ({ page }) => {
+test("resolved channel approval detail remains an in-feed inspector", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   await mockDaemon(page, state);
   await page.goto("/");
   await openChannelChatTools(page);
 
   const approvalBubble = page.locator(".message-bubble")
     .filter({ hasText: "Approval event" })
-    .filter({ hasText: "Approve shell command" });
+    .filter({ hasText: "Approval expired" });
   await approvalBubble.getByRole("button", { name: "Open approval" }).click();
   const inspector = page.locator(".conversation-detail-overlay");
   await expect(inspector).toBeVisible();
@@ -391,10 +370,10 @@ test("channel inline approval detail remains an in-feed inspector", async ({ pag
 test("channel dock reaches loaded, failure, and detail states across every launcher", async ({ page }) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
-  const state = createBaseState({ approvalStatus: "pending" });
+  const state = createBaseState({ approvalStatus: "expired" });
   state.threads = [channelRootThread()];
   state.proposedPlans = [channelPlanFixture()];
-  state.channelMessages = [channelEvidenceMessage()];
+  state.channelMessages = [channelFileReferenceMessage(), channelEvidenceMessage()];
   await mockDaemon(page, state);
   let workspaceChangesRequestCount = 0;
   await page.route(/\/workspace\/changes(?:\?.*)?$/u, async (route) => {
@@ -547,11 +526,6 @@ function channelEvidenceMessage(): MockState["channelMessages"][number] {
     mentions: [],
     attachmentIds: [],
     linkPreviewIds: [],
-    fileRefs: [{
-      path: "apps/web/src/features/workspace/right-dock/WorkspaceRightDock.tsx",
-      label: "WorkspaceRightDock.tsx",
-      line: 1,
-    }],
     status: "ready",
     webEvidence: {
       status: "available",
@@ -574,6 +548,31 @@ function channelEvidenceMessage(): MockState["channelMessages"][number] {
   };
 }
 
+function channelFileReferenceMessage(): MockState["channelMessages"][number] {
+  return {
+    id: "message_ui2_channel_file_reference",
+    workspaceId: "workspace_default",
+    channelId: "channel_engineering",
+    threadId: "thread_channel_main_channel_engineering",
+    kind: "message",
+    intent: "discuss",
+    authorType: "local-user",
+    authorId: "tian",
+    body: "Review the referenced dock implementation.",
+    mentions: [],
+    attachmentIds: [],
+    linkPreviewIds: [],
+    fileRefs: [{
+      path: "apps/web/src/features/workspace/right-dock/WorkspaceRightDock.tsx",
+      label: "WorkspaceRightDock.tsx",
+      line: 1,
+    }],
+    status: "ready",
+    createdAt: "2026-07-19T03:02:30.000Z",
+    updatedAt: "2026-07-19T03:02:30.000Z",
+  };
+}
+
 function workspaceChangesFixture(): WorkspaceChangesResponse {
   const longLine = `export const channelRightDockEvidence = "${"reachable-state-".repeat(24)}";`;
   return {
diff --git a/apps/web/e2e/ui2-channel-workflow-status-presentation.spec.ts b/apps/web/e2e/ui2-channel-workflow-status-presentation.spec.ts
index 67ab09702..441479efd 100644
--- a/apps/web/e2e/ui2-channel-workflow-status-presentation.spec.ts
+++ b/apps/web/e2e/ui2-channel-workflow-status-presentation.spec.ts
@@ -10,7 +10,7 @@ import {
   channelWorkflowStepStatusPresentation,
 } from "../src/features/workspace/channel-workflow-status-presentation.js";
 import { mockDaemon } from "./support/mock-daemon";
-import { createBaseState } from "./support/mock-state";
+import { createBaseState, createMockTeammate } from "./support/mock-state";
 import { openChannelContextPanel, openEngineeringChannel } from "./support/test-helpers";
 
 const workflowCardPath = fileURLToPath(new URL("../src/features/workspace/ChannelWorkflowProposalCards.tsx", import.meta.url));
@@ -82,7 +82,7 @@ test("workflow, step, and run status presentation is exhaustive and the legacy o
   expect(styles).toContain('@import "./styles/channel-workflow-status.css";');
 });
 
-test("Light workflow surfaces show product labels, actions, linked states, and contained long content", async ({ page }, testInfo) => {
+test("Light workflow surfaces show compact proposal decisions and contained workflow status content", async ({ page }, testInfo) => {
   await prepareSurface(page, "light", 1440, 960);
   const runtimeErrors = collectRuntimeErrors(page);
   const state = createWorkflowStatusState();
@@ -90,7 +90,7 @@ test("Light workflow surfaces show product labels, actions, linked states, and c
   await page.goto("/");
   await openEngineeringChannel(page);
 
-  await verifyProposalSurface(page);
+  await verifyProposalSurface(page, testInfo, "1440x960-ling-light");
   const runtimePanel = await openRuntimePanel(page);
   await verifyWorkflowQueue(runtimePanel);
   await runtimePanel.locator(".workflow-queue-card").scrollIntoViewIfNeeded();
@@ -109,7 +109,7 @@ test("Dark workflow surfaces retain semantic tones and containment", async ({ pa
   await openEngineeringChannel(page);
 
   await expect(page.locator("html")).toHaveAttribute("data-theme", "dark");
-  await verifyProposalSurface(page);
+  await verifyProposalSurface(page, testInfo, "1280x800-ling-dark");
   const runtimePanel = await openRuntimePanel(page);
   await verifyWorkflowQueue(runtimePanel);
   const queue = runtimePanel.locator(".workflow-queue-card");
@@ -123,6 +123,16 @@ test("Dark workflow surfaces retain semantic tones and containment", async ({ pa
 
 function createWorkflowStatusState(): ReturnType<typeof createBaseState> {
   const state = createBaseState({ approvalStatus: "expired" });
+  state.aiTeammates = [
+    createMockTeammate({
+      id: "ling_agent",
+      displayName: "Ling Agent",
+      templateId: "ling_agent",
+      roleKey: "custom",
+      systemRole: "ling_agent",
+    }),
+    createMockTeammate({ id: "teammate_builtin_engineer", displayName: "Engineer" }),
+  ];
   const timestamp = "2026-07-26T08:00:00.000Z";
   const workflowId = "workflow_status_matrix";
   const linkedRunId = "run_workflow_status";
@@ -168,7 +178,7 @@ function createWorkflowStatusState(): ReturnType<typeof createBaseState> {
       proposedByTeammateId: "ling_agent",
       title: longText("Editable workflow proposal"),
       prompt: longText("Preserve proposal editing, permissions, evidence, and all existing actions"),
-      assigneeTeammateId: "ling_agent",
+      assigneeTeammateId: "teammate_builtin_engineer",
       acceptanceCriteria: [longText("No workflow status or action may overflow the channel proposal surface")],
       collaborationSteps: [{ teammateId: "ling_agent", action: "reviewed", summary: longText("Reviewed workflow state semantics and evidence") }],
       requiredTools: ["read", "bash"],
@@ -220,29 +230,52 @@ function channelMessage(id: string, body: string): Record<string, unknown> {
   };
 }
 
-async function verifyProposalSurface(page: Page): Promise<void> {
-  const editable = page.getByLabel("Task confirmation").filter({ hasText: "Editable workflow proposal" });
+async function verifyProposalSurface(page: Page, testInfo: TestInfo, evidencePrefix: string): Promise<void> {
+  const dialog = page.getByRole("dialog", { name: "Task confirmation" });
+  if (await dialog.isVisible().catch(() => false)) {
+    await dialog.getByRole("button", { name: "Close" }).click();
+  }
+  const editableSummary = page.getByLabel("Task proposal summary").filter({ hasText: "Editable workflow proposal" });
+  const editableSummaryRow = editableSummary.locator("..");
+  await expect(editableSummaryRow).toHaveClass(/channel-execution-proposal-summary-row/u);
+  const assigneeAvatar = editableSummaryRow.locator(".channel-execution-proposal-summary-avatar");
+  await expect(assigneeAvatar).toHaveCount(1);
+  await expect(assigneeAvatar).toHaveAttribute("aria-label", "Engineer");
+  await expect(assigneeAvatar.locator(".teammate-avatar-image.compact")).toHaveAttribute("src", /avatars\/teammates\/engineer\.png$/u);
+  await expect(editableSummary).toContainText("Engineer · Pending confirmation");
+  await capture(page, testInfo, `${evidencePrefix}-task-summary.png`);
+  await editableSummary.getByRole("button", { name: "View task" }).click();
+  const editable = dialog.locator(".channel-execution-proposal-decision");
   await expect(editable).toBeVisible();
-  await expect(editable.getByLabel("Task permission confirmation")).toBeVisible();
+  await expect(editable).toContainText("Task");
+  await expect(editable).toContainText("Agent");
+  await expect(editable).toContainText("Engineer");
+  await expect(editable).toContainText("Required permissions");
+  await expect(editable).toContainText("Read files");
+  await expect(editable).toContainText("Run commands");
+  await expect(editable).not.toContainText("Permission-sensitive actions still require confirmation");
+  await expect(editable.locator(".channel-proposal-details, .channel-proposal-collaboration")).toHaveCount(0);
   await expect(editable.getByRole("button", { name: "Authorize and start task" })).toBeVisible();
   await expect(editable.getByRole("button", { name: "Edit", exact: true })).toBeVisible();
-  const evidence = editable.locator(".channel-proposal-collaboration");
-  await expect(evidence).toBeVisible();
-  await evidence.locator("summary").click();
-  await expect(evidence.locator("li")).toBeVisible();
+  await capture(page, testInfo, `${evidencePrefix}-task-confirmation.png`);
   await editable.getByRole("button", { name: "Edit", exact: true }).click();
   await expect(editable.getByLabel("Scope")).toBeVisible();
   await editable.getByRole("button", { name: "Cancel", exact: true }).click();
+  await dialog.getByRole("button", { name: "Close" }).click();
 
-  const linked = page.getByLabel("Task confirmation").filter({ hasText: "Linked status proposal" });
+  const linkedSummary = page.getByLabel("Task proposal summary").filter({ hasText: "Linked status proposal" });
+  await expect(linkedSummary).toContainText("Ling Agent · Execution failed");
+  await linkedSummary.getByRole("button", { name: "View task" }).click();
+  const linked = dialog.locator(".channel-execution-proposal-decision");
   await expect(linked).toBeVisible();
-  const linkedStatuses = linked.locator(".channel-workflow-linked-statuses");
-  await expect(linkedStatuses.locator('[data-status-kind="linked-workflow"]')).toContainText("Waiting for approval");
-  await expect(linkedStatuses.locator('[data-status-kind="linked-workflow"]')).toHaveAttribute("data-tone", "warning");
-  await expect(linkedStatuses.locator('[data-status-kind="run"]')).toContainText("Failed");
-  await expect(linkedStatuses.locator('[data-status-kind="run"]')).toHaveAttribute("data-tone", "danger");
+  await expect(linked).toContainText("Linked status proposal");
+  await expect(linked).toContainText("Ling Agent");
+  await expect(linked).toContainText("Read files");
+  await expect(linked).toContainText("The linked run stopped after a provider validation error");
+  await expect(linked.locator(".channel-workflow-linked-statuses")).toHaveCount(0);
   await expect(linked.getByRole("button", { name: "Open run" })).toBeVisible();
   await expect(linked).not.toContainText("waiting_for_approval");
+  await dialog.getByRole("button", { name: "Close" }).click();
 }
 
 async function openRuntimePanel(page: Page): Promise<Locator> {
@@ -309,7 +342,7 @@ function collectRuntimeErrors(page: Page): string[] {
 async function expectContained(page: Page, panel: Locator): Promise<void> {
   const overflow = await page.evaluate(() => document.documentElement.scrollWidth - document.documentElement.clientWidth);
   expect(overflow).toBeLessThanOrEqual(1);
-  for (const locator of [panel.locator(".workflow-queue-card"), panel.locator(".workflow-step-card"), page.locator(".channel-execution-proposal"), page.locator(".channel-workflow-linked-statuses")]) {
+  for (const locator of [panel.locator(".workflow-queue-card"), panel.locator(".workflow-step-card"), page.locator(".channel-execution-proposal-summary"), page.locator(".channel-execution-proposal-decision")]) {
     const count = await locator.count();
     for (let index = 0; index < count; index += 1) {
       expect(await locator.nth(index).evaluate((element) => element.scrollWidth - element.clientWidth)).toBeLessThanOrEqual(1);
diff --git a/apps/web/e2e/ui2-sidebar-foundation-layout.spec.ts b/apps/web/e2e/ui2-sidebar-foundation-layout.spec.ts
index 29075e737..48c4705e1 100644
--- a/apps/web/e2e/ui2-sidebar-foundation-layout.spec.ts
+++ b/apps/web/e2e/ui2-sidebar-foundation-layout.spec.ts
@@ -63,10 +63,22 @@ test("Sidebar foundation keeps one bounded expanded navigation surface", async (
   const longChannel = navigation.getByRole("button", { name: LONG_CHANNEL_NAME });
   await longChannel.scrollIntoViewIfNeeded();
   const longLabel = longChannel.locator('[data-ling-button-slot="label"]');
-  await expect(longLabel).toHaveCSS("overflow", "hidden");
-  await expect(longLabel).toHaveCSS("text-overflow", "ellipsis");
-  await expect(longLabel).toHaveCSS("white-space", "nowrap");
-  expect(await longLabel.evaluate((element) => element.scrollWidth > element.clientWidth)).toBe(true);
+  const longShell = longChannel.locator("xpath=ancestor::div[contains(concat(' ', normalize-space(@class), ' '), ' sidebar-row-shell ')][1]");
+  const titleViewport = longChannel.locator(".sidebar-row-title-viewport");
+  const titleTrack = longChannel.locator(".sidebar-row-title-track");
+  await expect(longLabel).toHaveCSS("overflow", "visible");
+  await expect(longLabel).toHaveCSS("text-overflow", "clip");
+  await expect(titleViewport).toHaveCSS("overflow", "hidden");
+  await expect(titleViewport).toHaveCSS("white-space", "nowrap");
+  await expect(longShell).toHaveAttribute("data-sidebar-row-overflow", "true");
+  expect(await titleViewport.evaluate((element) => element.scrollWidth > element.clientWidth)).toBe(true);
+  expect(await longShell.evaluate((element) => getComputedStyle(element).gridTemplateColumns.trim().split(/\s+/u))).toHaveLength(1);
+  await longShell.hover();
+  await expect.poll(() => titleTrack.evaluate((element) => getComputedStyle(element).transform))
+    .not.toBe("none");
+  await page.mouse.move(1000, 700);
+  await expect.poll(() => titleTrack.evaluate((element) => getComputedStyle(element).transform), { timeout: 5_000 })
+    .toMatch(/^(none|matrix\(1, 0, 0, 1, 0, 0\))$/u);
   await expectInside(navigation, longChannel);
   await expectNoHorizontalOverflow(page.locator("html"));
   await captureEvidence(page, "1440x960-ling-light-expanded-long-row.png");
@@ -85,6 +97,12 @@ test("Sidebar branch draft and section menu stay contained in dark reduced-motio
   await page.goto("/");
 
   const navigation = page.getByLabel("Ling Stack navigation");
+  const longTeammate = navigation.getByRole("button", { name: "A teammate identity that is intentionally longer than the available Sidebar row" });
+  await longTeammate.scrollIntoViewIfNeeded();
+  const longTeammateShell = longTeammate.locator("xpath=ancestor::div[contains(concat(' ', normalize-space(@class), ' '), ' sidebar-row-shell ')][1]");
+  await expect(longTeammateShell).toHaveAttribute("data-sidebar-row-overflow", "true");
+  await longTeammateShell.hover();
+  await expect(longTeammate.locator(".sidebar-row-title-track")).toHaveCSS("transform", "none");
   const engineeringGroup = navigation.locator(".sidebar-channel-group").filter({ hasText: "Engineering" });
   await engineeringGroup.locator(".sidebar-row-shell").hover();
   await engineeringGroup.getByRole("button", { name: "Create branch" }).click();
@@ -185,7 +203,7 @@ test("Sidebar foundation preserves shell geometry across the 900 and 901px bound
   expect(runtimeErrors).toEqual([]);
 });
 
-const LONG_CHANNEL_NAME = "Architecture coordination channel with a deliberately long identity that must ellipsize";
+const LONG_CHANNEL_NAME = "Architecture coordination channel with a deliberately long identity that must fade smoothly";
 
 function createDenseSidebarState(): MockState {
   const state = createBaseState({ approvalStatus: "expired" });
diff --git a/apps/web/e2e/ui2-sidebar-object-rows.spec.ts b/apps/web/e2e/ui2-sidebar-object-rows.spec.ts
index be316a094..e5b784bd6 100644
--- a/apps/web/e2e/ui2-sidebar-object-rows.spec.ts
+++ b/apps/web/e2e/ui2-sidebar-object-rows.spec.ts
@@ -11,13 +11,40 @@ const evidenceDirectory = fileURLToPath(new URL(
 
 test("UI 2.0 Sidebar object rows keep compact identity and actions in the expanded rail", async ({ page }) => {
   const runtimeErrors = collectRuntimeErrors(page);
+  let workspaceChangesRequests = 0;
   await prepareSurface(page, "light", 1440, 960);
   await mockDaemon(page, createSidebarState());
+  await page.route("http://127.0.0.1:17891/workspace/changes?**", async (route) => {
+    workspaceChangesRequests += 1;
+    await route.fulfill({
+      json: {
+        cwd: "/tmp/ling-stack/apps/web",
+        state: "dirty",
+        repoRoot: "/tmp/ling-stack",
+        branchName: "codex/sidebar-approval-dialogs",
+        additions: 12,
+        deletions: 4,
+        files: [],
+        totalFileCount: 2,
+        truncated: false,
+        checkedAt: "2026-08-26T00:00:00.000Z",
+      },
+    });
+  });
   await page.goto("/");
 
   const navigation = page.getByLabel("Ling Stack navigation");
   await navigation.getByRole("button", { name: "Engineering" }).click();
   await expect(page.getByLabel("Channel composer")).toBeVisible();
+  const channel = navigation.getByRole("button", { name: "Engineering", exact: true });
+  await page.mouse.move(720, 320);
+  await channel.hover();
+  const channelPreview = page.locator('[role="tooltip"]:visible').filter({ hasText: "Engineering" });
+  await expect(channelPreview).not.toContainText("Channel");
+  await expect(channelPreview).not.toContainText("ling-stack");
+  await expect(channelPreview).not.toContainText("codex/sidebar-approval-dialogs");
+  await captureEvidence(page, "1440x960-ling-light-channel-preview.png");
+
   const teammate = navigation.getByRole("button", { name: "Designer", exact: true });
   const avatar = teammate.locator(".teammate-avatar-image.compact");
   const label = teammate.locator('[data-ling-button-slot="label"]');
@@ -29,6 +56,11 @@ test("UI 2.0 Sidebar object rows keep compact identity and actions in the expand
   expect(avatarBox!.width).toBeLessThanOrEqual(24);
   expect(labelBox!.x - (avatarBox!.x + avatarBox!.width)).toBeGreaterThanOrEqual(4);
   await teammate.hover();
+  const teammatePreview = page.locator('[role="tooltip"]:visible').filter({ hasText: "Designer" });
+  await expect(teammatePreview).not.toContainText("Private chat");
+  await expect(teammatePreview).toContainText("ling-stack");
+  await expect(teammatePreview).toContainText("codex/sidebar-approval-dialogs");
+  await captureEvidence(page, "1440x960-ling-light-private-chat-preview.png");
   const teammateRow = navigation.locator('.sidebar-row-shell:has(.sidebar-row-main[aria-label="Designer"])');
   const archive = teammateRow.getByRole("button", { name: "Archive teammate" });
   await expect(archive).toBeVisible();
@@ -37,10 +69,23 @@ test("UI 2.0 Sidebar object rows keep compact identity and actions in the expand
   const recent = navigation.locator(".sidebar-recent-row").filter({
     hasText: "A deliberately long conversation title",
   });
+  const recentShell = recent.locator("xpath=ancestor::div[contains(concat(' ', normalize-space(@class), ' '), ' sidebar-recent-row-shell ')][1]");
   await expect(recent).toContainText("A deliberately long conversation title");
-  await expect(recent.locator(".sidebar-recent-copy")).toHaveCSS("min-width", "0px");
+  await expect(recentShell).toHaveAttribute("data-sidebar-row-overflow", "true");
+  await expect(recent.locator(".sidebar-row-title-viewport")).toHaveCSS("overflow", "hidden");
+  await expect(recent.locator(".sidebar-row-title-track")).not.toHaveCSS("text-overflow", "ellipsis");
+  expect(await recentShell.evaluate((element) => getComputedStyle(element).gridTemplateColumns.trim().split(/\s+/u))).toHaveLength(1);
+  const recentTools = recentShell.locator(".sidebar-row-tools");
+  await expect(recentTools).toHaveCSS("position", "absolute");
+  await recent.hover();
+  await expect(recentTools).toHaveCSS("opacity", "1");
+  await expect(page.getByRole("tooltip")).toContainText("A deliberately long conversation title that must remain inside the Sidebar row");
+  await expect(page.getByRole("tooltip")).not.toContainText("Conversation");
+  await expect(page.getByRole("tooltip")).toContainText("ling-stack");
+  await expect(page.getByRole("tooltip")).toContainText("codex/sidebar-approval-dialogs");
+  expect(workspaceChangesRequests).toBe(1);
   await expectNoHorizontalOverflow(navigation);
-  await captureEvidence(page, "1440x960-ling-light-expanded.png");
+  await captureEvidence(page, "1440x960-ling-light-conversation-preview.png");
   expect(runtimeErrors).toEqual([]);
 });
 
@@ -65,9 +110,9 @@ test("UI 2.0 Sidebar compact rail keeps object rows behind a section launcher in
   await expect(navigation.getByRole("button", { name: "Archive channel" })).toBeHidden();
 
   await channel.hover();
-  const tooltip = page.getByRole("tooltip");
+  const tooltip = page.locator('[role="tooltip"]:visible').filter({ hasText: "Channels" });
+  await expect(tooltip).toBeVisible();
   await expect(tooltip).toHaveText("Channels");
-  await expect.poll(async () => Math.round((await tooltip.boundingBox())?.x ?? 0)).toBeGreaterThan(45);
   await channel.click();
   await expect.poll(async () => Math.round((await navigation.boundingBox())?.width ?? 0)).toBe(240);
   await expect(navigation.getByRole("button", { name: "Engineering", exact: true })).toBeVisible();
@@ -100,6 +145,36 @@ function createSidebarState(): MockState {
       metadata: { schemaVersion: 1 as const, lastActivityAt: timestamp },
     };
   });
+  const sourceRun = state.runs[0]!;
+  state.channels[0] = {
+    ...state.channels[0]!,
+    boundPath: cwd,
+  };
+  const conversationRuns = state.threads.map((thread, index) => ({
+    ...sourceRun,
+    id: `run_sidebar_${index}`,
+    taskId: `task_sidebar_${index}`,
+    channelId: undefined,
+    teammateId: undefined,
+    threadId: thread.id,
+    cwd: "/tmp/ling-stack/apps/web",
+    eventLogPath: `/tmp/ling-stack/.ling-stack/runs/run_sidebar_${index}/events.jsonl`,
+    updatedAt: thread.updatedAt,
+  }));
+  state.runs = [
+    ...conversationRuns,
+    {
+      ...sourceRun,
+      id: "run_sidebar_private_chat",
+      taskId: "task_sidebar_private_chat",
+      channelId: undefined,
+      teammateId: state.aiTeammates[0]!.id,
+      threadId: "thread_sidebar_private_chat",
+      cwd: "/tmp/ling-stack/apps/web",
+      eventLogPath: "/tmp/ling-stack/.ling-stack/runs/run_sidebar_private_chat/events.jsonl",
+      updatedAt: "2026-08-26T00:11:00.000Z",
+    },
+  ];
   return state;
 }
 
diff --git a/apps/web/src/app/AppShell.tsx b/apps/web/src/app/AppShell.tsx
index f5a5907c1..045dc0e0c 100644
--- a/apps/web/src/app/AppShell.tsx
+++ b/apps/web/src/app/AppShell.tsx
@@ -173,6 +173,8 @@ import { useWorkspaceSettingsController } from "./use-workspace-settings-control
 import { useDesktopNavigationIntents } from "./use-desktop-navigation-intents.js";
 import { useAppNarrowViewport } from "./use-app-viewport-state.js";
 import { useShellErrorFeedback } from "./use-shell-error-feedback.js";
+import { buildSidebarObjectContextSeeds } from "./sidebar-object-context.js";
+import { useSidebarObjectContexts } from "./use-sidebar-object-contexts.js";
 
 const builtinSkillPack = getBuiltinSkillPack(GSTACK_DEFAULT_SKILL_PACK_ID);
 const builtinTeammateTemplates = builtinSkillPack?.teammateTemplates ?? [];
@@ -1038,6 +1040,15 @@ export function AppShell(): React.JSX.Element {
     }
     return items;
   }, [run, runs]);
+  const sidebarRuns = useMemo(() => [...runById.values()], [runById]);
+  const sidebarObjectContextSeeds = useMemo(() => buildSidebarObjectContextSeeds({
+    channels,
+    conversationThreads,
+    runs: sidebarRuns,
+    teammates: aiTeammates,
+    workspaceCwd: form.cwd.trim(),
+  }), [aiTeammates, channels, conversationThreads, form.cwd, sidebarRuns]);
+  const sidebarObjectContexts = useSidebarObjectContexts(sidebarObjectContextSeeds);
   const sidebarChannelNotifications = useMemo(
     () => buildSidebarChannelNotifications({
       approvals,
@@ -2371,6 +2382,7 @@ export function AppShell(): React.JSX.Element {
         stale={daemonHealthy === false}
         channelNotifications={sidebarChannelNotifications}
         teammateNotifications={sidebarTeammateNotifications}
+        objectContexts={sidebarObjectContexts}
         recentConversations={recentConversations}
         recentConversationsInitialLoading={conversationThreadsLoading && recentConversations.length === 0}
         recentConversationActionError={conversationSidebarError}
@@ -2531,6 +2543,7 @@ export function AppShell(): React.JSX.Element {
             externalActionDetails={externalActionDetails}
             approvalsLoading={approvalsLoading}
             resolvingApprovals={resolvingApprovals}
+            approvalErrors={approvalErrors}
             resourceLeases={resourceLeases}
             runtimeDiagnostics={runtimeDiagnostics}
             workUnits={workUnits}
@@ -2569,8 +2582,8 @@ export function AppShell(): React.JSX.Element {
             onCreateTask={saveTask}
             onCreateTaskFromSlashCommand={createTaskFromSlashCommand}
             onSendMessage={sendChannelMessage}
-            onConfirmExecutionProposal={(proposal) => void confirmChannelExecutionProposal(proposal)}
-            onCancelExecutionProposal={(proposal) => void cancelChannelExecutionProposal(proposal)}
+            onConfirmExecutionProposal={confirmChannelExecutionProposal}
+            onCancelExecutionProposal={cancelChannelExecutionProposal}
             onUpdateExecutionProposal={markChannelExecutionProposal}
             onUploadAttachments={(files) => uploadChannelFiles(files)}
             onCreateLinkPreview={(url) => addChannelLinkPreview(url)}
@@ -2684,6 +2697,7 @@ export function AppShell(): React.JSX.Element {
                   } : undefined}
                   inlineApprovalViews={normalConversationInlineApprovalViews}
                   resolvingApprovals={resolvingApprovals}
+                  approvalErrors={approvalErrors}
                   conversationIdentity={conversationIdentity}
                   defaultProviderLabel={defaultConversationProviderLabel}
                   defaultProviderPresetId={defaultConversationProviderPresetId}
@@ -2695,16 +2709,6 @@ export function AppShell(): React.JSX.Element {
                   activeRun={activeConversationRun}
                   stopping={Boolean(activeConversationRun && cancellingRunId === activeConversationRun.id)}
                   onOpenRun={(runId) => void openRunFromWorkspace(runId)}
-                  onOpenApproval={(approvalId) => {
-                    const approval = selectedConversationDetail?.approvals.find((candidate) => candidate.id === approvalId)
-                      ?? approvals.find((candidate) => candidate.id === approvalId);
-                    if (approval) {
-                      upsertApprovalRecord(approval);
-                    }
-                    setSelectedApprovalId(approvalId);
-                    void refreshApprovals(form.cwd.trim());
-                    openPlainView("approvals");
-                  }}
                   onOpenModelWorkbench={() => openSettingsWorkspaceTool("providers")}
                   fullAccessConfirmed={fullAccessConfirmation.isConfirmed(normalConversationConfirmationScope)}
                   onConfirmFullAccess={() => fullAccessConfirmation.request(normalConversationConfirmationScope)}
@@ -2827,6 +2831,9 @@ export function AppShell(): React.JSX.Element {
                 workspacePolicyLoading={approvalPolicyLoading}
                 workspacePolicyError={settingsDomain.error?.scope === "load" ? settingsDomain.error.message : undefined}
                 onRefreshWorkspacePolicy={() => void refreshApprovalPolicy()}
+                approvalErrors={approvalErrors}
+                resolvingApprovals={resolvingApprovals}
+                onResolveApproval={resolveApproval}
                 settingsOpenRequest={teammateSettingsOpenRequest}
                 conversationRefreshToken={teammateConversationRefreshToken}
                 onSettingsOpenRequestConsumed={(requestId) => {
diff --git a/apps/web/src/app/sidebar-object-context.ts b/apps/web/src/app/sidebar-object-context.ts
new file mode 100644
index 000000000..57ff13384
--- /dev/null
+++ b/apps/web/src/app/sidebar-object-context.ts
@@ -0,0 +1,138 @@
+import type {
+  AiTeammate,
+  Channel,
+  LingThread,
+  RunSession,
+  WorkspaceChangesResponse,
+} from "../types.js";
+
+export type SidebarObjectKind = "channel" | "private_chat" | "conversation";
+
+export interface SidebarObjectGitContext {
+  readonly repositoryLabel: string;
+  readonly branchName: string;
+}
+
+export interface SidebarObjectContextSeed {
+  readonly key: string;
+  readonly activityAt: string;
+  readonly cwd?: string;
+}
+
+export interface SidebarObjectContext {
+  readonly activityAt: string;
+  readonly git?: SidebarObjectGitContext;
+}
+
+export function sidebarObjectContextKey(kind: SidebarObjectKind, id: string): string {
+  return `${kind}:${id}`;
+}
+
+export function buildSidebarObjectContextSeeds(input: {
+  readonly channels: readonly Channel[];
+  readonly conversationThreads: readonly LingThread[];
+  readonly runs: readonly RunSession[];
+  readonly teammates: readonly AiTeammate[];
+  readonly workspaceCwd: string;
+  readonly recentConversationLimit?: number;
+}): readonly SidebarObjectContextSeed[] {
+  const latestRunByThreadId = latestRunMap(input.runs, (run) => run.threadId);
+  const latestRunByChannelId = latestRunMap(input.runs, (run) => run.channelId);
+  const latestDirectRunByTeammateId = latestRunMap(
+    input.runs.filter((run) => !run.channelId && Boolean(run.threadId)),
+    (run) => run.teammateId,
+  );
+  const recentConversationLimit = input.recentConversationLimit ?? 5;
+
+  return [
+    ...input.channels.map((channel): SidebarObjectContextSeed => {
+      const latestRun = latestRunByChannelId.get(channel.id);
+      const cwd = firstNonEmpty(
+        distinctPath(channel.workspaceBinding?.worktreePath, input.workspaceCwd),
+        distinctPath(channel.workspaceBinding?.executionPath, input.workspaceCwd),
+        distinctPath(latestRun?.cwd, input.workspaceCwd),
+        distinctPath(channel.boundPath, input.workspaceCwd),
+      );
+      return {
+        key: sidebarObjectContextKey("channel", channel.id),
+        activityAt: latestActivityAt(channel.updatedAt, latestRun?.updatedAt),
+        ...(cwd ? { cwd } : {}),
+      };
+    }),
+    ...input.teammates.map((teammate): SidebarObjectContextSeed => {
+      const latestRun = latestDirectRunByTeammateId.get(teammate.id);
+      const cwd = distinctPath(latestRun?.cwd, input.workspaceCwd);
+      return {
+        key: sidebarObjectContextKey("private_chat", teammate.id),
+        activityAt: latestActivityAt(teammate.updatedAt, latestRun?.updatedAt),
+        ...(cwd ? { cwd } : {}),
+      };
+    }),
+    ...[...input.conversationThreads]
+      .sort((left, right) => threadActivityAt(right).localeCompare(threadActivityAt(left)))
+      .slice(0, recentConversationLimit)
+      .map((thread): SidebarObjectContextSeed => {
+        const latestRun = latestRunByThreadId.get(thread.id);
+        const cwd = distinctPath(latestRun?.cwd, input.workspaceCwd);
+        return {
+          key: sidebarObjectContextKey("conversation", thread.id),
+          activityAt: latestActivityAt(threadActivityAt(thread), latestRun?.updatedAt),
+          ...(cwd ? { cwd } : {}),
+        };
+      }),
+  ];
+}
+
+export function projectSidebarObjectGitContext(
+  changes: WorkspaceChangesResponse,
+): SidebarObjectGitContext | undefined {
+  if (changes.state !== "clean" && changes.state !== "dirty") return undefined;
+  const repositoryLabel = pathBaseName(changes.repoRoot?.trim() || changes.cwd.trim());
+  const branchName = changes.branchName?.trim() || changes.headSha?.trim().slice(0, 8);
+  if (!repositoryLabel || !branchName) return undefined;
+  return { repositoryLabel, branchName };
+}
+
+function latestRunMap(
+  runs: readonly RunSession[],
+  readKey: (run: RunSession) => string | undefined,
+): ReadonlyMap<string, RunSession> {
+  const latest = new Map<string, RunSession>();
+  for (const run of runs) {
+    const key = readKey(run)?.trim();
+    if (!key) continue;
+    const current = latest.get(key);
+    if (!current || run.updatedAt.localeCompare(current.updatedAt) > 0) {
+      latest.set(key, run);
+    }
+  }
+  return latest;
+}
+
+function latestActivityAt(fallback: string, candidate?: string): string {
+  return candidate && candidate.localeCompare(fallback) > 0 ? candidate : fallback;
+}
+
+function firstNonEmpty(...values: readonly (string | undefined)[]): string | undefined {
+  return values.map((value) => value?.trim()).find(Boolean);
+}
+
+function distinctPath(candidate: string | undefined, excluded: string): string | undefined {
+  const normalizedCandidate = normalizePath(candidate);
+  if (!normalizedCandidate || normalizedCandidate === normalizePath(excluded)) return undefined;
+  return candidate?.trim();
+}
+
+function normalizePath(path: string | undefined): string {
+  const trimmed = path?.trim() ?? "";
+  if (trimmed === "/" || /^[A-Za-z]:[\\/]$/u.test(trimmed)) return trimmed;
+  return trimmed.replace(/[\\/]+$/u, "");
+}
+
+function threadActivityAt(thread: LingThread): string {
+  return thread.metadata?.lastActivityAt ?? thread.updatedAt;
+}
+
+function pathBaseName(path: string): string {
+  return path.split(/[\\/]/u).filter(Boolean).at(-1) ?? "";
+}
diff --git a/apps/web/src/app/use-sidebar-object-contexts.ts b/apps/web/src/app/use-sidebar-object-contexts.ts
new file mode 100644
index 000000000..6b83d20a8
--- /dev/null
+++ b/apps/web/src/app/use-sidebar-object-contexts.ts
@@ -0,0 +1,57 @@
+import { useEffect, useMemo, useState } from "react";
+import { getWorkspaceChanges } from "../api/workspace-changes.js";
+import {
+  projectSidebarObjectGitContext,
+  type SidebarObjectContext,
+  type SidebarObjectContextSeed,
+  type SidebarObjectGitContext,
+} from "./sidebar-object-context.js";
+
+export function useSidebarObjectContexts(
+  seeds: readonly SidebarObjectContextSeed[],
+): Readonly<Record<string, SidebarObjectContext>> {
+  const uniqueCwds = useMemo(
+    () => [...new Set(seeds.flatMap((seed) => seed.cwd ? [seed.cwd] : []))],
+    [seeds],
+  );
+  const cwdKey = uniqueCwds.join("\u0001");
+  const [gitByCwd, setGitByCwd] = useState<Readonly<Record<string, SidebarObjectGitContext>>>({});
+
+  useEffect(() => {
+    let cancelled = false;
+    if (uniqueCwds.length === 0) {
+      setGitByCwd({});
+      return () => {
+        cancelled = true;
+      };
+    }
+
+    void Promise.all(uniqueCwds.map(async (cwd) => {
+      try {
+        const changes = await getWorkspaceChanges(cwd);
+        return [cwd, projectSidebarObjectGitContext(changes)] as const;
+      } catch {
+        return [cwd, undefined] as const;
+      }
+    })).then((entries) => {
+      if (cancelled) return;
+      const next: Record<string, SidebarObjectGitContext> = {};
+      for (const [cwd, git] of entries) {
+        if (git) next[cwd] = git;
+      }
+      setGitByCwd(next);
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [cwdKey]);
+
+  return useMemo(() => Object.fromEntries(seeds.map((seed) => [
+    seed.key,
+    {
+      activityAt: seed.activityAt,
+      ...(seed.cwd && gitByCwd[seed.cwd] ? { git: gitByCwd[seed.cwd] } : {}),
+    } satisfies SidebarObjectContext,
+  ])), [gitByCwd, seeds]);
+}
diff --git a/apps/web/src/features/approvals/RuntimeApprovalDialogQueue.tsx b/apps/web/src/features/approvals/RuntimeApprovalDialogQueue.tsx
new file mode 100644
index 000000000..6db052814
--- /dev/null
+++ b/apps/web/src/features/approvals/RuntimeApprovalDialogQueue.tsx
@@ -0,0 +1,126 @@
+import { CheckCircle2, CircleAlert, ShieldCheck } from "lucide-react";
+import { useEffect, useRef } from "react";
+import { useI18n } from "../../i18n.js";
+import type { InlineApprovalView } from "../../lib/inline-approvals.js";
+import { runtimeApprovalActionSentence } from "../../lib/runtime-approval-presentation.js";
+import {
+  Button,
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  InlineFeedback,
+} from "../../shared/ui/index.js";
+import type { ApprovalResolution } from "./types.js";
+import { useApprovalDecisionController } from "./useApprovalDecisionController.js";
+
+export function RuntimeApprovalDialogQueue({
+  approvals,
+  approvalErrors,
+  resolvingApprovals,
+  onResolve,
+}: {
+  readonly approvals: readonly InlineApprovalView[];
+  readonly approvalErrors: Readonly<Record<string, string>>;
+  readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
+  readonly onResolve: (approvalId: string, decision: ApprovalResolution, reason?: string) => void;
+}): React.JSX.Element | null {
+  const { t } = useI18n();
+  const returnFocusRef = useRef<HTMLElement | null>(null);
+  const denyButtonRef = useRef<HTMLButtonElement>(null);
+  const previousApprovalIdRef = useRef("");
+  const uniqueApprovals = [...new Map(approvals.map((item) => [item.approval.id, item])).values()];
+  const current = uniqueApprovals[0];
+  const decision = useApprovalDecisionController({
+    approval: current?.approval ?? emptyApproval,
+    resolvingDecision: current ? resolvingApprovals[current.approval.id] : undefined,
+    errorMessage: current ? approvalErrors[current.approval.id] : undefined,
+    reasonPolicy: "none",
+    onResolve,
+  });
+
+  useEffect(() => {
+    const currentId = current?.approval.id ?? "";
+    if (!currentId && previousApprovalIdRef.current) {
+      const focusTarget = returnFocusRef.current;
+      globalThis.requestAnimationFrame(() => {
+        if (focusTarget?.isConnected) focusTarget.focus();
+      });
+      returnFocusRef.current = null;
+    }
+    previousApprovalIdRef.current = currentId;
+  }, [current?.approval.id]);
+
+  useEffect(() => {
+    if (!current) return undefined;
+    const frame = globalThis.requestAnimationFrame(() => denyButtonRef.current?.focus());
+    return () => globalThis.cancelAnimationFrame(frame);
+  }, [current?.approval.id]);
+
+  if (!current) return null;
+  const approval = current.approval;
+  const resolvingDecision = resolvingApprovals[approval.id];
+  const actionSentence = runtimeApprovalActionSentence(approval, current.summary, t);
+
+  return (
+    <Dialog busy={decision.isResolving} dismissible={false} open onOpenChange={() => undefined}>
+      <DialogContent
+        className="runtime-approval-dialog"
+        data-computer-use-obstacle="true"
+        data-computer-use-obstacle-kind="approval"
+        size="sm"
+        onOpenAutoFocus={(event) => {
+          event.preventDefault();
+          if (!returnFocusRef.current && document.activeElement instanceof HTMLElement) {
+            returnFocusRef.current = document.activeElement;
+          }
+          denyButtonRef.current?.focus();
+        }}
+        onCloseAutoFocus={(event) => event.preventDefault()}
+      >
+        <DialogHeader
+          title={<span className="runtime-approval-dialog-title"><ShieldCheck aria-hidden="true" size={18} />{t("Allow this action?")}</span>}
+        />
+        <DialogBody className="runtime-approval-dialog-body">
+          <p className="runtime-approval-dialog-summary">{actionSentence}</p>
+          {decision.mutationError ? (
+            <InlineFeedback title={t("Decision")} tone="danger">{decision.mutationError}</InlineFeedback>
+          ) : null}
+        </DialogBody>
+        <DialogFooter>
+          <Button
+            ref={denyButtonRef}
+            leadingIcon={<CircleAlert aria-hidden="true" size={15} />}
+            loading={resolvingDecision === "deny"}
+            loadingLabel={t("Denying")}
+            variant="danger"
+            onClick={() => decision.submit("deny")}
+          >
+            {decision.mutationError && decision.attemptedDecision === "deny" ? t("Retry") : t("Deny")}
+          </Button>
+          <Button
+            leadingIcon={<CheckCircle2 aria-hidden="true" size={15} />}
+            loading={resolvingDecision === "approve"}
+            loadingLabel={t("Allowing")}
+            variant="primary"
+            onClick={() => decision.submit("approve")}
+          >
+            {decision.mutationError && decision.attemptedDecision === "approve" ? t("Retry") : t("Allow")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+const emptyApproval = {
+  id: "runtime-approval-placeholder",
+  actionType: "runtime_permission_request",
+  title: "",
+  description: "",
+  risk: "low",
+  status: "pending",
+  payload: {},
+  createdAt: "",
+} as const;
diff --git a/apps/web/src/features/approvals/useApprovalDecisionController.ts b/apps/web/src/features/approvals/useApprovalDecisionController.ts
index 80b03c106..a6e07f9a8 100644
--- a/apps/web/src/features/approvals/useApprovalDecisionController.ts
+++ b/apps/web/src/features/approvals/useApprovalDecisionController.ts
@@ -7,15 +7,17 @@ export function useApprovalDecisionController(input: {
   readonly approval: ApprovalRequest;
   readonly resolvingDecision?: ApprovalResolution;
   readonly errorMessage?: string;
+  readonly reasonPolicy?: "risk_based" | "none";
   readonly onResolve: (approvalId: string, decision: ApprovalResolution, reason?: string) => void;
 }) {
   const [decisionReason, setDecisionReason] = useState("");
   const [dialogOpen, setDialogOpen] = useState(false);
   const [reasonError, setReasonError] = useState("");
   const [attempted, setAttempted] = useState(false);
+  const [attemptedDecision, setAttemptedDecision] = useState<ApprovalResolution | undefined>();
   const status = effectiveApprovalStatus(input.approval);
   const highRisk = input.approval.risk === "high" || input.approval.risk === "critical";
-  const reasonRequired = highRisk && input.approval.actionType !== "media_cost";
+  const reasonRequired = input.reasonPolicy !== "none" && highRisk && input.approval.actionType !== "media_cost";
   const isResolving = Boolean(input.resolvingDecision);
   const trimmedReason = decisionReason.trim();
   const mutationError = useMemo(
@@ -28,6 +30,7 @@ export function useApprovalDecisionController(input: {
     setDialogOpen(false);
     setReasonError("");
     setAttempted(false);
+    setAttemptedDecision(undefined);
   }, [input.approval.id]);
 
   useEffect(() => {
@@ -35,6 +38,7 @@ export function useApprovalDecisionController(input: {
     setDialogOpen(false);
     setReasonError("");
     setAttempted(false);
+    setAttemptedDecision(undefined);
   }, [status]);
 
   function updateReason(value: string): void {
@@ -60,6 +64,7 @@ export function useApprovalDecisionController(input: {
     }
     setReasonError("");
     setAttempted(true);
+    setAttemptedDecision(decision);
     input.onResolve(input.approval.id, decision, trimmedReason || undefined);
   }
 
@@ -71,6 +76,7 @@ export function useApprovalDecisionController(input: {
 
   return {
     decisionReason,
+    attemptedDecision,
     dialogOpen,
     reasonError,
     mutationError,
diff --git a/apps/web/src/features/navigation/SidebarNavigation.tsx b/apps/web/src/features/navigation/SidebarNavigation.tsx
index d42487c43..14a42cba2 100644
--- a/apps/web/src/features/navigation/SidebarNavigation.tsx
+++ b/apps/web/src/features/navigation/SidebarNavigation.tsx
@@ -16,6 +16,7 @@ import {
   Settings,
 } from "lucide-react";
 import { useI18n } from "../../i18n.js";
+import { sidebarObjectContextKey, type SidebarObjectContext } from "../../app/sidebar-object-context.js";
 import { Icon, IconButton, InlineFeedback, Input, StatusIndicator } from "../../shared/ui/index.js";
 import {
   channelSidebarTarget,
@@ -27,6 +28,7 @@ import type { AiTeammate, Channel, ChannelBranch } from "../../types.js";
 import { TeammateAvatarView } from "../teammates/TeammateAvatarView.js";
 import { SidebarPrimaryNavigation } from "./SidebarPrimaryNavigation.js";
 import { channelAvatarMeta } from "./sidebar-channel-avatar.js";
+import { SidebarObjectPreview } from "./SidebarObjectPreview.js";
 import { SidebarObjectRow } from "./SidebarObjectRow.js";
 import { SidebarArchiveAllConversationsDialog } from "./SidebarArchiveAllConversationsDialog.js";
 import { SidebarSection, SidebarSectionSkeleton, type SidebarSectionId } from "./SidebarSection.js";
@@ -62,6 +64,7 @@ export function SidebarNavigation({
   stale = false,
   channelNotifications = {},
   teammateNotifications = {},
+  objectContexts = {},
   recentConversations = [],
   recentConversationsInitialLoading = false,
   recentConversationActionError = "",
@@ -97,6 +100,7 @@ export function SidebarNavigation({
   readonly stale?: boolean;
   readonly channelNotifications?: Readonly<Record<string, SidebarNotification>>;
   readonly teammateNotifications?: Readonly<Record<string, SidebarNotification>>;
+  readonly objectContexts?: Readonly<Record<string, SidebarObjectContext>>;
   readonly recentConversations?: readonly SidebarRecentConversation[];
   readonly recentConversationsInitialLoading?: boolean;
   readonly recentConversationActionError?: string;
@@ -257,15 +261,22 @@ export function SidebarNavigation({
 	            const channelAvatar = channelAvatarMeta(channel);
 	            return (
 	              <div key={channel.id} className="sidebar-channel-group">
-	                <SidebarObjectRow
+		                <SidebarObjectRow
 	                  actionsLabel={t("Channel actions")}
 	                  ariaLabel={channel.name}
 	                  icon={<span className={`sidebar-channel-avatar ${channelAvatar.tone}`} aria-hidden="true">{channelAvatar.label}</span>}
 	                  onSelect={() => onSelectChannel(channel.id)}
 	                  selected={channelActive}
 	                  status={renderSidebarNotification(channelNotifications[channel.id], sidebarStatusLabels)}
-	                  statusId={sidebarNotificationId(channelNotifications[channel.id])}
-	                  actions={(
+		                  statusId={sidebarNotificationId(channelNotifications[channel.id])}
+		                  tooltip={(
+		                    <SidebarObjectPreview
+		                      context={objectContexts[sidebarObjectContextKey("channel", channel.id)] ?? { activityAt: channel.updatedAt }}
+		                      title={channel.name}
+		                    />
+		                  )}
+		                  tooltipClassName="sidebar-object-preview-tooltip"
+		                  actions={(
                     <>
                     {onCreateChannelBranch ? (
                       <IconButton
@@ -411,6 +422,13 @@ export function SidebarNavigation({
               selected={activeSidebarTarget === teammateSidebarTarget(teammate.id)}
               status={renderSidebarNotification(teammateNotifications[teammate.id], sidebarStatusLabels)}
               statusId={sidebarNotificationId(teammateNotifications[teammate.id])}
+              tooltip={(
+                <SidebarObjectPreview
+                  context={objectContexts[sidebarObjectContextKey("private_chat", teammate.id)] ?? { activityAt: teammate.updatedAt }}
+                  title={teammate.displayName}
+                />
+              )}
+              tooltipClassName="sidebar-object-preview-tooltip"
               actions={onArchiveTeammate ? (
                 <IconButton
                   className="sidebar-mini-action danger"
@@ -477,11 +495,18 @@ export function SidebarNavigation({
               key={conversation.id}
               ariaLabel={t("Open recent conversation {index}", { index: index + 1 })}
               buttonClassName="sidebar-recent-row"
+              description={conversation.meta}
               icon={<MessageSquare size={14} />}
               onSelect={() => onSelectRecentConversation(conversation)}
               selected={conversation.id === selectedRecentConversationId}
               shellClassName="sidebar-recent-row-shell"
-              tooltip={conversation.label}
+              tooltip={(
+                <SidebarObjectPreview
+                  context={objectContexts[sidebarObjectContextKey("conversation", conversation.id)] ?? { activityAt: conversation.updatedAt }}
+                  title={conversation.label}
+                />
+              )}
+              tooltipClassName="sidebar-object-preview-tooltip"
               status={conversation.primaryStatus
                 ? renderSidebarNotification({ primaryStatus: conversation.primaryStatus }, sidebarStatusLabels)
                 : undefined}
@@ -498,10 +523,7 @@ export function SidebarNavigation({
                 />
               ) : undefined}
             >
-              <span className="sidebar-recent-copy">
-                <strong>{conversation.label}</strong>
-                <small>{conversation.meta}</small>
-              </span>
+              {conversation.label}
             </SidebarObjectRow>
           ))
         )}
diff --git a/apps/web/src/features/navigation/SidebarObjectPreview.tsx b/apps/web/src/features/navigation/SidebarObjectPreview.tsx
new file mode 100644
index 000000000..0afd2e9f9
--- /dev/null
+++ b/apps/web/src/features/navigation/SidebarObjectPreview.tsx
@@ -0,0 +1,25 @@
+import { Folder, GitBranch } from "lucide-react";
+import { formatDateTime } from "../../lib/formatting.js";
+import type { SidebarObjectContext } from "../../app/sidebar-object-context.js";
+import { Icon } from "../../shared/ui/index.js";
+
+export function SidebarObjectPreview({
+  context,
+  title,
+}: {
+  readonly context: SidebarObjectContext;
+  readonly title: string;
+}): React.JSX.Element {
+  return (
+    <span className="sidebar-object-preview">
+      <strong>{title}</strong>
+      {context.git ? (
+        <>
+          <span><Icon icon={Folder} size="xs" />{context.git.repositoryLabel}</span>
+          <span><Icon icon={GitBranch} size="xs" />{context.git.branchName}</span>
+        </>
+      ) : null}
+      <time dateTime={context.activityAt}>{formatDateTime(context.activityAt)}</time>
+    </span>
+  );
+}
diff --git a/apps/web/src/features/navigation/SidebarObjectRow.tsx b/apps/web/src/features/navigation/SidebarObjectRow.tsx
index f27826c0c..72579c092 100644
--- a/apps/web/src/features/navigation/SidebarObjectRow.tsx
+++ b/apps/web/src/features/navigation/SidebarObjectRow.tsx
@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { useEffect, useRef, useState, type CSSProperties, type ReactNode } from "react";
 import { Button } from "../../shared/ui/index.js";
 import { SidebarTooltip } from "./SidebarTooltip.js";
 
@@ -8,6 +8,7 @@ export function SidebarObjectRow({
   ariaLabel,
   buttonClassName,
   children,
+  description,
   icon,
   onSelect,
   selected = false,
@@ -15,28 +16,62 @@ export function SidebarObjectRow({
   status,
   statusId,
   tooltip = ariaLabel,
+  tooltipClassName,
 }: {
   readonly actions?: ReactNode;
   readonly actionsLabel?: string;
   readonly ariaLabel: string;
   readonly buttonClassName?: string;
   readonly children: ReactNode;
+  readonly description?: ReactNode;
   readonly icon: ReactNode;
   readonly onSelect: () => void;
   readonly selected?: boolean;
   readonly shellClassName?: string;
   readonly status?: ReactNode;
   readonly statusId?: string;
-  readonly tooltip?: string;
+  readonly tooltip?: ReactNode;
+  readonly tooltipClassName?: string;
 }): React.JSX.Element {
+  const titleViewportRef = useRef<HTMLSpanElement>(null);
+  const titleTrackRef = useRef<HTMLSpanElement>(null);
+  const [titleOverflow, setTitleOverflow] = useState(0);
   const shellClasses = ["sidebar-row-shell", shellClassName, selected ? "selected" : ""]
     .filter(Boolean)
     .join(" ");
   const buttonClasses = ["sidebar-row-main", buttonClassName].filter(Boolean).join(" ");
 
+  useEffect(() => {
+    const viewport = titleViewportRef.current;
+    const track = titleTrackRef.current;
+    if (!viewport || !track) return undefined;
+
+    const measure = (): void => {
+      const nextOverflow = Math.max(0, Math.ceil(track.scrollWidth - viewport.clientWidth));
+      setTitleOverflow((current) => current === nextOverflow ? current : nextOverflow);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return undefined;
+    const observer = new ResizeObserver(measure);
+    observer.observe(viewport);
+    observer.observe(track);
+    return () => observer.disconnect();
+  }, [children, description]);
+
+  const scrollDuration = Math.min(3200, Math.max(700, titleOverflow * 20));
+
   return (
-    <div className={shellClasses} data-sidebar-row-status={statusId}>
-      <SidebarTooltip label={tooltip}>
+    <div
+      className={shellClasses}
+      data-sidebar-row-actions={actions ? "true" : "false"}
+      data-sidebar-row-overflow={titleOverflow > 0 ? "true" : "false"}
+      data-sidebar-row-status={statusId}
+      style={{
+        "--sidebar-title-scroll-distance": `${titleOverflow}px`,
+        "--sidebar-title-scroll-duration": `${scrollDuration}ms`,
+      } as CSSProperties}
+    >
+      <SidebarTooltip className={tooltipClassName} label={tooltip}>
         <Button
           aria-current={selected ? "page" : undefined}
           aria-label={ariaLabel}
@@ -45,7 +80,12 @@ export function SidebarObjectRow({
           onClick={onSelect}
           variant="ghost"
         >
-          {children}
+          <span className="sidebar-row-copy">
+            <span ref={titleViewportRef} className="sidebar-row-title-viewport">
+              <span ref={titleTrackRef} className="sidebar-row-title-track">{children}</span>
+            </span>
+            {description ? <small className="sidebar-row-description">{description}</small> : null}
+          </span>
         </Button>
       </SidebarTooltip>
       {status ? <span className="sidebar-row-status">{status}</span> : null}
diff --git a/apps/web/src/features/navigation/SidebarTooltip.tsx b/apps/web/src/features/navigation/SidebarTooltip.tsx
index 98205957c..9139bbec3 100644
--- a/apps/web/src/features/navigation/SidebarTooltip.tsx
+++ b/apps/web/src/features/navigation/SidebarTooltip.tsx
@@ -1,15 +1,17 @@
-import type { ReactElement } from "react";
+import type { ReactElement, ReactNode } from "react";
 import { Tooltip } from "../../shared/ui/index.js";
 
 export function SidebarTooltip({
   children,
+  className,
   label,
 }: {
   readonly children: ReactElement;
-  readonly label: string;
+  readonly className?: string;
+  readonly label: ReactNode;
 }): React.JSX.Element {
   return (
-    <Tooltip content={label} side="right" sideOffset={8}>
+    <Tooltip className={className} content={label} side="right" sideOffset={8}>
       {children}
     </Tooltip>
   );
diff --git a/apps/web/src/features/teammates/TeammatePrivateChatFeed.tsx b/apps/web/src/features/teammates/TeammatePrivateChatFeed.tsx
index a12653eca..f9f590647 100644
--- a/apps/web/src/features/teammates/TeammatePrivateChatFeed.tsx
+++ b/apps/web/src/features/teammates/TeammatePrivateChatFeed.tsx
@@ -4,6 +4,10 @@ import { attachmentContentUrl } from "../../api.js";
 import { useI18n } from "../../i18n.js";
 import { formatDateTime } from "../../lib/formatting.js";
 import { attachmentCanPreview, loadPreviewContent } from "../../lib/previews.js";
+import {
+  buildDialogOwnedApprovalPresentationByRunId,
+  dialogOwnedApprovalPresentationForWorkCell,
+} from "../../lib/runtime-approval-presentation.js";
 import {
   AvatarInitial,
   UsedMemorySummary,
@@ -42,6 +46,7 @@ export type TeammatePrivateChatFeedProps = Pick<TeammatePrivateChatSurfaceProps,
   | "approvals"
   | "cwd"
   | "directLinkPreviewById"
+  | "dialogOwnedApprovals"
   | "executionActions"
   | "generatedMedia"
   | "latestButtonVisible"
@@ -78,6 +83,7 @@ export function TeammatePrivateChatFeed({
   approvals,
   cwd,
   directLinkPreviewById,
+  dialogOwnedApprovals,
   executionActions,
   generatedMedia,
   latestButtonVisible,
@@ -111,6 +117,10 @@ export function TeammatePrivateChatFeed({
   const { t } = useI18n();
   const localUserDisplayName = userProfile?.displayName.trim() || t("You");
   const runById = useMemo(() => new Map(runs.map((run) => [run.id, run])), [runs]);
+  const dialogOwnedApprovalByRunId = useMemo(
+    () => buildDialogOwnedApprovalPresentationByRunId(dialogOwnedApprovals, t),
+    [dialogOwnedApprovals, t],
+  );
   const workCellByMessageId = useMemo(() => buildTeammatePrivateWorkCellMap({
     messages: visibleMessages,
     teammateId: teammate.id,
@@ -285,6 +295,7 @@ export function TeammatePrivateChatFeed({
                       <ConversationWorkCell
                         model={workCell.model}
                         surface="teammate_direct"
+                        dialogOwnedApproval={dialogOwnedApprovalPresentationForWorkCell(workCell.model, dialogOwnedApprovalByRunId)}
                         cwd={workCellRun?.cwd ?? cwd.trim()}
                         detailsState={{ status: "loaded", groups: workCell.model.groups, evidenceLinks: workCell.model.evidenceLinks }}
                         onOpenRun={onOpenRun}
diff --git a/apps/web/src/features/teammates/TeammateWorkspace.tsx b/apps/web/src/features/teammates/TeammateWorkspace.tsx
index 5fd86d1c1..7608c41fc 100644
--- a/apps/web/src/features/teammates/TeammateWorkspace.tsx
+++ b/apps/web/src/features/teammates/TeammateWorkspace.tsx
@@ -39,6 +39,7 @@ import {
   uploadTeammatePrivateAttachment,
 } from "../../api.js";
 import { useI18n } from "../../i18n.js";
+import { buildInlineApprovalViews } from "../../lib/inline-approvals.js";
 import { readSseResponse } from "../../sse.js";
 import { useFocusRevalidationToken } from "../../shared/hooks/use-focus-revalidation-token.js";
 import {
@@ -101,6 +102,8 @@ import { TeammatePermissionsTab } from "./TeammatePermissionsTab.js";
 import { TeammateProfileTab } from "./TeammateProfileTab.js";
 import { TeammatePrivateChatSurface } from "./TeammatePrivateChatSurface.js";
 import { TeammateRenameDialog } from "./TeammateRenameDialog.js";
+import { RuntimeApprovalDialogQueue } from "../approvals/RuntimeApprovalDialogQueue.js";
+import type { ApprovalResolution } from "../approvals/types.js";
 import { TeammateSettingsHeader } from "./TeammateSettingsHeader.js";
 import { TeammateSettingsNavigation } from "./TeammateSettingsNavigation.js";
 import { TeammateSkillsTab } from "./TeammateSkillsTab.js";
@@ -180,6 +183,9 @@ export function TeammateWorkspace({
   workspacePolicyLoading = false,
   workspacePolicyError,
   onRefreshWorkspacePolicy,
+  approvalErrors,
+  resolvingApprovals,
+  onResolveApproval,
   settingsOpenRequest,
   conversationRefreshToken = 0,
   onSettingsOpenRequestConsumed,
@@ -222,6 +228,9 @@ export function TeammateWorkspace({
   readonly workspacePolicyLoading?: boolean;
   readonly workspacePolicyError?: string;
   readonly onRefreshWorkspacePolicy?: () => void;
+  readonly approvalErrors: Readonly<Record<string, string>>;
+  readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
+  readonly onResolveApproval: (approvalId: string, decision: ApprovalResolution, reason?: string) => MaybePromise<void>;
   readonly settingsOpenRequest?: {
     readonly teammateId: string;
     readonly requestId: number;
@@ -468,6 +477,13 @@ export function TeammateWorkspace({
       .filter((runId): runId is string => Boolean(runId && teammateRunIds.has(runId))))];
   }, [runs, teammate.id, visibleMessages]);
   const visibleDirectRunKey = visibleDirectRunIds.join("|");
+  const directApprovalViews = useMemo(
+    () => buildInlineApprovalViews(currentDirectRuntime?.approvals ?? [], {
+      activeRunId: runs.find((run) => visibleDirectRunIds.includes(run.id) && run.status === "waiting_for_approval")?.id,
+      visibleRunIds: visibleDirectRunIds,
+    }),
+    [currentDirectRuntime?.approvals, runs, visibleDirectRunKey],
+  );
   const hasActiveVisibleDirectRun = useMemo(() => {
     const visibleRunIds = new Set(visibleDirectRunIds);
     return runs.some((run) => visibleRunIds.has(run.id) && (
@@ -547,6 +563,7 @@ export function TeammateWorkspace({
     estimateSize: () => 112,
     overscan: 8,
     getItemKey: (index) => visibleMessages[index]?.id ?? index,
+    useFlushSync: false,
   });
   const privateMessageFeedVirtualRows = privateMessageFeedVirtualizer.getVirtualItems();
   const directAttachments = useMemo(
@@ -1725,6 +1742,7 @@ export function TeammateWorkspace({
           runs={runs}
           executionActions={directExecutionActions}
           approvals={currentDirectRuntime?.approvals ?? []}
+          dialogOwnedApprovals={directApprovalViews}
           terminalReports={terminalReports}
           dockViewModel={privateDockViewModel}
           providerRecovered={providerRecovered}
@@ -1890,6 +1908,14 @@ export function TeammateWorkspace({
           ) : null}
         </div>
       ) : null}
+      <RuntimeApprovalDialogQueue
+        approvals={workspaceView === "chat" ? directApprovalViews : []}
+        approvalErrors={approvalErrors}
+        resolvingApprovals={resolvingApprovals}
+        onResolve={(approvalId, decision, reason) => {
+          void Promise.resolve(onResolveApproval(approvalId, decision, reason)).then(() => refreshDirectRuntime());
+        }}
+      />
     </div>
   );
 }
diff --git a/apps/web/src/features/teammates/teammate-private-chat-types.ts b/apps/web/src/features/teammates/teammate-private-chat-types.ts
index 9bf091835..2ad0c062d 100644
--- a/apps/web/src/features/teammates/teammate-private-chat-types.ts
+++ b/apps/web/src/features/teammates/teammate-private-chat-types.ts
@@ -8,6 +8,7 @@ import type {
   UIEvent,
 } from "react";
 import type { ComposerInputPart, PendingAttachmentItem } from "../../shared/components/index.js";
+import type { InlineApprovalView } from "../../lib/inline-approvals.js";
 import type {
   AiTeammate,
   ApprovalRequest,
@@ -60,6 +61,7 @@ export interface TeammatePrivateChatSurfaceProps {
   readonly runs: readonly RunSession[];
   readonly executionActions: readonly ExecutionAction[];
   readonly approvals: readonly ApprovalRequest[];
+  readonly dialogOwnedApprovals: readonly InlineApprovalView[];
   readonly terminalReports: readonly TerminalReportDto[];
   readonly providerRecovered: boolean;
   readonly modelNotice?: TeammatePrivateModelNotice;
diff --git a/apps/web/src/features/workspace/ChannelComposer.tsx b/apps/web/src/features/workspace/ChannelComposer.tsx
index 4d0519e9d..2f35a751f 100644
--- a/apps/web/src/features/workspace/ChannelComposer.tsx
+++ b/apps/web/src/features/workspace/ChannelComposer.tsx
@@ -30,7 +30,6 @@ import {
 } from "lucide-react";
 import type { ComposerSlashCommandOption } from "@ling-stack/core/composer-slash-intents";
 import { conversationPermissionPresetMenuOptions } from "../../lib/session-permissions.js";
-import type { InlineApprovalView } from "../../lib/inline-approvals.js";
 import { useI18n } from "../../i18n.js";
 import {
   ComposerPendingAssetStrip,
@@ -52,8 +51,6 @@ import type {
   LingThreadGoal,
   PermissionPreset,
 } from "../../types.js";
-import { InlineApprovalStrip } from "../approvals/InlineApprovalStrip.js";
-import type { ApprovalResolution } from "../approvals/types.js";
 import {
   ChannelComposerFeedback,
   type ChannelComposerInlineFeedback,
@@ -87,7 +84,6 @@ interface ChannelComposerProps {
   readonly dropZoneClassName?: string;
   readonly inputParts: TokenizedComposerInputProps["parts"];
   readonly inputRef: Ref<TokenizedComposerInputHandle>;
-  readonly inlineApprovalViews: readonly InlineApprovalView[];
   readonly isCancellingRun: boolean;
   readonly mentionActiveIndex: number;
   readonly mentionPicker: ActiveMentionPicker | undefined;
@@ -107,7 +103,6 @@ interface ChannelComposerProps {
   readonly goalExpanded: boolean;
   readonly goalChipVisible: boolean;
   readonly channelTeammateIds: ReadonlySet<string>;
-  readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
   readonly runGuidanceError: string;
   readonly runGuidanceItems: readonly ConversationGuidanceItem[];
   readonly runGuidanceLoading: boolean;
@@ -134,7 +129,6 @@ interface ChannelComposerProps {
   readonly onInputPasteFiles: (files: readonly File[]) => void;
   readonly onInputSelect: (value: string, caret: number) => void;
   readonly onInsertMentionTrigger: () => void;
-  readonly onOpenApproval: (approvalId: string) => void;
   readonly onPermissionPresetChange: (preset: PermissionPreset) => void;
   readonly onTogglePlanMode: () => void;
   readonly onRevealPlanModeChip: () => void;
@@ -152,7 +146,6 @@ interface ChannelComposerProps {
   readonly onResizePointerDown: (event: ReactPointerEvent<HTMLButtonElement>) => void;
   readonly onResizePointerMove: (event: ReactPointerEvent<HTMLButtonElement>) => void;
   readonly onResizePointerUp: (event: ReactPointerEvent<HTMLButtonElement>) => void;
-  readonly onResolveApproval: (approvalId: string, decision: ApprovalResolution, reason?: string) => void;
   readonly onRetrySend: () => void;
   readonly onSubmit: () => void;
 }
@@ -168,7 +161,6 @@ export function ChannelComposer({
   composerSlashTargetLabel,
   executableSlashCommandId,
   dropZoneClassName,
-  inlineApprovalViews,
   inputParts,
   inputRef,
   isCancellingRun,
@@ -187,7 +179,6 @@ export function ChannelComposer({
   onInputPasteFiles,
   onInputSelect,
   onInsertMentionTrigger,
-  onOpenApproval,
   onPermissionPresetChange,
   onTogglePlanMode,
   onRevealPlanModeChip,
@@ -205,7 +196,6 @@ export function ChannelComposer({
   onResizePointerDown,
   onResizePointerMove,
   onResizePointerUp,
-  onResolveApproval,
   onRetrySend,
   onSubmit,
   pendingAttachments,
@@ -225,7 +215,6 @@ export function ChannelComposer({
   guidanceModeActive,
   replyTargetActive,
   channelTeammateIds,
-  resolvingApprovals,
   runGuidanceError,
   runGuidanceItems,
   runGuidanceLoading,
@@ -382,14 +371,6 @@ export function ChannelComposer({
           ) : null}
         </>
       ) : null}
-      approvalNode={(
-        <InlineApprovalStrip
-          approvals={inlineApprovalViews}
-          resolvingApprovals={resolvingApprovals}
-          onResolve={onResolveApproval}
-          onOpenApproval={onOpenApproval}
-        />
-      )}
       dropZoneClassName={dropZoneClassName}
       dropZoneStyle={composerDropZoneStyle}
       onDragOver={onDragOver}
diff --git a/apps/web/src/features/workspace/ChannelExecutionProposalDialog.tsx b/apps/web/src/features/workspace/ChannelExecutionProposalDialog.tsx
new file mode 100644
index 000000000..8271111cd
--- /dev/null
+++ b/apps/web/src/features/workspace/ChannelExecutionProposalDialog.tsx
@@ -0,0 +1,79 @@
+import { useEffect, useState } from "react";
+import { useI18n } from "../../i18n.js";
+import { Dialog, DialogBody, DialogContent, DialogHeader } from "../../shared/ui/index.js";
+import type { ChannelExecutionProposal, ChannelMention, UpdateChannelExecutionProposalRequest } from "../../types.js";
+import { ChannelExecutionProposalDecision } from "./ChannelWorkflowProposalCards.js";
+
+export function ChannelExecutionProposalDialog({
+  proposal,
+  assigneeLabel,
+  teammates,
+  onClose,
+  onConfirm,
+  onCancel,
+  onUpdate,
+  onOpenRun,
+  onRepairModelBinding,
+}: {
+  readonly proposal: ChannelExecutionProposal | undefined;
+  readonly assigneeLabel: string;
+  readonly teammates: readonly ChannelMention[];
+  readonly onClose: () => void;
+  readonly onConfirm: (proposal: ChannelExecutionProposal) => Promise<void>;
+  readonly onCancel: (proposal: ChannelExecutionProposal) => Promise<void>;
+  readonly onUpdate: (
+    proposal: ChannelExecutionProposal,
+    input: UpdateChannelExecutionProposalRequest,
+  ) => Promise<ChannelExecutionProposal | undefined>;
+  readonly onOpenRun: (runId: string) => void;
+  readonly onRepairModelBinding: (blocker: NonNullable<ChannelExecutionProposal["blocker"]>) => void;
+}): React.JSX.Element | null {
+  const { t } = useI18n();
+  const [busyAction, setBusyAction] = useState<"confirm" | "cancel" | "">("");
+
+  useEffect(() => {
+    setBusyAction("");
+  }, [proposal?.id, proposal?.status, proposal?.updatedAt]);
+
+  if (!proposal) return null;
+  const activeProposal = proposal;
+  const busy = Boolean(busyAction);
+
+  async function runAction(action: "confirm" | "cancel"): Promise<void> {
+    if (busy) return;
+    setBusyAction(action);
+    try {
+      if (action === "confirm") {
+        await onConfirm(activeProposal);
+      } else {
+        await onCancel(activeProposal);
+      }
+    } finally {
+      setBusyAction("");
+    }
+  }
+
+  return (
+    <Dialog busy={busy} open onOpenChange={(open) => { if (!open) onClose(); }}>
+      <DialogContent className="channel-execution-proposal-dialog" size="lg">
+        <DialogHeader
+          closeLabel={t("Close")}
+          title={t("Task confirmation")}
+        />
+        <DialogBody className="channel-execution-proposal-dialog-body">
+          <ChannelExecutionProposalDecision
+            actionBusy={busyAction}
+            proposal={activeProposal}
+            assigneeLabel={assigneeLabel}
+            teammates={teammates}
+            onConfirm={() => void runAction("confirm")}
+            onCancel={() => void runAction("cancel")}
+            onUpdate={onUpdate}
+            onOpenRun={onOpenRun}
+            onRepairModelBinding={onRepairModelBinding}
+          />
+        </DialogBody>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/apps/web/src/features/workspace/ChannelExecutionProposalPresentation.tsx b/apps/web/src/features/workspace/ChannelExecutionProposalPresentation.tsx
new file mode 100644
index 000000000..f5785696b
--- /dev/null
+++ b/apps/web/src/features/workspace/ChannelExecutionProposalPresentation.tsx
@@ -0,0 +1,63 @@
+import type { ReactNode } from "react";
+import { CheckCircle2, CircleAlert, Loader2, Play } from "lucide-react";
+import { useI18n } from "../../i18n.js";
+import type { ChannelExecutionProposal } from "../../types.js";
+
+export function ChannelExecutionProposalSummary({
+  proposal,
+  assigneeAvatar,
+  assigneeLabel,
+  onOpen,
+}: {
+  readonly proposal: ChannelExecutionProposal;
+  readonly assigneeAvatar: ReactNode;
+  readonly assigneeLabel: string;
+  readonly onOpen: () => void;
+}): React.JSX.Element {
+  const { t } = useI18n();
+  const statusIcon = proposal.status === "accepted"
+    ? <CheckCircle2 aria-hidden="true" size={14} />
+    : proposal.status === "blocked" || proposal.status === "run_failed"
+      ? <CircleAlert aria-hidden="true" size={14} />
+      : proposal.status === "draft" && isProposalShaping(proposal)
+        ? <Loader2 aria-hidden="true" className="spin" size={14} />
+        : <Play aria-hidden="true" size={14} />;
+  return (
+    <div className="channel-execution-proposal-summary-row">
+      <span className="channel-execution-proposal-summary-avatar" aria-label={assigneeLabel}>
+        {assigneeAvatar}
+      </span>
+      <div className={`channel-execution-proposal-summary ${proposal.status}`} aria-label={t("Task proposal summary")}>
+        <span className="channel-execution-proposal-summary-icon">{statusIcon}</span>
+        <span className="channel-execution-proposal-summary-copy">
+          <strong>{proposal.title}</strong>
+          <small>{assigneeLabel} · {t(executionProposalStatusLabel(proposal))}</small>
+        </span>
+        <button className="secondary-button compact-button" type="button" onClick={onOpen}>
+          {t("View task")}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function executionProposalStatusLabel(proposal: ChannelExecutionProposal): string {
+  if (proposal.status === "draft") {
+    if (proposal.shaping?.status === "collecting_context" || proposal.shaping?.status === "collecting_teammate_input") {
+      return "Preparing task";
+    }
+    if (proposal.shaping?.status === "needs_user_clarification") {
+      return "Needs input";
+    }
+    return "Pending confirmation";
+  }
+  if (proposal.status === "accepted") return "Authorized";
+  if (proposal.status === "blocked") return "Needs handling";
+  if (proposal.status === "run_failed") return "Execution failed";
+  if (proposal.status === "superseded") return "Superseded";
+  return "Cancelled";
+}
+
+function isProposalShaping(proposal: ChannelExecutionProposal): boolean {
+  return proposal.shaping?.status === "collecting_context" || proposal.shaping?.status === "collecting_teammate_input";
+}
diff --git a/apps/web/src/features/workspace/ChannelMessageFeed.tsx b/apps/web/src/features/workspace/ChannelMessageFeed.tsx
index 4f571d51e..64a560de4 100644
--- a/apps/web/src/features/workspace/ChannelMessageFeed.tsx
+++ b/apps/web/src/features/workspace/ChannelMessageFeed.tsx
@@ -148,6 +148,7 @@ export function useChannelMessageFeed({
     overscan: 10,
     paddingEnd: 38,
     getItemKey: (index) => items[index]?.renderKey ?? items[index]?.id ?? index,
+    useFlushSync: false,
   });
   const virtualRows = virtualizer.getVirtualItems();
   const totalSize = virtualizer.getTotalSize();
diff --git a/apps/web/src/features/workspace/ChannelMessageRenderers.tsx b/apps/web/src/features/workspace/ChannelMessageRenderers.tsx
index a5f8a18a1..da5577b00 100644
--- a/apps/web/src/features/workspace/ChannelMessageRenderers.tsx
+++ b/apps/web/src/features/workspace/ChannelMessageRenderers.tsx
@@ -26,7 +26,12 @@ import type { ConversationAgentActivitySpan, ConversationWorkCellViewModel } fro
 import type { ConversationTranscriptBlock, ConversationTurnViewModel } from "../../lib/conversation-turn-projector.js";
 import { truncatePreview } from "../../lib/data.js";
 import { formatDateTime } from "../../lib/formatting.js";
+import type { InlineApprovalView } from "../../lib/inline-approvals.js";
 import { attachmentCanPreview, type PreviewRequest } from "../../lib/previews.js";
+import {
+  buildDialogOwnedApprovalPresentationByRunId,
+  dialogOwnedApprovalPresentationForWorkCell,
+} from "../../lib/runtime-approval-presentation.js";
 import { filterUsedMemoryEventsByResponse } from "../../shared/components/index.js";
 import {
   AvatarInitial,
@@ -79,17 +84,16 @@ import type {
   PreviewContentResponse,
   StateTransitionEvent,
   UsedMemoryEvent,
-  UpdateChannelExecutionProposalRequest,
   UserProfile,
 } from "../../types.js";
 import type { LocalTeammateDraft } from "../teammates/index.js";
 import { TeammateAvatarView } from "../teammates/TeammateAvatarView.js";
 import {
-  ChannelExecutionProposalCard,
   WorkflowFinalSummary,
   workflowCanAdvance,
   workflowCanCancel,
 } from "./ChannelWorkflowProposalCards.js";
+import { ChannelExecutionProposalSummary } from "./ChannelExecutionProposalPresentation.js";
 import type { ChannelMessageFeedItem, PendingChannelSendPreview } from "./ChannelMessageFeed.js";
 import { ChannelProposedPlanBlock } from "./ChannelProposedPlanBlock.js";
 import { readChannelProposedPlanMessage } from "./channel-proposed-plan-message.js";
@@ -119,6 +123,7 @@ export interface ChannelMessageRenderersInput {
   readonly conversationWorkCellByThreadId: ReadonlyMap<string, ConversationWorkCellViewModel>;
   readonly conversationWorkCellByWorkflowId: ReadonlyMap<string, ConversationWorkCellViewModel>;
   readonly conversationWorkCellDetailsByKey: Readonly<Record<string, ConversationWorkCellDetailsState>>;
+  readonly dialogOwnedApprovals: readonly InlineApprovalView[];
   readonly cwd: string;
   readonly executionProposalsByMessageId: ReadonlyMap<string, readonly ChannelExecutionProposal[]>;
   readonly formatBytes: (value: number) => string;
@@ -144,9 +149,7 @@ export interface ChannelMessageRenderersInput {
   readonly workflowProgressByWorkflowId: ReadonlyMap<string, unknown>;
   readonly activityActionRow: (activityItemId: string, children?: ReactNode) => React.JSX.Element;
   readonly conversationWorkCellDetailsCacheKey: (threadId: string) => string;
-  readonly onCancelExecutionProposal: (proposal: ChannelExecutionProposal) => void;
   readonly onCancelWorkflow: (workflow: ChannelWorkflow) => void;
-  readonly onConfirmExecutionProposal: (proposal: ChannelExecutionProposal) => void;
   readonly onCreateTaskFromContextSummary: (summary: ChannelContextSummary) => void;
   readonly onAcceptProposedPlan: (plan: ProposedPlanArtifact) => void;
   readonly onConvertProposedPlan: (plan: ProposedPlanArtifact) => void;
@@ -155,9 +158,7 @@ export interface ChannelMessageRenderersInput {
   readonly onOpenApprovalDetail: (approval: ApprovalRequest | undefined) => void;
   readonly onOpenContextSummaryInConversationDetail: (summary: ChannelContextSummary) => void;
   readonly onOpenRun: (runId: string) => void;
-  readonly onRepairProposalModelBinding: (
-    blocker: NonNullable<ChannelExecutionProposal["blocker"]>,
-  ) => void;
+  readonly onOpenExecutionProposal: (proposal: ChannelExecutionProposal) => void;
   readonly onOpenFileReference: () => void;
   readonly onOpenTerminalReportFile: (target: TerminalReportFileTarget) => void;
   readonly onOpenWorkspaceReview: (target: ConversationWorkspaceReviewTarget) => void;
@@ -177,10 +178,6 @@ export interface ChannelMessageRenderersInput {
   readonly onCancelMessageEdit: () => void;
   readonly onSaveMessageEdit: (message: ChannelMessage, body: string) => void | Promise<void>;
   readonly onRetryMessageReplacement: (message: ChannelMessage) => void | Promise<void>;
-  readonly onUpdateExecutionProposal: (
-    proposal: ChannelExecutionProposal,
-    input: UpdateChannelExecutionProposalRequest,
-  ) => Promise<ChannelExecutionProposal | undefined>;
   readonly onUpdateHandoffStatus: (handoff: ChannelHandoff, status: ChannelHandoffStatus) => void;
   readonly readRunTitle: (run: RunSession) => string;
   readonly planActionBusyId: string;
@@ -194,6 +191,7 @@ export interface ChannelMessageRenderers {
 
 export function createChannelMessageRenderers(input: ChannelMessageRenderersInput): ChannelMessageRenderers {
   const channelSurface = input.selectedChannelBranchRootThreadId ? "channel_branch" : "channel_root";
+  const dialogOwnedApprovalByRunId = buildDialogOwnedApprovalPresentationByRunId(input.dialogOwnedApprovals, input.t);
   function renderLingAgentAvatar(): ReactNode {
     const teammate = input.allLocalTeammateById.get(LING_AGENT_AUTHOR_ID);
     return (
@@ -228,16 +226,35 @@ export function createChannelMessageRenderers(input: ChannelMessageRenderersInpu
   }
 
   function renderConversationParticipantAvatar(participantId: string | undefined, label: string): ReactNode {
+    const teammate = resolveConversationParticipantTeammate(participantId, label);
+    return teammate ? <TeammateAvatarView teammate={teammate} cwd={input.cwd} compact /> : undefined;
+  }
+
+  function resolveConversationParticipantTeammate(participantId: string | undefined, label: string): LocalTeammateDraft | undefined {
     const normalizedParticipantId = participantId?.trim();
     const normalizedLabel = normalizeAgentLabel(label);
-    const teammate = (normalizedParticipantId ? input.allLocalTeammateById.get(normalizedParticipantId) : undefined) ??
+    return (normalizedParticipantId ? input.allLocalTeammateById.get(normalizedParticipantId) : undefined) ??
       input.allLocalTeammateByName.get(label.trim().toLowerCase()) ??
       [...input.allLocalTeammateById.values()].find((candidate) =>
         candidate.templateId === normalizedParticipantId ||
         candidate.roleKey === normalizedParticipantId ||
         normalizeAgentLabel(candidate.displayName) === normalizedLabel,
       );
-    return teammate ? <TeammateAvatarView teammate={teammate} cwd={input.cwd} compact /> : undefined;
+  }
+
+  function renderExecutionProposalAssigneeAvatar(proposal: ChannelExecutionProposal, assigneeLabel: string): ReactNode {
+    const teammate = resolveConversationParticipantTeammate(proposal.assigneeTeammateId, assigneeLabel);
+    return (
+      <TeammateAvatarView
+        teammate={teammate ?? {
+          displayName: assigneeLabel,
+          roleKey: "custom",
+          avatarTone: "gray",
+        }}
+        cwd={input.cwd}
+        compact
+      />
+    );
   }
 
   function renderConversationAgentAvatar(span: ConversationAgentActivitySpan): ReactNode {
@@ -461,6 +478,7 @@ export function createChannelMessageRenderers(input: ChannelMessageRenderersInpu
         <ConversationWorkCell
           model={block.operationCell}
           surface={channelSurface}
+          dialogOwnedApproval={dialogOwnedApprovalPresentationForWorkCell(block.operationCell, dialogOwnedApprovalByRunId)}
           cwd={operationCwd}
           detailsState={context.detailsState}
           onOpenRun={block.operationCell.anchorRunId.startsWith("workflow:") ? undefined : input.onOpenRun}
@@ -831,21 +849,19 @@ export function createChannelMessageRenderers(input: ChannelMessageRenderersInpu
   }
 
   function renderExecutionProposalCard(proposal: ChannelExecutionProposal): ReactNode {
+    const assigneeLabel = teammateLabel(
+      proposal.assigneeTeammateId,
+      input.teammateOptions,
+      input.t("Deleted teammate"),
+      input.allLocalTeammateById,
+    );
     return (
-      <ChannelExecutionProposalCard
+      <ChannelExecutionProposalSummary
         key={proposal.id}
         proposal={proposal}
-        assigneeLabel={teammateLabel(proposal.assigneeTeammateId, input.teammateOptions, input.t("Deleted teammate"))}
-        teammates={input.teammateOptions}
-        linkedRun={proposal.linkedRunId ? input.runById.get(proposal.linkedRunId) : undefined}
-        linkedWorkflow={proposal.linkedWorkflowId ? input.channelWorkflows.find((workflow) => workflow.id === proposal.linkedWorkflowId) : undefined}
-        activeRunId={input.activeRunId}
-        latestStatus={input.latestStatus}
-        onConfirm={() => input.onConfirmExecutionProposal(proposal)}
-        onCancel={() => input.onCancelExecutionProposal(proposal)}
-        onUpdate={input.onUpdateExecutionProposal}
-        onOpenRun={input.onOpenRun}
-        onRepairModelBinding={input.onRepairProposalModelBinding}
+        assigneeAvatar={renderExecutionProposalAssigneeAvatar(proposal, assigneeLabel)}
+        assigneeLabel={assigneeLabel}
+        onOpen={() => input.onOpenExecutionProposal(proposal)}
       />
     );
   }
@@ -864,6 +880,7 @@ export function createChannelMessageRenderers(input: ChannelMessageRenderersInpu
         <ConversationWorkCell
           model={workCell}
           surface={channelSurface}
+          dialogOwnedApproval={dialogOwnedApprovalPresentationForWorkCell(workCell, dialogOwnedApprovalByRunId)}
           cwd={input.runById.get(workCell.anchorRunId)?.cwd ?? input.cwd}
           detailsState={input.conversationWorkCellDetailsByKey[detailsKey] ?? { status: "not_loaded" }}
           onOpenRun={workCell.anchorRunId.startsWith("workflow:") ? undefined : input.onOpenRun}
@@ -980,6 +997,7 @@ export function createChannelMessageRenderers(input: ChannelMessageRenderersInpu
         <ConversationWorkCell
           model={workCell}
           surface={channelSurface}
+          dialogOwnedApproval={dialogOwnedApprovalPresentationForWorkCell(workCell, dialogOwnedApprovalByRunId)}
           cwd={run.cwd}
           detailsState={input.conversationWorkCellDetailsByKey[input.conversationWorkCellDetailsCacheKey(workCell.threadId)] ?? { status: "not_loaded" }}
           onOpenRun={input.onOpenRun}
diff --git a/apps/web/src/features/workspace/ChannelWorkflowProposalCards.tsx b/apps/web/src/features/workspace/ChannelWorkflowProposalCards.tsx
index 205e5dab8..75eeaead6 100644
--- a/apps/web/src/features/workspace/ChannelWorkflowProposalCards.tsx
+++ b/apps/web/src/features/workspace/ChannelWorkflowProposalCards.tsx
@@ -1,13 +1,10 @@
 import { useEffect, useState, type ReactNode } from "react";
 import {
   Check,
-  CheckCircle2,
   ChevronDown,
   ChevronUp,
   CircleAlert,
   FileText,
-  History,
-  ListChecks,
   Loader2,
   Play,
   Plus,
@@ -54,32 +51,15 @@ import {
   type ChannelExecutionProposalEditorDraft,
   type ChannelExecutionProposalEditorStep,
 } from "./ChannelExecutionProposalEditor.js";
-import { ChannelWorkflowLinkedStatusIndicators, ChannelWorkflowStatusIndicator, ChannelWorkflowStatusLabel } from "./ChannelWorkflowStatusIndicator.js";
+import { ChannelWorkflowStatusIndicator, ChannelWorkflowStatusLabel } from "./ChannelWorkflowStatusIndicator.js";
 
 function uniqueStrings(values: readonly string[]): readonly string[] {
   return [...new Set(values.filter(Boolean))];
 }
 
-function teammateLabel(
-  teammateId: string | undefined,
-  teammates: readonly ChannelMention[],
-  fallback = "AI teammate",
-): string {
-  if (!teammateId) {
-    return fallback;
-  }
-  return teammates.find((teammate) => teammate.id === teammateId)?.label ?? fallback;
-}
-
 type ChannelProposalStepSource = NonNullable<ChannelExecutionProposal["collaborationSteps"][number]["sources"]>[number];
 type ChannelProposalStepDraft = ChannelExecutionProposalEditorStep<ChannelProposalStepSource>;
 type ChannelProposalEditDraft = ChannelExecutionProposalEditorDraft<ChannelProposalStepSource>;
-type RequirementShapingRow = {
-  readonly id: string;
-  readonly label: string;
-  readonly value: string;
-  readonly tone?: "neutral" | "attention" | "success";
-};
 export function WorkflowQueueCard({
   cwd,
   workflow,
@@ -974,27 +954,20 @@ export function workflowCanCancel(status: ChannelWorkflow["status"]): boolean {
   return status === "draft" || status === "ready" || status === "running" || status === "waiting_for_approval" || status === "blocked";
 }
 
-export function ChannelExecutionProposalCard({
+export function ChannelExecutionProposalDecision({
   proposal,
   assigneeLabel,
   teammates,
-  linkedRun,
-  linkedWorkflow,
-  activeRunId,
-  latestStatus,
   onConfirm,
   onCancel,
   onUpdate,
   onOpenRun,
   onRepairModelBinding,
+  actionBusy = "",
 }: {
   readonly proposal: ChannelExecutionProposal;
   readonly assigneeLabel: string;
   readonly teammates: readonly ChannelMention[];
-  readonly linkedRun: RunSession | undefined;
-  readonly linkedWorkflow: ChannelWorkflow | undefined;
-  readonly activeRunId: string;
-  readonly latestStatus: string;
   readonly onConfirm: () => void;
   readonly onCancel: () => void;
   readonly onUpdate: (
@@ -1003,6 +976,7 @@ export function ChannelExecutionProposalCard({
   ) => Promise<ChannelExecutionProposal | undefined>;
   readonly onOpenRun: (runId: string) => void;
   readonly onRepairModelBinding: (blocker: NonNullable<ChannelExecutionProposal["blocker"]>) => void;
+  readonly actionBusy?: "confirm" | "cancel" | "";
 }): React.JSX.Element {
   const { t } = useI18n();
   const [editing, setEditing] = useState(false);
@@ -1011,15 +985,7 @@ export function ChannelExecutionProposalCard({
   const [draft, setDraft] = useState<ChannelProposalEditDraft>(() => proposalToEditDraft(proposal));
   const canStart = proposal.status === "draft" || proposal.status === "blocked" || proposal.status === "run_failed";
   const canEdit = canStart && !proposal.linkedWorkflowId;
-  const collaborationSummary = proposalCollaborationSummary(proposal, teammates, t);
-  const permissionSummary = buildProposalPermissionSummary({ proposal, assigneeLabel, t });
-  const shapingRows = buildRequirementShapingRows({ proposal, assigneeLabel, t });
-  const isRequirementShaping = proposal.status === "draft" && !editing;
-  const statusIcon = proposal.status === "accepted"
-    ? <CheckCircle2 size={14} />
-    : proposal.status === "blocked" || proposal.status === "run_failed"
-      ? <CircleAlert size={14} />
-      : <Play size={14} />;
+  const permissionLabels = proposalPermissionLabels(proposal.requiredTools, t);
   const draftValid = proposalDraftIsValid(draft);
 
   useEffect(() => {
@@ -1088,14 +1054,7 @@ export function ChannelExecutionProposalCard({
   }
 
   return (
-    <div className={`channel-execution-proposal ${proposal.status} ${isRequirementShaping ? "requirement-shaping-card" : ""}`} aria-label={t("Task confirmation")}>
-      <div className="channel-proposal-head">
-        <span>
-          {statusIcon}
-          <strong>{proposal.title}</strong>
-        </span>
-        <small>{t(executionProposalStatusLabel(proposal.status))}</small>
-      </div>
+    <div className={`channel-execution-proposal-decision ${editing ? "editing" : ""}`} aria-label={t("Task confirmation")}>
       {editing ? (
         <ChannelExecutionProposalEditor
           canRemoveStep={draft.collaborationSteps.length > 1}
@@ -1108,62 +1067,25 @@ export function ChannelExecutionProposalCard({
           onRemoveStep={removeStep}
           onStepChange={updateStep}
         />
-      ) : isRequirementShaping ? (
-        <RequirementShapingSummary
-          rows={shapingRows}
-          shaping={proposal.shaping}
-          collaborationSteps={proposal.collaborationSteps}
-          teammates={teammates}
-        />
       ) : (
-        <p>{proposal.prompt}</p>
-      )}
-      <div className="channel-proposal-meta">
-        <span>{t("Assignee")}: <strong>{assigneeLabel}</strong></span>
-        {proposal.requiredTools.length > 0 ? <span>{t("Required tools")}: {proposal.requiredTools.join(", ")}</span> : null}
-      </div>
-      <ChannelWorkflowLinkedStatusIndicators linkedRunId={proposal.linkedRunId} linkedWorkflowId={proposal.linkedWorkflowId} linkedRun={linkedRun} linkedWorkflow={linkedWorkflow} activeRunId={activeRunId} latestStatus={latestStatus} />
-      {!editing && canStart ? (
-        <section className="channel-proposal-permission" aria-label={t("Task permission confirmation")}>
-          <div className="channel-proposal-permission-head">
-            <ShieldCheck size={14} />
-            <strong>{t("Task permission confirmation")}</strong>
+        <dl className="channel-proposal-decision-fields">
+          <div>
+            <dt>{t("Task")}</dt>
+            <dd>{proposal.title}</dd>
           </div>
-          <p>{permissionSummary.sentence}</p>
-          <div className="channel-proposal-permission-grid">
-            <span>
-              <small>{t("Required tool")}</small>
-              <strong>{permissionSummary.toolLabel}</strong>
-            </span>
-            <span>
-              <small>{t("Target")}</small>
-              <strong>{permissionSummary.targetLabel}</strong>
-            </span>
-            <span>
-              <small>{t("Executor")}</small>
-              <strong>{permissionSummary.executorLabel}</strong>
-            </span>
+          <div>
+            <dt>{t("Agent")}</dt>
+            <dd>{assigneeLabel}</dd>
           </div>
-          <small>{t("Starting this task does not approve future runtime actions. Ling may still ask before file changes, commands, MCP tools, or external actions.")}</small>
-        </section>
-      ) : null}
-      {proposal.acceptanceCriteria.length > 0 ? (
-        <div className="channel-proposal-criteria">
-          <strong>{t("Acceptance criteria")}</strong>
-          <ul>
-            {proposal.acceptanceCriteria.slice(0, 4).map((criterion) => (
-              <li key={criterion}>{criterion}</li>
-            ))}
-          </ul>
-        </div>
-      ) : null}
-      {proposal.riskSummary ? (
-        <div className="channel-proposal-risk">
-          <CircleAlert size={14} />
-          <span>{proposal.riskSummary}</span>
-        </div>
-      ) : null}
-      {proposal.blocker ? (
+          <div>
+            <dt><ShieldCheck aria-hidden="true" size={14} />{t("Required permissions")}</dt>
+            <dd className="channel-proposal-permission-chips">
+              {permissionLabels.map((label) => <span key={label}>{label}</span>)}
+            </dd>
+          </div>
+        </dl>
+      )}
+      {!editing && proposal.blocker ? (
         <div className="channel-proposal-error">
           <CircleAlert size={14} />
           <span>{proposal.blocker.message}</span>
@@ -1175,45 +1097,12 @@ export function ChannelExecutionProposalCard({
             {t(proposalModelRepairLabel(proposal.blocker.repairTarget))}
           </button>
         </div>
-      ) : proposal.errorMessage ? (
+      ) : !editing && proposal.errorMessage ? (
         <div className="channel-proposal-error">
           <CircleAlert size={14} />
           <span>{proposal.errorMessage}</span>
         </div>
       ) : null}
-      {proposal.collaborationSteps.length > 0 ? (
-        <details className="channel-proposal-collaboration">
-          <summary>
-            <span className="channel-proposal-collaboration-summary">
-              <History size={14} />
-              <strong>{t("Collaboration {count} records", { count: proposal.collaborationSteps.length })}</strong>
-              {collaborationSummary ? (
-                <>
-                  <span aria-hidden="true">·</span>
-                  <small>{collaborationSummary}</small>
-                </>
-              ) : null}
-            </span>
-          </summary>
-          <ol>
-            {proposal.collaborationSteps.map((step, index) => {
-              const sourceLabel = proposalStepSourceLabel(step, t);
-              return (
-                <li key={`${step.teammateId}-${step.action}-${index}`}>
-                  <strong>{teammateLabel(step.teammateId, teammates, t("Deleted teammate"))}</strong>
-                  <span className="channel-proposal-step-meta">
-                    <small>{t(proposalStepActionLabel(step.action))}</small>
-                    {sourceLabel ? (
-                      <small className="channel-proposal-step-source">{sourceLabel}</small>
-                    ) : null}
-                  </span>
-                  <span className="channel-proposal-step-summary">{step.summary}</span>
-                </li>
-              );
-            })}
-          </ol>
-        </details>
-      ) : null}
       <div className="channel-proposal-actions">
         {editing ? (
           <>
@@ -1227,26 +1116,26 @@ export function ChannelExecutionProposalCard({
             </button>
           </>
         ) : canStart ? (
-          <button className="primary-button compact-button" type="button" onClick={onConfirm}>
-            <Play size={14} />
+          <button className="primary-button compact-button" type="button" onClick={onConfirm} disabled={Boolean(actionBusy)}>
+            {actionBusy === "confirm" ? <Loader2 className="spin" size={14} /> : <Play size={14} />}
             {t("Authorize and start task")}
           </button>
         ) : null}
         {!editing && canEdit ? (
-          <button className="secondary-button compact-button" type="button" onClick={() => setEditing(true)}>
+          <button className="secondary-button compact-button" type="button" onClick={() => setEditing(true)} disabled={Boolean(actionBusy)}>
             <SlidersHorizontal size={14} />
             {t("Edit")}
           </button>
         ) : null}
         {proposal.linkedRunId ? (
-          <button className="secondary-button compact-button" type="button" onClick={() => onOpenRun(proposal.linkedRunId ?? "")}>
+          <button className="secondary-button compact-button" type="button" onClick={() => onOpenRun(proposal.linkedRunId ?? "")} disabled={Boolean(actionBusy)}>
             <SquareTerminal size={14} />
             {t("Open run")}
           </button>
         ) : null}
         {proposal.status === "draft" ? (
-          <button className="secondary-button compact-button" type="button" onClick={onCancel}>
-            <X size={14} />
+          <button className="secondary-button compact-button" type="button" onClick={onCancel} disabled={Boolean(actionBusy)}>
+            {actionBusy === "cancel" ? <Loader2 className="spin" size={14} /> : <X size={14} />}
             {t("Cancel proposal")}
           </button>
         ) : null}
@@ -1255,74 +1144,17 @@ export function ChannelExecutionProposalCard({
   );
 }
 
-function RequirementShapingSummary({
-  rows,
-  shaping,
-  collaborationSteps,
-  teammates,
-}: {
-  readonly rows: readonly RequirementShapingRow[];
-  readonly shaping: ChannelExecutionProposal["shaping"];
-  readonly collaborationSteps: ChannelExecutionProposal["collaborationSteps"];
-  readonly teammates: readonly ChannelMention[];
-}): React.JSX.Element {
-  const { t } = useI18n();
-  const visibleSteps = collaborationSteps.slice(0, 4);
-  const openQuestions = shaping?.openQuestions.slice(0, 4) ?? [];
-  const clarifications = shaping?.clarifications.slice(0, 4) ?? [];
-  return (
-    <section className="requirement-shaping-summary" aria-label={t("Requirement shaping")}>
-      <header>
-        <span>
-          <ListChecks size={15} />
-          <strong>{t("Ling is shaping the task")}</strong>
-        </span>
-        <small>{t(requirementShapingStatusLabel(shaping?.status ?? "ready_for_confirmation"))}</small>
-      </header>
-      <div className="requirement-shaping-grid">
-        {rows.map((row) => (
-          <span key={row.id} className={row.tone ?? "neutral"}>
-            <small>{row.label}</small>
-            <strong>{row.value}</strong>
-          </span>
-        ))}
-      </div>
-      {openQuestions.length > 0 || clarifications.length > 0 ? (
-        <div className="requirement-shaping-notes">
-          {openQuestions.length > 0 ? (
-            <section aria-label={t("Open questions")}>
-              <small>{t("Open questions")}</small>
-              <ul>
-                {openQuestions.map((question) => (
-                  <li key={question}>{question}</li>
-                ))}
-              </ul>
-            </section>
-          ) : null}
-          {clarifications.length > 0 ? (
-            <section aria-label={t("User clarifications")}>
-              <small>{t("User clarifications")}</small>
-              <ul>
-                {clarifications.map((clarification) => (
-                  <li key={clarification.id}>{clarification.body}</li>
-                ))}
-              </ul>
-            </section>
-          ) : null}
-        </div>
-      ) : null}
-      {visibleSteps.length > 0 ? (
-        <div className="requirement-shaping-participants" aria-label={t("Shaping participants")}>
-          {visibleSteps.map((step, index) => (
-            <span key={`${step.teammateId}-${step.action}-${index}`}>
-              <small>{teammateLabel(step.teammateId, teammates, t("Deleted teammate"))} · {t(proposalStepActionLabel(step.action))}</small>
-              <strong>{step.summary}</strong>
-            </span>
-          ))}
-        </div>
-      ) : null}
-    </section>
-  );
+function proposalPermissionLabels(
+  tools: ChannelExecutionProposal["requiredTools"],
+  t: Translate,
+): readonly string[] {
+  const labels = tools.map((tool) => {
+    if (tool === "read" || tool === "ls") return t("Read files");
+    if (tool === "grep" || tool === "find") return t("Search files");
+    if (tool === "edit" || tool === "write") return t("Modify files");
+    return t("Run commands");
+  });
+  return [...new Set(labels.length > 0 ? labels : [t("Workspace access")])];
 }
 
 function proposalToEditDraft(proposal: ChannelExecutionProposal): ChannelProposalEditDraft {
@@ -1366,64 +1198,6 @@ function proposalDraftToUpdateInput(proposal: ChannelExecutionProposal, draft: C
   };
 }
 
-function buildRequirementShapingRows(input: {
-  readonly proposal: ChannelExecutionProposal;
-  readonly assigneeLabel: string;
-  readonly t: Translate;
-}): readonly RequirementShapingRow[] {
-  const participantCount = Math.max(1, input.proposal.collaborationSteps.length);
-  const firstCriterion = input.proposal.acceptanceCriteria[0];
-  const openQuestionCount = input.proposal.shaping?.openQuestions.length ?? 0;
-  const clarificationCount = input.proposal.shaping?.clarifications.length ?? 0;
-  const shapingSummary = input.proposal.shaping?.summary;
-  return [
-    {
-      id: "goal",
-      label: input.t("Goal"),
-      value: truncatePreview(shapingSummary || input.proposal.prompt, 180),
-    },
-    {
-      id: "acceptance",
-      label: input.t("Acceptance"),
-      value: firstCriterion
-        ? truncatePreview(firstCriterion, 150)
-        : input.t("Acceptance checks will be clarified before execution."),
-      tone: firstCriterion ? "success" : "attention",
-    },
-    {
-      id: "participants",
-      label: input.t("Participants"),
-      value: input.t("{count} teammate(s), led by {teammate}", {
-        count: participantCount,
-        teammate: input.assigneeLabel,
-      }),
-    },
-    {
-      id: "risk",
-      label: input.t("Boundary"),
-      value: input.proposal.riskSummary
-        ? truncatePreview(input.proposal.riskSummary, 150)
-        : input.t("No additional boundary surfaced yet."),
-      tone: input.proposal.riskSummary ? "attention" : "neutral",
-    },
-    {
-      id: "questions",
-      label: input.t("Open questions"),
-      value: openQuestionCount > 0
-        ? input.t("{count} open question(s)", { count: openQuestionCount })
-        : clarificationCount > 0
-          ? input.t("{count} clarification(s) recorded", { count: clarificationCount })
-          : input.t("No open questions recorded."),
-      tone: openQuestionCount > 0 ? "attention" : clarificationCount > 0 ? "success" : "neutral",
-    },
-    {
-      id: "next",
-      label: input.t("Next action"),
-      value: input.t("Authorize when the scope looks right, or edit the card first."),
-    },
-  ];
-}
-
 function proposalShapingFromEditDraft(
   proposal: ChannelExecutionProposal,
   draft: ChannelProposalEditDraft,
@@ -1463,112 +1237,6 @@ function parseProposalLines(value: string): readonly string[] {
     .filter(Boolean);
 }
 
-interface ProposalPermissionSummary {
-  readonly sentence: string;
-  readonly toolLabel: string;
-  readonly targetLabel: string;
-  readonly executorLabel: string;
-}
-
-function buildProposalPermissionSummary(input: {
-  readonly proposal: ChannelExecutionProposal;
-  readonly assigneeLabel: string;
-  readonly t: Translate;
-}): ProposalPermissionSummary {
-  const { proposal, t } = input;
-  const primaryTool = proposalPermissionPrimaryTool(proposal.requiredTools);
-  const targetLabel = extractProposalPermissionTarget(proposal, primaryTool) ?? t("declared task scope");
-  const toolLabel = proposal.requiredTools.length > 0 ? proposal.requiredTools.join(", ") : t("workspace tools");
-  const sentence = proposalPermissionSentence({
-    tool: primaryTool,
-    targetLabel,
-    t,
-  });
-  return {
-    sentence,
-    toolLabel,
-    targetLabel,
-    executorLabel: input.assigneeLabel,
-  };
-}
-
-function proposalPermissionPrimaryTool(
-  tools: readonly ChannelExecutionProposal["requiredTools"][number][],
-): ChannelExecutionProposal["requiredTools"][number] | undefined {
-  if (tools.includes("write")) {
-    return "write";
-  }
-  if (tools.includes("edit")) {
-    return "edit";
-  }
-  if (tools.includes("bash")) {
-    return "bash";
-  }
-  return tools[0];
-}
-
-function proposalPermissionSentence(input: {
-  readonly tool?: ChannelExecutionProposal["requiredTools"][number];
-  readonly targetLabel: string;
-  readonly t: Translate;
-}): string {
-  if (input.tool === "write") {
-    return input.t("Need write permission to create {target} for this task.", { target: input.targetLabel });
-  }
-  if (input.tool === "edit") {
-    return input.t("Need edit permission to update {target} for this task.", { target: input.targetLabel });
-  }
-  if (input.tool === "bash") {
-    return input.t("Need bash permission to run {target} for this task.", { target: input.targetLabel });
-  }
-  if (input.tool) {
-    return input.t("Need {tool} permission for {target} in this task.", { tool: input.tool, target: input.targetLabel });
-  }
-  return input.t("Confirm this bounded task scope before Ling starts.");
-}
-
-function extractProposalPermissionTarget(
-  proposal: ChannelExecutionProposal,
-  primaryTool?: ChannelExecutionProposal["requiredTools"][number],
-): string | undefined {
-  const sources = [proposal.riskSummary, proposal.prompt, proposal.title].filter((value): value is string => Boolean(value?.trim()));
-  if (primaryTool === "bash") {
-    const command = sources.map(extractProposalCommandTarget).find((value): value is string => Boolean(value));
-    if (command) {
-      return command;
-    }
-  }
-  const path = sources.map(extractProposalPathTarget).find((value): value is string => Boolean(value));
-  if (path) {
-    return path;
-  }
-  return primaryTool === "bash" ? trimPermissionTarget(proposal.title.replace(/^run\s+/iu, "")) : undefined;
-}
-
-function extractProposalCommandTarget(value: string): string | undefined {
-  const explicitCommand = /Command requested by user:\s*([^\n]+)/iu.exec(value)?.[1];
-  if (explicitCommand) {
-    return trimPermissionTarget(explicitCommand);
-  }
-  const riskCommand = /(?:run|运行)\s+(.+?)(?:[；;\n]|$)/iu.exec(value)?.[1];
-  if (riskCommand) {
-    return trimPermissionTarget(riskCommand);
-  }
-  return undefined;
-}
-
-function extractProposalPathTarget(value: string): string | undefined {
-  const matches = value.match(/(?:\/[^\s`"'，。；;:)]+|(?:\.{1,2}\/)?[A-Za-z0-9_.@-]+(?:\/[A-Za-z0-9_.@-]+)*\.[A-Za-z0-9]{1,8})/gu) ?? [];
-  return matches
-    .map(trimPermissionTarget)
-    .find((candidate) => Boolean(candidate && !candidate.startsWith("http://") && !candidate.startsWith("https://")));
-}
-
-function trimPermissionTarget(value: string): string | undefined {
-  const trimmed = value.trim().replace(/^[`"']+/u, "").replace(/[`"',，。；;:)]+$/u, "").replace(/\.$/u, "");
-  return trimmed ? truncatePreview(trimmed, 180) : undefined;
-}
-
 function proposalModelRepairLabel(
   repairTarget: NonNullable<ChannelExecutionProposal["blocker"]>["repairTarget"],
 ): string {
@@ -1585,72 +1253,6 @@ function workflowProviderBindingSourceLabel(
   return "Workspace default";
 }
 
-function executionProposalStatusLabel(status: ChannelExecutionProposal["status"]): string {
-  if (status === "draft") {
-    return "Ready for confirmation";
-  }
-  if (status === "accepted") {
-    return "Accepted";
-  }
-  if (status === "blocked") {
-    return "Proposal blocked";
-  }
-  if (status === "run_failed") {
-    return "Run failed";
-  }
-  if (status === "superseded") {
-    return "Superseded";
-  }
-  return "Cancelled";
-}
-
-function requirementShapingStatusLabel(status: NonNullable<ChannelExecutionProposal["shaping"]>["status"]): string {
-  if (status === "collecting_context") {
-    return "Collecting context";
-  }
-  if (status === "collecting_teammate_input") {
-    return "Collecting teammate input";
-  }
-  if (status === "needs_user_clarification") {
-    return "Needs user clarification";
-  }
-  if (status === "converted_to_task") {
-    return "Converted to task";
-  }
-  if (status === "dismissed") {
-    return "Dismissed";
-  }
-  return "Ready for confirmation";
-}
-
-function proposalStepActionLabel(action: ChannelExecutionProposal["collaborationSteps"][number]["action"]): string {
-  if (action === "coordinated") {
-    return "Coordinated";
-  }
-  if (action === "consulted") {
-    return "Consulted";
-  }
-  if (action === "reviewed") {
-    return "Reviewed";
-  }
-  return "Flagged risk";
-}
-
-function proposalStepSourceLabel(
-  step: ChannelExecutionProposal["collaborationSteps"][number],
-  t: Translate,
-): string {
-  const councilSource = step.sources?.find((source) => source.kind === "council");
-  if (councilSource) {
-    return t("From {source}", { source: councilSource.councilDisplayName ?? t("AI council") });
-  }
-  const directSource = step.sources?.find((source) => source.kind === "direct");
-  if (directSource?.isDefault) {
-    return t("Default channel teammate");
-  }
-  return directSource ? t("Direct channel teammate") : "";
-}
-
 function workflowStepSourceLabel(
   metadata: NonNullable<ChannelWorkflowStep["metadata"]>,
   t: Translate,
@@ -1665,18 +1267,3 @@ function workflowStepSourceLabel(
   }
   return directSource ? t("Direct channel teammate") : "";
 }
-
-function proposalCollaborationSummary(
-  proposal: ChannelExecutionProposal,
-  teammates: readonly ChannelMention[],
-  t: Translate,
-): string {
-  return proposal.collaborationSteps
-    .slice(0, 2)
-    .map((step) => {
-      const teammate = teammateLabel(step.teammateId, teammates, t("Deleted teammate"));
-      const summary = step.summary.trim() || t(proposalStepActionLabel(step.action));
-      return `${teammate} ${summary}`;
-    })
-    .join(" · ");
-}
diff --git a/apps/web/src/features/workspace/ConversationHome.tsx b/apps/web/src/features/workspace/ConversationHome.tsx
index 957c5ea10..98c12457b 100644
--- a/apps/web/src/features/workspace/ConversationHome.tsx
+++ b/apps/web/src/features/workspace/ConversationHome.tsx
@@ -28,6 +28,7 @@ import { useWorkspaceBottomPanelResizeController } from "./useWorkspaceBottomPan
 import { useWorkspaceRightDockController } from "./useWorkspaceRightDockController.js";
 import { useConversationPanelPresence } from "./useConversationPanelPresence.js";
 import { NormalConversationComposer } from "./NormalConversationComposer.js";
+import { RuntimeApprovalDialogQueue } from "../approvals/RuntimeApprovalDialogQueue.js";
 import { NormalConversationEmptyState } from "./NormalConversationEmptyState.js";
 import { NormalConversationPage } from "./NormalConversationPage.js";
 import {
@@ -88,10 +89,10 @@ export function ConversationHome({
   sending = false,
   activeRun,
   inlineApprovalViews,
+  approvalErrors,
   stopping = false,
   fullAccessConfirmed = false,
   onOpenRun,
-  onOpenApproval,
   onOpenModelWorkbench,
   onConfirmFullAccess,
   onConfirmFullAccessSelection,
@@ -670,8 +671,6 @@ export function ConversationHome({
       selectedThinkingLevel={selectedThinkingLevel}
       sendBusy={sendBusy}
       activeRun={Boolean(activeReply)}
-      inlineApprovalViews={inlineApprovalViews}
-      resolvingApprovals={resolvingApprovals}
       stopping={stopping}
       canSend={(Boolean(activeReply) || activeModelReady) && Boolean(draft.trim() || readyAttachmentIds.length > 0 || composerFileRefs.length > 0)}
       notice={conversationErrorMessage || actionFeedback.message}
@@ -690,7 +689,6 @@ export function ConversationHome({
       onDragLeave={composerDropController.onDragLeave}
       onDrop={composerDropController.onDrop}
       onOpenModelWorkbench={onOpenModelWorkbench}
-      onOpenApproval={onOpenApproval}
       onRemoveAttachment={attachmentController.removeAttachment}
       onPermissionPresetChange={(preset) => {
         if (preset === "full_access") {
@@ -701,14 +699,23 @@ export function ConversationHome({
       onModelChange={selectModel}
       onThinkingLevelChange={selectThinkingLevel}
       onSubmit={submitDraft}
-      onResolveApproval={onResolveApproval}
       onStop={activeReply && onStopConversation ? () => onStopConversation(activeReply) : undefined}
     />
   );
 
+  const approvalDialogNode = (
+    <RuntimeApprovalDialogQueue
+      approvals={inlineApprovalViews}
+      approvalErrors={approvalErrors}
+      resolvingApprovals={resolvingApprovals}
+      onResolve={onResolveApproval}
+    />
+  );
+
   if (messages.length > 0) {
     return (
-      <NormalConversationPage
+      <>
+        <NormalConversationPage
         summaryOpen={conversationSummaryOpen}
         onCloseSummary={() => setConversationSummaryOpen(false)}
         summaryDockMotion={conversationSummaryDockMotion}
@@ -748,6 +755,7 @@ export function ConversationHome({
           visibleMessages,
           runById,
           detailContext,
+          dialogOwnedApprovals: inlineApprovalViews,
           generatedMedia: detailContext?.generatedMedia ?? [],
           projectPath: project.projectPath,
           workspaceCwd,
@@ -784,11 +792,18 @@ export function ConversationHome({
           },
           onCloseTerminal: () => setConversationTerminalOpen(false),
         }}
-      />
+        />
+        {approvalDialogNode}
+      </>
     );
   }
 
-  return <NormalConversationEmptyState composerNode={composerNode} onApplyShortcut={applyShortcut} />;
+  return (
+    <>
+      <NormalConversationEmptyState composerNode={composerNode} onApplyShortcut={applyShortcut} />
+      {approvalDialogNode}
+    </>
+  );
 }
 
 function activeReplyStatus(status: string): status is "queued" | "running" | "waiting_for_approval" {
diff --git a/apps/web/src/features/workspace/NormalConversationComposer.tsx b/apps/web/src/features/workspace/NormalConversationComposer.tsx
index d569b1906..9dba4623e 100644
--- a/apps/web/src/features/workspace/NormalConversationComposer.tsx
+++ b/apps/web/src/features/workspace/NormalConversationComposer.tsx
@@ -31,9 +31,6 @@ import {
   normalConversationThinkingOptions,
 } from "./normal-conversation-composer-options.js";
 import type { ConversationHomeModelOption } from "./normal-conversation-types.js";
-import type { InlineApprovalView } from "../../lib/inline-approvals.js";
-import { InlineApprovalStrip } from "../approvals/InlineApprovalStrip.js";
-import type { ApprovalResolution } from "../approvals/types.js";
 
 export interface NormalConversationComposerProps {
   readonly draft: string;
@@ -52,8 +49,6 @@ export interface NormalConversationComposerProps {
   readonly selectedThinkingLevel: ProviderThinkingMode;
   readonly sendBusy: boolean;
   readonly activeRun: boolean;
-  readonly inlineApprovalViews: readonly InlineApprovalView[];
-  readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
   readonly stopping: boolean;
   readonly canSend: boolean;
   readonly notice: string;
@@ -68,19 +63,16 @@ export interface NormalConversationComposerProps {
   readonly onDragLeave: (event: DragEvent<HTMLDivElement>) => void;
   readonly onDrop: (event: DragEvent<HTMLDivElement>) => void;
   readonly onOpenModelWorkbench?: () => void;
-  readonly onOpenApproval: (approvalId: string) => void;
   readonly onRemoveAttachment: (localId: string) => void;
   readonly onPermissionPresetChange: (preset: PermissionPreset) => void;
   readonly onModelChange: (option: ConversationHomeModelOption) => void;
   readonly onThinkingLevelChange: (level: ProviderThinkingMode) => void;
   readonly onSubmit: () => void | Promise<void>;
-  readonly onResolveApproval: (approvalId: string, decision: ApprovalResolution, reason?: string) => void;
   readonly onStop?: () => void | Promise<void>;
 }
 
 export function NormalConversationComposer({
   activeRun,
-  inlineApprovalViews,
   canSend,
   defaultProviderLabel,
   defaultProviderPresetId,
@@ -101,19 +93,16 @@ export function NormalConversationComposer({
   onDraftChange,
   onModelChange,
   onOpenModelWorkbench,
-  onOpenApproval,
   onPermissionPresetChange,
   onRemoveAttachment,
   onStop,
   onSubmit,
-  onResolveApproval,
   onThinkingLevelChange,
   pendingAttachments,
   permissionPreset,
   fullAccessConfirmed,
   selectedProviderPresetId,
   selectedThinkingLevel,
-  resolvingApprovals,
   sendBusy,
   slashActiveIndex,
   slashOptions,
@@ -213,14 +202,6 @@ export function NormalConversationComposer({
           }] : []}
         />
       ) : null}
-      approvalNode={(
-        <InlineApprovalStrip
-          approvals={inlineApprovalViews}
-          resolvingApprovals={resolvingApprovals}
-          onResolve={onResolveApproval}
-          onOpenApproval={onOpenApproval}
-        />
-      )}
       dropZoneClassName={dragActive ? "active" : undefined}
       onDragOver={onDragOver}
       onDragLeave={onDragLeave}
diff --git a/apps/web/src/features/workspace/NormalConversationFeed.tsx b/apps/web/src/features/workspace/NormalConversationFeed.tsx
index 06281d4eb..5a0478d83 100644
--- a/apps/web/src/features/workspace/NormalConversationFeed.tsx
+++ b/apps/web/src/features/workspace/NormalConversationFeed.tsx
@@ -3,6 +3,12 @@ import { ArrowDown, Copy, FileText, Pencil, ThumbsDown, ThumbsUp } from "lucide-
 import { attachmentContentUrl } from "../../api.js";
 import { useI18n } from "../../i18n.js";
 import { attachmentCanPreview, loadPreviewContent } from "../../lib/previews.js";
+import type { InlineApprovalView } from "../../lib/inline-approvals.js";
+import {
+  buildDialogOwnedApprovalPresentationByRunId,
+  dialogOwnedApprovalPresentationForWorkCell,
+  type DialogOwnedApprovalPresentation,
+} from "../../lib/runtime-approval-presentation.js";
 import {
   ConversationAttachmentStrip,
   ConversationGeneratedMediaBlock,
@@ -36,6 +42,7 @@ export interface NormalConversationFeedProps {
   readonly visibleMessages: readonly ConversationHomeMessage[];
   readonly runById: ReadonlyMap<string, RunSession>;
   readonly detailContext?: ConversationHomeDetailContext;
+  readonly dialogOwnedApprovals: readonly InlineApprovalView[];
   readonly generatedMedia: readonly ConversationGeneratedMedia[];
   readonly projectPath?: string;
   readonly workspaceCwd: string;
@@ -57,6 +64,7 @@ export interface NormalConversationFeedProps {
 
 export function NormalConversationFeed({
   detailContext,
+  dialogOwnedApprovals,
   editSaving,
   editingMessageId,
   latestEditableUserMessageId,
@@ -84,6 +92,10 @@ export function NormalConversationFeed({
   const mountedRef = useRef(false);
   const [latestButtonVisible, setLatestButtonVisible] = useState(false);
   const [feedbackById, setFeedbackById] = useState<Record<string, "up" | "down">>({});
+  const dialogOwnedApprovalByRunId = useMemo(
+    () => buildDialogOwnedApprovalPresentationByRunId(dialogOwnedApprovals, t),
+    [dialogOwnedApprovals, t],
+  );
   const feedItems = useMemo(() => projectNormalConversationFeedItems({
     detailContext,
     messages,
@@ -152,6 +164,9 @@ export function NormalConversationFeed({
         renderItem={(item) => (
           <NormalConversationMessageRow
             item={item}
+            dialogOwnedApproval={item.workCell
+              ? dialogOwnedApprovalPresentationForWorkCell(item.workCell, dialogOwnedApprovalByRunId)
+              : undefined}
             generatedMedia={item.message.runId ? generatedMediaByRunId.get(item.message.runId) ?? [] : []}
             feedback={feedbackById[item.message.id]}
             editing={editingMessageId === item.message.id}
@@ -186,6 +201,7 @@ export function NormalConversationFeed({
 }
 
 function NormalConversationMessageRow({
+  dialogOwnedApproval,
   editSaving,
   editable,
   editing,
@@ -207,6 +223,7 @@ function NormalConversationMessageRow({
   workspaceCwd,
 }: {
   readonly item: NormalConversationFeedItem;
+  readonly dialogOwnedApproval?: DialogOwnedApprovalPresentation;
   readonly generatedMedia: readonly ConversationGeneratedMedia[];
   readonly feedback?: "up" | "down";
   readonly editing: boolean;
@@ -296,6 +313,7 @@ function NormalConversationMessageRow({
             <ConversationWorkCell
               model={item.workCell}
               surface="normal_conversation"
+              dialogOwnedApproval={dialogOwnedApproval}
               cwd={item.workCellCwd}
               onOpenRun={onOpenRun}
               onOpenWorkspaceFile={onOpenReportFile}
diff --git a/apps/web/src/features/workspace/WorkspaceClientView.tsx b/apps/web/src/features/workspace/WorkspaceClientView.tsx
index 110185470..ae2732ab0 100644
--- a/apps/web/src/features/workspace/WorkspaceClientView.tsx
+++ b/apps/web/src/features/workspace/WorkspaceClientView.tsx
@@ -234,7 +234,7 @@ import type {
   UserProfile,
 } from "../../types.js";
 import { ApprovalCard } from "../approvals/ApprovalCard.js";
-import { InlineApprovalStrip } from "../approvals/InlineApprovalStrip.js";
+import { RuntimeApprovalDialogQueue } from "../approvals/RuntimeApprovalDialogQueue.js";
 import type { ApprovalResolution } from "../approvals/types.js";
 import type { LocalTeammateDraft } from "../teammates/index.js";
 import { ChannelTeamMetricsPanel } from "./ChannelTeamMetricsPanel.js";
@@ -248,6 +248,7 @@ import {
   type ChannelTeammateRelationFeedback,
 } from "./ChannelSettingsPanels.js";
 import { ChannelComposer } from "./ChannelComposer.js";
+import { ChannelExecutionProposalDialog } from "./ChannelExecutionProposalDialog.js";
 import { ChannelActivityWorkspace } from "./ChannelActivityWorkspace.js";
 import { ChannelFeedLatestControl, ChannelFeedStatus } from "./ChannelFeedChrome.js";
 import { useChannelRightDockController } from "./useChannelRightDockController.js";
@@ -457,6 +458,7 @@ export function WorkspaceClientView({
   externalActionDetails,
   approvalsLoading,
   resolvingApprovals,
+  approvalErrors,
   resourceLeases,
   runtimeDiagnostics,
   workUnits,
@@ -623,6 +625,7 @@ export function WorkspaceClientView({
   readonly externalActionDetails: Readonly<Record<string, ExternalWorkActionView>>;
   readonly approvalsLoading: boolean;
   readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
+  readonly approvalErrors: Readonly<Record<string, string>>;
   readonly resourceLeases: readonly ResourceLease[];
   readonly runtimeDiagnostics: RuntimeDiagnosticsResponse | undefined;
   readonly workUnits: readonly WorkUnit[];
@@ -674,8 +677,8 @@ export function WorkspaceClientView({
     readonly onReplyLinked?: (target: ConversationActiveReplyTarget) => void;
     readonly onReplyDispatch?: (dispatch: ChannelReplyDispatch) => void;
   }) => Promise<{ readonly errorMessage?: string }>;
-  readonly onConfirmExecutionProposal: (proposal: ChannelExecutionProposal) => void;
-  readonly onCancelExecutionProposal: (proposal: ChannelExecutionProposal) => void;
+  readonly onConfirmExecutionProposal: (proposal: ChannelExecutionProposal) => Promise<void>;
+  readonly onCancelExecutionProposal: (proposal: ChannelExecutionProposal) => Promise<void>;
   readonly onUpdateExecutionProposal: (
     proposal: ChannelExecutionProposal,
     input: UpdateChannelExecutionProposalRequest,
@@ -1482,26 +1485,7 @@ export function WorkspaceClientView({
   const channelSendLifecycle = useConversationSendLifecycle(
     `channel:${selectedChannelId}:${selectedChannelBranchRootThreadId ?? "root"}`,
   );
-  const channelActiveStatusStrip = pendingApprovalCount > 0 && inlineApprovalViews.length === 0 ? (
-    <ConversationStatusStrip
-      className="channel-active-status-strip conversation-composer-status-strip attention"
-      icon={<ShieldCheck size={15} />}
-      title={t("Pending approvals")}
-      description={selectedApproval?.title ?? t("Approval request")}
-      statusNode={<ChannelActiveStatusIndicator kind="pending-approval" />}
-      metaItems={[
-        { id: "approvals", label: t("Approvals"), value: pendingApprovalCount },
-      ]}
-      actions={[
-        {
-          id: "open-approval",
-          label: t("Open approval"),
-          icon: <ShieldCheck size={14} />,
-          onClick: () => openApprovalDetail(selectedApproval),
-        },
-      ]}
-    />
-  ) : providerBlocker && inlineApprovalViews.length === 0 ? (
+  const channelActiveStatusStrip = providerBlocker && inlineApprovalViews.length === 0 ? (
     <ConversationStatusStrip
       className="channel-active-status-strip conversation-composer-status-strip attention"
       icon={<CircleAlert size={15} />}
@@ -1903,6 +1887,58 @@ export function WorkspaceClientView({
     }
     return proposalsByMessageId;
   }, [channelExecutionProposals]);
+  const [selectedExecutionProposalTarget, setSelectedExecutionProposalTarget] = useState<{
+    readonly channelId: string;
+    readonly proposalId: string;
+    readonly versionKey: string;
+  }>();
+  const autoOpenedExecutionProposalVersionsRef = useRef(new Set<string>());
+  const selectedExecutionProposal = selectedExecutionProposalTarget?.channelId === selectedChannelId
+    ? channelExecutionProposals.find((proposal) =>
+        proposal.channelId === selectedChannelId && proposal.id === selectedExecutionProposalTarget.proposalId
+      )
+    : undefined;
+  const newestActionableExecutionProposal = [...channelExecutionProposals]
+    .filter((proposal) =>
+      proposal.channelId === selectedChannelId &&
+      (proposal.status === "draft" || proposal.status === "blocked" || proposal.status === "run_failed")
+    )
+    .sort((left, right) => right.updatedAt.localeCompare(left.updatedAt) || right.createdAt.localeCompare(left.createdAt))[0];
+  const newestActionableExecutionProposalVersionKey = newestActionableExecutionProposal
+    ? `${selectedChannelId}:${newestActionableExecutionProposal.id}:${newestActionableExecutionProposal.updatedAt}`
+    : undefined;
+
+  useEffect(() => {
+    const current = selectedExecutionProposalTarget;
+    if (!selectedChannelId) {
+      if (current) setSelectedExecutionProposalTarget(undefined);
+      return;
+    }
+    if (current?.channelId === selectedChannelId && selectedExecutionProposal?.status !== "accepted") return;
+    if (!newestActionableExecutionProposal || !newestActionableExecutionProposalVersionKey) {
+      if (current?.channelId === selectedChannelId && !selectedExecutionProposal) {
+        autoOpenedExecutionProposalVersionsRef.current.delete(current.versionKey);
+      }
+      if (current) setSelectedExecutionProposalTarget(undefined);
+      return;
+    }
+    if (autoOpenedExecutionProposalVersionsRef.current.has(newestActionableExecutionProposalVersionKey)) {
+      if (current) setSelectedExecutionProposalTarget(undefined);
+      return;
+    }
+    autoOpenedExecutionProposalVersionsRef.current.add(newestActionableExecutionProposalVersionKey);
+    setSelectedExecutionProposalTarget({
+      channelId: selectedChannelId,
+      proposalId: newestActionableExecutionProposal.id,
+      versionKey: newestActionableExecutionProposalVersionKey,
+    });
+  }, [newestActionableExecutionProposalVersionKey, selectedChannelId]);
+
+  function openExecutionProposal(proposal: ChannelExecutionProposal): void {
+    const versionKey = `${proposal.channelId}:${proposal.id}:${proposal.updatedAt}`;
+    autoOpenedExecutionProposalVersionsRef.current.add(versionKey);
+    setSelectedExecutionProposalTarget({ channelId: proposal.channelId, proposalId: proposal.id, versionKey });
+  }
   const channelRunsForFiles = channelRuns;
 
   useEffect(() => {
@@ -3344,6 +3380,7 @@ export function WorkspaceClientView({
     conversationWorkCellByThreadId,
     conversationWorkCellByWorkflowId,
     conversationWorkCellDetailsByKey,
+    dialogOwnedApprovals: inlineApprovalViews,
     cwd,
     executionProposalsByMessageId,
     formatBytes,
@@ -3370,9 +3407,7 @@ export function WorkspaceClientView({
     workflowProgressByWorkflowId,
     activityActionRow,
     conversationWorkCellDetailsCacheKey,
-    onCancelExecutionProposal,
     onCancelWorkflow,
-    onConfirmExecutionProposal,
     onCreateTaskFromContextSummary,
     onAcceptProposedPlan: handleAcceptProposedPlan,
     onConvertProposedPlan: handleConvertProposedPlan,
@@ -3381,7 +3416,7 @@ export function WorkspaceClientView({
     onOpenApprovalDetail: openApprovalDetail,
     onOpenContextSummaryInConversationDetail: openContextSummaryInConversationDetail,
     onOpenRun: openRunInPanel,
-    onRepairProposalModelBinding: repairProposalModelBinding,
+    onOpenExecutionProposal: openExecutionProposal,
     onOpenFileReference: () => openRightDockPage("files"),
     onOpenTerminalReportFile: (target) => openRightDockPage("files", target),
     onOpenWorkspaceReview: (target) => openRightDockPage("review", undefined, {
@@ -3410,7 +3445,6 @@ export function WorkspaceClientView({
     },
     onSaveMessageEdit: saveChannelMessageEdit,
     onRetryMessageReplacement: retryChannelMessageReplacement,
-    onUpdateExecutionProposal,
     onUpdateHandoffStatus,
     readRunTitle,
     planActionBusyId: proposedPlanActionBusyId,
@@ -3446,7 +3480,6 @@ export function WorkspaceClientView({
       dropZoneClassName={composerDragActive ? "active" : undefined}
       inputParts={composerInputParts}
       inputRef={composerInputRef}
-      inlineApprovalViews={inlineApprovalViews}
       isCancellingRun={isCancellingRun}
       mentionActiveIndex={mentionActiveIndex}
       mentionPicker={mentionPicker}
@@ -3466,7 +3499,6 @@ export function WorkspaceClientView({
       goalExpanded={channelGoalExpanded}
       goalChipVisible={channelGoalChipVisible}
       channelTeammateIds={channelTeammateIds}
-      resolvingApprovals={resolvingApprovals}
       runGuidanceError={runGuidanceError}
       runGuidanceItems={runGuidanceItems}
       runGuidanceLoading={runGuidanceLoading}
@@ -3498,7 +3530,6 @@ export function WorkspaceClientView({
       onInputPasteFiles={handleComposerPasteFiles}
       onInputSelect={updateMentionPicker}
       onInsertMentionTrigger={insertMentionTrigger}
-      onOpenApproval={(approvalId) => openApprovalDetail(approvals.find((approval) => approval.id === approvalId))}
       onPermissionPresetChange={(preset) => onPermissionModeChange(permissionModeForPreset(preset))}
       onTogglePlanMode={toggleChannelPlanModeFromComposer}
       onRevealPlanModeChip={() => setChannelPlanModeChipVisible(true)}
@@ -3516,7 +3547,6 @@ export function WorkspaceClientView({
       onResizePointerDown={handleComposerResizePointerDown}
       onResizePointerMove={handleComposerResizePointerMove}
       onResizePointerUp={handleComposerResizePointerEnd}
-      onResolveApproval={onResolveApproval}
       onRetrySend={() => {
         void sendMessage();
       }}
@@ -4650,6 +4680,25 @@ export function WorkspaceClientView({
           onClose={() => setChannelBottomPanelOpen(false)}
         />
       ) : null}
+      <RuntimeApprovalDialogQueue
+        approvals={inlineApprovalViews}
+        approvalErrors={approvalErrors}
+        resolvingApprovals={resolvingApprovals}
+        onResolve={onResolveApproval}
+      />
+      <ChannelExecutionProposalDialog
+        proposal={inlineApprovalViews.length === 0 ? selectedExecutionProposal : undefined}
+        assigneeLabel={selectedExecutionProposal
+          ? teammateLabel(selectedExecutionProposal.assigneeTeammateId, teammateOptions, t("Deleted teammate"))
+          : ""}
+        teammates={teammateOptions}
+        onClose={() => setSelectedExecutionProposalTarget(undefined)}
+        onConfirm={onConfirmExecutionProposal}
+        onCancel={onCancelExecutionProposal}
+        onUpdate={onUpdateExecutionProposal}
+        onOpenRun={openRunInPanel}
+        onRepairModelBinding={repairProposalModelBinding}
+      />
     </div>
   );
 }
diff --git a/apps/web/src/features/workspace/normal-conversation-types.ts b/apps/web/src/features/workspace/normal-conversation-types.ts
index 24a4a768b..57c262b3b 100644
--- a/apps/web/src/features/workspace/normal-conversation-types.ts
+++ b/apps/web/src/features/workspace/normal-conversation-types.ts
@@ -119,10 +119,10 @@ export interface ConversationHomeProps {
   readonly activeRun?: RunSession;
   readonly inlineApprovalViews: readonly InlineApprovalView[];
   readonly resolvingApprovals: Readonly<Record<string, ApprovalResolution>>;
+  readonly approvalErrors: Readonly<Record<string, string>>;
   readonly stopping?: boolean;
   readonly fullAccessConfirmed?: boolean;
   readonly onOpenRun?: (runId: string) => void;
-  readonly onOpenApproval: (approvalId: string) => void;
   readonly onResolveApproval: (approvalId: string, decision: ApprovalResolution, reason?: string) => void;
   readonly onOpenModelWorkbench?: () => void;
   readonly onConfirmFullAccess?: () => Promise<PermissionConfirmation | undefined>;
diff --git a/apps/web/src/i18n/locales/en-US.ts b/apps/web/src/i18n/locales/en-US.ts
index c8088464a..e6f850bc0 100644
--- a/apps/web/src/i18n/locales/en-US.ts
+++ b/apps/web/src/i18n/locales/en-US.ts
@@ -1466,6 +1466,25 @@ export const enUS = {
     "Composer approval overlay": "Composer approval overlay",
     "Inline runtime approvals": "Inline runtime approvals",
     "Runtime approval needed": "Runtime approval needed",
+    "Allow this action?": "Allow this action?",
+    "Run command: {target}": "Run command: {target}",
+    "Create file: {target}": "Create file: {target}",
+    "Modify file: {target}": "Modify file: {target}",
+    "Use tool: {target}": "Use tool: {target}",
+    "Start task step: {target}": "Start task step: {target}",
+    "Grant runtime permission: {target}": "Grant runtime permission: {target}",
+    "Allowing": "Allowing",
+    "Allow": "Allow",
+    "Agent": "Agent",
+    "Required permissions": "Required permissions",
+    "Search files": "Search files",
+    "Modify files": "Modify files",
+    "Workspace access": "Workspace access",
+    "Preparing task": "Preparing task",
+    "Needs input": "Needs input",
+    "Pending confirmation": "Pending confirmation",
+    "Needs handling": "Needs handling",
+    "Execution failed": "Execution failed",
     "Runtime approvals needed": "Runtime approvals needed",
     "Highest risk: {risk}": "Highest risk: {risk}",
     "Resolve the blocking approval before the run can continue.": "Resolve the blocking approval before the run can continue.",
@@ -1679,6 +1698,8 @@ export const enUS = {
     "Source messages": "Source messages",
     "Source task": "Source task",
     "Execution proposal": "Execution proposal",
+    "Task confirmation": "Task confirmation",
+    "Task proposal summary": "Task proposal summary",
     "Ready for confirmation": "Ready for confirmation",
     "Accepted": "Accepted",
     "Superseded": "Superseded",
diff --git a/apps/web/src/i18n/locales/zh-CN.ts b/apps/web/src/i18n/locales/zh-CN.ts
index f49ebe936..7f87d2f51 100644
--- a/apps/web/src/i18n/locales/zh-CN.ts
+++ b/apps/web/src/i18n/locales/zh-CN.ts
@@ -3202,6 +3202,7 @@ export const zhCN = {
     "Source task": "来源任务",
     "Execution proposal": "执行提案",
     "Task confirmation": "任务确认",
+    "Task proposal summary": "任务提案摘要",
     "Task permission confirmation": "本次任务权限确认",
     "Ready for confirmation": "待确认",
     "Accepted": "已接受",
@@ -4256,6 +4257,23 @@ export const zhCN = {
     "Updated": "更新时间",
     "Tool approval decisions": "工具审批决策",
     "Allow": "允许",
+    "Allow this action?": "允许执行此操作？",
+    "Run command: {target}": "运行命令：{target}",
+    "Create file: {target}": "创建文件：{target}",
+    "Modify file: {target}": "修改文件：{target}",
+    "Use tool: {target}": "使用工具：{target}",
+    "Start task step: {target}": "开始任务步骤：{target}",
+    "Grant runtime permission: {target}": "授予运行权限：{target}",
+    "Allowing": "正在允许",
+    "Required permissions": "所需权限",
+    "Search files": "搜索文件",
+    "Modify files": "修改文件",
+    "Workspace access": "工作区访问",
+    "Preparing task": "整理中",
+    "Needs input": "待补充",
+    "Pending confirmation": "待确认",
+    "Needs handling": "需处理",
+    "Execution failed": "执行失败",
     "Ask": "询问",
     "Deny": "拒绝",
     "Allowed write paths": "允许写入路径",
diff --git a/apps/web/src/lib/conversation-turn-projector.ts b/apps/web/src/lib/conversation-turn-projector.ts
index 8b262e735..a74344c70 100644
--- a/apps/web/src/lib/conversation-turn-projector.ts
+++ b/apps/web/src/lib/conversation-turn-projector.ts
@@ -519,119 +519,36 @@ function buildRequirementShapingBlocks(
   const blocks: ConversationGenericTranscriptBlock[] = [];
   for (const proposal of proposals.filter((item) => item.shaping && item.status === "draft")) {
     const shaping = proposal.shaping;
-    if (!shaping) {
+    if (!shaping || shaping.status !== "needs_user_clarification" || shaping.openQuestions.length === 0) {
       continue;
     }
-    const contributionLines = [
-      ...proposal.collaborationSteps
-        .filter(requirementShapingContributionAffectsScope)
-        .map((step, index) => ({
-          id: `proposal:${proposal.id}:contribution:${index}`,
-          text: `${step.teammateId}: ${step.summary}`,
-          tone: step.action === "flagged_risk" ? "waiting" as const : "default" as const,
-          meta: step.action,
-        })),
-      ...shaping.clarifications.map((clarification) => ({
-        id: `proposal:${proposal.id}:clarification:${clarification.id}`,
-        text: `${clarification.authorType}: ${clarification.body}`,
-        tone: "muted" as const,
-        meta: "clarification",
-      })),
-    ];
+    const remainingQuestions = shaping.openQuestions.slice(1);
     blocks.push({
-      id: `requirement-shaping:${proposal.id}`,
+      id: `decision-needed:${proposal.id}`,
       turnId,
-      kind: "requirement_shaping",
-      status: requirementShapingTranscriptStatus(shaping.status),
+      kind: "decision_needed",
+      status: "waiting_for_approval",
       revision: 1,
       updatedAt: shaping.updatedAt ?? proposal.updatedAt,
       display: [{
-        id: `display:${proposal.id}:shaping`,
-        text: shaping.summary?.trim() || proposal.title,
-        meta: requirementShapingStatusLabel(shaping.status),
+        id: `display:${proposal.id}:decision`,
+        text: shaping.openQuestions[0] ?? proposal.title,
       }],
-      expanded: {
-        mode: "inline",
-        title: "Requirement shaping",
-        summary: proposal.riskSummary,
-        lines: contributionLines,
-      },
-    });
-    if (shaping.openQuestions.length > 0 && shaping.status === "needs_user_clarification") {
-      blocks.push({
-        id: `decision-needed:${proposal.id}`,
-        turnId,
-        kind: "decision_needed",
-        status: "waiting_for_approval",
-        revision: 1,
-        updatedAt: shaping.updatedAt ?? proposal.updatedAt,
-        display: [{
-          id: `display:${proposal.id}:decision`,
-          text: shaping.openQuestions[0] ?? "Decision needed",
-          meta: shaping.openQuestions.length === 1 ? "1 open question" : `${shaping.openQuestions.length} open questions`,
-        }],
+      ...(remainingQuestions.length > 0 ? {
         expanded: {
-          mode: "inline",
-          title: "Decision needed",
-          lines: shaping.openQuestions.map((question, index) => ({
-            id: `proposal:${proposal.id}:question:${index}`,
+          mode: "inline" as const,
+          lines: remainingQuestions.map((question, index) => ({
+            id: `proposal:${proposal.id}:question:${index + 1}`,
             text: question,
-            tone: "waiting",
+            tone: "waiting" as const,
           })),
         },
-      });
-    }
+      } : {}),
+    });
   }
   return blocks;
 }
 
-function requirementShapingContributionAffectsScope(step: ChannelExecutionProposal["collaborationSteps"][number]): boolean {
-  const summary = step.summary.trim();
-  if (!summary) {
-    return false;
-  }
-  if (step.action === "flagged_risk") {
-    return true;
-  }
-  return /\b(scope|scoped|boundary|requirement|acceptance|criteria|risk|blocker|conflict|decision|decide|approval|clarify|clarification|question|assumption|constraint|permission|security|cost|latency|handoff|owner|proposal)\b|范围|边界|需求|验收|风险|阻塞|冲突|决策|决定|审批|澄清|问题|假设|约束|权限|安全|成本|延迟|交接|负责人|提案/u.test(summary);
-}
-
-function requirementShapingTranscriptStatus(
-  status: NonNullable<ChannelExecutionProposal["shaping"]>["status"],
-): TranscriptBlockStatus {
-  if (status === "needs_user_clarification" || status === "ready_for_confirmation") {
-    return "waiting_for_approval";
-  }
-  if (status === "converted_to_task") {
-    return "succeeded";
-  }
-  if (status === "dismissed") {
-    return "cancelled";
-  }
-  return "running";
-}
-
-function requirementShapingStatusLabel(
-  status: NonNullable<ChannelExecutionProposal["shaping"]>["status"],
-): string {
-  if (status === "collecting_context") {
-    return "Collecting context";
-  }
-  if (status === "collecting_teammate_input") {
-    return "Collecting teammate input";
-  }
-  if (status === "needs_user_clarification") {
-    return "Needs user clarification";
-  }
-  if (status === "ready_for_confirmation") {
-    return "Ready for confirmation";
-  }
-  if (status === "converted_to_task") {
-    return "Converted to task";
-  }
-  return "Dismissed";
-}
-
 function transcriptStatusFromMessage(message: ChannelMessage): TranscriptBlockStatus {
   if (message.status === "pending") {
     return "running";
diff --git a/apps/web/src/lib/runtime-approval-presentation.ts b/apps/web/src/lib/runtime-approval-presentation.ts
new file mode 100644
index 000000000..238c92d39
--- /dev/null
+++ b/apps/web/src/lib/runtime-approval-presentation.ts
@@ -0,0 +1,99 @@
+import type { Translate } from "../i18n.js";
+import type { ApprovalRequest } from "../types.js";
+import type { ConversationOperationCellViewModel } from "./conversation-work-cell.js";
+import type { InlineApprovalView } from "./inline-approvals.js";
+
+export interface DialogOwnedApprovalPresentation {
+  readonly approvalId: string;
+  readonly runId: string;
+  readonly actionSentence: string;
+}
+
+export function buildDialogOwnedApprovalPresentationByRunId(
+  approvals: readonly InlineApprovalView[],
+  t: Translate,
+): ReadonlyMap<string, DialogOwnedApprovalPresentation> {
+  const presentations = new Map<string, DialogOwnedApprovalPresentation>();
+  for (const item of approvals) {
+    const runId = approvalRunId(item.approval);
+    if (!runId || presentations.has(runId)) {
+      continue;
+    }
+    presentations.set(runId, {
+      approvalId: item.approval.id,
+      runId,
+      actionSentence: runtimeApprovalActionSentence(item.approval, item.summary, t),
+    });
+  }
+  return presentations;
+}
+
+export function dialogOwnedApprovalPresentationForWorkCell(
+  model: ConversationOperationCellViewModel,
+  presentations: ReadonlyMap<string, DialogOwnedApprovalPresentation>,
+): DialogOwnedApprovalPresentation | undefined {
+  for (const runId of model.runIds) {
+    const presentation = presentations.get(runId);
+    if (presentation) {
+      return presentation;
+    }
+  }
+  return presentations.get(model.anchorRunId);
+}
+
+export function runtimeApprovalActionSentence(
+  approval: ApprovalRequest,
+  fallbackTarget: string,
+  t: Translate,
+): string {
+  const payloadType = readStringField(approval.payload, "type");
+  const target = compactApprovalTarget(approval, fallbackTarget);
+  if (payloadType === "bash" || approval.actionType === "bash") {
+    return t("Run command: {target}", { target });
+  }
+  if (payloadType === "file_write" || approval.actionType === "write") {
+    return t("Create file: {target}", { target });
+  }
+  if (payloadType === "file_edit" || approval.actionType === "edit") {
+    return t("Modify file: {target}", { target });
+  }
+  if (payloadType === "mcp_tool_call" || payloadType === "tool_call" || approval.actionType === "mcp_tool_call") {
+    return t("Use tool: {target}", { target });
+  }
+  if (payloadType === "workflow_step" || approval.actionType === "workflow_step") {
+    return t("Start task step: {target}", { target });
+  }
+  if (payloadType === "runtime_permission_request" || approval.actionType === "runtime_permission_request") {
+    return t("Grant runtime permission: {target}", { target });
+  }
+  return target || approval.title;
+}
+
+function approvalRunId(approval: ApprovalRequest): string {
+  return approval.runId
+    || readStringField(approval.payload, "runId")
+    || readStringField(approval.payload, "requestedByRunId");
+}
+
+function compactApprovalTarget(approval: ApprovalRequest, fallbackTarget: string): string {
+  const cwd = readStringField(approval.payload, "cwd").replace(/\/+$/u, "");
+  const path = readStringField(approval.payload, "path");
+  const target = path
+    || readStringField(approval.payload, "command")
+    || readStringField(approval.payload, "toolName")
+    || readStringField(approval.payload, "title")
+    || fallbackTarget.trim()
+    || approval.title;
+  if (cwd && target.startsWith(`${cwd}/`)) {
+    return target.slice(cwd.length + 1);
+  }
+  return target;
+}
+
+function readStringField(value: unknown, key: string): string {
+  if (!value || typeof value !== "object" || !(key in value)) {
+    return "";
+  }
+  const field = (value as Record<string, unknown>)[key];
+  return typeof field === "string" ? field : "";
+}
diff --git a/apps/web/src/shared/conversation/blocks/ConversationWorkCell.tsx b/apps/web/src/shared/conversation/blocks/ConversationWorkCell.tsx
index 5b747c2c5..0b296f017 100644
--- a/apps/web/src/shared/conversation/blocks/ConversationWorkCell.tsx
+++ b/apps/web/src/shared/conversation/blocks/ConversationWorkCell.tsx
@@ -3,6 +3,7 @@ import { BookOpen, CheckCircle2, ChevronDown, CircleAlert, Clock3, FilePenLine,
 import { useI18n, type Translate } from "../../../i18n.js";
 import { parseUnifiedDiff, summarizeFileChanges, type ConversationFileChange } from "../../../lib/diff-summary.js";
 import { projectConversationActivity, type ConversationAgentActivitySpan, type ConversationArtifactStripItem, type ConversationCommandBatchItem, type ConversationOperationCellViewModel, type ConversationWorkCellEvidenceLink, type ConversationWorkCellGroup, type ConversationWorkCellItem, type ConversationWorkCellRow, type ConversationWorkCellRowDetailLine } from "../../../lib/conversation-work-cell.js";
+import type { DialogOwnedApprovalPresentation } from "../../../lib/runtime-approval-presentation.js";
 import type { PreviewContentResponse } from "../../../types.js";
 import type { ArtifactPreviewLoader } from "../preview/ArtifactPreviewDrawer.js";
 import type { ConversationSurfaceKind, TerminalReportProjectionPolicy } from "../tokens/conversation-surface-policy.js";
@@ -35,12 +36,20 @@ export interface ConversationWorkCellProps {
   readonly renderParticipantAvatar?: (participantId: string | undefined, label: string) => ReactNode;
   readonly showArtifactStrip?: boolean;
   readonly showTerminalReport?: boolean;
+  readonly dialogOwnedApproval?: DialogOwnedApprovalPresentation;
   readonly terminalReportProjectionPolicy?: Partial<TerminalReportProjectionPolicy>;
   readonly onOpenWorkspaceFile?: (target: TerminalReportFileTarget) => void;
   readonly onOpenWorkspaceReview?: (target: ConversationWorkspaceReviewTarget) => void;
 }
 
-export function ConversationWorkCell({
+export function ConversationWorkCell(props: ConversationWorkCellProps): React.JSX.Element {
+  if (props.dialogOwnedApproval) {
+    return <DialogOwnedPendingWorkCell model={props.model} approval={props.dialogOwnedApproval} />;
+  }
+  return <ConversationWorkCellContent {...props} />;
+}
+
+function ConversationWorkCellContent({
   model,
   surface,
   cwd,
@@ -260,6 +269,36 @@ export function ConversationWorkCell({
   );
 }
 
+function DialogOwnedPendingWorkCell({
+  model,
+  approval,
+}: {
+  readonly model: ConversationOperationCellViewModel;
+  readonly approval: DialogOwnedApprovalPresentation;
+}): React.JSX.Element {
+  const { t } = useI18n();
+  const statusLabel = `${t("Waiting for approval")}: ${approval.actionSentence}`;
+  return (
+    <article
+      className="conversation-work-cell conversation-operation-cell active status-waiting_for_approval no-rail presentation-dialog-owned-pending"
+      data-thread-id={model.threadId}
+      data-operation-source={model.sourceKind}
+      data-approval-presentation-owner="dialog"
+      data-approval-id={approval.approvalId}
+      aria-label={statusLabel}
+    >
+      <span className="visually-hidden" role="status" aria-live="polite">{statusLabel}</span>
+      <div className="conversation-operation-shell conversation-operation-bubble active tone-waiting collapsed">
+        <div className="conversation-dialog-owned-approval-marker">
+          <CircleAlert aria-hidden="true" size={15} />
+          <strong>{t("Waiting for approval")}</strong>
+          <span>{approval.actionSentence}</span>
+        </div>
+      </div>
+    </article>
+  );
+}
+
 export function ConversationArtifactStripPanel({
   items,
   cwd,
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 9ad35ac86..e1a503ee4 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -27,6 +27,7 @@
 @import "./styles/settings-startup-diagnostics.css";
 @import "./styles/settings-permissions.css";
 @import "./styles/approvals.css";
+@import "./styles/approvals/dialog-queue.css";
 @import "./styles/work-board.css";
 @import "./styles/layout.css";
 @import "./styles/shared/avatar-initial.css";
diff --git a/apps/web/src/styles/app/sidebar-layout.css b/apps/web/src/styles/app/sidebar-layout.css
index 8f55efd53..5f2039fe9 100644
--- a/apps/web/src/styles/app/sidebar-layout.css
+++ b/apps/web/src/styles/app/sidebar-layout.css
@@ -48,8 +48,8 @@
 
 .channel-left-drawer .sidebar-row-shell {
   position: relative;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 2px;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 0;
   color: var(--text-muted);
 }
 
@@ -67,7 +67,14 @@
   text-align: left;
 }
 
-.channel-left-drawer .sidebar-row-main span:not(.avatar-initial),
+.channel-left-drawer .sidebar-row-main > .ling-ui-button-label {
+  width: 100%;
+  min-width: 0;
+  overflow: visible;
+  text-overflow: clip;
+  white-space: normal;
+}
+
 .channel-left-drawer .sidebar-row span:not(.avatar-initial) {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -85,7 +92,7 @@
 }
 
 .channel-left-drawer .sidebar-row-tools {
-  padding-right: 6px;
+  padding: 0 6px 0 18px;
 }
 
 .channel-left-drawer .avatar-initial {
@@ -492,12 +499,19 @@
 }
 
 .channel-left-drawer .sidebar-row-tools {
+  position: absolute;
+  z-index: 3;
+  top: 50%;
+  right: 0;
+  min-height: 32px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 2px;
   opacity: 0;
   pointer-events: none;
+  transform: translateY(-50%);
+  background: linear-gradient(90deg, transparent 0, var(--surface-selected) 18px);
   transition:
     opacity var(--ling-motion-fast) var(--ling-ease-standard),
     color var(--ling-motion-fast) var(--ling-ease-standard);
@@ -523,6 +537,47 @@
   font-weight: 650;
 }
 
+.channel-left-drawer .sidebar-row-copy {
+  display: grid;
+  gap: 1px;
+  min-width: 0;
+}
+
+.channel-left-drawer .sidebar-row-title-viewport {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.channel-left-drawer .sidebar-row-title-track {
+  display: inline-block;
+  min-width: 100%;
+  white-space: nowrap;
+  transform: translateX(0);
+  transition: transform var(--sidebar-title-scroll-duration, var(--ling-motion-standard)) var(--ling-ease-standard);
+}
+
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"] .sidebar-row-title-viewport {
+  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 18px), transparent 100%);
+  mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 18px), transparent 100%);
+}
+
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"] .sidebar-row-title-track {
+  will-change: transform;
+}
+
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"]:hover .sidebar-row-title-track,
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"]:focus-within .sidebar-row-title-track {
+  transform: translateX(calc(-1 * var(--sidebar-title-scroll-distance, 0px)));
+}
+
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"]:hover .sidebar-row-title-viewport,
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-overflow="true"]:focus-within .sidebar-row-title-viewport {
+  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 100%);
+  mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 100%);
+}
+
 .channel-left-drawer .sidebar-row-shell:focus-within:not(:hover) > .sidebar-row-tools {
   opacity: 1;
   pointer-events: auto;
@@ -584,35 +639,22 @@
   justify-self: center;
 }
 
-.channel-left-drawer .sidebar-recent-copy {
-  display: grid;
-  gap: 1px;
-  min-width: 0;
-}
-
-.channel-left-drawer .sidebar-recent-copy strong,
-.channel-left-drawer .sidebar-recent-copy small {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.channel-left-drawer .sidebar-recent-copy strong {
+.channel-left-drawer .sidebar-recent-row .sidebar-row-title-track {
   color: var(--text-muted);
   font-size: 12px;
   font-weight: 620;
   line-height: 16px;
 }
 
-.channel-left-drawer .sidebar-recent-row:hover .sidebar-recent-copy strong,
-.channel-left-drawer .sidebar-recent-row:focus-visible .sidebar-recent-copy strong,
-.channel-left-drawer .sidebar-recent-row-shell.selected .sidebar-recent-copy strong {
+.channel-left-drawer .sidebar-recent-row:hover .sidebar-row-title-track,
+.channel-left-drawer .sidebar-recent-row:focus-visible .sidebar-row-title-track,
+.channel-left-drawer .sidebar-recent-row-shell.selected .sidebar-row-title-track {
   color: var(--text-strong);
 }
 
-.channel-left-drawer .sidebar-recent-copy small {
+.channel-left-drawer .sidebar-row-description {
   display: block;
+  min-width: 0;
   width: auto;
   height: auto;
   margin: 0;
@@ -626,6 +668,46 @@
   font-size: 10px;
   font-weight: 520;
   line-height: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sidebar-object-preview-tooltip {
+  width: min(292px, calc(100vw - 32px));
+  max-width: min(292px, calc(100vw - 32px));
+  padding: 10px 12px;
+}
+
+.sidebar-object-preview {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+
+.sidebar-object-preview strong {
+  color: var(--text-strong);
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 17px;
+  overflow-wrap: anywhere;
+}
+
+.sidebar-object-preview span,
+.sidebar-object-preview time {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-soft);
+  font-size: 11px;
+  line-height: 15px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .channel-left-drawer .sidebar-row-title-track {
+    transform: none !important;
+    transition: none;
+  }
 }
 
 .channel-left-drawer .sidebar-channel-avatar {
diff --git a/apps/web/src/styles/app/sidebar-ui2.css b/apps/web/src/styles/app/sidebar-ui2.css
index 54e012f4b..a241a9b13 100644
--- a/apps/web/src/styles/app/sidebar-ui2.css
+++ b/apps/web/src/styles/app/sidebar-ui2.css
@@ -124,14 +124,24 @@
 }
 
 .channel-left-drawer .sidebar-row-shell {
-  grid-template-columns: minmax(0, 1fr) auto auto;
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .channel-left-drawer .sidebar-row-status {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  right: 8px;
   display: inline-grid;
   width: 16px;
   height: 32px;
   place-items: center;
+  transform: translateY(-50%);
+}
+
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-actions="true"]:hover > .sidebar-row-status,
+.channel-left-drawer .sidebar-row-shell[data-sidebar-row-actions="true"]:focus-within > .sidebar-row-status {
+  opacity: 0;
 }
 
 .channel-left-drawer .sidebar-row-main.ling-ui-button .sidebar-channel-avatar {
diff --git a/apps/web/src/styles/approvals/dialog-queue.css b/apps/web/src/styles/approvals/dialog-queue.css
new file mode 100644
index 000000000..fe0656459
--- /dev/null
+++ b/apps/web/src/styles/approvals/dialog-queue.css
@@ -0,0 +1,21 @@
+.runtime-approval-dialog {
+  width: min(440px, calc(100vw - 32px));
+}
+
+.runtime-approval-dialog-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.runtime-approval-dialog-body {
+  gap: 12px;
+}
+
+.runtime-approval-dialog-summary {
+  margin: 0;
+  color: var(--text);
+  font-size: 14px;
+  line-height: 1.55;
+  overflow-wrap: anywhere;
+}
diff --git a/apps/web/src/styles/channel-execution-proposal.css b/apps/web/src/styles/channel-execution-proposal.css
index dd23697e9..00cdd5923 100644
--- a/apps/web/src/styles/channel-execution-proposal.css
+++ b/apps/web/src/styles/channel-execution-proposal.css
@@ -12,6 +12,203 @@
   box-shadow: none;
 }
 
+.channel-execution-proposal.embedded {
+  width: 100%;
+  max-width: none;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
+.channel-execution-proposal-dialog {
+  width: min(700px, calc(100vw - 32px));
+  max-height: min(820px, calc(100vh - 32px));
+}
+
+.channel-execution-proposal-dialog-body {
+  display: grid;
+  gap: 16px;
+  overflow-y: auto;
+}
+
+.channel-execution-proposal-decision {
+  display: grid;
+  gap: 16px;
+  min-width: 0;
+}
+
+.channel-proposal-decision-fields {
+  display: grid;
+  gap: 0;
+  min-width: 0;
+  margin: 0;
+}
+
+.channel-proposal-decision-fields > div {
+  display: grid;
+  grid-template-columns: 116px minmax(0, 1fr);
+  align-items: start;
+  gap: 12px;
+  min-width: 0;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+}
+
+.channel-proposal-decision-fields > div:first-child {
+  padding-top: 0;
+}
+
+.channel-proposal-decision-fields dt,
+.channel-proposal-decision-fields dd {
+  min-width: 0;
+  margin: 0;
+}
+
+.channel-proposal-decision-fields dt {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-muted);
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 20px;
+}
+
+.channel-proposal-decision-fields dd {
+  color: var(--text);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  overflow-wrap: anywhere;
+}
+
+.channel-proposal-permission-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.channel-proposal-permission-chips > span {
+  min-height: 24px;
+  padding: 2px 8px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--surface-panel);
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+}
+
+@media (max-width: 600px) {
+  .channel-proposal-decision-fields > div {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 4px;
+  }
+}
+
+.channel-execution-proposal-summary-row {
+  display: grid;
+  grid-template-columns: 34px minmax(0, 1fr);
+  align-items: start;
+  gap: 6px;
+  width: min(660px, 100%);
+  min-width: 0;
+}
+
+.channel-execution-proposal-summary-avatar {
+  display: grid;
+  width: 34px;
+  height: 34px;
+  margin-top: 4px;
+  place-items: center;
+}
+
+.channel-execution-proposal-summary {
+  display: grid;
+  grid-template-columns: 24px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  width: min(620px, 100%);
+  min-width: 0;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: var(--surface-panel);
+}
+
+.channel-execution-proposal-summary.blocked,
+.channel-execution-proposal-summary.run_failed {
+  border-color: var(--warning-border);
+}
+
+.channel-execution-proposal-summary.accepted {
+  border-color: var(--success-border);
+}
+
+.channel-execution-proposal-summary-icon {
+  display: grid;
+  width: 24px;
+  height: 24px;
+  place-items: center;
+  color: var(--text-muted);
+}
+
+.channel-execution-proposal-summary-copy {
+  display: grid;
+  min-width: 0;
+}
+
+.channel-execution-proposal-summary-copy strong,
+.channel-execution-proposal-summary-copy small {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.channel-execution-proposal-summary-copy strong {
+  color: var(--text-strong);
+  font-size: 13px;
+  line-height: 18px;
+}
+
+.channel-execution-proposal-summary-copy small {
+  color: var(--text-soft);
+  font-size: 11px;
+  line-height: 15px;
+}
+
+.channel-proposal-details {
+  display: grid;
+  gap: 8px;
+}
+
+.channel-proposal-details > summary {
+  width: fit-content;
+  color: var(--text-muted);
+  font-size: 12px;
+  font-weight: 650;
+  cursor: pointer;
+}
+
+.channel-proposal-details-body {
+  display: grid;
+  gap: 10px;
+  min-width: 0;
+  padding-top: 4px;
+}
+
+.channel-proposal-details-body > p {
+  margin: 0;
+  color: var(--text);
+  font-size: 12px;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
 .channel-execution-proposal > * {
   min-width: 0;
   max-width: 100%;
@@ -181,6 +378,9 @@
 .channel-proposal-criteria {
   display: grid;
   gap: 4px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .channel-proposal-criteria strong {
@@ -192,10 +392,16 @@
 .channel-proposal-criteria ul {
   display: grid;
   gap: 4px;
+  min-width: 0;
   margin: 0;
   padding-left: 18px;
 }
 
+.channel-proposal-criteria li {
+  min-width: 0;
+  max-width: 100%;
+}
+
 .channel-proposal-criteria li {
   color: var(--text);
   font-size: 12px;
diff --git a/apps/web/src/styles/shared/conversation-work-cell-shell-artifacts.css b/apps/web/src/styles/shared/conversation-work-cell-shell-artifacts.css
index 99050e1ec..fa81a1989 100644
--- a/apps/web/src/styles/shared/conversation-work-cell-shell-artifacts.css
+++ b/apps/web/src/styles/shared/conversation-work-cell-shell-artifacts.css
@@ -99,6 +99,34 @@
   color: var(--conversation-text-strong);
 }
 
+.conversation-dialog-owned-approval-marker {
+  display: grid;
+  grid-template-columns: 16px auto minmax(0, 1fr);
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+  min-height: 22px;
+  color: var(--conversation-text-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.conversation-dialog-owned-approval-marker > svg {
+  color: var(--conversation-status-waiting);
+}
+
+.conversation-dialog-owned-approval-marker > strong {
+  color: var(--conversation-text-strong);
+  font-weight: 600;
+}
+
+.conversation-dialog-owned-approval-marker > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .conversation-operation-bubble-body,
 .conversation-work-cell-body {
   display: grid;
diff --git a/apps/web/test/runtime-approval-presentation.test.mjs b/apps/web/test/runtime-approval-presentation.test.mjs
new file mode 100644
index 000000000..b235bd2c5
--- /dev/null
+++ b/apps/web/test/runtime-approval-presentation.test.mjs
@@ -0,0 +1,72 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+import {
+  buildDialogOwnedApprovalPresentationByRunId,
+  dialogOwnedApprovalPresentationForWorkCell,
+} from "../src/lib/runtime-approval-presentation.ts";
+
+const t = (key, values = {}) => key.replace(/\{(\w+)\}/gu, (_, name) => String(values[name] ?? ""));
+
+test("dialog-owned approval projection keeps the queue's first approval per run", () => {
+  const presentations = buildDialogOwnedApprovalPresentationByRunId([
+    view({
+      id: "approval-critical",
+      runId: "run-1",
+      actionType: "bash",
+      payload: { type: "bash", command: "pnpm test" },
+    }),
+    view({
+      id: "approval-later",
+      runId: "run-1",
+      actionType: "edit",
+      payload: { type: "file_edit", path: "README.md" },
+    }),
+  ], t);
+
+  assert.deepEqual(presentations.get("run-1"), {
+    approvalId: "approval-critical",
+    runId: "run-1",
+    actionSentence: "Run command: pnpm test",
+  });
+});
+
+test("dialog-owned approval projection resolves payload run ids and strips cwd from paths", () => {
+  const presentations = buildDialogOwnedApprovalPresentationByRunId([
+    view({
+      id: "approval-edit",
+      actionType: "edit",
+      payload: {
+        type: "file_edit",
+        runId: "run-payload",
+        cwd: "/workspace/ling-stack",
+        path: "/workspace/ling-stack/apps/web/src/App.tsx",
+      },
+    }),
+  ], t);
+  const presentation = dialogOwnedApprovalPresentationForWorkCell({
+    anchorRunId: "run-other",
+    runIds: ["run-other", "run-payload"],
+  }, presentations);
+
+  assert.deepEqual(presentation, {
+    approvalId: "approval-edit",
+    runId: "run-payload",
+    actionSentence: "Modify file: apps/web/src/App.tsx",
+  });
+});
+
+function view(input) {
+  return {
+    approval: {
+      title: "Raw approval title",
+      description: "fallback",
+      risk: "medium",
+      status: "pending",
+      createdAt: "2026-08-26T00:00:00.000Z",
+      ...input,
+    },
+    summary: "fallback",
+    ownerLabel: "run",
+    requiresDetailConfirmation: false,
+  };
+}
diff --git a/apps/web/test/sidebar-object-context.test.mjs b/apps/web/test/sidebar-object-context.test.mjs
new file mode 100644
index 000000000..89033374b
--- /dev/null
+++ b/apps/web/test/sidebar-object-context.test.mjs
@@ -0,0 +1,277 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+import {
+  buildSidebarObjectContextSeeds,
+  projectSidebarObjectGitContext,
+  sidebarObjectContextKey,
+} from "../src/app/sidebar-object-context.ts";
+
+test("Sidebar object contexts use object-specific workspaces and latest activity", () => {
+  const threads = [
+    thread("thread-old", "2026-08-25T00:00:00.000Z"),
+    thread("thread-new", "2026-08-26T00:00:00.000Z"),
+  ];
+  const runs = [
+    run("run-conversation-old", { threadId: "thread-new", cwd: "/workspace/old", updatedAt: "2026-08-25T10:00:00.000Z" }),
+    run("run-conversation-new", { threadId: "thread-new", cwd: "/workspace/ling-stack", updatedAt: "2026-08-26T10:00:00.000Z" }),
+    run("run-channel", { channelId: "channel-engineering", cwd: "/workspace/channel-worktree", updatedAt: "2026-08-27T10:00:00.000Z" }),
+    run("run-private", { threadId: "direct-engineer", teammateId: "teammate-engineer", cwd: "/workspace/private-worktree", updatedAt: "2026-08-28T10:00:00.000Z" }),
+    run("run-teammate-channel", { threadId: "channel-thread", channelId: "channel-engineering", teammateId: "teammate-engineer", cwd: "/workspace/channel-latest", updatedAt: "2026-08-29T10:00:00.000Z" }),
+  ];
+
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [channel("channel-engineering")],
+    conversationThreads: threads,
+    runs,
+    teammates: [teammate("teammate-engineer")],
+    workspaceCwd: "/workspace/default",
+  }), [
+    {
+      key: sidebarObjectContextKey("channel", "channel-engineering"),
+      activityAt: "2026-08-29T10:00:00.000Z",
+      cwd: "/workspace/channel-latest",
+    },
+    {
+      key: sidebarObjectContextKey("private_chat", "teammate-engineer"),
+      activityAt: "2026-08-28T10:00:00.000Z",
+      cwd: "/workspace/private-worktree",
+    },
+    {
+      key: sidebarObjectContextKey("conversation", "thread-new"),
+      activityAt: "2026-08-26T10:00:00.000Z",
+      cwd: "/workspace/ling-stack",
+    },
+    {
+      key: sidebarObjectContextKey("conversation", "thread-old"),
+      activityAt: "2026-08-25T00:00:00.000Z",
+    },
+  ]);
+});
+
+test("channels fall back through workspace binding without inventing private-chat context", () => {
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [{
+      ...channel("channel-engineering"),
+      workspaceBinding: {
+        mode: "managed_worktree",
+        status: "ready",
+        worktreePath: "/workspace/channel-binding",
+        updatedAt: "2026-08-26T00:00:00.000Z",
+      },
+    }],
+    conversationThreads: [],
+    runs: [],
+    teammates: [teammate("teammate-engineer")],
+    workspaceCwd: "/workspace/default",
+  }), [
+    {
+      key: sidebarObjectContextKey("channel", "channel-engineering"),
+      activityAt: "2026-08-26T00:00:00.000Z",
+      cwd: "/workspace/channel-binding",
+    },
+    {
+      key: sidebarObjectContextKey("private_chat", "teammate-engineer"),
+      activityAt: "2026-08-26T00:00:00.000Z",
+    },
+  ]);
+});
+
+test("channels do not inherit the global workspace as Git context", () => {
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [{
+      ...channel("channel-engineering"),
+      boundPath: "/workspace/default",
+    }],
+    conversationThreads: [],
+    runs: [],
+    teammates: [],
+    workspaceCwd: "/workspace/default",
+  }), [
+    {
+      key: sidebarObjectContextKey("channel", "channel-engineering"),
+      activityAt: "2026-08-26T00:00:00.000Z",
+    },
+  ]);
+});
+
+test("channels may use an explicit bound path that differs from the global workspace", () => {
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [{
+      ...channel("channel-engineering"),
+      boundPath: "/workspace/channel-explicit",
+    }],
+    conversationThreads: [],
+    runs: [],
+    teammates: [],
+    workspaceCwd: "/workspace/default/",
+  }), [
+    {
+      key: sidebarObjectContextKey("channel", "channel-engineering"),
+      activityAt: "2026-08-26T00:00:00.000Z",
+      cwd: "/workspace/channel-explicit",
+    },
+  ]);
+});
+
+test("channel bindings outrank historical runs from the shared workspace", () => {
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [{
+      ...channel("channel-engineering"),
+      boundPath: "/workspace/default",
+      workspaceBinding: {
+        mode: "managed_worktree",
+        status: "ready",
+        executionPath: "/workspace/channel-binding",
+        worktreePath: "/workspace/channel-binding",
+        updatedAt: "2026-08-26T00:00:00.000Z",
+      },
+    }],
+    conversationThreads: [],
+    runs: [run("run-channel-global", {
+      channelId: "channel-engineering",
+      cwd: "/workspace/default",
+      updatedAt: "2026-08-27T00:00:00.000Z",
+    })],
+    teammates: [],
+    workspaceCwd: "/workspace/default",
+  }), [
+    {
+      key: sidebarObjectContextKey("channel", "channel-engineering"),
+      activityAt: "2026-08-27T00:00:00.000Z",
+      cwd: "/workspace/channel-binding",
+    },
+  ]);
+});
+
+test("private chats and conversations do not project shared-workspace runs as object Git", () => {
+  assert.deepEqual(buildSidebarObjectContextSeeds({
+    channels: [],
+    conversationThreads: [thread("thread-global", "2026-08-26T00:00:00.000Z")],
+    runs: [
+      run("run-conversation-global", {
+        threadId: "thread-global",
+        cwd: "/workspace/default/",
+        updatedAt: "2026-08-27T00:00:00.000Z",
+      }),
+      run("run-private-global", {
+        threadId: "direct-engineer",
+        teammateId: "teammate-engineer",
+        cwd: "/workspace/default",
+        updatedAt: "2026-08-28T00:00:00.000Z",
+      }),
+    ],
+    teammates: [teammate("teammate-engineer")],
+    workspaceCwd: "/workspace/default",
+  }), [
+    {
+      key: sidebarObjectContextKey("private_chat", "teammate-engineer"),
+      activityAt: "2026-08-28T00:00:00.000Z",
+    },
+    {
+      key: sidebarObjectContextKey("conversation", "thread-global"),
+      activityAt: "2026-08-27T00:00:00.000Z",
+    },
+  ]);
+});
+
+test("Git projection hides unavailable workspaces and strips absolute paths", () => {
+  assert.deepEqual(projectSidebarObjectGitContext({
+    cwd: "/workspace/ling-stack/apps/web",
+    state: "dirty",
+    repoRoot: "/workspace/ling-stack",
+    branchName: "codex/sidebar-approval-dialogs",
+    additions: 0,
+    deletions: 0,
+    files: [],
+    totalFileCount: 0,
+    truncated: false,
+    checkedAt: "2026-08-26T00:00:00.000Z",
+  }), {
+    repositoryLabel: "ling-stack",
+    branchName: "codex/sidebar-approval-dialogs",
+  });
+  assert.equal(projectSidebarObjectGitContext({
+    cwd: "/tmp/not-a-repo",
+    state: "not_git_repo",
+    additions: 0,
+    deletions: 0,
+    files: [],
+    totalFileCount: 0,
+    truncated: false,
+    checkedAt: "2026-08-26T00:00:00.000Z",
+  }), undefined);
+});
+
+function thread(id, activityAt) {
+  return {
+    id,
+    workspaceId: "workspace_default",
+    kind: "conversation",
+    title: id,
+    objective: "test",
+    status: "open",
+    conversationMode: { mode: "default" },
+    createdAt: activityAt,
+    updatedAt: activityAt,
+    metadata: { schemaVersion: 1, lastActivityAt: activityAt },
+  };
+}
+
+function channel(id) {
+  return {
+    id,
+    workspaceId: "workspace_default",
+    name: "Engineering",
+    status: "active",
+    autoReplyMode: "mentions_only",
+    allowedTools: [],
+    runtimePolicy: {
+      maxConcurrentRuns: 1,
+      schedulingMode: "smart",
+      writeLockScope: "workspace",
+      allowReadOnlyParallel: false,
+      queueOnConflict: true,
+    },
+    createdAt: "2026-08-26T00:00:00.000Z",
+    updatedAt: "2026-08-26T00:00:00.000Z",
+  };
+}
+
+function teammate(id) {
+  return {
+    id,
+    workspaceId: "workspace_default",
+    roleKey: "engineer",
+    displayName: "Engineer",
+    description: "test",
+    modelBindingMode: "workspace_default",
+    appendSystemPrompt: [],
+    allowedTools: [],
+    approvalProfile: "balanced",
+    status: "active",
+    pinned: false,
+    hidden: false,
+    createdAt: "2026-08-26T00:00:00.000Z",
+    updatedAt: "2026-08-26T00:00:00.000Z",
+  };
+}
+
+function run(id, { channelId, cwd, teammateId, threadId, updatedAt }) {
+  return {
+    id,
+    status: "succeeded",
+    cwd,
+    taskId: `${id}-task`,
+    channelId,
+    teammateId,
+    providerName: "test",
+    providerModel: "test",
+    taskSnapshot: {},
+    providerSnapshot: {},
+    requestSnapshot: {},
+    eventLogPath: `${cwd}/events.jsonl`,
+    threadId,
+    createdAt: updatedAt,
+    updatedAt,
+  };
+}
diff --git a/docs/design/approval-policy.md b/docs/design/approval-policy.md
index ad3d5b81f..8947f947b 100644
--- a/docs/design/approval-policy.md
+++ b/docs/design/approval-policy.md
@@ -787,10 +787,12 @@ CLI output must include:
 Approval panel:
 
 - Pending approvals are visible globally and inside the run viewer.
-- Risk level is visually prominent.
-- Payload preview is specific: command, file path, diff, destination, or media cost.
-- Approve and deny actions require one click plus optional reason.
-- Critical approvals should require a confirmation step.
+- The active runtime dialog shows one exact, human-readable action sentence and direct
+  allow/deny actions; it does not expose raw payload or policy metadata.
+- `ResolveApprovalRequest.reason` remains optional for CLI, specialized review surfaces,
+  and historical compatibility. The shared Web runtime dialog submits no reason.
+- External sends, deploys, credential changes, and other specialized reviews retain their
+  own consequence-matched confirmation surfaces.
 - Resolved approvals remain visible in the run timeline.
 
 The UI must not bury approvals inside raw logs.
diff --git a/docs/design/conversation-session-full-access-confirmation.md b/docs/design/conversation-session-full-access-confirmation.md
index da4e15703..0b354f8f9 100644
--- a/docs/design/conversation-session-full-access-confirmation.md
+++ b/docs/design/conversation-session-full-access-confirmation.md
@@ -21,6 +21,8 @@
 - 确认以不可读 scope 摘要写入 Web/desktop renderer localStorage，最多保留最近 256 个对话；不保存路径明文、密钥或权限令牌。
 - 不写入 workspace settings、SQLite 或 daemon；存储不可用或损坏时安全降级为重新确认。
 - 每个 full-access 请求仍携带合法 `PermissionConfirmation`；daemon 的 full-access 校验不得跳过或弱化。
+- 当前 scope 完成确认后，默认策略下的 `read`、`edit`、`write`、`bash` 等常规本地工具不再逐项打开运行时审批弹窗。
+- Agent/Skill 的强制 Approval Profile、外部发送、部署、凭据操作和其他独立安全边界仍可要求审批；工作区明确 `deny` 的工具直接阻止，不因 full access 放宽。
 
 ## UI Contract
 
@@ -50,4 +52,4 @@
 - 不增加“始终允许”“记住此工作区”或跨会话复用。
 - 不把频道、普通对话和队友私聊合并为同一授权 scope。
 - 不改变频道权限选择与任务运行时确认行为；主动选择即确认仅适用于普通对话和 AI 队友私聊。
-- Runtime tool approval、外部动作审批和高风险二次确认继续独立生效。
+- Runtime tool approval 仅在更严格的 Agent/Skill Approval Profile 等有效策略仍要求 `ask` 时出现；外部动作及其他专用审批继续独立生效。
diff --git a/docs/design/conversation-surface-contract-implementation-plan.md b/docs/design/conversation-surface-contract-implementation-plan.md
index 18db64008..3ed284f72 100644
--- a/docs/design/conversation-surface-contract-implementation-plan.md
+++ b/docs/design/conversation-surface-contract-implementation-plan.md
@@ -106,6 +106,42 @@ and consumption work.
 - Channel-only teammate routing, topic replies, goals, plans and multi-agent activity remain
   channel-only.
 
+## Active Approval And Proposal Dialog Slice
+
+- Replace Composer-owned pending approval strips with one shared blocking dialog queue.
+  Channel, normal conversation, and teammate private chat keep their existing eligibility
+  projections and domain callbacks; no shared component fetches or mutates daemon state.
+- Reduce the active dialog to one localized action sentence and direct allow/deny actions.
+  Keep raw payload, policy context, ids, risk metadata, and optional decision reasons in
+  durable audit surfaces rather than progressively disclosing them in the dialog.
+- Keep immutable approval outcomes in WorkCell/transcript history and keep external-action
+  approvals in their existing Review Queue path.
+- Replace the large channel execution-proposal feed card with a compact summary and mount
+  the editable, dismissible proposal dialog at `WorkspaceClientView` level. Auto-open only
+  the newest newly actionable proposal once per proposal revision.
+- Make that compact proposal summary the sole default feed projection for requirement
+  shaping. Suppress internal status and collaboration records; preserve only real
+  unanswered user questions as compact decision-needed rows.
+- Preserve existing approval endpoints, proposal endpoints, policy semantics, virtual-feed
+  ownership, and `ConversationComposerShell.approvalNode` API while removing its production
+  consumers.
+- Acceptance requires stable Composer geometry, single-item risk/time queue ordering,
+  mutation retry, focus restoration, proposal dismiss/reopen, and all three conversation
+  surfaces.
+
+## Active Recent Conversation Git Preview Slice
+
+- Project optional repository/branch metadata from the newest loaded Run associated with
+  each of the five visible recent conversations.
+- Deduplicate workspace checks and use the existing `getWorkspaceChanges` API. Keep the
+  check asynchronous and fail-quiet so Sidebar loading, selection, and status projection
+  never wait on Git.
+- Extend the existing rich Sidebar preview with repository and branch rows. Preserve the
+  title row geometry, overflow animation, status/action overlays, and collapsed rail.
+- Verify Git, non-Git, duplicate-workspace, unavailable, light/dark, and horizontal
+  overflow states. Final evidence also includes a real message-submission run in the
+  in-app browser rather than fixture screenshots only.
+
 ## Remaining Work
 
 ### Generated Media Capability
@@ -123,7 +159,7 @@ and consumption work.
 - Finish the shared WorkCell shell and typed operation/result projections.
 - Keep run, approval and artifact state in existing domains; the package receives view
   models and callbacks only.
-- Preserve quiet normal messages and persistent warning/approval surfaces.
+- Preserve quiet normal messages and compact durable warning/approval history.
 
 ### Evidence And Attachments
 
diff --git a/docs/design/conversation-surface-contract.md b/docs/design/conversation-surface-contract.md
index 762be57b6..eba148a51 100644
--- a/docs/design/conversation-surface-contract.md
+++ b/docs/design/conversation-surface-contract.md
@@ -206,6 +206,42 @@ message/composer/evidence model.
     keyword routing, separate MediaJob state machines, or surface-specific media cards.
     MediaJob remains the artifact owner; the conversation surface consumes a read model
     linked through the parent Run and child WorkUnit.
+23. Pending local runtime approvals are decided in one shared blocking dialog outside the
+    Composer and virtual feed. Channel, normal conversation, and teammate private chat
+    use the same risk/time ordering and direct allow/deny behavior. The dialog shows only
+    one localized action sentence plus necessary mutation feedback; audit metadata and
+    decision reasons do not appear there. Composer slots must not resize when an approval
+    appears or resolves. The same ordered approval read model marks its owning Run as
+    `dialog_owned_pending`: the transcript may show one non-interactive localized status
+    marker, but must not render an expandable WorkCell, approval operation rows, evidence
+    groups, raw permission labels, or duplicate decision controls until the dialog-owned
+    approval resolves. Complete payload and history remain available in Run detail and
+    audit surfaces.
+24. Channel execution proposals render a compact transcript summary. Their editable task
+    scope and authorization actions live in a dismissible dialog mounted outside the
+    virtual feed. A newly actionable proposal may auto-open once and must remain
+    reopenable from its summary. When a proposal exists, that summary is the only default
+    feed representation of requirement shaping. Internal shaping status, teammate ids,
+    and collaboration records remain audit data; only an actual unanswered user question
+    may render as a separate compact decision-needed row. The compact summary is visually
+    owned by `assigneeTeammateId`: it must render the assignee through the canonical
+    teammate-avatar projection, including custom-avatar and deleted-teammate fallback
+    behavior. It must not inherit or duplicate the source message author's avatar.
+25. Channel, teammate-private-chat, and recent-conversation rows use one shared Sidebar
+    object preview. Every preview shows the complete object name and its latest known
+    activity time; it does not repeat the surface type already established by the Sidebar
+    section. It may additionally show repository and
+    branch context only when that object's effective execution workspace resolves to an
+    available Git workspace distinct from the shared global workspace. Conversation
+    context comes from its newest loaded Run; channel context uses its current workspace
+    binding first, then a distinct latest-Run or explicit bound path; teammate-private-chat
+    context uses the newest non-channel Run for that teammate. A shared-workspace Run is
+    activity evidence, not durable object-level Git evidence, because its current branch
+    may differ from the branch used by the historical Run. The
+    Sidebar uses the existing workspace-change projection, deduplicates checks by working
+    directory, never displays an absolute local path, and treats missing/non-Git/error
+    results as absent optional metadata. Git context belongs to the rich preview rather
+    than the title row, so it must not reduce title width or add horizontal scrolling.
 
 ## Surface Capability Matrix
 
diff --git a/docs/design/inline-runtime-approval-detailed-design.md b/docs/design/inline-runtime-approval-detailed-design.md
index 4c2cd12cf..124f2414f 100644
--- a/docs/design/inline-runtime-approval-detailed-design.md
+++ b/docs/design/inline-runtime-approval-detailed-design.md
@@ -1,30 +1,31 @@
-# Inline Runtime Approval Detailed Design
+# Runtime Approval Dialog Detailed Design
 
 ## Status
 
-Design plan.
+Active contract. The earlier composer-strip interaction is superseded by the blocking
+dialog contract below. Inline transcript history remains valid, but the Composer does
+not own pending approval decisions.
 
-This document defines the Codex-style inline approval experience for local runtime
-permission requests and active-run tool approvals. It is the detailed design for the
-local approval side of
+This document defines the shared runtime approval dialog for local permission requests
+and active-run tool approvals. It is the detailed design for the local approval side of
 [Work Board, Review Queue, and Inline Approval Boundaries](work-board-review-queue.md).
 
 ## Summary
 
-Local runtime approvals are immediate execution decisions. They should appear near the
-active run or channel context, not primarily in Inbox.
+Local runtime approvals are immediate blocking decisions. Channel, normal conversation,
+and teammate private chat use one dialog queue outside the transcript and Composer.
 
 ```text
 approval policy returns ask
 -> daemon creates a durable approval request
 -> active run enters waiting_for_approval
--> inline approval appears near the channel composer, progress popover, or run detail
+-> the owning conversation surface opens the blocking approval dialog
 -> user approves or denies
 -> daemon resumes, blocks, or queues a continuation
 ```
 
-The approval record remains durable. The inline surface is only the primary interaction
-point for active local work.
+The approval record remains durable. The dialog is only the active decision surface;
+compact resolved status and history remain attached to the owning transcript/run.
 
 ## Related Docs
 
@@ -50,12 +51,12 @@ point for active local work.
 
 ## Goals
 
-- Make active local approval requests visible where the user is working.
+- Make active local approval requests visible in all three conversation surfaces.
 - Preserve the existing durable approval system and audit trail.
 - Keep local runtime approval separate from external action review.
-- Let users approve or deny without navigating away from the active channel.
-- Show scope deltas clearly before approval.
-- Make high-risk approvals require an explicit reason and confirmation.
+- Let users approve or deny without navigating away from the active conversation.
+- Show one human-readable action sentence before approval.
+- Keep the decision surface to the action plus explicit allow and deny commands.
 - Keep approved runtime permission grants scoped to the run or continuation.
 
 ## Non-Goals
@@ -68,9 +69,9 @@ point for active local work.
 - No migration to Codex app-server JSON-RPC.
 - No broad permission profile DSL.
 
-## Eligible Inline Approvals
+## Eligible Dialog Approvals
 
-Inline approval should prioritize approvals that are both local and active.
+The dialog queue should prioritize approvals that are both local and active.
 
 Eligible by default:
 
@@ -92,42 +93,61 @@ Not primary inline approvals:
 
 Those should remain visible in Review Queue or the existing approval audit page.
 
-## Inline Surface Hierarchy
+## Decision Surface Hierarchy
 
-### 1. Channel Composer Strip
+### 1. Shared Blocking Dialog
 
-The composer strip is the primary active-channel prompt.
+`RuntimeApprovalDialogQueue` is the primary prompt for channel, normal conversation,
+and teammate private chat.
 
 Placement:
 
 ```text
-conversation / task context
--> progress or latest run summary
--> inline approval strip
--> composer input
+active conversation surface
+-> shared dialog queue
+-> one pending approval decision
 ```
 
 Rules:
 
-- Show only when there is at least one pending inline-eligible approval for the active
-  channel or active run.
-- Use one compact row for a single approval.
-- Use a grouped row when multiple approvals are pending.
-- Do not use a full card layout inside the composer area.
-- Keep the row action-led: approve, deny, open details.
-
-### 2. Channel Progress Popover
-
-The progress popover should show current approval-needed progress rows, but not
-duplicate the full approval card. Resolved approval history remains in Activity/audit
-logs.
+- Show only when there is at least one pending eligible approval owned by the active
+  surface.
+- Sort with the existing risk-first, oldest-first selection logic and show one approval
+  at a time.
+- Prevent Escape and outside-click dismissal while an approval is pending. The user must
+  approve or deny.
+- Keep allow and deny as separate actions for every eligible risk level. The shared
+  runtime dialog does not collect a decision reason or open a second confirmation.
+- After a successful decision, remove that item and open the next eligible approval.
+- A mutation failure keeps the same dialog open with retry feedback.
+- If a task proposal dialog is also eligible, keep it suspended until the blocking
+  runtime approval queue is empty so only one modal owns focus.
+- The dialog is mounted outside virtual feeds and Composer geometry.
+
+### 2. Compact Transcript And Progress Status
+
+Transcript cells and progress surfaces show compact immutable approval status, but do
+not duplicate decision controls while the dialog is active. Resolved approval history
+remains in Activity/audit logs.
 
 Rules:
 
-- Show the top pending inline approval with action summary and risk.
-- Link to the run drawer or approval detail for full payload.
-- If approval action is high or critical risk, route to detail before final approval.
+- Treat every pending approval selected by `RuntimeApprovalDialogQueue` as
+  `dialog_owned_pending`. The dialog is the only surface allowed to render its decision
+  controls, payload-derived operation rows, and approval evidence while it is pending.
+- Project one non-interactive transcript marker for the owning Run, using the same
+  localized action sentence as the dialog, for example `Waiting for approval: Run
+  command: pwd`.
+- A `dialog_owned_pending` marker cannot expand. It must not expose approval titles,
+  permission enums, request ids, evidence groups, or internal English lifecycle labels.
+- Do not force the owning WorkCell open merely because its Run status is
+  `waiting_for_approval`.
+- Route explicit review actions to the same dialog or durable approval detail.
 - Keep external action approvals labeled as Review Queue items, not inline run prompts.
+- After resolution, remove dialog ownership. Approved Runs resume their normal operation
+  projection; denied, expired, and failed approvals render one compact immutable result.
+- Preserve the complete approval payload and decision history in Run detail and audit
+  projections. Compacting the transcript never deletes durable data.
 
 ### 3. Run Detail / Timeline
 
@@ -210,30 +230,15 @@ Required fields:
 - approve and deny actions;
 - detail link.
 
-Runtime permission request summary should show:
-
-- request kind: core tool, write scope, MCP tool, or runner capability;
-- requested scope;
-- current scope summary;
-- proposed continuation mode;
-- reason supplied by the runner.
-
-### Detail View
-
-The detail view should show:
-
-- full payload summary;
-- current scope and requested scope diff;
-- file paths, MCP server/tool names, or runner capability names;
-- risk and approval policy reason;
-- run, task, channel, and tool-call identifiers;
-- audit JSON behind a disclosure.
-
-High-risk and critical approvals must require:
+Runtime permission request summary must be one localized sentence that names the acting
+Agent and the exact user-relevant action or target, for example `Engineer wants to run
+pwd` or `Ling Agent wants to edit src/App.tsx`. It must not expose Run ids, absolute
+workspace paths, raw payloads, queue counts, policy deltas, technical metadata, or a
+decision-reason field.
 
-- explicit decision reason before approval;
-- second confirmation;
-- clear copy that the decision is scoped to this run or continuation.
+The durable approval record remains the audit interface for full payload, policy context,
+risk, actor, timestamps, and any historical decision reason. Mutation failures are the
+only additional body content allowed in the active dialog and remain visible for retry.
 
 ## Interaction Rules
 
@@ -268,12 +273,12 @@ silently hiding the problem.
 
 ### Multiple Pending Approvals
 
-When multiple local approvals are pending for the same active run:
+When multiple local approvals are pending for the same active surface:
 
-- show a grouped strip with count and highest risk;
-- display the first blocking approval inline;
-- provide a detail list sorted by risk, then created time;
-- do not allow "approve all" in the first slice.
+- open one decision at a time;
+- sort by risk, then created time;
+- advance only after the current decision resolves;
+- do not provide "approve all".
 
 ## Component Plan
 
@@ -281,16 +286,15 @@ Recommended components:
 
 ```text
 apps/web/src/features/approvals/
-  InlineApprovalStrip.tsx
-  InlineApprovalSummary.tsx
+  RuntimeApprovalDialogQueue.tsx
   RuntimePermissionScopeDelta.tsx
 
 apps/web/src/lib/
   inline-approvals.ts
 ```
 
-`InlineApprovalStrip` should depend on approval data and callbacks, not fetch data
-itself. The domain controller keeps loading and resolving behavior centralized.
+`RuntimeApprovalDialogQueue` depends on view data and callbacks, not fetch logic. The
+domain controller keeps loading, mutation, refresh, and stale-state behavior centralized.
 
 `ApprovalCard` remains the full audit component. It can be reused in drawer/detail
 contexts, but it is too large for the composer strip.
@@ -324,7 +328,7 @@ It should return view-ready approval references, not a new approval model.
 
 ## State And Recovery
 
-Inline approval must tolerate:
+The dialog queue must tolerate:
 
 - approval resolved from another surface;
 - active run no longer present;
@@ -337,7 +341,7 @@ UI behavior:
 
 - disable actions while resolving;
 - refresh approval and run state after resolve;
-- remove non-pending approvals from inline strip;
+- remove non-pending approvals from the dialog queue;
 - show resolved state briefly only in detail surfaces, not as a persistent composer row;
 - route stale or missing run cases to Review Queue or Run History.
 
@@ -345,16 +349,21 @@ UI behavior:
 
 Unit tests:
 
-- inline approval eligibility excludes external action approvals;
+- dialog approval eligibility excludes external action approvals;
 - runtime permission request scope summary renders all four request kinds;
-- high-risk approvals require a reason and second confirmation;
+- low, medium, high, and critical eligible approvals use the same direct allow/deny
+  interaction without a reason field;
 - multiple pending approvals sort by risk and age.
 
 Web integration tests:
 
-- a pending active run approval appears above the channel composer;
+- a pending active run approval opens outside the Composer on channel, normal
+  conversation, and teammate private chat;
 - approving it calls the existing approval endpoint;
-- denying it removes the inline strip and updates run state;
+- denying it removes the dialog item and updates run state;
+- multiple approvals advance one at a time in risk/time order;
+- Escape and outside click cannot dismiss a pending decision;
+- opening or resolving a dialog does not change Composer geometry;
 - external action approvals appear in Review Queue, not the inline strip;
 - background approvals are still reachable from Review Queue.
 
@@ -367,18 +376,19 @@ Daemon tests:
 
 ## Acceptance Criteria
 
-- Active local approvals are visible without leaving the channel.
+- Active local approvals are visible without leaving the owning conversation.
+- Channel, normal conversation, and teammate private chat use one dialog behavior.
+- Pending decisions never resize or displace the Composer or virtual feed.
 - Review Queue is not required for normal active run approval.
 - Existing `ApprovalRequest` records remain the durable source of truth.
 - External action approvals are not shown as normal local runtime prompts.
 - Approving a runtime permission request does not change Settings approval policy.
 - Resolved approvals remain visible in Run History.
 
-## Open Questions
+## Locked Decisions
 
-- Should the composer strip appear only for the selected task/run, or for any active run
-  in the current channel?
-- Should `workflow_step` approvals appear inline when they are pre-run gates, or only in
-  workflow detail?
-- Should `mcp_tool_call` approvals always be inline when run-owned, or should high
-  side-effect MCP tools route to Review Queue by default?
+- The active surface owns only approvals already selected by the existing eligibility
+  logic; no new cross-workspace fan-in is introduced.
+- `workflow_step` and local `mcp_tool_call` keep their existing eligibility rules.
+- Runtime decisions are blocking and non-dismissible; task proposal dialogs are a
+  separate, dismissible product surface.
diff --git a/docs/design/ling-agent-operation-cell-ui.md b/docs/design/ling-agent-operation-cell-ui.md
index 1cee84ff6..fa7c7e35d 100644
--- a/docs/design/ling-agent-operation-cell-ui.md
+++ b/docs/design/ling-agent-operation-cell-ui.md
@@ -813,8 +813,9 @@ such as `确认需求` or `完成`.
 
 ### Requirement Shaping Presentation
 
-Requirement shaping uses the same operation-cell framework. It must not render as a
-separate top-level collaboration card or as raw teammate messages.
+Requirement shaping is internal proposal evidence. Once a proposal exists, its compact
+proposal summary is the only default feed object. Requirement shaping must not render as
+a second operation cell, collaboration card, or raw teammate transcript.
 
 Target shape:
 
@@ -822,28 +823,30 @@ Target shape:
 ConversationTurn
   UserMessageCell
   LingAgentTranscript
-    OperationCell(presentation=requirement_shaping)
-      coordinator summary
-      participant contribution spans
-      decision-needed rows
-      proposed workflow preview
-      action row
+    ProposalSummary
+      assignee avatar
+      task title
+      assignee
+      product status
+      open-task action
+    DecisionNeededRow?  # only when the user must answer a real question
 ```
 
-The cell is backed by requirement contribution/shaping packets and source refs. Default
-feed rows should show only the user-facing result:
+The proposal remains backed by requirement contribution/shaping packets and source refs.
+The default feed shows only the decision object:
+
+- The proposal assignee owns the summary identity. Resolve its avatar from
+  `assigneeTeammateId` through the same teammate projection used by conversation rows;
+  do not reuse the source message author or reserve an empty avatar gutter.
 
 ```text
-Ling is shaping the request with 3 teammates
-Product clarified scope
-Architect flagged a state-boundary risk
-QA added acceptance checks
-Decision needed: choose whether QA may run artifact-only in parallel
+Design a read-only README check · Engineer · Pending confirmation · View task
 ```
 
-Expanded detail may show each teammate's contribution packet summary, source refs,
-decision records, and workflow preview. Raw packet JSON, selector metadata, prompt text,
-and full internal discussion stay in evidence/debug detail.
+`Requirement shaping`, `coordinated`, internal teammate ids, participant contribution
+summaries, and raw packet metadata stay in evidence/debug detail. When clarification is
+required, a compact decision-needed row shows the actual user question without exposing
+the shaping process.
 
 Conversion rule:
 
@@ -983,7 +986,7 @@ Normalizer rules:
 | coordinator text delta/final | `CoordinatorMessageCell` | natural reply or final result | related operation link | raw model item when debug is enabled |
 | intent/router decision | evidence on turn | hidden | route rationale only if user asked | classifier scores, candidates, payload |
 | workflow created/updated | `OperationCell` / `plan` row | `已规划 N 步` | semantic steps | workflow JSON, ids |
-| requirement shaping started/updated | `OperationCell(presentation=requirement_shaping)` | coordinator summary, participant spans, decisions needed | contribution packet summaries, workflow preview | raw packet JSON, selector metadata |
+| requirement shaping started/updated | proposal evidence | proposal summary status; actual unanswered question only | task confirmation or editor | contribution packets, participant records, raw selector metadata |
 | run started/progress/completed | active `OperationCell` mutation | current task state | row history | run events, attempt ids |
 | tool call start/output/end | `OperationRow` | `读取文件`, `运行检查`, `搜索文档` | command/tool summary and bounded output | full stdout/stderr, tool JSON |
 | file read/context packet | `read` row or evidence ref | hidden unless it explains action | file names, snippets if useful | packet payload, context ids |
@@ -1401,15 +1404,20 @@ Surface-specific copy rules:
 | Explicit raw/debug detail | technical labels and exact payloads | folded sections | repeated coordinator summary |
 | Approval modal | action + scope + consequence | title plus options | vague `continue?` prompts |
 
-Approval copy must be explicit:
+Approval copy must be explicit, for example `等待审批：运行 pnpm install`.
 
-```text
-等待审批：运行 pnpm install。
+Pending runtime approval decisions are owned by a shared blocking dialog outside the
+Composer and virtual transcript. `ApprovalCell` owns only the compact pending marker and
+the immutable approved/denied history after resolution. Channel, normal conversation,
+and teammate private chat must not render approval action cards inside their Composer.
+The dialog handles one decision at a time, preserves the existing risk/time order, and
+cannot be dismissed without approve or deny.
 
-允许本次运行
-允许本会话内同类命令
-拒绝，并说明下一步
-```
+When the dialog owns a pending approval, the owning `OperationCell` is replaced by one
+non-interactive marker that uses the same localized action sentence. It cannot expand
+and cannot expose approval titles, raw permission ids, evidence groups, request ids, or
+duplicate approval controls. This rule is a projection boundary, not a CSS visibility
+rule. Complete data remains available in explicit Run detail and audit surfaces.
 
 Bad approval copy:
 
diff --git a/docs/design/sidebar-approval-proposal-dialogs-implementation-plan.md b/docs/design/sidebar-approval-proposal-dialogs-implementation-plan.md
new file mode 100644
index 000000000..132fd8f55
--- /dev/null
+++ b/docs/design/sidebar-approval-proposal-dialogs-implementation-plan.md
@@ -0,0 +1,120 @@
+# Sidebar, Approval, And Proposal Dialogs Implementation Plan
+
+Status: active implementation plan
+Owner: Web AppShell, conversation surfaces, and approval presentation
+
+## Owning Contracts
+
+- [AppShell, Sidebar, and Global Navigation](ui2.0升级/modules/01-AppShell与全局导航.md)
+- [Runtime Approval Dialog Detailed Design](inline-runtime-approval-detailed-design.md)
+- [Conversation Surface Contract](conversation-surface-contract.md)
+- [Ling Agent Operation Cell UI](ling-agent-operation-cell-ui.md)
+
+## Guardrails
+
+- Start from a clean worktree based on current `origin/main`; preserve existing dirty
+  worktrees and the service already using port `5173`.
+- Do not change daemon APIs, database records, approval policy, proposal state machines,
+  shared Composer public props, button dimensions, or external-action review behavior.
+- Keep dialogs in the existing global overlay root. Do not add feature-owned portals or
+  private high z-index layers.
+
+## Slice 1: Sidebar Titles
+
+- Move status and row tools out of grid flow into a right overlay. Give the title the
+  full row width and detect overflow with `ResizeObserver`.
+- Apply right-edge fade only to overflowing labels. Hover/focus moves the title track to
+  its measured end and leaves/blur resets it; reduced motion skips movement.
+- Extend the shared Sidebar tooltip with an optional rich, non-interactive preview made
+  only from already loaded row metadata.
+
+Acceptance: no hard ellipsis on recent titles, no reserved hidden-action column, no
+horizontal overflow, and tools remain pointer/keyboard reachable without navigation.
+
+## Slice 1B: Unified Sidebar Object Context
+
+- Use one shared non-interactive preview for channel, teammate private-chat, and recent
+  conversation rows. The preview always contains the complete title and latest known
+  activity time, with optional repository and branch labels. It does not repeat the
+  surface type already communicated by the Sidebar section.
+- Derive conversation workspaces from the newest loaded Run for each of the five visible
+  conversation threads, but only when the Run uses an object-specific path distinct from
+  the shared global workspace. Derive channel workspaces from the current workspace
+  binding first, then a distinct newest channel Run, then a distinct explicit bound path.
+  Derive teammate private-chat workspaces only from the newest non-channel Run for that
+  teammate when it is also distinct from the global workspace. A historical Run in the
+  shared workspace must not be relabeled with that directory's current branch. Do not add
+  thread fields, database columns, or a new daemon API.
+- Inspect each unique candidate workspace once through the existing workspace-changes
+  endpoint and share the result across rows. A failed, unavailable, or non-Git result is
+  an absent projection rather than a Sidebar error.
+- Keep the normal row single-line title behavior unchanged. Show repository and branch
+  only inside the shared rich hover/focus preview, using folder and branch icons. Do not
+  expose an absolute local path in the preview and do not render a missing-data placeholder.
+- Git inspection must be bounded to visible Sidebar objects, cancellable on projection
+  changes, and independent from object loading and selection.
+
+Acceptance: channel, private-chat, and conversation previews share one visual structure;
+each object with a resolved Git workspace shows the repository directory name and current
+branch, while objects without Git context preserve the base preview with no placeholder.
+
+## Slice 2: Runtime Approval Dialog Queue
+
+- Keep `buildInlineApprovalViews` as the selection and ordering adapter, but render its
+  output through `RuntimeApprovalDialogQueue` outside Composer slots.
+- Mount the queue in channel, normal conversation, and teammate private chat. Show one
+  item at a time, prevent passive dismissal, show one localized action sentence, and keep
+  mutation errors visible for retry. Remove reason, risk, payload, scope-delta, id, path,
+  queue-count, and technical-detail fields from the active dialog.
+- Give the blocking runtime queue precedence over the dismissible task proposal dialog;
+  never mount two competing modal decisions at once.
+- Derive `dialog_owned_pending` presentation from the same ordered
+  `InlineApprovalView` collection consumed by the dialog. Pass that projection through
+  normal conversation, channel, and private-chat renderers instead of re-deriving it
+  from raw WorkCell rows.
+- While dialog-owned, replace the owning WorkCell's expandable approval projection with
+  one localized, non-interactive pending marker. Do not render raw approval titles,
+  operation rows, evidence groups, or duplicate approval controls behind the modal.
+- After resolution, use each surface's existing refresh path. Compact transcript and run
+  history remain the durable status surface, while complete payloads stay in Run detail
+  and audit views.
+
+Acceptance: pending approvals never change Composer height, all three surfaces support
+approve/deny and stale removal, no approve-all action exists, and the virtual feed behind
+the modal contains no second expanded representation of the active approval.
+
+## Slice 3: Channel Execution Proposal Dialog
+
+- Replace `ChannelExecutionProposalCard` in the feed with a compact summary. Its action
+  opens a centrally mounted `ChannelExecutionProposalDialog`.
+- Auto-open the newest newly actionable proposal once per id/revision. The user may
+  dismiss it and reopen it from the summary.
+- Keep task title, assignee, localized required-permission labels, blockers, and primary
+  actions visible. The default dialog contains no acceptance criteria, collaboration
+  history, risk narrative, permission explanation, or technical disclosure. Editing uses
+  a separate explicit state.
+- Suppress the duplicate requirement-shaping transcript block whenever its proposal is
+  present. Keep only an actual unanswered user question as a compact decision-needed row.
+
+Acceptance: virtual-feed scrolling cannot unmount the dialog; save/authorize/cancel and
+blocker repair preserve existing callbacks and error behavior.
+
+## Verification
+
+- Unit/component coverage: overflow measurement, queue sorting, stale items, focus,
+  auto-open-once, dismiss/reopen, edit/save, mutation errors, shared Git-workspace
+  inspection, and non-Git omission.
+- Playwright coverage: expanded/collapsed Sidebar, channel/normal/private approvals,
+  proposal dialog, proposal-assignee avatar identity, Git preview metadata, light/dark,
+  `1280x800`, and `1440x960`.
+- Pending-approval regression coverage must assert that the modal and one compact marker
+  coexist without approval titles, raw permission ids, expandable evidence, duplicate
+  action rows, or Composer geometry changes. It must also cover approve/deny transition
+  back to normal or immutable history projection.
+- Real-browser evidence must come from messages submitted through the running Web app:
+  capture a blocking runtime approval, the compact channel proposal summary, the
+  independently mounted proposal authorization dialog, and the shared channel,
+  private-chat, and conversation previews. Static fixtures alone are not final acceptance
+  evidence for message-driven states.
+- Run Web typecheck, lint, i18n, build, relevant package tests, real-browser interaction,
+  console/page-error checks, and `git diff --check`.
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/features/approvals/1440x960-ling-light-runtime-approval-dialog.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/features/approvals/1440x960-ling-light-runtime-approval-dialog.png"
new file mode 100644
index 000000000..3e30890bb
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/features/approvals/1440x960-ling-light-runtime-approval-dialog.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1280x800-ling-dark-launcher-expanded.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1280x800-ling-dark-launcher-expanded.png"
new file mode 100644
index 000000000..cfcc250f7
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1280x800-ling-dark-launcher-expanded.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-channel-preview.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-channel-preview.png"
new file mode 100644
index 000000000..e3203dd02
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-channel-preview.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-conversation-preview.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-conversation-preview.png"
new file mode 100644
index 000000000..abe3c016f
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-conversation-preview.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-expanded.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-expanded.png"
new file mode 100644
index 000000000..25d432303
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-expanded.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-private-chat-preview.png" "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-private-chat-preview.png"
new file mode 100644
index 000000000..c0659d1d3
Binary files /dev/null and "b/docs/design/ui2.0\345\215\207\347\272\247/evidence/shell/sidebar-object-rows/1440x960-ling-light-private-chat-preview.png" differ
diff --git "a/docs/design/ui2.0\345\215\207\347\272\247/modules/01-AppShell\344\270\216\345\205\250\345\261\200\345\257\274\350\210\252.md" "b/docs/design/ui2.0\345\215\207\347\272\247/modules/01-AppShell\344\270\216\345\205\250\345\261\200\345\257\274\350\210\252.md"
index d0bf5c5f7..dc761c6a8 100644
--- "a/docs/design/ui2.0\345\215\207\347\272\247/modules/01-AppShell\344\270\216\345\205\250\345\261\200\345\257\274\350\210\252.md"
+++ "b/docs/design/ui2.0\345\215\207\347\272\247/modules/01-AppShell\344\270\216\345\205\250\345\261\200\345\257\274\350\210\252.md"
@@ -26,6 +26,18 @@ Composer 草稿、运行状态或主题。
   Sidebar，再打开目标 section。
 - 对象行点击只导航；三点菜单不触发行点击。运行、待审批、失败、未读只显示一个最高优先级状态，
   idle 不显示绿色健康标签。
+- 展开态对象标题使用完整行宽。隐藏操作和状态控件采用右侧覆盖层，不得永久保留空白网格列；控件
+  显示时用局部背景和渐隐保护可读性，不覆盖标题文字。
+- 溢出标题不使用硬省略号。默认在右边缘自然渐隐，鼠标悬浮或键盘聚焦时平滑移动到末尾并停住，
+  离开或失焦后复位。`prefers-reduced-motion` 下不播放移动动画。
+- 频道、队友私聊和普通对话共用同一个非交互式完整预览，统一显示完整名称和最近活动时间，不重复
+  展示 Sidebar 分区已经说明的对象类型。对象自身的有效执行工作区可解析为 Git 仓库时，附加仓库
+  目录名和当前分支；该目录必须区别于共享全局工作区。频道以当前 workspace binding 为权威，其次
+  才使用独立的最新 Run 或显式 bound path；私聊和普通对话只使用独立的最新 Run。历史 Run 位于共享
+  工作区时不得用该目录今天的分支冒充会话级 Git 上下文。Git 缺失时直接省略，不写死、不显示绝对
+  路径、不渲染“未配置”占位；
+  查询按工作目录去重，不为 Tooltip 发起单行请求。
+  三点菜单和状态控件保持既有尺寸、键盘顺序和导航隔离。
 - Sidebar 是跨主 View 持久存在的稳定投影。新会话、已有会话、频道、队友私聊、媒体生产、Plugin
   Manager 与自动化之间切换时，只允许改变选中态；不得 remount Sidebar、替换分区、重置滚动或焦点，
   也不得把目标页面的详情请求、模块加载或操作 busy 投影成 Sidebar Loading。
@@ -55,6 +67,7 @@ Composer 草稿、运行状态或主题。
 ## Layout And Acceptance
 
 - `1440x960`、`1280x800` 和支持的 Desktop 最小窗口无 document 横向滚动。
+- 侧栏对象行不得因隐藏工具保留空白列；长标题悬浮滚动不得创建 Sidebar 横向滚动。
 - grid/flex 子项使用 `min-width: 0`；Canvas、表格、列表和 Dock 各自拥有明确滚动边界。
 - resize 不重置 View、选中对象、Drawer、焦点或 ThemeSelection。
 - 页面不可用状态必须保留一个明确恢复行动；正常状态不在 Header 堆积标签。
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-confirmation.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-confirmation.png
new file mode 100644
index 000000000..975740125
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-confirmation.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-summary.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-summary.png
new file mode 100644
index 000000000..42f1bd4c2
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-task-summary.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-workflow-statuses.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-workflow-statuses.png
new file mode 100644
index 000000000..bacf3bbbb
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-ling-dark-workflow-statuses.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-confirmation-dark.jpg b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-confirmation-dark.jpg
new file mode 100644
index 000000000..78ab625ad
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-confirmation-dark.jpg differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-summary-dark.jpg b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-summary-dark.jpg
new file mode 100644
index 000000000..24664f0cf
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1280x800-task-summary-dark.jpg differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-confirmation.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-confirmation.png
new file mode 100644
index 000000000..70dcadf91
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-confirmation.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-summary.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-summary.png
new file mode 100644
index 000000000..07aa1c8e7
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-task-summary.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-workflow-statuses.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-workflow-statuses.png
new file mode 100644
index 000000000..2684a2e46
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-ling-light-workflow-statuses.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-runtime-approval-light.jpg b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-runtime-approval-light.jpg
new file mode 100644
index 000000000..c44e9f653
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-runtime-approval-light.jpg differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-confirmation-light.jpg b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-confirmation-light.jpg
new file mode 100644
index 000000000..9b4b1dcca
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-confirmation-light.jpg differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-summary-light.jpg b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-summary-light.jpg
new file mode 100644
index 000000000..ef3dec83b
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/1440x960-task-summary-light.jpg differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/runtime-approval-dialog-clean-background.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/runtime-approval-dialog-clean-background.png
new file mode 100644
index 000000000..1500c1e12
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/runtime-approval-dialog-clean-background.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-compact-summary-with-avatar.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-compact-summary-with-avatar.png
new file mode 100644
index 000000000..374434c46
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-compact-summary-with-avatar.png differ
diff --git a/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-confirmation-dialog.png b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-confirmation-dialog.png
new file mode 100644
index 000000000..d3f304ea7
Binary files /dev/null and b/docs/design/validation/sidebar-approval-dialogs-2026-08-26/task-proposal-confirmation-dialog.png differ