feat(ui): add experimental cached task file inspection

Co-Authored-By: Paperclip <noreply@paperclip.ing>

ui/src/components/CachedTaskFilesButton.test.tsx

@@ -0,0 +1,54 @@
+// @vitest-environment jsdom
+import type { ComponentProps } from "react";
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { CachedTaskFilesButton } from "./CachedTaskFilesButton";
+
+vi.mock("@/components/WorkFolderBrowser", () => ({
+  WorkFolderBrowser: ({ owner, readOnly }: { owner: unknown; readOnly: boolean }) =>
+    <div data-testid="browser">{JSON.stringify({ owner, readOnly })}</div>,
+}));
+
+const issue = { id: "task-1", companyId: "company-1", projectId: "project-1", assigneeAgentId: "agent-1", responsibleUserId: "user-1" };
+const roots: ReturnType<typeof createRoot>[] = [];
+afterEach(async () => {
+  await act(async () => roots.splice(0).forEach((root) => root.unmount()));
+  document.body.innerHTML = "";
+});
+async function open(context: ComponentProps<typeof CachedTaskFilesButton>["issue"] = issue, currentUserId = "user-1") {
+  const container = document.createElement("div");
+  document.body.append(container);
+  const root = createRoot(container);
+  roots.push(root);
+  await act(async () => root.render(<CachedTaskFilesButton issue={context} currentUserId={currentUserId} />));
+  await act(async () => container.querySelector("button")!.click());
+}
+async function select(label: string) {
+  const tab = [...document.querySelectorAll<HTMLButtonElement>('[role="tab"]')].find((node) => node.textContent === label)!;
+  await act(async () => { tab.focus(); });
+}
+describe("cached task context inspector", () => {
+  it("uses each task binding and exposes only inspection mode", async () => {
+    await open();
+    for (const [label, scope, ownerId] of [["Task", "task", "task-1"], ["Project", "project", "project-1"], ["Agent", "agent", "agent-1"], ["Responsible user", "user", "user-1"]]) {
+      await select(label!);
+      expect(JSON.parse(document.querySelector('[data-testid="browser"]')!.textContent!)).toEqual({ owner: { companyId: "company-1", scope, ownerId }, readOnly: true });
+    }
+    expect(document.body.textContent).toContain("not the live sandbox filesystem");
+  });
+  it("does not mount a private-user browser for a different viewer", async () => {
+    await open(issue, "another-user");
+    await select("Responsible user");
+    expect(document.body.textContent).toContain("private to the responsible user");
+    expect(document.querySelector('[data-testid="browser"]')).toBeNull();
+  });
+  it("leaves missing bindings unbound without selecting a substitute owner", async () => {
+    await open({ ...issue, projectId: null, assigneeAgentId: null, responsibleUserId: null });
+    for (const label of ["Project", "Agent", "Responsible user"]) {
+      await select(label);
+      expect(document.body.textContent).toContain("empty and unbound");
+      expect(document.querySelector('[data-testid="browser"]')).toBeNull();
+    }
+  });
+});