@burdenoff/fluidgrids-fe-sdk 2026.1026.5 → 2026.1027.2

package/dist/{chunk-6HMCSUQM.js → chunk-FJBCC4UZ.js}

@@ -2,16 +2,16 @@ import { deepClone, applyTemplateInputs } from './chunk-GEMNVFPK.js';
 import { Input as Input$1 } from './chunk-IEVSFCFS.js';
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter } from './chunk-YXMFRQYV.js';
 import { Badge as Badge$1, Button } from './chunk-BQXVT32O.js';
-import { QuotaExhaustedDialog } from './chunk-3ZGCACWA.js';
-import { EntityTagPicker } from './chunk-IQLMFGAQ.js';
-import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-NLK5WXH5.js';
+import { QuotaExhaustedDialog } from './chunk-IKGKMOBR.js';
+import { EntityTagPicker } from './chunk-3UA5H5CT.js';
+import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-2PQZZ6Y4.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { RUNS_QUOTA_NAME, throwIfResultError, useFlowStore, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, NODE_CONFIGS, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useSaveWorkflow, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, STICKY_NOTE_TYPE, fieldsFromValue, getNodeDetail, useFluidGridsAnalytics, buildOperationSeed, isNodeTrigger, buildStickyNode, fieldsFromIO, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, resolveNodeOperation, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, ExpressionEditor, formatParameterValue, parseParameterValue, isNodeConfigsInitialized, resolveUiSpec, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, openRunQuotaUpgradePrompt, describeOperationError, isTriggerOperation, canRenderOperationPanel, resolveOperationName, resolveInputHandles } from './chunk-BTVYWLPL.js';
+import { RUNS_QUOTA_NAME, throwIfResultError, useFlowStore, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, NODE_CONFIGS, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useConnections, ConnectionFormDialog, useSaveWorkflow, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, STICKY_NOTE_TYPE, fieldsFromValue, getNodeDetail, useFluidGridsAnalytics, buildOperationSeed, isNodeTrigger, buildStickyNode, fieldsFromIO, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, resolveNodeOperation, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, ExpressionEditor, formatParameterValue, parseParameterValue, isNodeConfigsInitialized, resolveUiSpec, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, openRunQuotaUpgradePrompt, describeOperationError, isTriggerOperation, canRenderOperationPanel, resolveOperationName, resolveInputHandles } from './chunk-JVBJKIV2.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
 import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument } from './chunk-WBH2XEWO.js';
-import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, WorkflowGenerationTemplatesDocument, WorkflowGenerationDocument, GenerateWorkflowFromPromptDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-L2S5V4YS.js';
+import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, WorkflowGenerationTemplatesDocument, WorkflowGenerationDocument, GenerateWorkflowFromPromptDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-QRJ7SYR2.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, waitForFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import * as React3 from 'react';
@@ -25,7 +25,7 @@ import { useEventBus } from '@burdenoff/fe-libs/shared/events';
 import { useQuery, useMutation } from '@apollo/client/react';
 import { gql as gql$1 } from '@apollo/client/core';
 import 'jszip';
-import { Sparkles, Star, Download, Eye, Loader2, History, GitCompareArrows, Play, RotateCcw, Trash2, Layers, Upload, Rocket, ArrowRight, Check, X, Undo2, Maximize2, Redo2, LayoutGrid, Keyboard, Plus, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, AlertTriangle } from 'lucide-react';
+import { Sparkles, Star, Download, Eye, Loader2, History, GitCompareArrows, Play, RotateCcw, Trash2, Layers, Upload, Rocket, ArrowRight, Check, X, Undo2, Plus, Link2, GitBranch, Unlink, GitCompare, ExternalLink, GitCommitHorizontal, Maximize2, Redo2, LayoutGrid, Keyboard, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, AlertTriangle } from 'lucide-react';
 import { Icon } from '@iconify/react';
 import { toast } from 'sonner';
 import { useShallow, shallow } from 'zustand/shallow';
@@ -6456,8 +6456,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast12) => {
-          addToRemoveQueue(toast12.id);
+        state.toasts.forEach((toast13) => {
+          addToRemoveQueue(toast13.id);
         });
       }
       return {
@@ -7833,7 +7833,7 @@ function VisualMapperContent({
   mapping,
   onMappingChange
 }) {
-  const { toast: toast12 } = useToast();
+  const { toast: toast13 } = useToast();
   const tr = useTr();
   const reactFlowWrapper = useRef(null);
   const [selectedSourceNode, setSelectedSourceNode] = useState(null);
@@ -7853,7 +7853,7 @@ function VisualMapperContent({
         targetOperation
       );
       if (generatedNodes.length === 0) {
-        toast12({
+        toast13({
           title: tr(
             "fluidgrids.builder.visualMapper.noFieldsFoundTitle",
             "No fields found"
@@ -7879,7 +7879,7 @@ function VisualMapperContent({
     targetNode,
     targetOperation,
     setNodes,
-    toast12,
+    toast13,
     tr
   ]);
   useEffect(() => {
@@ -7986,7 +7986,7 @@ function VisualMapperContent({
         }
         onMappingChange(updatedMapping);
         if (isCompatible) {
-          toast12({
+          toast13({
             title: tr(
               "fluidgrids.builder.visualMapper.mappingCreatedTitle",
               "Mapping created"
@@ -7994,7 +7994,7 @@ function VisualMapperContent({
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType})`
           });
         } else {
-          toast12({
+          toast13({
             title: tr(
               "fluidgrids.builder.visualMapper.typeMismatchTitle",
               "Type mismatch warning"
@@ -8004,7 +8004,7 @@ function VisualMapperContent({
           });
         }
       } else {
-        toast12({
+        toast13({
           title: tr(
             "fluidgrids.builder.visualMapper.invalidMappingTitle",
             "Invalid mapping"
@@ -8017,7 +8017,7 @@ function VisualMapperContent({
         });
       }
     },
-    [nodes, mapping, onMappingChange, toast12, tr, setEdges]
+    [nodes, mapping, onMappingChange, toast13, tr, setEdges]
   );
   const onEdgeDelete = useCallback(
     (edge) => {
@@ -8074,7 +8074,7 @@ function VisualMapperContent({
   const handleSaveMappingDialog = (expression, targetFieldName) => {
     const targetPath = targetFieldName || selectedTargetNode?.data?.path;
     if (!targetPath) {
-      toast12({
+      toast13({
         title: tr(
           "fluidgrids.builder.visualMapper.noTargetFieldTitle",
           "No target field specified"
@@ -8106,7 +8106,7 @@ function VisualMapperContent({
     }
     onMappingChange(updatedMapping);
     const mappingType = detectMappingType(expression);
-    toast12({
+    toast13({
       title: `${mappingType.charAt(0).toUpperCase() + mappingType.slice(1)} mapping created`,
       description: `${tr("fluidgrids.builder.visualMapper.appliedMappingTo", "Applied mapping to")} ${targetPath}`
     });
@@ -8405,7 +8405,7 @@ function MappingEditor({
   setEdges,
   edgeId
 }) {
-  const { toast: toast12 } = useToast();
+  const { toast: toast13 } = useToast();
   const tr = useTr();
   const [mappingJson, setMappingJson] = useState({});
   const [jsonDataString, setJsonDataString] = useState(
@@ -8529,7 +8529,7 @@ function MappingEditor({
   const handleSaveMapping = () => {
     try {
       checkJsonValidity();
-      toast12({
+      toast13({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingSavedTitle",
           "Mapping saved"
@@ -8540,7 +8540,7 @@ function MappingEditor({
         )
       });
     } catch (error) {
-      toast12({
+      toast13({
         title: tr(
           "fluidgrids.builder.mappingEditor.errorSavingTitle",
           "Error saving mapping"
@@ -8559,7 +8559,7 @@ function MappingEditor({
       const parsedData = checkJsonValidity();
       const result = await applyMapping(parsedData, sampleInput);
       setPreviewOutput(result);
-      toast12({
+      toast13({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestedTitle",
           "Mapping tested"
@@ -8571,7 +8571,7 @@ function MappingEditor({
       });
     } catch (error) {
       console.error("Test mapping error:", error);
-      toast12({
+      toast13({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestFailedTitle",
           "Mapping test failed"
@@ -14384,8 +14384,9 @@ var TYPE_ICON = {
   object: "mdi:code-braces",
   any: "mdi:help-circle-outline"
 };
+var DEFAULT_EXPAND_DEPTH = 3;
 function FieldRow({ field, depth, draggable }) {
-  const [open, setOpen] = useState(depth < 1);
+  const [open, setOpen] = useState(depth < DEFAULT_EXPAND_DEPTH);
   const hasChildren = !!field.children && field.children.length > 0;
   const handleDragStart = (e) => {
     e.dataTransfer.setData(FIELD_PATH_MIME, field.path);
@@ -20410,7 +20411,8 @@ function EnvironmentsPanel({
                     ) : [
                       state.promotedFrom ? `${tr("fluidgrids.builder.environments.from", "From")} ${envLabel(state.promotedFrom)}` : null,
                       deployer,
-                      relativeTime(state.deployedAt)
+                      relativeTime(state.deployedAt),
+                      state.gitCommitSha ? `Git ${state.gitCommitSha.slice(0, 7)}` : null
                     ].filter(Boolean).join(" \xB7 ") }),
                     /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
                       state.environment === "DEV" && currentVersion && /* @__PURE__ */ jsxs(
@@ -20684,7 +20686,8 @@ function EnvironmentsPanel({
                       /* @__PURE__ */ jsx("p", { className: "truncate text-muted-foreground", children: [
                         nameOf(item.requestedById),
                         item.reviewedById && item.reviewedById !== item.requestedById ? `${tr("fluidgrids.builder.environments.reviewedBy", "reviewed by")} ${nameOf(item.reviewedById)}` : null,
-                        relativeTime(item.requestedAt)
+                        relativeTime(item.requestedAt),
+                        item.gitCommitSha ? `Git ${item.gitCommitSha.slice(0, 7)}` : null
                       ].filter(Boolean).join(" \xB7 ") })
                     ] }),
                     /* @__PURE__ */ jsx(
@@ -20754,6 +20757,981 @@ function EnvironmentsPanel({
     )
   ] });
 }
+var LIST_LIMIT = 20;
+function messageOf2(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function useWorkflowGitSync(workflowKey) {
+  const [repository, setRepository] = useState(null);
+  const [commits, setCommits] = useState([]);
+  const [pushes, setPushes] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [historyError, setHistoryError] = useState(null);
+  const keyRef = useRef(workflowKey);
+  keyRef.current = workflowKey;
+  const refetch = useCallback(async () => {
+    if (!workflowKey) return;
+    setLoading(true);
+    setError(null);
+    setHistoryError(null);
+    try {
+      const client = getFluidGridsClient();
+      const [linked, pushed] = await Promise.all([
+        client.query({
+          query: WorkflowGitRepositoryDocument,
+          fetchPolicy: "network-only"
+        }),
+        client.query({
+          query: WorkflowGitPushesDocument,
+          variables: { workflowKey, limit: LIST_LIMIT },
+          fetchPolicy: "network-only"
+        })
+      ]);
+      throwIfResultError(linked);
+      throwIfResultError(pushed);
+      if (keyRef.current !== workflowKey) return;
+      const link2 = linked.data?.workflowGitRepository ?? null;
+      setRepository(link2);
+      setPushes(pushed.data?.workflowGitPushes ?? []);
+      if (!link2) {
+        setCommits([]);
+        return;
+      }
+      try {
+        const history = await client.query({
+          query: WorkflowGitCommitsDocument,
+          variables: { workflowKey, limit: LIST_LIMIT },
+          fetchPolicy: "network-only"
+        });
+        throwIfResultError(history);
+        if (keyRef.current === workflowKey) {
+          setCommits(history.data?.workflowGitCommits ?? []);
+        }
+      } catch (err) {
+        if (keyRef.current === workflowKey) {
+          setCommits([]);
+          setHistoryError(messageOf2(err));
+        }
+      }
+    } catch (err) {
+      if (keyRef.current === workflowKey) setError(messageOf2(err));
+    } finally {
+      if (keyRef.current === workflowKey) setLoading(false);
+    }
+  }, [workflowKey]);
+  useEffect(() => {
+    setRepository(null);
+    setCommits([]);
+    setPushes([]);
+  }, [workflowKey]);
+  const link = useCallback(
+    async (values) => {
+      const result = await getFluidGridsClient().mutate({
+        mutation: LinkWorkflowGitRepositoryDocument,
+        variables: {
+          input: {
+            provider: "GITHUB",
+            connectionId: values.connectionId,
+            repository: values.repository.trim(),
+            branch: values.branch.trim(),
+            pathPrefix: values.pathPrefix.trim(),
+            pushOnActivation: values.pushOnActivation,
+            pushOnPromotion: values.pushOnPromotion
+          }
+        }
+      });
+      throwIfResultError(result);
+      await refetch();
+    },
+    [refetch]
+  );
+  const unlink = useCallback(async () => {
+    const result = await getFluidGridsClient().mutate({ mutation: UnlinkWorkflowGitRepositoryDocument });
+    throwIfResultError(result);
+    await refetch();
+  }, [refetch]);
+  const push = useCallback(
+    async (version) => {
+      const result = await getFluidGridsClient().mutate({
+        mutation: PushWorkflowToGitDocument,
+        variables: { workflowKey, version }
+      });
+      throwIfResultError(result);
+      const pushed = result.data?.pushWorkflowToGit;
+      if (!pushed) throw new Error("The push returned no result");
+      await refetch();
+      return pushed;
+    },
+    [workflowKey, refetch]
+  );
+  const diff = useCallback(
+    async (commitSha, version) => {
+      const result = await getFluidGridsClient().query({
+        query: WorkflowGitDiffDocument,
+        variables: { workflowKey, commitSha, version },
+        fetchPolicy: "network-only"
+      });
+      throwIfResultError(result);
+      const view = result.data?.workflowGitDiff;
+      if (!view) throw new Error("The diff returned no result");
+      return view;
+    },
+    [workflowKey]
+  );
+  const restore = useCallback(
+    async (commitSha) => {
+      const result = await getFluidGridsClient().mutate({
+        mutation: RestoreWorkflowFromGitDocument,
+        variables: { input: { workflowKey, commitSha } }
+      });
+      throwIfResultError(result);
+      const restored = result.data?.restoreWorkflowFromGit;
+      if (!restored) throw new Error("The restore returned no result");
+      return restored;
+    },
+    [workflowKey]
+  );
+  return {
+    repository,
+    commits,
+    pushes,
+    loading,
+    error,
+    historyError,
+    refetch,
+    link,
+    unlink,
+    push,
+    diff,
+    restore
+  };
+}
+
+// src/builder/lib/workflow-git-sync.ts
+var GITHUB_PROVIDER_KEY = "github";
+var DEFAULT_GIT_BRANCH = "main";
+var DEFAULT_GIT_FOLDER = "fluidgrids/workflows";
+function githubConnections(connections) {
+  return connections.filter(
+    (connection) => connection.provider?.key?.toLowerCase() === GITHUB_PROVIDER_KEY
+  ).sort((a, b) => {
+    const activeA = a.status === "ACTIVE" ? 0 : 1;
+    const activeB = b.status === "ACTIVE" ? 0 : 1;
+    return activeA - activeB || a.name.localeCompare(b.name);
+  });
+}
+function normalizeRepositoryInput(value) {
+  return value.trim().replace(/^https?:\/\/github\.com\//i, "").replace(/\.git$/i, "").replace(/\/+$/, "");
+}
+function gitLinkFormProblem(form) {
+  if (!form.connectionId.trim()) return "connection";
+  if (!/^[A-Za-z0-9][A-Za-z0-9-]*\/[A-Za-z0-9._-]+$/.test(
+    normalizeRepositoryInput(form.repository)
+  ))
+    return "repository";
+  const branch = form.branch.trim();
+  if (!branch || /\s|\.\.|^\/|\/$/.test(branch)) return "branch";
+  const folder = form.pathPrefix.trim().replace(/^\/+|\/+$/g, "");
+  if (folder.split("/").some((segment) => segment === ".." || segment === "."))
+    return "pathPrefix";
+  return null;
+}
+function gitFilePath(pathPrefix, workflowKey) {
+  return pathPrefix ? `${pathPrefix}/${workflowKey}.json` : `${workflowKey}.json`;
+}
+function shortSha(sha) {
+  return sha ? sha.slice(0, 7) : "";
+}
+function commitTitle(message) {
+  const first = message.split("\n", 1)[0] ?? "";
+  return first.trim() || "(no message)";
+}
+var EMPTY_FORM = {
+  connectionId: "",
+  repository: "",
+  branch: DEFAULT_GIT_BRANCH,
+  pathPrefix: DEFAULT_GIT_FOLDER,
+  pushOnActivation: true,
+  pushOnPromotion: true
+};
+function formatDiffValue2(value) {
+  if (value === void 0 || value === null) return "\u2014";
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function GitSyncPanel({
+  className,
+  compact = false
+}) {
+  const tr = useTr();
+  const navigate = useNavigate();
+  const params = useParams();
+  const workflowKey = params?.id ?? "";
+  const currentVersion = params?.version ?? "";
+  const {
+    repository,
+    commits,
+    pushes,
+    loading,
+    error,
+    historyError,
+    refetch,
+    link,
+    unlink,
+    push,
+    diff,
+    restore
+  } = useWorkflowGitSync(workflowKey);
+  const {
+    connections,
+    loading: connectionsLoading,
+    refetch: refetchConnections
+  } = useConnections();
+  const gitConnections = useMemo(
+    () => githubConnections(connections),
+    [connections]
+  );
+  const [busy, setBusy] = useState(null);
+  const [editing, setEditing] = useState(false);
+  const [form, setForm] = useState(EMPTY_FORM);
+  const [showProblem, setShowProblem] = useState(false);
+  const [newConnectionOpen, setNewConnectionOpen] = useState(false);
+  const [comparison, setComparison] = useState(
+    null
+  );
+  const [confirm, setConfirm] = useState(null);
+  const config = getFluidGridsConfig();
+  const actorInputs = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const item of pushes) ids.add(item.pushedById);
+    if (repository) ids.add(repository.linkedById);
+    return [...ids].map((actorId) => ({ actorId, actorType: "user" }));
+  }, [pushes, repository]);
+  const actorProfiles = useActorProfiles(actorInputs, {
+    workspaceId: config.workspaceId || void 0,
+    orgId: config.organizationId,
+    authToken: config.authToken
+  });
+  const nameOf = (actorId) => {
+    if (!actorId) return null;
+    return actorProfiles[actorId]?.displayName ?? buildActorFallback({ actorId, actorType: "user" }).displayName;
+  };
+  const problem = gitLinkFormProblem(form);
+  const problemText = (value) => {
+    switch (value) {
+      case "connection":
+        return tr(
+          "fluidgrids.builder.git.problemConnection",
+          "Choose a GitHub connection"
+        );
+      case "repository":
+        return tr(
+          "fluidgrids.builder.git.problemRepository",
+          "Enter the repository as owner/name"
+        );
+      case "branch":
+        return tr(
+          "fluidgrids.builder.git.problemBranch",
+          "Enter a valid branch name"
+        );
+      default:
+        return tr(
+          "fluidgrids.builder.git.problemFolder",
+          "The folder cannot contain . or .. segments"
+        );
+    }
+  };
+  const run = async (key, action, errorTitle) => {
+    setBusy(key);
+    try {
+      await action();
+    } catch (err) {
+      toast.error(errorTitle, {
+        description: err instanceof Error ? err.message : String(err)
+      });
+    } finally {
+      setBusy(null);
+    }
+  };
+  const startEditing = () => {
+    setForm(
+      repository ? {
+        connectionId: repository.connectionId,
+        repository: repository.repository,
+        branch: repository.branch,
+        pathPrefix: repository.pathPrefix,
+        pushOnActivation: repository.pushOnActivation,
+        pushOnPromotion: repository.pushOnPromotion
+      } : {
+        ...EMPTY_FORM,
+        connectionId: gitConnections[0]?.id ?? ""
+      }
+    );
+    setShowProblem(false);
+    setEditing(true);
+  };
+  const handleLink = () => {
+    if (problem) {
+      setShowProblem(true);
+      return;
+    }
+    void run(
+      "link",
+      async () => {
+        await link(form);
+        setEditing(false);
+        toast.success(
+          tr("fluidgrids.builder.git.linked", "Repository linked"),
+          {
+            description: `${form.repository.trim()} @ ${form.branch.trim()}`,
+            dismissible: true
+          }
+        );
+      },
+      tr("fluidgrids.builder.git.linkError", "Could not link the repository")
+    );
+  };
+  const handlePush = () => run(
+    "push",
+    async () => {
+      const pushed = await push(currentVersion);
+      toast.success(
+        pushed.status === "UNCHANGED" ? tr(
+          "fluidgrids.builder.git.unchanged",
+          "Already up to date in Git"
+        ) : `${pushed.version} ${tr("fluidgrids.builder.git.pushed", "pushed to Git")}`,
+        {
+          description: pushed.commitSha ? `${pushed.filePath} \xB7 ${shortSha(pushed.commitSha)}` : pushed.filePath,
+          dismissible: true
+        }
+      );
+    },
+    tr("fluidgrids.builder.git.pushError", "Push to Git failed")
+  );
+  const handleCompare = (sha) => run(
+    `diff:${sha}`,
+    async () => {
+      setComparison(await diff(sha, currentVersion));
+    },
+    tr("fluidgrids.builder.git.diffError", "Could not compare")
+  );
+  const handleConfirm = async () => {
+    if (!confirm) return;
+    const current = confirm;
+    setConfirm(null);
+    if (current.kind === "unlink") {
+      await run(
+        "unlink",
+        async () => {
+          await unlink();
+          setComparison(null);
+          toast.success(
+            tr("fluidgrids.builder.git.unlinked", "Repository unlinked"),
+            { dismissible: true }
+          );
+        },
+        tr(
+          "fluidgrids.builder.git.unlinkError",
+          "Could not unlink the repository"
+        )
+      );
+      return;
+    }
+    await run(
+      `restore:${current.sha}`,
+      async () => {
+        const result = await restore(current.sha);
+        if (!result.success || !result.workflow) {
+          const reasons = [
+            ...result.validation?.errors ?? [],
+            result.message ?? ""
+          ].filter(Boolean);
+          throw new Error(reasons.join(" "));
+        }
+        toast.success(
+          tr("fluidgrids.builder.git.restored", "Restored from Git"),
+          {
+            description: `${shortSha(current.sha)} \u2192 ${result.workflow.version}`,
+            dismissible: true
+          }
+        );
+        navigate(
+          `../workflow/${result.workflow.workflowKey}/${result.workflow.version}`
+        );
+      },
+      tr("fluidgrids.builder.git.restoreError", "Restore from Git failed")
+    );
+  };
+  const pushStatusVariant = (status) => {
+    if (status === "PUSHED") return "default";
+    if (status === "FAILED") return "destructive";
+    return "outline";
+  };
+  const triggerLabel = (trigger) => {
+    if (trigger === "PROMOTION")
+      return tr("fluidgrids.builder.git.triggerPromotion", "Promotion");
+    if (trigger === "ACTIVATION")
+      return tr("fluidgrids.builder.git.triggerActivation", "Publish");
+    return tr("fluidgrids.builder.git.triggerManual", "Manual");
+  };
+  const linkForm = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "space-y-3 rounded-lg border border-border p-3",
+      "data-testid": "fluidgrids-git-link-form",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "fg-git-connection", className: "text-xs", children: tr("fluidgrids.builder.git.connection", "GitHub connection") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: form.connectionId,
+                onValueChange: (value) => setForm((prev) => ({ ...prev, connectionId: value })),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { id: "fg-git-connection", className: "h-8 flex-1", children: /* @__PURE__ */ jsx(
+                    SelectValue,
+                    {
+                      placeholder: connectionsLoading ? tr("fluidgrids.builder.git.loading", "Loading...") : tr(
+                        "fluidgrids.builder.git.chooseConnection",
+                        "Choose a connection"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(SelectContent, { className: "z-[120]", children: gitConnections.map((connection) => /* @__PURE__ */ jsxs(SelectItem, { value: connection.id, children: [
+                    connection.name,
+                    connection.status !== "ACTIVE" ? ` (${connection.status.toLowerCase()})` : ""
+                  ] }, connection.id)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button$1,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "h-8 gap-1 text-xs",
+                onClick: () => setNewConnectionOpen(true),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+                  tr("fluidgrids.builder.git.newConnection", "New")
+                ]
+              }
+            )
+          ] }),
+          !connectionsLoading && gitConnections.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: tr(
+            "fluidgrids.builder.git.noConnections",
+            "No GitHub connection yet. Create one; it needs access to the repository's contents (the repo scope)."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "fg-git-repository", className: "text-xs", children: tr("fluidgrids.builder.git.repository", "Repository") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "fg-git-repository",
+              className: "h-8 font-mono text-xs",
+              placeholder: "owner/name",
+              value: form.repository,
+              onChange: (event) => setForm((prev) => ({ ...prev, repository: event.target.value }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "fg-git-branch", className: "text-xs", children: tr("fluidgrids.builder.git.branch", "Branch") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "fg-git-branch",
+                className: "h-8 font-mono text-xs",
+                value: form.branch,
+                onChange: (event) => setForm((prev) => ({ ...prev, branch: event.target.value }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "fg-git-folder", className: "text-xs", children: tr("fluidgrids.builder.git.folder", "Folder") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "fg-git-folder",
+                className: "h-8 font-mono text-xs",
+                value: form.pathPrefix,
+                onChange: (event) => setForm((prev) => ({ ...prev, pathPrefix: event.target.value }))
+              }
+            )
+          ] })
+        ] }),
+        [
+          [
+            "pushOnActivation",
+            tr(
+              "fluidgrids.builder.git.pushOnActivation",
+              "Commit when a version is published"
+            )
+          ],
+          [
+            "pushOnPromotion",
+            tr(
+              "fluidgrids.builder.git.pushOnPromotion",
+              "Commit when a promotion applies"
+            )
+          ]
+        ].map(([field, label]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `fg-git-${field}`, className: "text-xs font-normal", children: label }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id: `fg-git-${field}`,
+              checked: form[field],
+              onCheckedChange: (checked) => setForm((prev) => ({ ...prev, [field]: checked }))
+            }
+          )
+        ] }, field)),
+        showProblem && problem && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-status-error-text)]", children: problemText(problem) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button$1,
+            {
+              size: "sm",
+              className: "h-7 gap-1 text-xs",
+              disabled: busy !== null,
+              onClick: handleLink,
+              children: [
+                busy === "link" ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Link2, { className: "size-3.5" }),
+                repository ? tr("fluidgrids.builder.git.saveLink", "Save") : tr("fluidgrids.builder.git.link", "Link repository")
+              ]
+            }
+          ),
+          repository && /* @__PURE__ */ jsx(
+            Button$1,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "h-7 text-xs",
+              disabled: busy !== null,
+              onClick: () => setEditing(false),
+              children: tr("fluidgrids.builder.git.cancel", "Cancel")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: tr(
+          "fluidgrids.builder.git.linkHint",
+          "The link applies to every workflow in this workspace. Linking checks that the connection can read the branch. Only members with publish rights can change it."
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    Sheet,
+    {
+      onOpenChange: (open) => {
+        if (!open) return;
+        setComparison(null);
+        void refetch();
+        void refetchConnections();
+      },
+      children: [
+        /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button$1,
+          {
+            "data-tour": "fluidgrids-builder-git",
+            variant: "outline",
+            size: compact ? "icon" : "sm",
+            className: cn$1(!compact && "flex gap-1", className),
+            "aria-label": tr("fluidgrids.builder.git.triggerButton", "Git"),
+            disabled: !workflowKey,
+            children: [
+              /* @__PURE__ */ jsx(GitBranch, { className: "size-4" }),
+              !compact && tr("fluidgrids.builder.git.triggerButton", "Git")
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          SheetContent,
+          {
+            side: "right",
+            className: "w-[380px] sm:w-[460px] overflow-y-auto",
+            "data-testid": "fluidgrids-git-panel",
+            children: [
+              /* @__PURE__ */ jsxs(SheetHeader, { children: [
+                /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(GitBranch, { className: "size-5" }),
+                  tr("fluidgrids.builder.git.title", "Git sync")
+                ] }),
+                /* @__PURE__ */ jsx(SheetDescription, { children: tr(
+                  "fluidgrids.builder.git.description",
+                  "Keep this workflow in a GitHub repository: commit versions, read the file's history, compare a commit with this version or restore it as a new draft."
+                ) })
+              ] }),
+              loading && !repository && pushes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-4 animate-spin" }),
+                tr("fluidgrids.builder.git.loading", "Loading...")
+              ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "py-6 text-sm", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-error-text)]", children: error }),
+                /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    className: "mt-3",
+                    onClick: () => void refetch(),
+                    children: tr("fluidgrids.builder.git.retry", "Retry")
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-5 pb-6", children: [
+                /* @__PURE__ */ jsxs("section", { "aria-labelledby": "fg-git-repo", children: [
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      id: "fg-git-repo",
+                      className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                      children: tr("fluidgrids.builder.git.repositoryTitle", "Repository")
+                    }
+                  ),
+                  !repository && !editing ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-border p-3", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                      "fluidgrids.builder.git.notLinked",
+                      "No repository is linked to this workspace yet."
+                    ) }),
+                    /* @__PURE__ */ jsxs(
+                      Button$1,
+                      {
+                        size: "sm",
+                        className: "mt-2 h-7 gap-1 text-xs",
+                        onClick: startEditing,
+                        children: [
+                          /* @__PURE__ */ jsx(Link2, { className: "size-3.5" }),
+                          tr("fluidgrids.builder.git.link", "Link repository")
+                        ]
+                      }
+                    )
+                  ] }) : editing ? linkForm : repository ? /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "rounded-lg border border-border p-3",
+                      "data-testid": "fluidgrids-git-linked",
+                      children: [
+                        /* @__PURE__ */ jsx("p", { className: "font-mono text-sm text-foreground", children: repository.repository }),
+                        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+                          `${tr("fluidgrids.builder.git.branch", "Branch")} ${repository.branch}`,
+                          gitFilePath(repository.pathPrefix, workflowKey)
+                        ].join(" \xB7 ") }),
+                        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+                          repository.pushOnActivation ? tr(
+                            "fluidgrids.builder.git.onPublish",
+                            "Commits on publish"
+                          ) : null,
+                          repository.pushOnPromotion ? tr(
+                            "fluidgrids.builder.git.onPromotion",
+                            "Commits on promotion"
+                          ) : null,
+                          nameOf(repository.linkedById)
+                        ].filter(Boolean).join(" \xB7 ") }),
+                        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                          currentVersion && /* @__PURE__ */ jsxs(
+                            Button$1,
+                            {
+                              size: "sm",
+                              className: "h-7 gap-1 text-xs",
+                              disabled: busy !== null,
+                              onClick: () => void handlePush(),
+                              children: [
+                                busy === "push" ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Upload, { className: "size-3.5" }),
+                                tr("fluidgrids.builder.git.push", "Push"),
+                                " ",
+                                currentVersion
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Button$1,
+                            {
+                              size: "sm",
+                              variant: "outline",
+                              className: "h-7 text-xs",
+                              disabled: busy !== null,
+                              onClick: startEditing,
+                              children: tr("fluidgrids.builder.git.edit", "Edit link")
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            Button$1,
+                            {
+                              size: "sm",
+                              variant: "ghost",
+                              className: "h-7 gap-1 text-xs",
+                              disabled: busy !== null,
+                              onClick: () => setConfirm({ kind: "unlink" }),
+                              children: [
+                                /* @__PURE__ */ jsx(Unlink, { className: "size-3.5" }),
+                                tr("fluidgrids.builder.git.unlink", "Unlink")
+                              ]
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ) : null
+                ] }),
+                repository && /* @__PURE__ */ jsxs("section", { "aria-labelledby": "fg-git-commits", children: [
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      id: "fg-git-commits",
+                      className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                      children: tr("fluidgrids.builder.git.commitsTitle", "Git history")
+                    }
+                  ),
+                  historyError ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-status-error-text)]", children: historyError }) : commits.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                    "fluidgrids.builder.git.commitsEmpty",
+                    "This workflow has no commits in the repository yet."
+                  ) }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: commits.map((commit) => /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      className: "rounded-lg border border-border p-2.5",
+                      "data-testid": "fluidgrids-git-commit",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                          /* @__PURE__ */ jsx("p", { className: "min-w-0 truncate text-xs font-medium text-foreground", children: commitTitle(commit.message) }),
+                          commit.version && /* @__PURE__ */ jsx(
+                            Badge,
+                            {
+                              variant: "outline",
+                              className: "h-5 shrink-0 px-1.5 py-0 font-mono text-[10px]",
+                              children: commit.version
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
+                          shortSha(commit.sha),
+                          commit.authorName,
+                          relativeTime(commit.authoredAt)
+                        ].filter(Boolean).join(" \xB7 ") }),
+                        /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
+                          currentVersion && /* @__PURE__ */ jsxs(
+                            Button$1,
+                            {
+                              size: "sm",
+                              variant: "outline",
+                              className: "h-6 gap-1 px-2 text-[11px]",
+                              disabled: busy !== null,
+                              onClick: () => void handleCompare(commit.sha),
+                              children: [
+                                busy === `diff:${commit.sha}` ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(GitCompare, { className: "size-3" }),
+                                tr(
+                                  "fluidgrids.builder.git.compare",
+                                  "Compare with"
+                                ),
+                                " ",
+                                currentVersion
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            Button$1,
+                            {
+                              size: "sm",
+                              variant: "outline",
+                              className: "h-6 gap-1 px-2 text-[11px]",
+                              disabled: busy !== null,
+                              onClick: () => setConfirm({ kind: "restore", sha: commit.sha }),
+                              children: [
+                                busy === `restore:${commit.sha}` ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
+                                tr(
+                                  "fluidgrids.builder.git.restore",
+                                  "Restore as draft"
+                                )
+                              ]
+                            }
+                          ),
+                          commit.url && /* @__PURE__ */ jsx(
+                            Button$1,
+                            {
+                              asChild: true,
+                              size: "sm",
+                              variant: "ghost",
+                              className: "h-6 gap-1 px-2 text-[11px]",
+                              children: /* @__PURE__ */ jsxs(
+                                "a",
+                                {
+                                  href: commit.url,
+                                  target: "_blank",
+                                  rel: "noopener noreferrer",
+                                  children: [
+                                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" }),
+                                    tr(
+                                      "fluidgrids.builder.git.openCommit",
+                                      "Open"
+                                    )
+                                  ]
+                                }
+                              )
+                            }
+                          )
+                        ] })
+                      ]
+                    },
+                    commit.sha
+                  )) }),
+                  comparison && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "mt-3 space-y-2 border-t border-border pt-3",
+                      "data-testid": "fluidgrids-git-diff",
+                      children: [
+                        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                          shortSha(comparison.commitSha),
+                          " \u2192 ",
+                          comparison.version,
+                          ":",
+                          " ",
+                          comparison.entries.length,
+                          " ",
+                          tr("fluidgrids.builder.git.changes", "changes"),
+                          comparison.truncated ? "+" : ""
+                        ] }),
+                        comparison.entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                          "fluidgrids.builder.git.noChanges",
+                          "The commit matches this version"
+                        ) }) : /* @__PURE__ */ jsx("ul", { className: "max-h-64 space-y-1 overflow-y-auto", children: comparison.entries.map((entry) => /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            className: "rounded border border-border p-2 text-xs",
+                            children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx(
+                                  Badge,
+                                  {
+                                    variant: entry.kind === "CHANGED" ? "secondary" : entry.kind === "ADDED" ? "default" : "destructive",
+                                    className: "text-[10px]",
+                                    children: entry.kind
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx("code", { className: "min-w-0 truncate font-mono", children: entry.path })
+                              ] }),
+                              entry.kind === "CHANGED" && /* @__PURE__ */ jsxs("div", { className: "mt-1 grid gap-1 text-[11px] text-muted-foreground", children: [
+                                /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                                  "\u2212 ",
+                                  formatDiffValue2(entry.before)
+                                ] }),
+                                /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                                  "+ ",
+                                  formatDiffValue2(entry.after)
+                                ] })
+                              ] })
+                            ]
+                          },
+                          `${entry.kind}-${entry.path}`
+                        )) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("section", { "aria-labelledby": "fg-git-pushes", children: [
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      id: "fg-git-pushes",
+                      className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                      children: tr("fluidgrids.builder.git.pushesTitle", "Pushes")
+                    }
+                  ),
+                  pushes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                    "fluidgrids.builder.git.pushesEmpty",
+                    "Nothing was pushed from FluidGrids yet."
+                  ) }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: pushes.map((item) => /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      className: "flex items-start justify-between gap-2 text-xs",
+                      "data-testid": "fluidgrids-git-push",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                          /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-foreground", children: [
+                            /* @__PURE__ */ jsx(GitCommitHorizontal, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+                            /* @__PURE__ */ jsx("span", { className: "font-mono", children: item.version }),
+                            item.environment ? ` \u2192 ${item.environment}` : "",
+                            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                              "\xB7 ",
+                              triggerLabel(item.trigger)
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx("p", { className: "truncate text-muted-foreground", children: [
+                            shortSha(item.commitSha),
+                            nameOf(item.pushedById),
+                            relativeTime(item.pushedAt)
+                          ].filter(Boolean).join(" \xB7 ") }),
+                          item.errorMessage && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-[var(--color-status-error-text)]", children: item.errorMessage })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            variant: pushStatusVariant(item.status),
+                            className: "h-5 shrink-0 px-1.5 py-0 text-[10px]",
+                            children: item.status === "PUSHED" ? tr("fluidgrids.builder.git.statusPushed", "Pushed") : item.status === "UNCHANGED" ? tr(
+                              "fluidgrids.builder.git.statusUnchanged",
+                              "Up to date"
+                            ) : tr(
+                              "fluidgrids.builder.git.statusFailed",
+                              "Failed"
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    item.id
+                  )) })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ConnectionFormDialog,
+          {
+            open: newConnectionOpen,
+            onClose: () => setNewConnectionOpen(false),
+            providerKey: GITHUB_PROVIDER_KEY,
+            defaultName: "GitHub",
+            onConnectionCreated: (created) => {
+              setNewConnectionOpen(false);
+              setForm((prev) => ({ ...prev, connectionId: created.id }));
+              void refetchConnections();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AlertDialog,
+          {
+            open: confirm !== null,
+            onOpenChange: (open) => !open && setConfirm(null),
+            children: /* @__PURE__ */ jsxs(AlertDialogContent, { className: "z-[120]", children: [
+              /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+                /* @__PURE__ */ jsx(AlertDialogTitle, { children: confirm?.kind === "unlink" ? tr("fluidgrids.builder.git.unlinkTitle", "Unlink repository?") : `${tr("fluidgrids.builder.git.restoreTitle", "Restore commit")} ${confirm?.kind === "restore" ? shortSha(confirm.sha) : ""}` }),
+                /* @__PURE__ */ jsx(AlertDialogDescription, { children: confirm?.kind === "unlink" ? tr(
+                  "fluidgrids.builder.git.unlinkBody",
+                  "Publishing and promotions stop committing to Git for every workflow in this workspace. Commits already made stay in the repository."
+                ) : tr(
+                  "fluidgrids.builder.git.restoreBody",
+                  "The workflow file at this commit becomes a new draft version. No existing version changes and nothing is activated."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+                /* @__PURE__ */ jsx(AlertDialogCancel, { children: tr("fluidgrids.builder.git.cancel", "Cancel") }),
+                /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => void handleConfirm(), children: confirm?.kind === "unlink" ? tr("fluidgrids.builder.git.unlink", "Unlink") : tr("fluidgrids.builder.git.restore", "Restore as draft") })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/builder/lib/ai-draft.ts
 var AI_DRAFT_POLL_INTERVAL_MS = 2500;
@@ -20853,7 +21831,7 @@ function canvasHasWork(nodes) {
 }
 
 // src/builder/hooks/use-ai-workflow-draft.ts
-function messageOf2(error) {
+function messageOf3(error) {
   return error instanceof Error ? error.message : String(error);
 }
 function useAiWorkflowDraft() {
@@ -20910,7 +21888,7 @@ function useAiWorkflowDraft() {
         setIsGenerating(false);
       } catch (pollError) {
         if (run !== runRef.current) return;
-        setError(messageOf2(pollError));
+        setError(messageOf3(pollError));
         setIsGenerating(false);
       }
     },
@@ -20947,7 +21925,7 @@ function useAiWorkflowDraft() {
         );
       } catch (startError) {
         if (run !== runRef.current) return;
-        setError(messageOf2(startError));
+        setError(messageOf3(startError));
         setIsGenerating(false);
       }
     },
@@ -21655,6 +22633,7 @@ var FlowBuilder = ({ readOnly = false }) => {
           !isReadOnly && /* @__PURE__ */ jsx(AiDraftPanel, {}),
           /* @__PURE__ */ jsx(VersionHistoryPanel, {}),
           /* @__PURE__ */ jsx(EnvironmentsPanel, {}),
+          /* @__PURE__ */ jsx(GitSyncPanel, {}),
           /* @__PURE__ */ jsx(SaveFlowButton, {}),
           /* @__PURE__ */ jsx(ActivateWorkflowButton, {}),
           /* @__PURE__ */ jsx(
@@ -21677,6 +22656,7 @@ var FlowBuilder = ({ readOnly = false }) => {
         /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 lg:hidden", children: [
           !isReadOnly && /* @__PURE__ */ jsx(AiDraftPanel, { compact: true }),
           /* @__PURE__ */ jsx(EnvironmentsPanel, { compact: true }),
+          /* @__PURE__ */ jsx(GitSyncPanel, { compact: true }),
           /* @__PURE__ */ jsxs(DropdownMenu, { children: [
             /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Button$1,