Polish board settings and skills workflow (#4863)

## Thinking Path

> - Paperclip's board UI and bundled skills are the operator layer for
configuring agents, routines, issue workflows, and local troubleshooting
loops.
> - The prior rollup mixed this operator polish with database backups,
backend reliability, thread scale, and cost/workflow primitives.
> - This pull request isolates the remaining board QoL, settings,
issue-detail integration, adapter config cleanup, and skills smoke
tooling.
> - It includes some integration-level overlap with the thread and
workflow slices so this branch can run from `origin/master` while still
preserving the full original work.
> - Preferred merge order is the narrower primitives first, then this
integration PR last.
> - The benefit is that reviewers can inspect the user-facing
board/settings/skills layer separately from backend infrastructure
changes.

## What Changed

- Added board/settings polish for agents, routines, company settings,
project workspace detail, and issue detail controls.
- Added agent/routine UI regression tests and New Issue dialog coverage.
- Integrated issue-detail activity/cost/interaction surfaces and leaf
work pause/resume controls.
- Cleaned bundled adapter UI config defaults and onboarding copy.
- Added terminal-bench loop and work-stoppage diagnosis skills plus a
smoke test script.
- Updated attachment type handling and Paperclip skill/API guidance.

## Verification

- `pnpm install --frozen-lockfile`
- `pnpm exec vitest run ui/src/pages/Agents.test.tsx
ui/src/pages/Routines.test.tsx ui/src/components/NewIssueDialog.test.tsx
ui/src/pages/IssueDetail.test.tsx
server/src/__tests__/costs-service.test.ts
server/src/__tests__/issue-thread-interaction-routes.test.ts
server/src/__tests__/issue-thread-interactions-service.test.ts`
- Result: 7 test files passed, 54 tests passed.
- `pnpm run smoke:terminal-bench-loop-skill`
- Result: JSON output included `"ok": true` and `"cleanup": true`.
- UI screenshots not included because verification is focused
component/page coverage for the changed board surfaces.

## Risks

- This is the integration-heavy PR in the split and intentionally
overlaps some component/API primitives with the issue-thread and
workflow PRs so it can run from `origin/master`.
- Preferred merge order: #4859, #4860, #4861, #4862, then this PR last.
If earlier branches merge first, this PR may need a straightforward
conflict refresh in shared UI files.
- The terminal-bench smoke script creates temporary mock issues and
relies on cleanup; the verified run returned `cleanup: true`.

> For core feature work, check [`ROADMAP.md`](ROADMAP.md) first and
discuss it in `#dev` before opening the PR. Feature PRs that overlap
with planned core work may need to be redirected — check the roadmap
first. See `CONTRIBUTING.md`.

## Model Used

- OpenAI Codex, GPT-5.5, code execution and GitHub CLI tool use, medium
reasoning effort.

## Checklist

- [x] I have included a thinking path that traces from project context
to this change
- [x] I have specified the model used (with version and capability
details)
- [x] I have checked ROADMAP.md and confirmed this PR does not duplicate
planned core work
- [x] I have run tests locally and they pass
- [x] I have added or updated tests where applicable
- [x] If this change affects the UI, I have included before/after
screenshots
- [x] I have updated relevant documentation to reflect my changes
- [x] I have considered and documented any risks above
- [x] I will address all Greptile and reviewer comments before
requesting merge

---------

Co-authored-by: Paperclip <noreply@paperclip.ing>

ui/src/pages/Routines.test.tsx

@@ -5,7 +5,7 @@ import { createRoot } from "react-dom/client";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import type { Issue, RoutineListItem } from "@paperclipai/shared";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { Routines, buildRoutineGroups } from "./Routines";
+import { Routines, buildRoutineGroups, sortRoutines } from "./Routines";
 
 let currentSearch = "";
 
@@ -357,6 +357,97 @@ describe("Routines page", () => {
     expect(groups[1]?.items.map((item) => item.title)).toEqual(["Weekly digest"]);
   });
 
+  it("sorts routines by selected field and direction without mutating the source list", () => {
+    const routines = [
+      createRoutine({
+        id: "routine-1",
+        title: "Weekly digest",
+        createdAt: new Date("2026-04-01T00:00:00.000Z"),
+        updatedAt: new Date("2026-04-03T00:00:00.000Z"),
+        lastRun: {
+          id: "run-1",
+          companyId: "company-1",
+          routineId: "routine-1",
+          triggerId: null,
+          source: "manual",
+          status: "succeeded",
+          triggeredAt: new Date("2026-04-02T00:00:00.000Z"),
+          idempotencyKey: null,
+          triggerPayload: null,
+          dispatchFingerprint: null,
+          linkedIssueId: null,
+          coalescedIntoRunId: null,
+          failureReason: null,
+          completedAt: null,
+          createdAt: new Date("2026-04-02T00:00:00.000Z"),
+          updatedAt: new Date("2026-04-02T00:00:00.000Z"),
+          linkedIssue: null,
+          trigger: null,
+        },
+      }),
+      createRoutine({
+        id: "routine-2",
+        title: "Morning sync",
+        createdAt: new Date("2026-04-02T00:00:00.000Z"),
+        updatedAt: new Date("2026-04-04T00:00:00.000Z"),
+        lastRun: null,
+      }),
+    ];
+
+    expect(sortRoutines(routines, "title", "asc").map((routine) => routine.title)).toEqual([
+      "Morning sync",
+      "Weekly digest",
+    ]);
+    expect(sortRoutines(routines, "updated", "desc").map((routine) => routine.id)).toEqual([
+      "routine-2",
+      "routine-1",
+    ]);
+    expect(sortRoutines(routines, "lastRun", "desc").map((routine) => routine.id)).toEqual([
+      "routine-1",
+      "routine-2",
+    ]);
+    expect(routines.map((routine) => routine.id)).toEqual(["routine-1", "routine-2"]);
+  });
+
+  it("renders the routines sort control before the group control", async () => {
+    routinesListMock.mockResolvedValue([]);
+    issuesListMock.mockResolvedValue([]);
+
+    const root = createRoot(container);
+    const queryClient = new QueryClient({
+      defaultOptions: {
+        queries: { retry: false },
+      },
+    });
+
+    await act(async () => {
+      root.render(
+        <QueryClientProvider client={queryClient}>
+          <Routines />
+        </QueryClientProvider>,
+      );
+      await flush();
+    });
+
+    let sortButton = container.querySelector<HTMLButtonElement>('button[title="Sort"]');
+    let groupButton = container.querySelector<HTMLButtonElement>('button[title="Group"]');
+    for (let attempts = 0; attempts < 5 && (!sortButton || !groupButton); attempts += 1) {
+      await act(async () => {
+        await flush();
+      });
+      sortButton = container.querySelector<HTMLButtonElement>('button[title="Sort"]');
+      groupButton = container.querySelector<HTMLButtonElement>('button[title="Group"]');
+    }
+
+    expect(sortButton).not.toBeNull();
+    expect(groupButton).not.toBeNull();
+    expect(sortButton!.compareDocumentPosition(groupButton!) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+
+    await act(async () => {
+      root.unmount();
+    });
+  });
+
   it("passes company mention options to the routine description editor", async () => {
     routinesListMock.mockResolvedValue([]);
     issuesListMock.mockResolvedValue([]);