initial commit after split

webui/src/features/campaigns/CampaignAuditPage.tsx

@@ -0,0 +1,35 @@
+import type { ApiSettings } from "../../types";
+import Button from "../../components/Button";
+import Card from "../../components/Card";
+import DismissibleAlert from "../../components/DismissibleAlert";
+import PageTitle from "../../components/PageTitle";
+import VersionLine from "./components/VersionLine";
+import LoadingFrame from "../../components/LoadingFrame";
+import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
+
+export default function CampaignAuditPage({ settings, campaignId }: { settings: ApiSettings; campaignId: string }) {
+  const { data, loading, error, reload } = useCampaignWorkspaceData(settings, campaignId);
+  const version = data.currentVersion;
+
+  return (
+    <div className="content-pad workspace-data-page">
+      <div className="page-heading split workspace-heading">
+        <div>
+          <PageTitle loading={loading}>Audit log</PageTitle>
+          <VersionLine version={version} versions={data.versions} loadedAt={version?.updated_at} />
+        </div>
+        <div className="button-row compact-actions">
+          <Button onClick={reload} disabled={loading}>Reload</Button>
+        </div>
+      </div>
+
+      {error && <DismissibleAlert tone="danger" resetKey={error} floating>{error}</DismissibleAlert>}
+
+      <LoadingFrame loading={loading} label="Loading audit data…">
+      <Card title="Recent audit events">
+        <p className="muted">Campaign-specific audit API integration will be added in the audit section pass.</p>
+      </Card>
+      </LoadingFrame>
+    </div>
+  );
+}