taskchef 9.0.1 → 9.0.3

package/src/mcp-app/react/NextTaskDetail.test.tsx

@@ -122,3 +122,17 @@ test('Needs answer adds an open-chat action without replacing the saved prompt o
  expect(screen.getByText('The connection failed. Approval requested.')).toBeInTheDocument();
  fireEvent.click(screen.getByRole('button',{name:'Open chat to answer'}));expect(open).toHaveBeenCalledTimes(1);
 });
+
+test("interrupted details show the recorded error after the response and clear it on recovery", () => {
+  const task = { ...fixtureTask(), status: "interrupted" as const, turnError: "Selected model is at capacity. Please try a different model.", replyText: "Progress before the error." };
+  const props = { opened: true, busy: false, error: null, onClose: () => {}, onOpenCodex: () => {} };
+  const { rerender } = render(<MantineProvider><NextTaskDetail {...props} task={task} /></MantineProvider>);
+  const notice = screen.getByLabelText("Latest turn error");
+  expect(notice).toHaveTextContent(task.turnError);
+  expect(notice).toHaveClass("taskchef-turn-error");
+  expect(screen.getByLabelText("Latest turn response").compareDocumentPosition(notice) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+  rerender(<MantineProvider><NextTaskDetail {...props} task={{ ...task, replyText: null, replyExcerpt: null }} /></MantineProvider>);
+  expect(screen.getByLabelText("Latest turn error")).toBeVisible();
+  rerender(<MantineProvider><NextTaskDetail {...props} task={{ ...task, status: "working" }} /></MantineProvider>);
+  expect(screen.queryByLabelText("Latest turn error")).toBeNull();
+});

package/src/mcp-app/react/styles.css

@@ -210,3 +210,10 @@ body { background: var(--taskchef-page); }
 .taskchef-question-footer button.mantine-Anchor-root { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--taskchef-border-heavy); border-radius: 16px; font-size: 12px; text-decoration: none; }
 .taskchef-question-footer button.mantine-Anchor-root:hover { background: var(--taskchef-hover); text-decoration: none; }
 .taskchef-question-footer button.mantine-Anchor-root:focus-visible { outline: 2px solid var(--taskchef-focus); outline-offset: 2px; }
+
+.taskchef-turn-error { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; padding: 18px 20px; border: 1px solid var(--taskchef-border); border-radius: 20px; background: var(--taskchef-surface); color: var(--taskchef-text); font-size: var(--mantine-font-size-sm); line-height: 1.5; overflow-wrap: anywhere; }
+.taskchef-turn-error > svg { flex: none; margin-top: 2px; }
+.taskchef-turn-error > span { min-width: 0; white-space: pre-wrap; }
+.taskchef-turn-error-compact { gap: 6px; margin-top: 8px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: var(--mantine-font-size-xs); }
+
+.taskchef-turn-error-compact > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

package/src/ui/components/TaskBoard.test.tsx

@@ -375,3 +375,14 @@ test("covers prefer response images and fall back to prompt images for every sta
  expect(await screen.findByAltText("First prompt")).toBeVisible();
  expect(screen.queryByRole("img",{name:"Reply"})).toBeNull();
 });
+
+test("interrupted cards show the recorded capacity reason even without a reply", () => {
+  const interrupted = { ...task(1, "interrupted"), replyExcerpt: null, turnError: "Selected model is at capacity. Please try a different model.", observed: { archive: false, lastTurnEvent: "failed", lastTurnEventAt: null, recentFileActivity: false } };
+  const props = { completedLimit: 5, onMoreCompleted: vi.fn(), onOpenCodex: vi.fn(), onOpenDetail: vi.fn() };
+  const { rerender } = render(<MantineProvider><TaskBoard {...props} tasks={[interrupted]} groupInterruptedWithWaiting /></MantineProvider>);
+  expect(screen.getByLabelText("Latest turn error")).toHaveTextContent(interrupted.turnError);
+  fireEvent.click(screen.getByRole("button", { name: interrupted.title }));
+  expect(props.onOpenDetail).toHaveBeenCalledWith(interrupted);
+  rerender(<MantineProvider><TaskBoard {...props} tasks={[{ ...interrupted, status: "working" }]} /></MantineProvider>);
+  expect(screen.queryByLabelText("Latest turn error")).toBeNull();
+});

package/src/ui/components/TurnContent.test.tsx

@@ -42,3 +42,16 @@ test("card prompt cleanup does not change response headings", () => {
  rerender(<TurnContent task={{...task,status:"needs_input"}} compact />);
  expect(screen.getByLabelText("Latest turn response")).toHaveTextContent("My requests:");
 });
+
+
+test("compact errors keep the full message accessible and details show it without a clamp", () => {
+  const turnError = Array.from({ length: 20 }, (_, i) => `Recorded failure detail ${i}.`).join("\n");
+  const task = { ...fixtureTask(), status: "interrupted" as const, turnError, replyExcerpt: null };
+  const { rerender } = render(<TurnContent task={task} compact />);
+  const compact = screen.getByLabelText("Latest turn error");
+  expect(compact).toHaveClass("taskchef-turn-error-compact");
+  expect(compact.querySelector("span")).toHaveAttribute("title", turnError);
+  rerender(<TurnContent task={task} />);
+  expect(screen.getByLabelText("Latest turn error")).not.toHaveClass("taskchef-turn-error-compact");
+  expect(screen.getByLabelText("Latest turn error").textContent).toBe(turnError);
+});

package/src/ui/components/TurnContent.tsx

@@ -1,4 +1,4 @@
-import { IconClock } from "@tabler/icons-react";
+import { IconAlertCircle, IconClock } from "@tabler/icons-react";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 import type { Task } from "../types";
 import { ImageGallery } from "./ImageGallery";
@@ -33,9 +33,11 @@ export function TurnContent({ task, compact = false, loadImage, workedDurationMs
   const renderImage = useCallback((url: string, alt: string) => loadImage ? <ReplyImagePreview key={`${task.id}:${task.turnId}:${url}`} task={currentTask.current} url={url} alt={alt} loadImage={loadImage} onLightboxChange={onLightboxChange} /> : null, [task.id, task.turnId, loadImage, onLightboxChange]);
   const prompt = compact ? task.promptExcerpt : task.promptText ?? task.promptExcerpt;
   const reply = compact ? task.replyExcerpt : task.replyText ?? task.replyExcerpt;
+  const errorNotice = task.status === "interrupted" && task.turnError
+    ? <div role="status" aria-label="Latest turn error" className={compact ? "taskchef-turn-error taskchef-turn-error-compact" : "taskchef-turn-error"}><IconAlertCircle size={16} stroke={1.7} aria-hidden /><span title={compact ? task.turnError : undefined}>{task.turnError}</span></div> : null;
   if (compact) {
     const text = task.status === "working" ? prompt : reply;
-    return text ? <div className="taskchef-turn-card" aria-label={task.status === "working" ? "Latest turn request" : "Latest turn response"}><ReplyMarkdown key={`${task.id}:${task.turnId}`} compact annotations={task.annotations} hideRequestLabels={task.status === "working"} text={text} renderImage={task.status === "working" ? hidePromptImage : undefined} /></div> : null;
+    return <>{errorNotice}{text ? <div className="taskchef-turn-card" aria-label={task.status === "working" ? "Latest turn request" : "Latest turn response"}><ReplyMarkdown key={`${task.id}:${task.turnId}`} compact annotations={task.annotations} hideRequestLabels={task.status === "working"} text={text} renderImage={task.status === "working" ? hidePromptImage : undefined} /></div> : null}</>;
   }
   const promptImages = task.promptImages ?? (task.promptImage ? [task.promptImage] : []);
   const duration = workedDurationMs ?? task.observed?.latestTurnDurationMs;
@@ -49,5 +51,6 @@ export function TurnContent({ task, compact = false, loadImage, workedDurationMs
       <div className="taskchef-turn-divider" role="separator">{duration != null && Number.isFinite(duration) && duration >= 0 ? `Worked for ${formatWorkedDuration(duration)}` : null}</div>
       <div className="taskchef-turn-response" aria-label="Latest turn response"><ReplyMarkdown key={`${task.id}:${task.turnId}`} onAnnotationChange={onAnnotationChange} annotations={task.annotations} text={reply} renderImage={loadImage ? renderImage : undefined} /></div>
     </>}
+    {errorNotice}
   </div>;
 }

package/src/ui/types.ts

@@ -95,6 +95,7 @@ export interface Task {
   updatedBy?: string;
   status: TaskStatus;
   summary: string | null;
+  turnError?: string | null;
   threadId: string | null;
   turnRef: string | null;
   turnId: string | null;