initial commit after split

webui/src/layout/SectionSidebar.tsx

@@ -0,0 +1,52 @@
+import type { CampaignWorkspaceSection } from "../types";
+import ModuleSubnav, { type ModuleSubnavGroup } from "./ModuleSubnav";
+
+const campaignSubnav: ModuleSubnavGroup<CampaignWorkspaceSection>[] = [
+  {
+    items: [{ id: "overview", label: "Overview", primary: true }]
+  },
+  {
+    title: "CAMPAIGN",
+    items: [
+      { id: "fields", label: "Fields" },
+      { id: "files", label: "Attachments" },
+      { id: "recipients", label: "Sender & Recipients" },
+      { id: "recipient-data", label: "Recipient data" },
+      { id: "template", label: "Template" }
+    ]
+  },
+  {
+    title: "SETTINGS",
+    items: [
+      { id: "mail-settings", label: "Server settings" },
+      { id: "global-settings", label: "Campaign settings" }
+    ]
+  },
+  {
+    title: "SEND",
+    items: [
+      { id: "review", label: "Review & Send" }
+    ]
+  },
+  {
+    title: "REPORT",
+    items: [
+      { id: "report", label: "Report" },
+      { id: "audit", label: "Audit log" }
+    ]
+  },
+  {
+    title: "ADVANCED",
+    items: [{ id: "json", label: "JSON", subtle: true }]
+  }
+];
+
+export default function SectionSidebar({
+  active,
+  onSelect
+}: {
+  active: CampaignWorkspaceSection;
+  onSelect: (section: CampaignWorkspaceSection) => void;
+}) {
+  return <ModuleSubnav active={active} groups={campaignSubnav} onSelect={onSelect} />;
+}