@grackle-ai/web-components 0.115.2 → 0.117.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grackle-ai/web-components",
-  "version": "0.115.2",
+  "version": "0.117.0",
   "description": "Presentational React component library for the Grackle web UI",
   "license": "MIT",
   "sideEffects": [
@@ -41,12 +41,13 @@
     "d3-zoom": "^3.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-live": "^4.1.8",
     "react-markdown": "^9.0.3",
     "rehype-prism-plus": "^2.0.0",
     "remark-gfm": "^4.0.0",
     "lucide-react": "~0.474.0",
     "react-router": "^7.0.0",
-    "@grackle-ai/common": "0.115.2"
+    "@grackle-ai/common": "0.117.0"
   },
   "devDependencies": {
     "@rushstack/heft": "1.2.7",
@@ -60,6 +61,7 @@
     "@types/react-dom": "^19.0.0",
     "sass": "^1.86.0",
     "vite": "^6.4.2",
+    "vite-plugin-css-injected-by-js": "^4.0.1",
     "vitest": "^3.1.1",
     "@testing-library/react": "^16.3.2",
     "jsdom": "^29.0.0",

package/rush-logs/web-components._phase_build.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: b32d9c7748f6c2c43df816a4bdd427ae0c7f1e32
-Clearing cached folders: dist, storybook-static, .rush/temp/operation/_phase_build
+Cache key: 8d9be4152bfcbf796b578ac87621b34484202bd0
+Clearing cached folders: dist, storybook-static, mcp-app-runtime, .rush/temp/operation/_phase_build
 Successfully restored output from the build cache.

package/rush-logs/web-components._phase_test.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: 49e5384757b767ffca6c218faf139f6813911f4a
+Cache key: be1751e9cb123b206e39fdb59b24fd82523d77e2
 Clearing cached folders: .rush/temp/operation/_phase_test
 Successfully restored output from the build cache.

package/src/components/display/EventRenderer.stories.tsx

@@ -216,6 +216,28 @@ export const AgentWidgetEvent: Story = {
   },
 };
 
+/** GenUX React runtime (#1268): rendererKind "grackle-react" — `html` is JSX source. */
+export const ReactRuntimeWidgetEvent: Story = {
+  args: {
+    event: makeEvent({
+      eventType: "widget",
+      content: JSON.stringify({
+        resourceUri: "",
+        toolName: "component_show",
+        rendererKind: "grackle-react",
+        html: "render(<Button>{props.label}</Button>)",
+        csp: { resourceDomains: ["http://localhost:6007"], connectDomains: ["http://localhost:6007"], allowUnsafeEval: true },
+        toolInput: { label: "Hi" },
+      }),
+    }),
+    sandboxProxyUrl: "http://localhost:6007/sandbox.html",
+  },
+  play: async ({ canvas }) => {
+    // The grackle-react branch builds a runtime bootstrap and mounts the host iframe.
+    await expect(await canvas.findByTestId("mcp-app-widget")).toBeInTheDocument();
+  },
+};
+
 /** An unknown rendererKind falls back to the default event card (no crash). */
 export const UnknownRendererKindWidget: Story = {
   args: {

package/src/components/display/EventRenderer.tsx

@@ -226,9 +226,10 @@ export function EventRenderer({ event, toolUseCtx, settled, sandboxProxyUrl }: P
       let payload: {
         html?: string;
         rendererKind?: string;
-        // `allowInlineScripts` is a Grackle extension to the upstream CSP type
-        // (agent-authored widgets, #1239); it is forwarded verbatim to the sandbox.
-        csp?: McpUiResourceCsp & { allowInlineScripts?: boolean };
+        // `allowInlineScripts`/`allowUnsafeEval` are Grackle extensions to the
+        // upstream CSP type (agent-authored widgets #1239; React runtime #1268);
+        // forwarded verbatim to the sandbox.
+        csp?: McpUiResourceCsp & { allowInlineScripts?: boolean; allowUnsafeEval?: boolean };
         toolInput?: Record<string, unknown>;
         toolResult?: CallToolResult;
       } = {};
@@ -236,8 +237,31 @@ export function EventRenderer({ event, toolUseCtx, settled, sandboxProxyUrl }: P
         payload = JSON.parse(event.content) as typeof payload;
       } catch { /* malformed widget payload — fall back */ }
       // Dispatch on rendererKind (default "mcp-app-html" for back-compat). This
-      // switch is the seam for future declarative renderers (e.g. adaptive-card).
+      // switch is the seam for declarative/runtime renderers.
       const rendererKind: string = payload.rendererKind ?? "mcp-app-html";
+      // GenUX React runtime (#1268): payload.html is JSX *source* (not a full
+      // document). Render it via a bootstrap that loads the runtime bundle from the
+      // sandbox origin; the source + props are delivered as tool input. The runtime
+      // transpiles + renders the component against the Grackle component library.
+      // An absolute runtime.js URL is required — the inner iframe is written via
+      // doc.write (about:blank base), so a relative "/runtime.js" would not resolve.
+      if (rendererKind === "grackle-react" && payload.html) {
+        const sandboxOrigin: string = new URL(sandboxProxyUrl, window.location.href).origin;
+        const bootstrap: string =
+          `<!doctype html><html><head><meta charset="utf-8"></head>` +
+          `<body><div id="grackle-root"></div>` +
+          `<script type="module" src="${sandboxOrigin}/runtime.js"></script></body></html>`;
+        return (
+          <Suspense fallback={<DefaultEvent content="Loading widget..." />}>
+            <McpAppWidget
+              widgetHtml={bootstrap}
+              sandboxProxyUrl={sandboxProxyUrl}
+              csp={payload.csp}
+              toolInput={{ source: payload.html, props: payload.toolInput ?? {} }}
+            />
+          </Suspense>
+        );
+      }
       if (rendererKind !== "mcp-app-html" || !payload.html) {
         return <DefaultEvent content={event.content} />;
       }

package/src/components/index.ts

@@ -6,9 +6,6 @@
 // Layout components - application shell structure
 export { StatusBar, Sidebar, BottomStatusBar } from "./layout/index.js";
 
-// Panel components - main content areas
-export { FindingsPanel } from "./panels/index.js";
-
 // List components - sidebar navigation
 export { EnvironmentNav } from "./lists/index.js";
 

package/src/components/knowledge/KnowledgeDetailPanel.tsx

@@ -6,7 +6,7 @@
 
 import { useMemo, type JSX } from "react";
 import type { GraphNode, NodeDetail } from "../../hooks/types.js";
-import { taskUrl, sessionUrl, findingUrl } from "../../utils/navigation.js";
+import { taskUrl, sessionUrl } from "../../utils/navigation.js";
 import { useAppNavigate } from "../../utils/navigation.js";
 import styles from "./KnowledgeDetailPanel.module.scss";
 
@@ -40,9 +40,6 @@ export function KnowledgeDetailPanel({
       case "session":
         navigate(sessionUrl(node.sourceId));
         break;
-      case "finding":
-        navigate(findingUrl(node.sourceId));
-        break;
       default:
         break;
     }

package/src/components/layout/AppNav.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { expect, userEvent } from "@storybook/test";
-import { Brain, ClipboardList, Home, MessageSquare, Monitor, Search, Settings } from "lucide-react";
+import { Brain, ClipboardList, Home, MessageSquare, Monitor, Settings } from "lucide-react";
 import { AppNav } from "./AppNav.js";
 import { ICON_LG } from "../../utils/iconSize.js";
-import { HOME_URL, CHAT_URL, ENVIRONMENTS_URL, SETTINGS_CREDENTIALS_URL, TASKS_URL, FINDINGS_URL, KNOWLEDGE_URL } from "../../utils/navigation.js";
+import { HOME_URL, CHAT_URL, ENVIRONMENTS_URL, SETTINGS_CREDENTIALS_URL, TASKS_URL, KNOWLEDGE_URL } from "../../utils/navigation.js";
 
 const meta: Meta<typeof AppNav> = {
   title: "Grackle/Layout/AppNav",
@@ -25,7 +25,7 @@ export const AllTabsRendered: Story = {
   },
 };
 
-/** Core-only tabs: orchestration (Tasks, Findings) and knowledge tabs are absent. */
+/** Core-only tabs: orchestration (Tasks) and knowledge tabs are absent. */
 export const CoreOnlyTabs: Story = {
   args: {
     tabs: [
@@ -55,13 +55,11 @@ export const AllTabsExplicit: Story = {
       { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks" },
       { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
       { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge" },
-      { view: "findings", label: "Findings", icon: <Search size={ICON_LG} />, route: FINDINGS_URL, testId: "sidebar-tab-findings" },
       { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings" },
     ],
   },
   play: async ({ canvas }) => {
     await expect(canvas.getByRole("tab", { name: /Tasks/ })).toBeInTheDocument();
-    await expect(canvas.getByRole("tab", { name: /Findings/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Knowledge/ })).toBeInTheDocument();
   },
 };
@@ -82,7 +80,6 @@ export const SettingsPinnedRight: Story = {
       { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
       { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings", align: "end" },
       { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks" },
-      { view: "findings", label: "Findings", icon: <Search size={ICON_LG} />, route: FINDINGS_URL, testId: "sidebar-tab-findings" },
       { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge" },
     ],
   },

package/src/components/layout/AppNav.tsx

@@ -1,13 +1,13 @@
 import { useCallback, useMemo, useRef, type JSX, type KeyboardEvent, type ReactNode } from "react";
 import { useLocation } from "react-router";
-import { Brain, ClipboardList, Home, MessageSquare, Monitor, Network, Search, Settings } from "lucide-react";
-import { CHAT_URL, COORDINATION_URL, ENVIRONMENTS_URL, FINDINGS_URL, HOME_URL, KNOWLEDGE_URL, SETTINGS_URL, SETTINGS_CREDENTIALS_URL, TASKS_URL, useAppNavigate } from "../../utils/navigation.js";
+import { Brain, ClipboardList, Home, MessageSquare, Monitor, Network, Settings } from "lucide-react";
+import { CHAT_URL, COORDINATION_URL, ENVIRONMENTS_URL, HOME_URL, KNOWLEDGE_URL, SETTINGS_URL, SETTINGS_CREDENTIALS_URL, TASKS_URL, useAppNavigate } from "../../utils/navigation.js";
 import { ICON_LG } from "../../utils/iconSize.js";
 import { Tooltip } from "../display/Tooltip.js";
 import styles from "./AppNav.module.scss";
 
 /** Application view identifiers. */
-export type AppView = "dashboard" | "chat" | "tasks" | "environments" | "knowledge" | "findings" | "coordination" | "settings";
+export type AppView = "dashboard" | "chat" | "tasks" | "environments" | "knowledge" | "coordination" | "settings";
 
 /** Tab definition for the application navigation bar. */
 export interface AppTab {
@@ -37,7 +37,6 @@ export const TABS: AppTab[] = [
   { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks", order: 1 },
   { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments", order: 2 },
   { view: "chat", label: "Root", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat", order: 3 },
-  { view: "findings", label: "Findings", icon: <Search size={ICON_LG} />, route: FINDINGS_URL, testId: "sidebar-tab-findings", order: 4 },
   { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge", order: 5 },
   { view: "coordination", label: "Coordination", icon: <Network size={ICON_LG} />, route: COORDINATION_URL, testId: "sidebar-tab-coordination", order: 6 },
   { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings", align: "end" },
@@ -60,9 +59,6 @@ export function getActiveView(pathname: string): AppView {
   if (pathname.startsWith(KNOWLEDGE_URL)) {
     return "knowledge";
   }
-  if (pathname.startsWith(FINDINGS_URL)) {
-    return "findings";
-  }
   if (pathname.startsWith(SETTINGS_URL)) {
     return "settings";
   }

package/src/components/layout/BottomStatusBar.tsx

@@ -30,11 +30,9 @@ export function BottomStatusBar({ sessions, tasks, environments }: BottomStatusB
   const sessionMatch = useMatch("/sessions/:sessionId");
   const taskMatch = useMatch("/tasks/:taskId");
   const taskStreamMatch = useMatch("/tasks/:taskId/stream");
-  const taskFindingsMatch = useMatch("/tasks/:taskId/findings");
   const taskEditMatch = useMatch("/tasks/:taskId/edit");
   const wsTaskMatch = useMatch("/environments/:environmentId/workspaces/:workspaceId/tasks/:taskId");
   const wsTaskStreamMatch = useMatch("/environments/:environmentId/workspaces/:workspaceId/tasks/:taskId/stream");
-  const wsTaskFindingsMatch = useMatch("/environments/:environmentId/workspaces/:workspaceId/tasks/:taskId/findings");
   const wsTaskEditMatch = useMatch("/environments/:environmentId/workspaces/:workspaceId/tasks/:taskId/edit");
   const newChatMatch = useMatch("/sessions/new");
   const workspaceMatch = useMatch("/environments/:environmentId/workspaces/:workspaceId");
@@ -45,14 +43,14 @@ export function BottomStatusBar({ sessions, tasks, environments }: BottomStatusB
 
   // Derive current page context
   const sessionId = sessionMatch?.params.sessionId;
-  const taskId = taskMatch?.params.taskId ?? taskStreamMatch?.params.taskId ?? taskFindingsMatch?.params.taskId
-    ?? wsTaskMatch?.params.taskId ?? wsTaskStreamMatch?.params.taskId ?? wsTaskFindingsMatch?.params.taskId ?? wsTaskEditMatch?.params.taskId;
-  const wsMatch = wsTaskMatch ?? wsTaskStreamMatch ?? wsTaskFindingsMatch ?? wsTaskEditMatch;
+  const taskId = taskMatch?.params.taskId ?? taskStreamMatch?.params.taskId
+    ?? wsTaskMatch?.params.taskId ?? wsTaskStreamMatch?.params.taskId ?? wsTaskEditMatch?.params.taskId;
+  const wsMatch = wsTaskMatch ?? wsTaskStreamMatch ?? wsTaskEditMatch;
   const routeEnvironmentId = wsMatch?.params.environmentId ?? workspaceMatch?.params.environmentId;
   const isEnvironments = location.pathname.startsWith("/environments") && !workspaceMatch && !wsMatch;
   const isChat = !!chatMatch;
   const isNewChat = !!newChatMatch;
-  const isWorkspace = !!workspaceMatch && !wsTaskMatch && !wsTaskStreamMatch && !wsTaskFindingsMatch && !wsTaskEditMatch;
+  const isWorkspace = !!workspaceMatch && !wsTaskMatch && !wsTaskStreamMatch && !wsTaskEditMatch;
   const isNewTask = !!newTaskMatch;
   const isTaskEdit = !!taskEditMatch || !!wsTaskEditMatch;
   const isEmpty = !!emptyMatch && !isNewChat && !isWorkspace && !isNewTask;

package/src/components/lists/index.ts

@@ -3,4 +3,3 @@
  * @module lists
  */
 export { EnvironmentNav } from "./EnvironmentNav.js";
-export { FindingsNav } from "./FindingsNav.js";

package/src/components/panels/KeyboardShortcutsPanel.tsx

@@ -33,7 +33,6 @@ const SHORTCUT_GROUPS: ShortcutGroup[] = [
     shortcuts: [
       { keys: ["1"], description: "Switch to Overview tab" },
       { keys: ["2"], description: "Switch to Stream tab" },
-      { keys: ["3"], description: "Switch to Findings tab" },
     ],
   },
   {

package/src/components/panels/index.ts

@@ -2,7 +2,6 @@
  * Main content panel components.
  * @module panels
  */
-export { FindingsPanel } from "./FindingsPanel.js";
 export { TokensPanel } from "./TokensPanel.js";
 export { AppearancePanel } from "./AppearancePanel.js";
 export { AboutPanel } from "./AboutPanel.js";

package/src/components/personas/McpToolSelector.stories.tsx

@@ -58,13 +58,13 @@ export const WithPresetWorker: Story = {
 
 export const CustomSelection: Story = {
   args: {
-    selectedTools: ["finding_post", "task_list", "workpad_read"],
+    selectedTools: ["task_show", "task_list", "workpad_read"],
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     // Verify selected tools are checked
-    const findingPost = canvas.getByTestId("tool-finding_post") as HTMLInputElement;
-    await expect(findingPost.checked).toBe(true);
+    const taskShow = canvas.getByTestId("tool-task_show") as HTMLInputElement;
+    await expect(taskShow.checked).toBe(true);
     const taskList = canvas.getByTestId("tool-task_list") as HTMLInputElement;
     await expect(taskList.checked).toBe(true);
     // Verify unselected tool is not checked
@@ -78,8 +78,8 @@ export const CustomSelection: Story = {
 export const ToggleIndividualTool: Story = {
   play: async ({ canvasElement, args }) => {
     const canvas = within(canvasElement);
-    await userEvent.click(canvas.getByTestId("tool-finding_post"));
-    await expect(args.onChange).toHaveBeenCalledWith(["finding_post"]);
+    await userEvent.click(canvas.getByTestId("tool-task_show"));
+    await expect(args.onChange).toHaveBeenCalledWith(["task_show"]);
   },
 };
 
@@ -87,11 +87,11 @@ export const SearchFilter: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const filterInput = canvas.getByTestId("mcp-tool-filter");
-    await userEvent.type(filterInput, "finding");
-    // finding group should be visible with its tools
-    await expect(canvas.getByTestId("tool-group-finding")).toBeInTheDocument();
-    await expect(canvas.getByTestId("tool-finding_post")).toBeInTheDocument();
-    await expect(canvas.getByTestId("tool-finding_list")).toBeInTheDocument();
+    await userEvent.type(filterInput, "workpad");
+    // workpad group should be visible with its tools
+    await expect(canvas.getByTestId("tool-group-workpad")).toBeInTheDocument();
+    await expect(canvas.getByTestId("tool-workpad_write")).toBeInTheDocument();
+    await expect(canvas.getByTestId("tool-workpad_read")).toBeInTheDocument();
     // env group should be hidden (no match)
     await expect(canvas.queryByTestId("tool-group-env")).not.toBeInTheDocument();
   },
@@ -115,7 +115,7 @@ export const GroupSelectAll: Story = {
 export const DisabledState: Story = {
   args: {
     disabled: true,
-    selectedTools: ["finding_post"],
+    selectedTools: ["task_show"],
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
@@ -124,6 +124,6 @@ export const DisabledState: Story = {
     // Filter input should be disabled
     await expect(canvas.getByTestId("mcp-tool-filter")).toBeDisabled();
     // Tool checkboxes should be disabled
-    await expect(canvas.getByTestId("tool-finding_post")).toBeDisabled();
+    await expect(canvas.getByTestId("tool-task_show")).toBeDisabled();
   },
 };

package/src/components/tools/ToolCard.stories.tsx

@@ -49,32 +49,6 @@ export const GenericTool: Story = {
   },
 };
 
-/** MCP finding tool (Claude Code format) routes to FindingCard. */
-export const McpFinding: Story = {
-  name: "MCP finding_post (Claude Code)",
-  args: {
-    tool: "mcp__grackle__finding_post",
-    args: { title: "Test finding", category: "insight" },
-    result: JSON.stringify({ id: "f1", title: "Test finding", category: "insight", tags: [] }),
-  },
-  play: async ({ canvas }) => {
-    await expect(canvas.getByTestId("tool-card-finding")).toBeInTheDocument();
-  },
-};
-
-/** MCP finding tool (Copilot format) routes to FindingCard. */
-export const McpFindingCopilot: Story = {
-  name: "MCP finding_post (Copilot)",
-  args: {
-    tool: "grackle-finding_post",
-    args: { title: "Copilot finding", category: "bug" },
-    result: JSON.stringify({ id: "f2", title: "Copilot finding", category: "bug", tags: [] }),
-  },
-  play: async ({ canvas }) => {
-    await expect(canvas.getByTestId("tool-card-finding")).toBeInTheDocument();
-  },
-};
-
 /** MCP task tool routes to TaskCard. */
 export const McpTask: Story = {
   name: "MCP task_list",

package/src/components/tools/ToolCard.tsx

@@ -7,7 +7,6 @@ import { ShellCard } from "./ShellCard.js";
 import { SearchCard } from "./SearchCard.js";
 import { TodoCard } from "./TodoCard.js";
 import { MetadataCard } from "./MetadataCard.js";
-import { FindingCard } from "./FindingCard.js";
 import { TaskCard } from "./TaskCard.js";
 import { WorkpadCard } from "./WorkpadCard.js";
 import { KnowledgeCard } from "./KnowledgeCard.js";
@@ -40,8 +39,6 @@ export function ToolCard(props: ToolCardProps): JSX.Element {
       return <TodoCard {...props} />;
     case "metadata":
       return <MetadataCard {...props} />;
-    case "finding":
-      return <FindingCard {...props} />;
     case "task":
       return <TaskCard {...props} />;
     case "workpad":

package/src/components/tools/ToolSearchCard.stories.tsx

@@ -13,7 +13,7 @@ export const InProgress: Story = {
   name: "ToolSearch - in progress",
   args: {
     tool: "ToolSearch",
-    args: { query: "select:mcp__grackle__finding_post,mcp__grackle__workpad_write", max_results: 3 },
+    args: { query: "select:mcp__grackle__task_create,mcp__grackle__workpad_write", max_results: 3 },
   },
   play: async ({ canvas }) => {
     await expect(canvas.getByTestId("tool-card-tool-search")).toBeInTheDocument();
@@ -25,15 +25,15 @@ export const WithResults: Story = {
   name: "ToolSearch - with results",
   args: {
     tool: "ToolSearch",
-    args: { query: "select:mcp__grackle__finding_post", max_results: 3 },
+    args: { query: "select:mcp__grackle__task_create", max_results: 3 },
     result: [
-      "mcp__grackle__finding_post:",
-      "  Post a new finding to the workspace.",
+      "mcp__grackle__task_create:",
+      "  Create a new task in the workspace.",
       "  Parameters:",
-      "    title (string, required): Finding title",
-      "    category (string, optional): Category (bug, insight, decision)",
-      "    content (string, optional): Detailed content",
-      "    tags (array, optional): Tags for categorization",
+      "    title (string, required): Task title",
+      "    description (string, optional): Task description",
+      "    parentTaskId (string, optional): Parent task to nest under",
+      "    canDecompose (boolean, optional): Allow the task to create subtasks",
       "",
       "mcp__grackle__workpad_write:",
       "  Write to the task workpad.",

package/src/components/tools/WorkpadCard.stories.tsx

@@ -37,10 +37,10 @@ export const WriteCompleted: Story = {
       taskId: "74f5b716",
       workpad: {
         status: "completed",
-        summary: "Tested Grackle MCP tools: posted a finding, wrote to workpad, and searched knowledge.",
+        summary: "Tested Grackle MCP tools: created a task, wrote to workpad, and searched knowledge.",
         extra: {
-          tools_tested: ["finding_post", "workpad_write", "knowledge_search"],
-          finding_topic: "qdrant catalog",
+          tools_tested: ["task_create", "workpad_write", "knowledge_search"],
+          search_topic: "qdrant catalog",
         },
       },
     }),
@@ -79,10 +79,10 @@ export const CopilotFormat: Story = {
   name: "workpad_write - Copilot tool name",
   args: {
     tool: "grackle-workpad_write",
-    args: { status: "in progress", summary: "Posted a finding about Rush worktrees." },
+    args: { status: "in progress", summary: "Wrote a progress note about Rush worktrees." },
     result: JSON.stringify({
       taskId: "e4366a55",
-      workpad: { status: "in progress", summary: "Posted a finding about Rush worktrees." },
+      workpad: { status: "in progress", summary: "Wrote a progress note about Rush worktrees." },
     }),
   },
   play: async ({ canvas }) => {

package/src/components/tools/classifyTool.test.ts

@@ -33,7 +33,6 @@ describe("classifyTool", () => {
 
   it("classifies Grackle MCP tools", () => {
     expect(classifyTool("mcp__grackle__workpad_write")).toBe("workpad");
-    expect(classifyTool("mcp__grackle__finding_post")).toBe("finding");
     expect(classifyTool("mcp__grackle__task_create")).toBe("task");
   });
 

package/src/components/tools/classifyTool.ts

@@ -14,7 +14,6 @@ export type ToolCategory =
   | "search"
   | "todo"
   | "metadata"
-  | "finding"
   | "task"
   | "workpad"
   | "knowledge"
@@ -29,8 +28,8 @@ const KNOWN_MCP_SERVERS: Set<string> = new Set(["grackle"]);
 /**
  * Extracts the bare tool name from runtime-specific naming conventions.
  *
- * - Claude Code / Codex: `mcp__grackle__finding_post` -> `finding_post`
- * - Copilot: `grackle-finding_post` -> `finding_post`
+ * - Claude Code / Codex: `mcp__grackle__task_create` -> `task_create`
+ * - Copilot: `grackle-task_create` -> `task_create`
  * - Built-in: `Read` -> `read` (unchanged, lowered later)
  */
 export function extractBareName(toolName: string): string {
@@ -84,10 +83,6 @@ const TOOL_MAP: Record<string, ToolCategory> = {
   // Metadata — Copilot: report_intent
   report_intent: "metadata",
 
-  // Finding — Grackle MCP
-  finding_post: "finding",
-  finding_list: "finding",
-
   // Task — Grackle MCP
   task_list: "task",
   task_create: "task",

package/src/context/GrackleContextTypes.ts

@@ -9,7 +9,7 @@
 import type {
   UsageStats, UseKnowledgeResult,
   UseEnvironmentsResult, UseSessionsResult, UseWorkspacesResult,
-  UseTasksResult, UseFindingsResult, UseTokensResult,
+  UseTasksResult, UseTokensResult,
   UseCredentialsResult, UseCodespacesResult, UseDockerContainersResult, UsePersonasResult,
   UsePluginsResult,
   UseSchedulesResult,
@@ -30,8 +30,6 @@ export interface UseGrackleSocketResult {
   workspaces: Omit<UseWorkspacesResult, "handleEvent" | "onDisconnect">;
   /** Task state and actions. */
   tasks: Omit<UseTasksResult, "handleEvent" | "onDisconnect" | "handleLegacyMessage">;
-  /** Finding state and actions. */
-  findings: Omit<UseFindingsResult, "handleEvent">;
   /** Token state and actions. */
   tokens: Omit<UseTokensResult, "handleEvent">;
   /** Credential provider state and actions. */

package/src/hooks/types.ts

@@ -74,7 +74,7 @@ export interface SessionEvent {
   raw?: string;
 }
 
-/** A workspace that groups tasks and findings. */
+/** A workspace that groups tasks. */
 export interface Workspace {
   id: string;
   name: string;
@@ -125,19 +125,6 @@ export interface TaskData {
   costBudgetMillicents: number;
 }
 
-/** A finding posted by an agent or user. */
-export interface FindingData {
-  id: string;
-  workspaceId: string;
-  taskId: string;
-  sessionId: string;
-  category: string;
-  title: string;
-  content: string;
-  tags: string[];
-  createdAt: string;
-}
-
 /** Metadata about a stored token. */
 export interface TokenInfo {
   name: string;
@@ -419,36 +406,6 @@ export interface UseTasksResult {
   domainHook: DomainHook;
 }
 
-/** Values returned by the findings domain hook. */
-export interface UseFindingsResult {
-  /** All loaded findings. */
-  findings: FindingData[];
-  /** The currently selected finding (loaded by ID). */
-  selectedFinding: FindingData | undefined;
-  /** Whether a single finding is being loaded. */
-  findingLoading: boolean;
-  /** Whether a findings list fetch is in-flight. */
-  findingsLoading: boolean;
-  /** Load findings for a given workspace. */
-  loadFindings: (workspaceId: string) => Promise<void>;
-  /** Load findings across all workspaces. */
-  loadAllFindings: () => Promise<void>;
-  /** Load a single finding by ID. */
-  loadFinding: (findingId: string) => Promise<void>;
-  /** Post a new finding to a workspace. */
-  postFinding: (
-    workspaceId: string,
-    title: string,
-    content: string,
-    category?: string,
-    tags?: string[],
-  ) => Promise<void>;
-  /** Handle a domain event from the event bus. Returns `true` if handled. */
-  handleEvent: (event: GrackleEvent) => boolean;
-  /** Lifecycle hook for connect/disconnect/event routing. */
-  domainHook: DomainHook;
-}
-
 /** Values returned by the tokens domain hook. */
 export interface UseTokensResult {
   /** All known tokens. */