@@ -1346,6 +1367,33 @@ export function FleetView({ onNavigateToNode }: FleetViewProps) {
+
+ }
+ kicker="Deployments · Coming soon"
+ title="Push stacks across the fleet"
+ description="Push a stack from local to a remote in one move. Side-by-side compose diff, env reconciliation, volume migration plan."
+ plannedActions={['Push stack', 'Promote env', 'Diff config', 'Plan migration']}
+ />
+
+
+ }
+ kicker="Federation · Coming soon"
+ title="The fleet as one logical surface"
+ description="Pin policies, drain a node for maintenance, weight-aware scheduling. This stack runs on whichever node has capacity."
+ plannedActions={['Pin policy', 'Drain node', 'Cordon', 'Capacity plan']}
+ />
+
+
+ }
+ kicker="Secrets · Coming soon"
+ title="One source of truth for env, creds and certs"
+ description="Push to selected nodes, rotate centrally, audit who-saw-what. Solves silent drift across copies."
+ plannedActions={['Sync env', 'Rotate', 'Audit', 'Pin to nodes']}
+ />
+
{/* Reconnecting overlay shown when local node is updating */}
diff --git a/frontend/src/components/fleet/FleetSoonPlaceholder.tsx b/frontend/src/components/fleet/FleetSoonPlaceholder.tsx
new file mode 100644
index 00000000..24136477
--- /dev/null
+++ b/frontend/src/components/fleet/FleetSoonPlaceholder.tsx
@@ -0,0 +1,67 @@
+import type { ReactNode } from 'react';
+
+export function SoonBadge() {
+ return (
+
+ SOON
+
+ );
+}
+
+interface FleetSoonPlaceholderProps {
+ icon: ReactNode;
+ kicker: string;
+ title: string;
+ description: string;
+ plannedActions: string[];
+}
+
+export function FleetSoonPlaceholder({
+ icon,
+ kicker,
+ title,
+ description,
+ plannedActions,
+}: FleetSoonPlaceholderProps) {
+ return (
+
+
+
+
+
+ {icon}
+
+ {kicker}
+
+
+ Coming soon
+
+
+
+
+ {title}
+
+
+
+ {description}
+
+
+
+
+ Planned actions
+
+
+ {plannedActions.map((action) => (
+
+ {action}
+
+ ))}
+
+
+
+
+ );
+}