@contractspec/bundle.library 3.7.6 → 3.7.7

package/src/components/docs/integrations/IntegrationsQdrantPage.tsx

@@ -9,31 +9,31 @@ import { ChevronRight } from 'lucide-react';
 // };
 
 export function IntegrationsQdrantPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Qdrant</h1>
-        <p className="text-muted-foreground">
-          Qdrant is a high-performance vector database for semantic search,
-          recommendations, and RAG (Retrieval-Augmented Generation)
-          applications.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Qdrant</h1>
+				<p className="text-muted-foreground">
+					Qdrant is a high-performance vector database for semantic search,
+					recommendations, and RAG (Retrieval-Augmented Generation)
+					applications.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Setup</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`# .env
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Setup</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`# .env
 QDRANT_URL=https://...
 QDRANT_API_KEY=...
 QDRANT_COLLECTION=documents`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Storing vectors</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`capabilityId: qdrant-upsert
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Storing vectors</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`capabilityId: qdrant-upsert
 provider:
   type: qdrant
   operation: upsert
@@ -53,13 +53,13 @@ inputs:
 outputs:
   status:
     type: string`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Semantic search</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`capabilityId: qdrant-search
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Semantic search</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`capabilityId: qdrant-search
 provider:
   type: qdrant
   operation: search
@@ -84,13 +84,13 @@ outputs:
         id: string
         score: number
         payload: object`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">RAG workflow example</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`workflowId: rag-query
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">RAG workflow example</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`workflowId: rag-query
 version: '1.0.0'.0.0
 
 steps:
@@ -116,17 +116,17 @@ steps:
           content: |
             Context: \$\{steps.search-documents.output.results\}
             Question: \$\{input.query\}`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/integrations/elevenlabs" className="btn-ghost">
-          Previous: ElevenLabs
-        </Link>
-        <Link href="/docs/integrations/s3" className="btn-primary">
-          Next: S3 Storage <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/integrations/elevenlabs" className="btn-ghost">
+					Previous: ElevenLabs
+				</Link>
+				<Link href="/docs/integrations/s3" className="btn-primary">
+					Next: S3 Storage <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/integrations/IntegrationsResendPage.tsx

@@ -8,30 +8,30 @@ import { ChevronRight } from 'lucide-react';
 // };
 
 export function IntegrationsResendPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Resend</h1>
-        <p className="text-muted-foreground">
-          Resend is a modern email API built for developers. It provides a
-          simple, reliable way to send transactional emails with React Email
-          templates.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Resend</h1>
+				<p className="text-muted-foreground">
+					Resend is a modern email API built for developers. It provides a
+					simple, reliable way to send transactional emails with React Email
+					templates.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Setup</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`# .env
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Setup</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`# .env
 RESEND_API_KEY=re_...
 RESEND_FROM_EMAIL=onboarding@resend.dev`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Sending emails</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`capabilityId: resend-send-email
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Sending emails</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`capabilityId: resend-send-email
 provider:
   type: resend
   operation: sendEmail
@@ -53,26 +53,26 @@ inputs:
 outputs:
   id:
     type: string`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Best practices</h2>
-        <ul className="text-muted-foreground list-inside list-disc space-y-2">
-          <li>Use React Email for type-safe templates</li>
-          <li>Verify your domain for better deliverability</li>
-          <li>Monitor email analytics in the Resend dashboard</li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Best practices</h2>
+				<ul className="list-inside list-disc space-y-2 text-muted-foreground">
+					<li>Use React Email for type-safe templates</li>
+					<li>Verify your domain for better deliverability</li>
+					<li>Monitor email analytics in the Resend dashboard</li>
+				</ul>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/integrations/postmark" className="btn-ghost">
-          Previous: Postmark
-        </Link>
-        <Link href="/docs/integrations/gmail" className="btn-primary">
-          Next: Gmail API <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/integrations/postmark" className="btn-ghost">
+					Previous: Postmark
+				</Link>
+				<Link href="/docs/integrations/gmail" className="btn-primary">
+					Next: Gmail API <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/integrations/IntegrationsS3Page.tsx

@@ -8,33 +8,33 @@ import { ChevronRight } from 'lucide-react';
 // };
 
 export function IntegrationsS3Page() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">S3-Compatible Storage</h1>
-        <p className="text-muted-foreground">
-          Store files, images, and documents using any S3-compatible object
-          storage service including AWS S3, Scaleway Object Storage, MinIO,
-          DigitalOcean Spaces, and more.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">S3-Compatible Storage</h1>
+				<p className="text-muted-foreground">
+					Store files, images, and documents using any S3-compatible object
+					storage service including AWS S3, Scaleway Object Storage, MinIO,
+					DigitalOcean Spaces, and more.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Setup</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`# .env
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Setup</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`# .env
 S3_ENDPOINT=https://s3.fr-par.scw.cloud
 S3_ACCESS_KEY_ID=...
 S3_SECRET_ACCESS_KEY=...
 S3_BUCKET=my-bucket
 S3_REGION=fr-par`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Uploading files</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`capabilityId: s3-upload
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Uploading files</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`capabilityId: s3-upload
 provider:
   type: s3
   operation: upload
@@ -57,13 +57,13 @@ outputs:
     type: string
   etag:
     type: string`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Generating presigned URLs</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`capabilityId: s3-presigned-url
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Generating presigned URLs</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`capabilityId: s3-presigned-url
 provider:
   type: s3
   operation: getPresignedUrl
@@ -79,28 +79,28 @@ inputs:
 outputs:
   url:
     type: string`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Best practices</h2>
-        <ul className="text-muted-foreground list-inside list-disc space-y-2">
-          <li>Use presigned URLs for secure, temporary access</li>
-          <li>Set appropriate CORS policies for browser uploads</li>
-          <li>Enable versioning for important files</li>
-          <li>Use lifecycle policies to archive old files</li>
-          <li>Organize files with a clear key structure</li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Best practices</h2>
+				<ul className="list-inside list-disc space-y-2 text-muted-foreground">
+					<li>Use presigned URLs for secure, temporary access</li>
+					<li>Set appropriate CORS policies for browser uploads</li>
+					<li>Enable versioning for important files</li>
+					<li>Use lifecycle policies to archive old files</li>
+					<li>Organize files with a clear key structure</li>
+				</ul>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/integrations/qdrant" className="btn-ghost">
-          Previous: Qdrant
-        </Link>
-        <Link href="/docs/integrations/twilio" className="btn-primary">
-          Next: Twilio <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/integrations/qdrant" className="btn-ghost">
+					Previous: Qdrant
+				</Link>
+				<Link href="/docs/integrations/twilio" className="btn-primary">
+					Next: Twilio <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/integrations/IntegrationsSlackPage.tsx

@@ -2,20 +2,20 @@ import Link from '@contractspec/lib.ui-link';
 import { ChevronRight } from 'lucide-react';
 
 export function IntegrationsSlackPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Slack Messaging</h1>
-        <p className="text-muted-foreground">
-          ContractSpec supports signed Slack event ingestion and outbox-backed
-          outbound replies through the channel runtime.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Slack Messaging</h1>
+				<p className="text-muted-foreground">
+					ContractSpec supports signed Slack event ingestion and outbox-backed
+					outbound replies through the channel runtime.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Required secrets and config</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`// secret payload
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Required secrets and config</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`// secret payload
 {
   "botToken": "xoxb-...",
   "signingSecret": "..."
@@ -26,37 +26,37 @@ export function IntegrationsSlackPage() {
   "defaultChannelId": "C0123456789",
   "apiBaseUrl": "https://slack.com/api"
 }`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Webhook ingress</h2>
-        <ul className="text-muted-foreground list-inside list-disc space-y-2">
-          <li>
-            Inbound events are accepted on{' '}
-            <code className="bg-background/50 rounded px-2 py-1">
-              /webhooks/slack/events
-            </code>
-            .
-          </li>
-          <li>
-            Requests are validated with Slack signatures (
-            <code className="bg-background/50 rounded px-2 py-1">
-              x-slack-signature
-            </code>{' '}
-            + timestamp tolerance).
-          </li>
-          <li>
-            Normalized events are deduplicated and persisted before any outbound
-            side effects.
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Webhook ingress</h2>
+				<ul className="list-inside list-disc space-y-2 text-muted-foreground">
+					<li>
+						Inbound events are accepted on{' '}
+						<code className="rounded bg-background/50 px-2 py-1">
+							/webhooks/slack/events
+						</code>
+						.
+					</li>
+					<li>
+						Requests are validated with Slack signatures (
+						<code className="rounded bg-background/50 px-2 py-1">
+							x-slack-signature
+						</code>{' '}
+						+ timestamp tolerance).
+					</li>
+					<li>
+						Normalized events are deduplicated and persisted before any outbound
+						side effects.
+					</li>
+				</ul>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Workspace routing and dispatch</h2>
-        <div className="bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm">
-          <pre>{`# Workspace mapping (recommended)
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Workspace routing and dispatch</h2>
+				<div className="overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm">
+					<pre>{`# Workspace mapping (recommended)
 CHANNEL_WORKSPACE_MAP_SLACK={"T123":"workspace-acme"}
 
 # Dispatch protection
@@ -65,34 +65,34 @@ CHANNEL_DISPATCH_TOKEN=...
 # Optional scheduler
 CHANNEL_DISPATCH_INTERVAL_MS=120000
 CHANNEL_DISPATCH_RUN_ON_START=1`}</pre>
-        </div>
-      </div>
+				</div>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Best practices</h2>
-        <ul className="text-muted-foreground list-inside list-disc space-y-2">
-          <li>
-            Keep bot tokens and signing secrets in a managed secret provider.
-          </li>
-          <li>Use workspace mapping to prevent cross-tenant event leakage.</li>
-          <li>
-            Keep dispatch asynchronous so webhook handlers stay fast and
-            reliable.
-          </li>
-          <li>
-            Monitor telemetry for ingest, decision, outbox, and dispatch stages.
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Best practices</h2>
+				<ul className="list-inside list-disc space-y-2 text-muted-foreground">
+					<li>
+						Keep bot tokens and signing secrets in a managed secret provider.
+					</li>
+					<li>Use workspace mapping to prevent cross-tenant event leakage.</li>
+					<li>
+						Keep dispatch asynchronous so webhook handlers stay fast and
+						reliable.
+					</li>
+					<li>
+						Monitor telemetry for ingest, decision, outbox, and dispatch stages.
+					</li>
+				</ul>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/integrations/twilio" className="btn-ghost">
-          Previous: Twilio SMS
-        </Link>
-        <Link href="/docs/integrations/github" className="btn-primary">
-          Next: GitHub Messaging <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/integrations/twilio" className="btn-ghost">
+					Previous: Twilio SMS
+				</Link>
+				<Link href="/docs/integrations/github" className="btn-primary">
+					Next: GitHub Messaging <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }