feat: implement multi-user access and invite flows (#3784)

## Thinking Path

> - Paperclip is the control plane for autonomous AI companies.
> - V1 needs to stay local-first while also supporting shared,
authenticated deployments.
> - Human operators need real identities, company membership, invite
flows, profile surfaces, and company-scoped access controls.
> - Agents and operators also need the existing issue, inbox, workspace,
approval, and plugin flows to keep working under those authenticated
boundaries.
> - This branch accumulated the multi-user implementation, follow-up QA
fixes, workspace/runtime refinements, invite UX improvements,
release-branch conflict resolution, and review hardening.
> - This pull request consolidates that branch onto the current `master`
branch as a single reviewable PR.
> - The benefit is a complete multi-user implementation path with tests
and docs carried forward without dropping existing branch work.

## What Changed

- Added authenticated human-user access surfaces: auth/session routes,
company user directory, profile settings, company access/member
management, join requests, and invite management.
- Added invite creation, invite landing, onboarding, logo/branding,
invite grants, deduped join requests, and authenticated multi-user E2E
coverage.
- Tightened company-scoped and instance-admin authorization across
board, plugin, adapter, access, issue, and workspace routes.
- Added profile-image URL validation hardening, avatar preservation on
name-only profile updates, and join-request uniqueness migration cleanup
for pending human requests.
- Added an atomic member role/status/grants update path so Company
Access saves no longer leave partially updated permissions.
- Improved issue chat, inbox, assignee identity rendering,
sidebar/account/company navigation, workspace routing, and execution
workspace reuse behavior for multi-user operation.
- Added and updated server/UI tests covering auth, invites, membership,
issue workspace inheritance, plugin authz, inbox/chat behavior, and
multi-user flows.
- Merged current `public-gh/master` into this branch, resolved all
conflicts, and verified no `pnpm-lock.yaml` change is included in this
PR diff.

## Verification

- `pnpm exec vitest run server/src/__tests__/issues-service.test.ts
ui/src/components/IssueChatThread.test.tsx ui/src/pages/Inbox.test.tsx`
- `pnpm run preflight:workspace-links && pnpm exec vitest run
server/src/__tests__/plugin-routes-authz.test.ts`
- `pnpm exec vitest run server/src/__tests__/plugin-routes-authz.test.ts
server/src/__tests__/workspace-runtime-service-authz.test.ts
server/src/__tests__/access-validators.test.ts`
- `pnpm exec vitest run
server/src/__tests__/authz-company-access.test.ts
server/src/__tests__/routines-routes.test.ts
server/src/__tests__/sidebar-preferences-routes.test.ts
server/src/__tests__/approval-routes-idempotency.test.ts
server/src/__tests__/openclaw-invite-prompt-route.test.ts
server/src/__tests__/agent-cross-tenant-authz-routes.test.ts
server/src/__tests__/routines-e2e.test.ts`
- `pnpm exec vitest run server/src/__tests__/auth-routes.test.ts
ui/src/pages/CompanyAccess.test.tsx`
- `pnpm --filter @paperclipai/shared typecheck && pnpm --filter
@paperclipai/db typecheck && pnpm --filter @paperclipai/server
typecheck`
- `pnpm --filter @paperclipai/shared typecheck && pnpm --filter
@paperclipai/server typecheck`
- `pnpm --filter @paperclipai/ui typecheck`
- `pnpm db:generate`
- `npx playwright test --config tests/e2e/playwright.config.ts --list`
- Confirmed branch has no uncommitted changes and is `0` commits behind
`public-gh/master` before PR creation.
- Confirmed no `pnpm-lock.yaml` change is staged or present in the PR
diff.

## Risks

- High review surface area: this PR contains the accumulated multi-user
branch plus follow-up fixes, so reviewers should focus especially on
company-boundary enforcement and authenticated-vs-local deployment
behavior.
- UI behavior changed across invites, inbox, issue chat, access
settings, and sidebar navigation; no browser screenshots are included in
this branch-consolidation PR.
- Plugin install, upgrade, and lifecycle/config mutations now require
instance-admin access, which is intentional but may change expectations
for non-admin board users.
- A join-request dedupe migration rejects duplicate pending human
requests before creating unique indexes; deployments with unusual
historical duplicates should review the migration behavior.
- Company member role/status/grant saves now use a new combined
endpoint; older separate endpoints remain for compatibility.
- Full production build was not run locally in this heartbeat; CI should
cover the full matrix.

## Model Used

- OpenAI Codex coding agent, GPT-5-based model, CLI/tool-use
environment. Exact deployed model identifier and context window were not
exposed by the runtime.

## 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 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

Note on screenshots: this is a branch-consolidation PR for an
already-developed multi-user branch, and no browser screenshots were
captured during this heartbeat.

---------

Co-authored-by: dotta <dotta@example.com>
Co-authored-by: Paperclip <noreply@paperclip.ing>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

ui/src/components/access/CompanySettingsNav.test.tsx

@@ -0,0 +1,99 @@
+// @vitest-environment jsdom
+
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { CompanySettingsNav, getCompanySettingsTab } from "./CompanySettingsNav";
+
+let currentPathname = "/company/settings";
+const navigateMock = vi.hoisted(() => vi.fn());
+const pageTabBarMock = vi.hoisted(() => vi.fn());
+
+vi.mock("@/lib/router", () => ({
+  useLocation: () => ({ pathname: currentPathname, search: "", hash: "" }),
+  useNavigate: () => navigateMock,
+}));
+
+vi.mock("@/components/ui/tabs", () => ({
+  Tabs: ({ children }: { children: React.ReactNode }) => <div data-testid="tabs-root">{children}</div>,
+}));
+
+vi.mock("@/components/PageTabBar", () => ({
+  PageTabBar: (props: {
+    items: Array<{ value: string; label: string }>;
+    value?: string;
+    onValueChange?: (value: string) => void;
+  }) => {
+    pageTabBarMock(props);
+
+    return (
+      <div>
+        <div data-testid="active-tab">{props.value}</div>
+        <button type="button" onClick={() => props.onValueChange?.("invites")}>
+          switch-tab
+        </button>
+      </div>
+    );
+  },
+}));
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
+
+describe("CompanySettingsNav", () => {
+  let container: HTMLDivElement;
+
+  beforeEach(() => {
+    container = document.createElement("div");
+    document.body.appendChild(container);
+    currentPathname = "/company/settings";
+  });
+
+  afterEach(() => {
+    container.remove();
+    document.body.innerHTML = "";
+    vi.clearAllMocks();
+  });
+
+  it("maps company settings routes to the expected shared tab value", () => {
+    expect(getCompanySettingsTab("/company/settings")).toBe("general");
+    expect(getCompanySettingsTab("/PAP/company/settings")).toBe("general");
+    expect(getCompanySettingsTab("/company/settings/access")).toBe("access");
+    expect(getCompanySettingsTab("/PAP/company/settings/access")).toBe("access");
+    expect(getCompanySettingsTab("/company/settings/invites")).toBe("invites");
+  });
+
+  it("renders the active tab and navigates when a different tab is selected", async () => {
+    currentPathname = "/PAP/company/settings/access";
+    const root = createRoot(container);
+
+    await act(async () => {
+      root.render(<CompanySettingsNav />);
+    });
+
+    expect(container.textContent).toContain("access");
+    expect(pageTabBarMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        value: "access",
+        items: [
+          { value: "general", label: "General" },
+          { value: "access", label: "Access" },
+          { value: "invites", label: "Invites" },
+        ],
+      }),
+    );
+
+    const button = container.querySelector("button");
+    expect(button).not.toBeNull();
+
+    await act(async () => {
+      button?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+
+    expect(navigateMock).toHaveBeenCalledWith("/company/settings/invites");
+
+    await act(async () => {
+      root.unmount();
+    });
+  });
+});

ui/src/components/access/CompanySettingsNav.tsx

@@ -0,0 +1,46 @@
+import { PageTabBar } from "@/components/PageTabBar";
+import { Tabs } from "@/components/ui/tabs";
+import { useLocation, useNavigate } from "@/lib/router";
+
+const items = [
+  { value: "general", label: "General", href: "/company/settings" },
+  { value: "access", label: "Access", href: "/company/settings/access" },
+  { value: "invites", label: "Invites", href: "/company/settings/invites" },
+] as const;
+
+type CompanySettingsTab = (typeof items)[number]["value"];
+
+export function getCompanySettingsTab(pathname: string): CompanySettingsTab {
+  if (pathname.includes("/company/settings/access")) {
+    return "access";
+  }
+
+  if (pathname.includes("/company/settings/invites")) {
+    return "invites";
+  }
+
+  return "general";
+}
+
+export function CompanySettingsNav() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const activeTab = getCompanySettingsTab(location.pathname);
+
+  function handleTabChange(value: string) {
+    const nextTab = items.find((item) => item.value === value);
+    if (!nextTab || nextTab.value === activeTab) return;
+    navigate(nextTab.href);
+  }
+
+  return (
+    <Tabs value={activeTab} onValueChange={handleTabChange}>
+      <PageTabBar
+        items={items.map(({ value, label }) => ({ value, label }))}
+        value={activeTab}
+        onValueChange={handleTabChange}
+        align="start"
+      />
+    </Tabs>
+  );
+}

ui/src/components/access/ModeBadge.tsx

@@ -0,0 +1,19 @@
+import type { DeploymentExposure, DeploymentMode } from "@paperclipai/shared";
+import { Badge } from "@/components/ui/badge";
+
+export function ModeBadge({
+  deploymentMode,
+  deploymentExposure,
+}: {
+  deploymentMode?: DeploymentMode;
+  deploymentExposure?: DeploymentExposure;
+}) {
+  if (!deploymentMode) return null;
+
+  const label =
+    deploymentMode === "local_trusted"
+      ? "Local trusted"
+      : `Authenticated ${deploymentExposure ?? "private"}`;
+
+  return <Badge variant="outline">{label}</Badge>;
+}