@contractspec/bundle.library 1.11.1 → 1.13.0

package/dist/node/components/docs/comparison/index.js

@@ -0,0 +1,1510 @@
+// src/components/docs/comparison/ComparisonAutomationPlatformsPage.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function ComparisonAutomationPlatformsPage() {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h1", {
+            className: "text-4xl font-bold",
+            children: "Automation platforms"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Automation platforms connect apps and automate tasks through triggers and actions. They serve operations and non-technical users well but stop short of generating full applications or enforcing fine-grained policies."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Feature comparison"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Feature"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Zapier"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Make (Integromat)"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "n8n"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Pipedream"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Workflow model"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Zaps: trigger + one or more actions"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Real-time visual orchestration for AI agents and automations"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Node-based workflow builder with drag-and-drop and code; build multi-step AI agents"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Workflows connect any API; Pipedream Connect SDK adds integrations quickly"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Visual builder?"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes (simple; web-based)."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes; AI-assisted editor"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes; visual canvas."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Code-centric editor; no visual UI builder"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Self-host?"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No (cloud only)."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Cloud only."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes (Docker, self-host)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Cloud only (hosted)."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Integrations & AI"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Connects almost 8 000 apps; limited AI features."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "3 000+ pre-built apps; supports GenAI tools; GDPR/SOC2 and SSO"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Integrates LLMs; allows JS or Python code and library imports; chatbots with Slack/Teams"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "MCP servers add 3 000+ APIs and 10 000+ tools to agents; AI agent builder prompts and deploys agents; SOC 2/ HIPAA/GDPR compliant"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Policy & UI generation"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; does not generate user interfaces."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; does not generate UIs beyond a workflow dashboard."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; no UI builder"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; does not generate UI."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Why ContractSpec differs"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Full application generation"
+                  }, undefined, false, undefined, this),
+                  " – ContractSpec compiles specs into back-end, events and user interfaces for both web and mobile."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Policy enforcement"
+                  }, undefined, false, undefined, this),
+                  " – A built-in policy engine governs PII access and mutations across the UI."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Customisation via overlays"
+                  }, undefined, false, undefined, this),
+                  " – Non-technical users can safely personalise layouts while respecting policies."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Extensible capabilities"
+                  }, undefined, false, undefined, this),
+                  " – Connect to external APIs and services via capability providers while maintaining type safety."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Automation tools simplify integrations and tasks; ContractSpec goes further by generating a complete, policy-safe application around your data and processes."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/comparison/ComparisonEnterprisePlatformsPage.tsx
+import Link from "@contractspec/lib.ui-link";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function ComparisonEnterprisePlatformsPage() {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h1", {
+            className: "text-4xl font-bold",
+            children: "Enterprise orchestration platforms"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-muted-foreground",
+            children: "Enterprise orchestration platforms manage mission-critical workloads and integrate deeply with ERP systems. They prioritise governance, reliability and compliance, but they do not provide spec-driven app generation or per-user customisation."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h2", {
+            className: "text-2xl font-bold",
+            children: "Redwood RunMyJobs"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxDEV2(Link, {
+                href: "https://www.redwood.com/workload-automation/",
+                className: "hover:text-foreground underline decoration-dotted underline-offset-4",
+                target: "_blank",
+                rel: "noreferrer",
+                children: "RunMyJobs by Redwood"
+              }, undefined, false, undefined, this),
+              " ",
+              "is a cloud-native service orchestration and automation platform. Key attributes include:"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("ul", {
+            className: "text-muted-foreground space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Self-service portal."
+                  }, undefined, false, undefined, this),
+                  " Business users can run and customise workloads while IT ensures governance and compliance"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Full-stack orchestration."
+                  }, undefined, false, undefined, this),
+                  " Integrates with both SAP and non-SAP systems; Redwood is recognised as a Leader in Gartner’s Magic Quadrant for service orchestration"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Observability and AI insights."
+                  }, undefined, false, undefined, this),
+                  " Dashboards and AI-enhanced analytics identify bottlenecks and forecast issues"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Deep SAP integration."
+                  }, undefined, false, undefined, this),
+                  " Supports SAP’s latest technologies and orchestrates mission-critical business processes"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Connectors & wizard."
+                  }, undefined, false, undefined, this),
+                  " Provides pre-built connectors and a wizard to link on-prem and cloud systems"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h3", {
+            className: "text-xl font-semibold",
+            children: "Comparison with ContractSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV2("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV2("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV2("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Aspect"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "RunMyJobs"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "ContractSpec"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV2("strong", {
+                            children: "Target user"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Enterprise IT and operations teams automating SAP and mission-critical workflows."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Developers, product teams and SMBs wanting to generate policy-safe apps with customisable UIs."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV2("strong", {
+                            children: "Workload focus"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Service orchestration and job scheduling across ERP/legacy systems"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "End-to-end application generation with back-end, UI and policies."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV2("strong", {
+                            children: "User interface"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Self-service portal to run/monitor jobs; no custom UI generation for new apps."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Generates React/React-Native UIs from specs; users can personalise layout via overlays."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV2("strong", {
+                            children: "Open source"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Proprietary SaaS; enterprise agreements."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Core compiler is proprietary; SDK and certain modules may be open-source; offers hosted and on-prem options."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV2("strong", {
+                            children: "Policy & personalisation"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "IT controls governance; no per-user overlay concept."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Built-in policy engine and per-user overlays for safe personalisation."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-muted-foreground",
+            children: "Redwood RunMyJobs is designed for orchestrating enterprise workloads and SAP processes. ContractSpec targets a different problem: generating complete applications from typed specs and letting end users adapt them safely."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/comparison/ComparisonInternalToolBuildersPage.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function ComparisonInternalToolBuildersPage() {
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("h1", {
+            className: "text-4xl font-bold",
+            children: "Internal-tool builders"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground",
+            children: "Internal-tool builders let teams quickly assemble dashboards and admin panels. These platforms often provide drag-and-drop UIs and connectors to databases and APIs, but they rely on developers to write custom code for business logic and seldom enforce policies across surfaces."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("h2", {
+            className: "text-2xl font-bold",
+            children: "Feature comparison"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV3("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV3("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV3("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Feature"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Retool"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Appsmith"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "ToolJet"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Budibase"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV3("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "UI builder"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Drag-and-drop canvas; shape UI components easily"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Visual builder with drag-and-drop widgets"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Drag-and-drop UI widgets (tables, charts, forms)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Pre-built components and templates for mobile/desktop"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV3("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Custom code & logic"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Full code insertion anywhere via IDE"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Logic via JavaScript or natural-language prompts in a central IDE"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Supports business logic in JavaScript or Python queries"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Custom logic via JavaScript; plugins and external embeds"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV3("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Data connectors"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Wide support for databases and APIs (PostgreSQL, MongoDB, GraphQL, etc.)."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Connects to LLMs and databases"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Built-in database; connects to PostgreSQL, MongoDB, APIs, GraphQL, SaaS"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Connects to external databases, REST, CSV or built-in DB"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV3("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Open source & self-host"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Proprietary; cloud or on-prem subscription."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Open source (Apache-2.0); self-host or cloud."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Open source; self-host via Docker or cloud."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Open source; self-host via Docker/Kubernetes"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV3("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top font-semibold",
+                          children: "Policy & personalisation"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No built-in policy engine; personalisation limited to user roles."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No typed policy engine; customisation depends on user roles."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; personalisation via user roles."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV3("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No policy engine; personalisation via RBAC & SSO"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsxDEV3("h2", {
+            className: "text-2xl font-bold",
+            children: "ContractSpec’s differences"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("ul", {
+            className: "text-muted-foreground space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Typed specifications"
+                  }, undefined, false, undefined, this),
+                  " produce both the API and UI. You define capabilities, data views and workflows, and the compiler generates code, forms and screens—no manual widget wiring."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Policy enforcement"
+                  }, undefined, false, undefined, this),
+                  " at run time ensures PII and ABAC rules across the entire app."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Overlay personalisation"
+                  }, undefined, false, undefined, this),
+                  " allows tenants and users to change layouts safely without code."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Unified mobile/web runtime"
+                  }, undefined, false, undefined, this),
+                  " means you don’t need separate builders for React Native vs web."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground",
+            children: "Internal-tool builders are useful for quick dashboards. ContractSpec extends this by generating the whole stack from specs and enforcing policies throughout."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/comparison/ComparisonOverviewPage.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function ComparisonOverviewPage() {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h1", {
+            className: "text-4xl font-bold",
+            children: "Comparison overview"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec sits at the intersection of several tool categories. To appreciate its unique offering—typed specifications for back-end, front-end, workflows and policies with a unified web/mobile runtime—this section compares it to related products."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: [
+              "ContractSpec uses ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "runtime adapters"
+              }, undefined, false, undefined, this),
+              " to serve typed",
+              " ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "Operations"
+              }, undefined, false, undefined, this),
+              " (Commands/Queries),",
+              " ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "DataViews"
+              }, undefined, false, undefined, this),
+              ", ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "Workflows"
+              }, undefined, false, undefined, this),
+              ", and",
+              " ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "Policies"
+              }, undefined, false, undefined, this),
+              " as REST/GraphQL/MCP endpoints. A",
+              " ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "policy decision point"
+              }, undefined, false, undefined, this),
+              " governs every operation, and",
+              " ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "OverlaySpecs"
+              }, undefined, false, undefined, this),
+              " allow non-technical users to personalise screens safely. Few competitors offer this combination of runtime type safety, policy enforcement, and end-user customisation."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Tool categories"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV4("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV4("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV4("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Category"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Examples"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "What they do"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Limitations"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV4("strong", {
+                            children: "Workflow engines"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Prefect, Kestra, Temporal, Airflow, Dagster, Hatchet, Windmill"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Orchestrate code or data pipelines; handle retries, scheduling and observability"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Require writing code; no automatic UI generation or policy enforcement."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV4("strong", {
+                            children: "Internal-tool builders"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Retool, Appsmith, ToolJet, Budibase"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Drag-and-drop dashboards and admin panels; connect to databases/APIs"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No typed back-end spec; limited enforcement of policies; custom code glues logic."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV4("strong", {
+                            children: "Automation platforms"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Zapier, Make, n8n, Pipedream"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Connect apps via triggers and actions; visual or low-code interfaces"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Automate tasks but do not generate full apps or enforce per-field policies."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV4("strong", {
+                            children: "Enterprise orchestrators"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Redwood RunMyJobs"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Automate mission-critical workloads with self-service portals and SAP integrations"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Focus on IT workloads; not built for custom app creation or per-user customisation."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: "Use the pages below to explore each group in detail and see how ContractSpec compares."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/comparison/ComparisonWindmillPage.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function ComparisonWindmillPage() {
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h1", {
+            className: "text-4xl font-bold",
+            children: "Windmill"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("p", {
+            className: "text-muted-foreground",
+            children: [
+              "Windmill is an open-source platform that turns",
+              " ",
+              /* @__PURE__ */ jsxDEV5("strong", {
+                children: "scripts"
+              }, undefined, false, undefined, this),
+              " into endpoints, workflows and UIs. It seeks to remove boilerplate by generating interfaces and workflows around existing code"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Platform features"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("ul", {
+            className: "text-muted-foreground space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Script-driven model."
+                  }, undefined, false, undefined, this),
+                  " Write scripts in TypeScript, Python, Go, PHP, Bash, C#, SQL or Rust; Windmill infers dependencies, creates lockfiles and JSON schemas, then serves minimal UIs automatically"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Visual flow editor."
+                  }, undefined, false, undefined, this),
+                  " Compose scripts into workflows with retries, error handling, loops, branching, suspending flows and approval steps"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Low-code UI builder."
+                  }, undefined, false, undefined, this),
+                  " Build dashboards and admin panels using inline scripts and trigger flows from the UI"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Enterprise readiness."
+                  }, undefined, false, undefined, this),
+                  " Features include RBAC permissions, secret management, OAuth handling, CLI/git sync, scheduling and webhooks"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Use cases."
+                  }, undefined, false, undefined, this),
+                  " Deploy scripts as webhooks or cron jobs; create “applicative workflows” combining external APIs; build ETLs and interactive dashboards"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    children: "Open source & self-hosting."
+                  }, undefined, false, undefined, this),
+                  " Windmill emphasises an open-source codebase and self-hosting options"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Comparison with ContractSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV5("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV5("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV5("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Feature"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Windmill"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "ContractSpec"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV5("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "Entry model"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Write scripts; platform auto-generates UI and workflows"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Define typed specs (Capabilities, DataViews, Workflows, Policies); compiler outputs back-end, front-end and forms."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "Language support"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "20+ languages via embedded runtimes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Uses TypeScript/JavaScript for providers; supports other back-ends through capability providers."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "UI generation"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Minimal UI forms from script parameters; low-code app builder"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Generates full web and mobile UIs from specs; user layouts can be customised via signed overlays."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "Policy & personalization"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "RBAC and secret management; no per-user overlay concept"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Built-in policy engine enforcing ABAC/PII on every render/mutate; overlays allow safe per-user customisation."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "Open source"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Fully open source and self-hostable"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Closed-source core (SDK is open); offers hosted and on-prem modes."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV5("strong", {
+                            children: "Ideal for"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Teams wanting to expose scripts as APIs, workflows or dashboards without heavy infrastructure."
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Teams needing a spec-driven platform that generates code and UI, enforces policies and lets non-technical users tailor the experience."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("p", {
+            className: "text-muted-foreground",
+            children: [
+              "Windmill excels at converting scripts into workflows and admin panels. ContractSpec takes a ",
+              /* @__PURE__ */ jsxDEV5("strong", {
+                children: "spec-first"
+              }, undefined, false, undefined, this),
+              " approach, generating the entire stack and enforcing policies, making it suitable for long-lived applications that must evolve safely."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/comparison/ComparisonWorkflowEnginesPage.tsx
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function ComparisonWorkflowEnginesPage() {
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV6("h1", {
+            className: "text-4xl font-bold",
+            children: "Workflow engines"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("p", {
+            className: "text-muted-foreground",
+            children: "Workflow engines orchestrate long-running tasks and data pipelines. They provide retries, scheduling and visibility, but most expect developers to write code and do not generate user interfaces. Here’s how the major engines compare to ContractSpec."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV6("h2", {
+            className: "text-2xl font-bold",
+            children: "Key differences summary"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV6("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV6("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV6("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Engine"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Core strengths"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "UI generation?"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Policy/PII enforcement?"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Self-host?"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV6("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Primary use"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV6("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Prefect"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Python-native; dynamic DAGs adapt to change; annotate code without rewriting; strong observability and audit logs"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Data pipelines and dynamic workflows."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Kestra"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Declarative YAML; event-driven triggers; mix of code and no-code; write logic in Python/R/Java/Julia/Ruby; deploy anywhere"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Data pipelines and hybrid orchestration."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Temporal"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Durable execution; workflows never lose state; multi-language SDKs; automatic retries"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Durable microservice and business workflows."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Airflow"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Open-source; define workflows as Python code; schedule and monitor via UI; extensible via custom operators"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Data ETL pipelines."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Dagster"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Data-asset model; local testing and reusable components; built-in data quality and catalog; orchestrates AI/data pipelines across multiple tools"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Data/AI pipelines with strong observability."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Hatchet"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Modern engine focused on performance and durability; tasks and workflows as code; durable functions with guardrails and retries"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "No"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "High-throughput background jobs and microservices."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                            children: "Windmill"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Multi-language scripts; auto-generates UI; integrated flow editor"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes (basic)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "RBAC & secrets only"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Yes"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV6("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Scripts into workflows and dashboards."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsxDEV6("h2", {
+            className: "text-2xl font-bold",
+            children: "Why ContractSpec differs"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("ul", {
+            className: "text-muted-foreground space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV6("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV6("strong", {
+                    children: "Spec-first generation"
+                  }, undefined, false, undefined, this),
+                  " – Instead of writing code, you define typed specs for capabilities, data views and workflows; the compiler outputs both back-end and front-end."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV6("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV6("strong", {
+                    children: "Policy engine"
+                  }, undefined, false, undefined, this),
+                  " – Every render and mutate passes through an ABAC/PII policy decision point."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV6("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV6("strong", {
+                    children: "Personalisation"
+                  }, undefined, false, undefined, this),
+                  " – Signed OverlaySpecs allow tenant/user-specific UI changes without touching code."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV6("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV6("strong", {
+                    children: "Unified runtime"
+                  }, undefined, false, undefined, this),
+                  " – React/React-Native rendering ensures consistent experiences across web and mobile."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6("p", {
+            className: "text-muted-foreground",
+            children: "Workflow engines are excellent for orchestrating back-end tasks. ContractSpec builds on this by serving complete applications with runtime policy enforcement and user personalisation via TypeScript specs."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  ComparisonWorkflowEnginesPage,
+  ComparisonWindmillPage,
+  ComparisonOverviewPage,
+  ComparisonInternalToolBuildersPage,
+  ComparisonEnterprisePlatformsPage,
+  ComparisonAutomationPlatformsPage
+};