@contractspec/bundle.library 3.7.6 → 3.7.7

package/src/components/docs/comparison/ComparisonAutomationPlatformsPage.tsx

@@ -5,143 +5,143 @@
 // };
 
 export function ComparisonAutomationPlatformsPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Automation platforms</h1>
-        <p className="text-muted-foreground">
-          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.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Automation platforms</h1>
+				<p className="text-muted-foreground">
+					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.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Feature comparison</h2>
-        <div className="border-border/50 overflow-x-auto rounded-lg border">
-          <table className="w-full text-left text-sm">
-            <thead className="bg-card/50">
-              <tr className="border-border/50 border-b">
-                <th className="px-4 py-3 font-semibold">Feature</th>
-                <th className="px-4 py-3 font-semibold">Zapier</th>
-                <th className="px-4 py-3 font-semibold">Make (Integromat)</th>
-                <th className="px-4 py-3 font-semibold">n8n</th>
-                <th className="px-4 py-3 font-semibold">Pipedream</th>
-              </tr>
-            </thead>
-            <tbody className="divide-border/50 divide-y">
-              <tr>
-                <td className="px-4 py-3 align-top font-semibold">
-                  Workflow model
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Zaps: trigger + one or more actions
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Real-time visual orchestration for AI agents and automations
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Node-based workflow builder with drag-and-drop and code; build
-                  multi-step AI agents
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Workflows connect any API; Pipedream Connect SDK adds
-                  integrations quickly
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top font-semibold">
-                  Visual builder?
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Yes (simple; web-based).
-                </td>
-                <td className="px-4 py-3 align-top">Yes; AI-assisted editor</td>
-                <td className="px-4 py-3 align-top">Yes; visual canvas.</td>
-                <td className="px-4 py-3 align-top">
-                  Code-centric editor; no visual UI builder
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top font-semibold">
-                  Self-host?
-                </td>
-                <td className="px-4 py-3 align-top">No (cloud only).</td>
-                <td className="px-4 py-3 align-top">Cloud only.</td>
-                <td className="px-4 py-3 align-top">Yes (Docker, self-host)</td>
-                <td className="px-4 py-3 align-top">Cloud only (hosted).</td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top font-semibold">
-                  Integrations &amp; AI
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Connects almost 8 000 apps; limited AI features.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  3 000+ pre-built apps; supports GenAI tools; GDPR/SOC2 and SSO
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Integrates LLMs; allows JS or Python code and library imports;
-                  chatbots with Slack/Teams
-                </td>
-                <td className="px-4 py-3 align-top">
-                  MCP servers add 3 000+ APIs and 10 000+ tools to agents; AI
-                  agent builder prompts and deploys agents; SOC 2/ HIPAA/GDPR
-                  compliant
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top font-semibold">
-                  Policy &amp; UI generation
-                </td>
-                <td className="px-4 py-3 align-top">
-                  No policy engine; does not generate user interfaces.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  No policy engine; does not generate UIs beyond a workflow
-                  dashboard.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  No policy engine; no UI builder
-                </td>
-                <td className="px-4 py-3 align-top">
-                  No policy engine; does not generate UI.
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Feature comparison</h2>
+				<div className="overflow-x-auto rounded-lg border border-border/50">
+					<table className="w-full text-left text-sm">
+						<thead className="bg-card/50">
+							<tr className="border-border/50 border-b">
+								<th className="px-4 py-3 font-semibold">Feature</th>
+								<th className="px-4 py-3 font-semibold">Zapier</th>
+								<th className="px-4 py-3 font-semibold">Make (Integromat)</th>
+								<th className="px-4 py-3 font-semibold">n8n</th>
+								<th className="px-4 py-3 font-semibold">Pipedream</th>
+							</tr>
+						</thead>
+						<tbody className="divide-y divide-border/50">
+							<tr>
+								<td className="px-4 py-3 align-top font-semibold">
+									Workflow model
+								</td>
+								<td className="px-4 py-3 align-top">
+									Zaps: trigger + one or more actions
+								</td>
+								<td className="px-4 py-3 align-top">
+									Real-time visual orchestration for AI agents and automations
+								</td>
+								<td className="px-4 py-3 align-top">
+									Node-based workflow builder with drag-and-drop and code; build
+									multi-step AI agents
+								</td>
+								<td className="px-4 py-3 align-top">
+									Workflows connect any API; Pipedream Connect SDK adds
+									integrations quickly
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top font-semibold">
+									Visual builder?
+								</td>
+								<td className="px-4 py-3 align-top">
+									Yes (simple; web-based).
+								</td>
+								<td className="px-4 py-3 align-top">Yes; AI-assisted editor</td>
+								<td className="px-4 py-3 align-top">Yes; visual canvas.</td>
+								<td className="px-4 py-3 align-top">
+									Code-centric editor; no visual UI builder
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top font-semibold">
+									Self-host?
+								</td>
+								<td className="px-4 py-3 align-top">No (cloud only).</td>
+								<td className="px-4 py-3 align-top">Cloud only.</td>
+								<td className="px-4 py-3 align-top">Yes (Docker, self-host)</td>
+								<td className="px-4 py-3 align-top">Cloud only (hosted).</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top font-semibold">
+									Integrations &amp; AI
+								</td>
+								<td className="px-4 py-3 align-top">
+									Connects almost 8 000 apps; limited AI features.
+								</td>
+								<td className="px-4 py-3 align-top">
+									3 000+ pre-built apps; supports GenAI tools; GDPR/SOC2 and SSO
+								</td>
+								<td className="px-4 py-3 align-top">
+									Integrates LLMs; allows JS or Python code and library imports;
+									chatbots with Slack/Teams
+								</td>
+								<td className="px-4 py-3 align-top">
+									MCP servers add 3 000+ APIs and 10 000+ tools to agents; AI
+									agent builder prompts and deploys agents; SOC 2/ HIPAA/GDPR
+									compliant
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top font-semibold">
+									Policy &amp; UI generation
+								</td>
+								<td className="px-4 py-3 align-top">
+									No policy engine; does not generate user interfaces.
+								</td>
+								<td className="px-4 py-3 align-top">
+									No policy engine; does not generate UIs beyond a workflow
+									dashboard.
+								</td>
+								<td className="px-4 py-3 align-top">
+									No policy engine; no UI builder
+								</td>
+								<td className="px-4 py-3 align-top">
+									No policy engine; does not generate UI.
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
 
-      <div className="space-y-3">
-        <h2 className="text-2xl font-bold">Why ContractSpec differs</h2>
-        <ul className="text-muted-foreground space-y-2">
-          <li>
-            <strong>Full application generation</strong> – ContractSpec compiles
-            specs into back-end, events and user interfaces for both web and
-            mobile.
-          </li>
-          <li>
-            <strong>Policy enforcement</strong> – A built-in policy engine
-            governs PII access and mutations across the UI.
-          </li>
-          <li>
-            <strong>Customisation via overlays</strong> – Non-technical users
-            can safely personalise layouts while respecting policies.
-          </li>
-          <li>
-            <strong>Extensible capabilities</strong> – Connect to external APIs
-            and services via capability providers while maintaining type safety.
-          </li>
-        </ul>
-        <p className="text-muted-foreground">
-          Automation tools simplify integrations and tasks; ContractSpec goes
-          further by generating a complete, policy-safe application around your
-          data and processes.
-        </p>
-      </div>
-    </div>
-  );
+			<div className="space-y-3">
+				<h2 className="font-bold text-2xl">Why ContractSpec differs</h2>
+				<ul className="space-y-2 text-muted-foreground">
+					<li>
+						<strong>Full application generation</strong> – ContractSpec compiles
+						specs into back-end, events and user interfaces for both web and
+						mobile.
+					</li>
+					<li>
+						<strong>Policy enforcement</strong> – A built-in policy engine
+						governs PII access and mutations across the UI.
+					</li>
+					<li>
+						<strong>Customisation via overlays</strong> – Non-technical users
+						can safely personalise layouts while respecting policies.
+					</li>
+					<li>
+						<strong>Extensible capabilities</strong> – Connect to external APIs
+						and services via capability providers while maintaining type safety.
+					</li>
+				</ul>
+				<p className="text-muted-foreground">
+					Automation tools simplify integrations and tasks; ContractSpec goes
+					further by generating a complete, policy-safe application around your
+					data and processes.
+				</p>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/comparison/ComparisonEnterprisePlatformsPage.tsx

@@ -7,144 +7,144 @@ import Link from '@contractspec/lib.ui-link';
 // };
 
 export function ComparisonEnterprisePlatformsPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">
-          Enterprise orchestration platforms
-        </h1>
-        <p className="text-muted-foreground">
-          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.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">
+					Enterprise orchestration platforms
+				</h1>
+				<p className="text-muted-foreground">
+					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.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Redwood RunMyJobs</h2>
-        <p className="text-muted-foreground">
-          <Link
-            href="https://www.redwood.com/workload-automation/"
-            className="hover:text-foreground underline decoration-dotted underline-offset-4"
-            target="_blank"
-            rel="noreferrer"
-          >
-            RunMyJobs by Redwood
-          </Link>{' '}
-          is a cloud-native service orchestration and automation platform. Key
-          attributes include:
-        </p>
-        <ul className="text-muted-foreground space-y-2">
-          <li>
-            <strong>Self-service portal.</strong> Business users can run and
-            customise workloads while IT ensures governance and compliance
-          </li>
-          <li>
-            <strong>Full-stack orchestration.</strong> Integrates with both SAP
-            and non-SAP systems; Redwood is recognised as a Leader in Gartner’s
-            Magic Quadrant for service orchestration
-          </li>
-          <li>
-            <strong>Observability and AI insights.</strong> Dashboards and
-            AI-enhanced analytics identify bottlenecks and forecast issues
-          </li>
-          <li>
-            <strong>Deep SAP integration.</strong> Supports SAP’s latest
-            technologies and orchestrates mission-critical business processes
-          </li>
-          <li>
-            <strong>Connectors &amp; wizard.</strong> Provides pre-built
-            connectors and a wizard to link on-prem and cloud systems
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Redwood RunMyJobs</h2>
+				<p className="text-muted-foreground">
+					<Link
+						href="https://www.redwood.com/workload-automation/"
+						className="underline decoration-dotted underline-offset-4 hover:text-foreground"
+						target="_blank"
+						rel="noreferrer"
+					>
+						RunMyJobs by Redwood
+					</Link>{' '}
+					is a cloud-native service orchestration and automation platform. Key
+					attributes include:
+				</p>
+				<ul className="space-y-2 text-muted-foreground">
+					<li>
+						<strong>Self-service portal.</strong> Business users can run and
+						customise workloads while IT ensures governance and compliance
+					</li>
+					<li>
+						<strong>Full-stack orchestration.</strong> Integrates with both SAP
+						and non-SAP systems; Redwood is recognised as a Leader in Gartner’s
+						Magic Quadrant for service orchestration
+					</li>
+					<li>
+						<strong>Observability and AI insights.</strong> Dashboards and
+						AI-enhanced analytics identify bottlenecks and forecast issues
+					</li>
+					<li>
+						<strong>Deep SAP integration.</strong> Supports SAP’s latest
+						technologies and orchestrates mission-critical business processes
+					</li>
+					<li>
+						<strong>Connectors &amp; wizard.</strong> Provides pre-built
+						connectors and a wizard to link on-prem and cloud systems
+					</li>
+				</ul>
+			</div>
 
-      <div className="space-y-4">
-        <h3 className="text-xl font-semibold">Comparison with ContractSpec</h3>
-        <div className="border-border/50 overflow-x-auto rounded-lg border">
-          <table className="w-full text-left text-sm">
-            <thead className="bg-card/50">
-              <tr className="border-border/50 border-b">
-                <th className="px-4 py-3 font-semibold">Aspect</th>
-                <th className="px-4 py-3 font-semibold">RunMyJobs</th>
-                <th className="px-4 py-3 font-semibold">ContractSpec</th>
-              </tr>
-            </thead>
-            <tbody className="divide-border/50 divide-y">
-              <tr>
-                <td className="px-4 py-3 align-top">
-                  <strong>Target user</strong>
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Enterprise IT and operations teams automating SAP and
-                  mission-critical workflows.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Developers, product teams and SMBs wanting to generate
-                  policy-safe apps with customisable UIs.
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top">
-                  <strong>Workload focus</strong>
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Service orchestration and job scheduling across ERP/legacy
-                  systems
-                </td>
-                <td className="px-4 py-3 align-top">
-                  End-to-end application generation with back-end, UI and
-                  policies.
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top">
-                  <strong>User interface</strong>
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Self-service portal to run/monitor jobs; no custom UI
-                  generation for new apps.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Generates React/React-Native UIs from specs; users can
-                  personalise layout via overlays.
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top">
-                  <strong>Open source</strong>
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Proprietary SaaS; enterprise agreements.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Core compiler is proprietary; SDK and certain modules may be
-                  open-source; offers hosted and on-prem options.
-                </td>
-              </tr>
-              <tr>
-                <td className="px-4 py-3 align-top">
-                  <strong>Policy &amp; personalisation</strong>
-                </td>
-                <td className="px-4 py-3 align-top">
-                  IT controls governance; no per-user overlay concept.
-                </td>
-                <td className="px-4 py-3 align-top">
-                  Built-in policy engine and per-user overlays for safe
-                  personalisation.
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <p className="text-muted-foreground">
-          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.
-        </p>
-      </div>
-    </div>
-  );
+			<div className="space-y-4">
+				<h3 className="font-semibold text-xl">Comparison with ContractSpec</h3>
+				<div className="overflow-x-auto rounded-lg border border-border/50">
+					<table className="w-full text-left text-sm">
+						<thead className="bg-card/50">
+							<tr className="border-border/50 border-b">
+								<th className="px-4 py-3 font-semibold">Aspect</th>
+								<th className="px-4 py-3 font-semibold">RunMyJobs</th>
+								<th className="px-4 py-3 font-semibold">ContractSpec</th>
+							</tr>
+						</thead>
+						<tbody className="divide-y divide-border/50">
+							<tr>
+								<td className="px-4 py-3 align-top">
+									<strong>Target user</strong>
+								</td>
+								<td className="px-4 py-3 align-top">
+									Enterprise IT and operations teams automating SAP and
+									mission-critical workflows.
+								</td>
+								<td className="px-4 py-3 align-top">
+									Developers, product teams and SMBs wanting to generate
+									policy-safe apps with customisable UIs.
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top">
+									<strong>Workload focus</strong>
+								</td>
+								<td className="px-4 py-3 align-top">
+									Service orchestration and job scheduling across ERP/legacy
+									systems
+								</td>
+								<td className="px-4 py-3 align-top">
+									End-to-end application generation with back-end, UI and
+									policies.
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top">
+									<strong>User interface</strong>
+								</td>
+								<td className="px-4 py-3 align-top">
+									Self-service portal to run/monitor jobs; no custom UI
+									generation for new apps.
+								</td>
+								<td className="px-4 py-3 align-top">
+									Generates React/React-Native UIs from specs; users can
+									personalise layout via overlays.
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top">
+									<strong>Open source</strong>
+								</td>
+								<td className="px-4 py-3 align-top">
+									Proprietary SaaS; enterprise agreements.
+								</td>
+								<td className="px-4 py-3 align-top">
+									Core compiler is proprietary; SDK and certain modules may be
+									open-source; offers hosted and on-prem options.
+								</td>
+							</tr>
+							<tr>
+								<td className="px-4 py-3 align-top">
+									<strong>Policy &amp; personalisation</strong>
+								</td>
+								<td className="px-4 py-3 align-top">
+									IT controls governance; no per-user overlay concept.
+								</td>
+								<td className="px-4 py-3 align-top">
+									Built-in policy engine and per-user overlays for safe
+									personalisation.
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<p className="text-muted-foreground">
+					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.
+				</p>
+			</div>
+		</div>
+	);
 }