+
+ Payments (Stripe)
+
+ Products, donations, subscriptions, ticketed events
+
+
setFeatureFlags((f) => ({ ...f, enablePayments: v }))}
+ disabled={isRegistered}
+ />
+
Newsletter (Listmonk)
@@ -876,6 +891,36 @@ export default function InstanceDetailPage() {
/>
+
+
+ People CRM
+
+ Unified people management, contact linking
+
+
setFeatureFlags((f) => ({ ...f, enablePeople: v }))}
+ disabled={isRegistered}
+ />
+
+
+
+
+ Analytics & GeoIP
+
+ Visitor geography tracking, user drill-down, unified dashboard
+
+
setFeatureFlags((f) => ({ ...f, enableAnalytics: v }))}
+ disabled={isRegistered}
+ />
+
+
+
+
+
+
Chat (Rocket.Chat)
@@ -888,6 +933,45 @@ export default function InstanceDetailPage() {
disabled={isRegistered}
/>
+
+
+
+ Video Conferencing (Jitsi Meet)
+
+ Self-hosted video calls (4 containers)
+
+
setFeatureFlags((f) => ({ ...f, enableMeet: v }))}
+ disabled={isRegistered}
+ />
+
+
+
+
+ SMS Campaigns
+
+ Termux Android bridge, bulk SMS outreach
+
+
setFeatureFlags((f) => ({ ...f, enableSms: v }))}
+ disabled={isRegistered}
+ />
+
+
+
+
+ Social Connections
+
+ Volunteer friendships, challenges, spotlights, referrals
+
+
setFeatureFlags((f) => ({ ...f, enableSocial: v }))}
+ disabled={isRegistered}
+ />
+
@@ -897,7 +981,7 @@ export default function InstanceDetailPage() {
Monitoring
- Prometheus, Grafana, Alertmanager
+ Prometheus, Grafana, Alertmanager, cAdvisor
-
-
-
- Payments
-
- Vaultwarden (secrets vault, future)
-
-
setFeatureFlags((f) => ({ ...f, enablePayments: v }))}
- disabled={isRegistered}
- />
-
-
- Video Conferencing (Jitsi Meet)
-
- Self-hosted video calls, Rocket.Chat integration (4 containers)
-
-
setFeatureFlags((f) => ({ ...f, enableMeet: v }))}
- disabled={isRegistered}
- />
-
-
- SMS Campaigns
-
- Termux-based SMS outreach (no additional containers)
-
-
setFeatureFlags((f) => ({ ...f, enableSms: v }))}
- disabled={isRegistered}
- />
-
-
- Social Connections
-
- Volunteer social features, friend connections
-
-
setFeatureFlags((f) => ({ ...f, enableSocial: v }))}
- disabled={isRegistered}
- />
-
-
- People CRM
-
- Unified people management, contact linking
-
-
setFeatureFlags((f) => ({ ...f, enablePeople: v }))}
- disabled={isRegistered}
- />
-
-
- Analytics & GeoIP
-
- Unified analytics, visitor geography, user drill-down
-
-
setFeatureFlags((f) => ({ ...f, enableAnalytics: v }))}
- disabled={isRegistered}
- />
-
@@ -1015,6 +1021,7 @@ export default function InstanceDetailPage() {
enableSms: instance.enableSms,
enableSocial: instance.enableSocial,
enablePeople: instance.enablePeople,
+ enableAnalytics: instance.enableAnalytics,
});
}}
disabled={!hasFeatureChanges}
diff --git a/changemaker-control-panel/admin/src/pages/InstanceListPage.tsx b/changemaker-control-panel/admin/src/pages/InstanceListPage.tsx
index 49765865..aeb55400 100644
--- a/changemaker-control-panel/admin/src/pages/InstanceListPage.tsx
+++ b/changemaker-control-panel/admin/src/pages/InstanceListPage.tsx
@@ -112,6 +112,7 @@ export default function InstanceListPage() {
navigate(`/app/instances/${record.id}`)}>{name}
{record.isRegistered && External}
+ {record.isRemote && Remote}
),
},
diff --git a/changemaker-control-panel/admin/src/pages/InviteCodesPage.tsx b/changemaker-control-panel/admin/src/pages/InviteCodesPage.tsx
new file mode 100644
index 00000000..c03ec8dd
--- /dev/null
+++ b/changemaker-control-panel/admin/src/pages/InviteCodesPage.tsx
@@ -0,0 +1,138 @@
+import { useState, useEffect, useCallback } from 'react';
+import { Typography, Button, Table, Tag, Space, message, Popconfirm, Card, Alert } from 'antd';
+import { PlusOutlined, DeleteOutlined, CopyOutlined } from '@ant-design/icons';
+import { api } from '@/lib/api';
+import type { AgentInviteCode } from '@/types/api';
+
+const { Title, Text } = Typography;
+
+export default function InviteCodesPage() {
+ const [codes, setCodes] = useState
([]);
+ const [loading, setLoading] = useState(true);
+ const [creating, setCreating] = useState(false);
+
+ const fetchCodes = useCallback(async () => {
+ try {
+ setLoading(true);
+ const { data } = await api.get('/api/invite-codes');
+ setCodes(data.data || []);
+ } catch {
+ message.error('Failed to load invite codes');
+ } finally {
+ setLoading(false);
+ }
+ }, []);
+
+ useEffect(() => { fetchCodes(); }, [fetchCodes]);
+
+ const handleCreate = async () => {
+ try {
+ setCreating(true);
+ const { data } = await api.post('/api/invite-codes');
+ message.success(`Invite code created: ${data.code}`);
+ fetchCodes();
+ } catch {
+ message.error('Failed to create invite code');
+ } finally {
+ setCreating(false);
+ }
+ };
+
+ const handleRevoke = async (id: string) => {
+ try {
+ await api.delete(`/api/invite-codes/${id}`);
+ message.success('Invite code revoked');
+ fetchCodes();
+ } catch {
+ message.error('Failed to revoke invite code');
+ }
+ };
+
+ const copyCode = (code: string) => {
+ navigator.clipboard.writeText(code);
+ message.success('Code copied to clipboard');
+ };
+
+ const columns = [
+ {
+ title: 'Code',
+ dataIndex: 'code',
+ key: 'code',
+ render: (code: string) => (
+
+ {code}
+ } onClick={() => copyCode(code)} />
+
+ ),
+ },
+ {
+ title: 'Status',
+ key: 'status',
+ render: (_: unknown, record: AgentInviteCode) => {
+ if (record.usedAt) return Used;
+ if (new Date(record.expiresAt) < new Date()) return Expired;
+ return Active;
+ },
+ },
+ {
+ title: 'Created',
+ dataIndex: 'createdAt',
+ key: 'createdAt',
+ render: (date: string) => new Date(date).toLocaleString(),
+ },
+ {
+ title: 'Expires',
+ dataIndex: 'expiresAt',
+ key: 'expiresAt',
+ render: (date: string) => new Date(date).toLocaleString(),
+ },
+ {
+ title: 'Created By',
+ dataIndex: 'createdBy',
+ key: 'createdBy',
+ render: (user: AgentInviteCode['createdBy']) => user?.name || user?.email || '-',
+ },
+ {
+ title: 'Actions',
+ key: 'actions',
+ render: (_: unknown, record: AgentInviteCode) => {
+ if (record.usedAt) return null;
+ return (
+ handleRevoke(record.id)}>
+ } size="small">Revoke
+
+ );
+ },
+ },
+ ];
+
+ return (
+
+
+
+
Agent Invite Codes
+ } onClick={handleCreate} loading={creating}>
+ Generate Code
+
+
+
+
+
+
+
+
+
+