feat: manual full-pass sync Langflow -> files -> DB+LFX with admin guide

frontend/src/components/AdminTab.tsx

@@ -24,6 +24,7 @@ import {
   type FlowDefinition,
   type FlowVersion,
 } from "../api";
+import FlowHelp from "./FlowHelp";
 import StatusBadge from "./StatusBadge";
 
 export default function AdminTab() {
@@ -89,6 +90,7 @@ export default function AdminTab() {
     try {
       const r = await api.syncFlows();
       const parts = [
+        `Langflow: ${r.pulled.length}`,
         `+${r.added.length}`,
         `~${r.updated.length}`,
         `-${r.deleted.length}`,
@@ -147,6 +149,7 @@ export default function AdminTab() {
           </Button>
         </Group>
       </Card>
+      <FlowHelp />
       <Card withBorder padding="md" mb="md">
         <Group>
           <Button
@@ -154,9 +157,13 @@ export default function AdminTab() {
             leftSection={<IconRefresh size={16} />}
             onClick={() => void onSync()}
           >
-            Aus backend/flows synchronisieren
+            Aus Langflow synchronisieren
           </Button>
         </Group>
+        <Text size="sm" c="dimmed" mt="xs">
+          Holt alle Flows aus Langflow nach backend/flows und deployed sie
+          danach automatisch.
+        </Text>
       </Card>
       {flows.length === 0 ? (
         <Text c="dimmed">Keine Flows vorhanden.</Text>