@contractspec/bundle.library 1.12.0 → 1.13.0

package/dist/components/docs/specs/SpecsPolicyPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpecsPolicyPage.js","names":[],"sources":["../../../../src/components/docs/specs/SpecsPolicyPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Policy: ContractSpec Docs',\n//   description:\n//     'Learn how to define attribute-based access control and data protection policies in ContractSpec.',\n// };\n\nexport function SpecsPolicyPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Policy</h1>\n        <p className=\"text-muted-foreground\">\n          A <strong>PolicySpec</strong> defines who can do what, when, and under\n          what conditions. ContractSpec uses attribute-based access control\n          (ABAC) to enforce policies across your entire application—from API\n          endpoints to UI components.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Why policies matter</h2>\n        <p className=\"text-muted-foreground\">\n          Traditional access control relies on roles (RBAC), which can become\n          unwieldy as applications grow. ABAC is more flexible—it evaluates\n          policies based on attributes of the user, resource, action, and\n          context.\n        </p>\n        <p className=\"text-muted-foreground\">\n          ContractSpec's policy engine ensures that access control is consistent\n          across all surfaces. You don't have to remember to add authorization\n          checks in every API endpoint or UI component—the{' '}\n          <Link\n            href=\"/docs/safety/pdp\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            Policy Decision Point\n          </Link>{' '}\n          enforces policies automatically.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Policy structure</h2>\n        <p className=\"text-muted-foreground\">\n          A PolicySpec contains one or more rules. Each rule has:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Effect</strong> – PERMIT, DENY, or REDACT\n          </li>\n          <li>\n            <strong>Condition</strong> – A boolean expression that determines\n            when the rule applies\n          </li>\n          <li>\n            <strong>Scope</strong> – Which resources, actions, or fields the\n            rule applies to\n          </li>\n          <li>\n            <strong>Priority</strong> – Rules are evaluated in priority order;\n            the first matching rule wins\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example PolicySpec</h2>\n        <p className=\"text-muted-foreground\">\n          Here's a policy that controls access to customer data in TypeScript:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`import { definePolicy } from '@contractspec/lib.contracts';\n\nexport const CustomerDataAccess = definePolicy({\n  meta: {\n    key: 'customer.data.access',\n    version: '1.0.0',\n  },\n  rules: [\n    {\n      id: 'admin-full-access',\n      priority: 100,\n      effect: 'PERMIT',\n      condition: (ctx) => ctx.user.role === 'admin',\n      scope: {\n        resources: ['customer'],\n        actions: ['read', 'write', 'delete'],\n      },\n    },\n    {\n      id: 'sales-read-assigned',\n      priority: 200,\n      effect: 'PERMIT',\n      condition: (ctx) => \n        ctx.user.role === 'sales' && \n        ctx.resource.assignedTo === ctx.user.id,\n      scope: {\n        resources: ['customer'],\n        actions: ['read', 'write'],\n      },\n    },\n    {\n      id: 'support-read-redacted',\n      priority: 300,\n      effect: 'REDACT',\n      condition: (ctx) => ctx.user.role === 'support',\n      scope: {\n        resources: ['customer'],\n        actions: ['read'],\n      },\n      redactFields: ['creditCard', 'ssn', 'bankAccount'],\n    },\n  ],\n});`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Attributes</h2>\n        <p className=\"text-muted-foreground\">\n          Policy conditions can reference attributes from four categories:\n        </p>\n        <div className=\"space-y-3\">\n          <div>\n            <h3 className=\"text-lg font-semibold\">User attributes</h3>\n            <p className=\"text-muted-foreground\">\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                user.id\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                user.role\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                user.groups\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                user.department\n              </code>\n              , custom attributes\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Resource attributes</h3>\n            <p className=\"text-muted-foreground\">\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                resource.type\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                resource.owner\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                resource.sensitivity\n              </code>\n              , custom attributes\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Action attributes</h3>\n            <p className=\"text-muted-foreground\">\n              <code className=\"bg-background/50 rounded px-2 py-1\">action</code>{' '}\n              (read, write, delete, execute, export, etc.)\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Context attributes</h3>\n            <p className=\"text-muted-foreground\">\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                time.hour\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                time.dayOfWeek\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                request.ipAddress\n              </code>\n              ,{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                request.userAgent\n              </code>\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Data classification</h2>\n        <p className=\"text-muted-foreground\">\n          You can tag fields with sensitivity levels in your{' '}\n          <Link\n            href=\"/docs/specs/capabilities\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            CapabilitySpecs\n          </Link>{' '}\n          and{' '}\n          <Link\n            href=\"/docs/specs/dataviews\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            DataViewSpecs\n          </Link>\n          :\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`fields:\n  - name: email\n    type: string\n    sensitivity: PII\n  - name: creditCard\n    type: string\n    sensitivity: PII\n    encrypted: true\n  - name: diagnosis\n    type: string\n    sensitivity: PHI\n  - name: salary\n    type: number\n    sensitivity: confidential`}</pre>\n        </div>\n        <p className=\"text-muted-foreground\">\n          Policies can then reference these tags to enforce blanket rules like\n          \"support staff cannot see PII\" or \"PHI can only be accessed from\n          approved IP addresses.\"\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Testing policies</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec provides tools for testing policies before deployment:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Policy simulator</strong> – Test how policies evaluate for\n            different users and scenarios\n          </li>\n          <li>\n            <strong>Coverage analysis</strong> – Identify resources or actions\n            that aren't covered by any policy\n          </li>\n          <li>\n            <strong>Conflict detection</strong> – Find rules that might conflict\n            or produce unexpected results\n          </li>\n          <li>\n            <strong>Audit mode</strong> – Run policies in audit-only mode to see\n            what would be blocked without actually blocking it\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            Start with a deny-by-default policy—explicitly permit what should be\n            allowed.\n          </li>\n          <li>\n            Use clear, descriptive rule IDs that explain what the rule does.\n          </li>\n          <li>\n            Set priorities carefully to ensure rules are evaluated in the right\n            order.\n          </li>\n          <li>\n            Test policies thoroughly with realistic user scenarios before\n            deploying.\n          </li>\n          <li>\n            Monitor policy decisions in production using{' '}\n            <Link\n              href=\"/docs/safety/auditing\"\n              className=\"text-violet-400 hover:text-violet-300\"\n            >\n              audit logs\n            </Link>\n            .\n          </li>\n          <li>\n            Review and update policies regularly as your application and\n            requirements evolve.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/specs/workflows\" className=\"btn-ghost\">\n          Previous: Workflows\n        </Link>\n        <Link href=\"/docs/specs/overlays\" className=\"btn-primary\">\n          Next: Overlays <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/specs/SpecsWorkflowsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpecsWorkflowsPage.js","names":[],"sources":["../../../../src/components/docs/specs/SpecsWorkflowsPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Workflows: ContractSpec Docs',\n//   description:\n//     'Learn how to define multi-step workflows with retries, compensation, and monitoring in ContractSpec.',\n// };\n\nexport function SpecsWorkflowsPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Workflows</h1>\n        <p className=\"text-muted-foreground\">\n          A <strong>WorkflowSpec</strong> orchestrates multi-step processes. It\n          defines the sequence of operations, handles failures with retries and\n          compensation, and provides observability into long-running tasks.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core concepts</h2>\n        <div className=\"space-y-3\">\n          <div>\n            <h3 className=\"text-lg font-semibold\">Identifiers</h3>\n            <p className=\"text-muted-foreground\">\n              Each workflow has a unique{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                workflowId\n              </code>{' '}\n              and a{' '}\n              <code className=\"bg-background/50 rounded px-2 py-1\">\n                version\n              </code>\n              . This allows you to run multiple versions of the same workflow\n              simultaneously during migrations or A/B tests.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Steps</h3>\n            <p className=\"text-muted-foreground\">\n              A workflow is composed of <strong>steps</strong>. Each step\n              invokes a{' '}\n              <Link\n                href=\"/docs/specs/capabilities\"\n                className=\"text-violet-400 hover:text-violet-300\"\n              >\n                CapabilitySpec\n              </Link>\n              , passes inputs, and receives outputs. Steps can run sequentially\n              or in parallel.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Transitions</h3>\n            <p className=\"text-muted-foreground\">\n              <strong>Transitions</strong> define the flow between steps. They\n              can be conditional (e.g., \"if payment succeeds, go to step 3;\n              otherwise, go to step 5\") or unconditional.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Retries</h3>\n            <p className=\"text-muted-foreground\">\n              If a step fails, the workflow can retry it with exponential\n              backoff. You specify the maximum number of retries and the backoff\n              strategy in the spec.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Compensation</h3>\n            <p className=\"text-muted-foreground\">\n              When a workflow fails partway through,{' '}\n              <strong>compensation</strong> steps undo the effects of completed\n              steps (e.g., refunding a payment, releasing a reservation). This\n              ensures consistency even in failure scenarios.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">SLAs</h3>\n            <p className=\"text-muted-foreground\">\n              You can define Service Level Agreements (SLAs) for each step or\n              the entire workflow. If a step exceeds its SLA, the system can\n              trigger alerts or escalations.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">\n          Example WorkflowSpec (TypeScript)\n        </h2>\n        <p className=\"text-muted-foreground\">\n          Here's a simplified example of a payment workflow in TypeScript:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`import { defineWorkflow } from '@contractspec/lib.contracts';\nimport { ValidatePaymentMethod, ChargePayment, SendEmail } from './specs';\n\nexport const PaymentFlow = defineWorkflow({\n  meta: {\n    key: 'payment.flow',\n    version: '1.0.0',\n    description: 'End-to-end payment processing',\n    owners: ['team-payments'],\n    tags: ['payments'],\n    stability: 'stable',\n  },\n  steps: [\n    {\n      id: 'validate-payment',\n      operation: ValidatePaymentMethod,\n      inputs: (ctx, input) => ({\n        userId: ctx.userId,\n        paymentMethodId: input.paymentMethodId,\n      }),\n      retry: {\n        maxAttempts: 3,\n        backoff: 'exponential',\n      },\n      onSuccess: 'charge-payment',\n      onFailure: 'notify-user',\n    },\n    {\n      id: 'charge-payment',\n      operation: ChargePayment,\n      inputs: (ctx, input, steps) => ({\n        amount: input.amount,\n        paymentMethodId: input.paymentMethodId,\n      }),\n      compensation: 'refund-payment',\n      onSuccess: 'send-receipt',\n      onFailure: 'notify-admin',\n    },\n    {\n      id: 'send-receipt',\n      operation: SendEmail,\n      inputs: (ctx, input, steps) => ({\n        to: ctx.userEmail,\n        template: 'payment-receipt',\n        data: steps['charge-payment'].output,\n      }),\n    },\n  ],\n  sla: {\n    maxDuration: 30000, // milliseconds\n    alertOnBreach: true,\n  },\n});`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Triggers</h2>\n        <p className=\"text-muted-foreground\">\n          Workflows can be triggered in several ways:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Manual invocation</strong> – A user or system calls the\n            workflow via an API endpoint.\n          </li>\n          <li>\n            <strong>Event-driven</strong> – The workflow starts automatically\n            when a specific event occurs (e.g., a new order is created).\n          </li>\n          <li>\n            <strong>Scheduled</strong> – The workflow runs on a cron schedule\n            (e.g., nightly batch processing).\n          </li>\n          <li>\n            <strong>Chained</strong> – One workflow can invoke another as a\n            step.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Monitoring and versioning</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec automatically instruments workflows with telemetry. You\n          can view:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Real-time execution status for each step</li>\n          <li>Historical run data and success/failure rates</li>\n          <li>Latency distributions and SLA compliance</li>\n          <li>Compensation events and retry attempts</li>\n        </ul>\n        <p className=\"text-muted-foreground\">\n          When you update a workflow, you increment its version. Running\n          workflows continue on their original version, while new invocations\n          use the latest version. This allows safe, zero-downtime deployments.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            Keep steps idempotent – they should be safe to retry without side\n            effects.\n          </li>\n          <li>\n            Define compensation for any step that modifies external state.\n          </li>\n          <li>Use meaningful step IDs that describe the operation.</li>\n          <li>Set realistic SLAs and monitor them in production.</li>\n          <li>Test failure scenarios locally before deploying.</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/specs/capabilities\" className=\"btn-ghost\">\n          Previous: Capabilities\n        </Link>\n        <Link href=\"/docs/safety\" className=\"btn-primary\">\n          Next: Safety Features <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/studio/StudioBYOKPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioBYOKPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioBYOKPage.tsx"],"sourcesContent":["// export const metadata: Metadata = {\n//   title: 'Studio – BYOK Setup',\n//   description:\n//     'Configure Bring Your Own Key for ContractSpec Studio. Secure credentials, rotate keys, and audit access.',\n// };\n\nconst steps = [\n  {\n    title: '1. Provide vault endpoint',\n    body: 'Enter your Vault/HSM URL and the key identifier. Studio only stores the reference.',\n  },\n  {\n    title: '2. Verify encryption',\n    body: 'Studio runs a test by encrypting a dummy payload and asking you to decrypt it.',\n  },\n  {\n    title: '3. Store credentials',\n    body: 'When integrations are connected, secrets get encrypted client side before landing in the database.',\n  },\n  {\n    title: '4. Rotate keys',\n    body: 'Trigger rotation from the BYOK manager. Studio fetches existing secrets, decrypts with the old key, and re-encrypts with the new one.',\n  },\n];\n\nexport function StudioBYOKPage() {\n  return (\n    <main className=\"space-y-12 py-12\">\n      <header className=\"space-y-3\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          BYOK\n        </p>\n        <h1 className=\"text-4xl font-bold\">Bring your own key to Studio</h1>\n        <p className=\"text-muted-foreground max-w-3xl text-lg\">\n          Keep secrets under your control. Studio never touches plaintext\n          credentials; everything is encrypted with tenant-specific material.\n        </p>\n      </header>\n      <section className=\"grid gap-4 md:grid-cols-2\">\n        {steps.map((step) => (\n          <article key={step.title} className=\"card-subtle space-y-2 p-6\">\n            <h2 className=\"text-xl font-semibold\">{step.title}</h2>\n            <p className=\"text-muted-foreground text-sm\">{step.body}</p>\n          </article>\n        ))}\n      </section>\n      <section className=\"space-y-2\">\n        <h2 className=\"text-2xl font-semibold\">Audit trail</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Every decrypt operation logs who requested it, what integration was\n          involved, and the purpose (sync, deploy, manual action).\n        </p>\n        <p className=\"text-muted-foreground text-sm\">\n          You can stream audit logs to your SIEM via webhooks or export CSVs for\n          compliance reviews.\n        </p>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;AAMA,MAAM,QAAQ;CACZ;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACF;AAED,SAAgB,iBAAiB;AAC/B,QACE,qBAAC;EAAK,WAAU;;GACd,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAE,WAAU;gBAAmE;OAE5E;KACJ,oBAAC;MAAG,WAAU;gBAAqB;OAAiC;KACpE,oBAAC;MAAE,WAAU;gBAA0C;OAGnD;;KACG;GACT,oBAAC;IAAQ,WAAU;cAChB,MAAM,KAAK,SACV,qBAAC;KAAyB,WAAU;gBAClC,oBAAC;MAAG,WAAU;gBAAyB,KAAK;OAAW,EACvD,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAS;OAFhD,KAAK,MAGT,CACV;KACM;GACV,qBAAC;IAAQ,WAAU;;KACjB,oBAAC;MAAG,WAAU;gBAAyB;OAAgB;KACvD,oBAAC;MAAE,WAAU;gBAAgC;OAGzC;KACJ,oBAAC;MAAE,WAAU;gBAAgC;OAGzC;;KACI;;GACL"}

package/dist/components/docs/studio/StudioDeploymentsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioDeploymentsPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioDeploymentsPage.tsx"],"sourcesContent":["// export const metadata: Metadata = {\n//   title: 'Studio – Deployment Guide',\n//   description:\n//     'Learn how Studio provisions shared and dedicated environments, monitors health, and rolls back safely.',\n// };\n\nconst comparisons = [\n  {\n    label: 'Shared',\n    points: [\n      'Ready in seconds',\n      'DEV + STAGE by default',\n      'Best for prototypes',\n      'Managed SSL',\n    ],\n  },\n  {\n    label: 'Dedicated',\n    points: [\n      'Isolated clusters',\n      'Choose region + VPC',\n      'Rolling deploys',\n      'Custom observability sinks',\n    ],\n  },\n];\n\nconst checklist = [\n  'Validate specs before deploying (Studio does this automatically).',\n  'Tag deployments with a description so rituals have context.',\n  'Monitor status cards—failed deploys trigger alerts and auto rollback.',\n  'Use the CLI to export deployment manifests if you want infra-as-code.',\n];\n\nexport function StudioDeploymentsPage() {\n  return (\n    <main className=\"space-y-12 py-12\">\n      <header className=\"space-y-3\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          Deployments\n        </p>\n        <h1 className=\"text-4xl font-bold\">Shared vs dedicated workflows</h1>\n        <p className=\"text-muted-foreground max-w-3xl text-lg\">\n          Studio abstracts infra, but you still stay in control. This guide\n          explains how environments are provisioned, monitored, and rolled back.\n        </p>\n      </header>\n      <section className=\"grid gap-4 md:grid-cols-2\">\n        {comparisons.map((option) => (\n          <article key={option.label} className=\"card-subtle space-y-2 p-6\">\n            <h2 className=\"text-2xl font-semibold\">\n              {option.label} deployments\n            </h2>\n            <ul className=\"space-y-1 text-sm\">\n              {option.points.map((point) => (\n                <li key={point}>• {point}</li>\n              ))}\n            </ul>\n          </article>\n        ))}\n      </section>\n      <section className=\"space-y-3\">\n        <h2 className=\"text-2xl font-semibold\">Health & rollback</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Every deployment emits health events. If a check fails, Studio pauses\n          traffic and offers rollback controls with diff context.\n        </p>\n        <ul className=\"space-y-2 text-sm\">\n          {checklist.map((item) => (\n            <li key={item}>• {item}</li>\n          ))}\n        </ul>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;AAMA,MAAM,cAAc,CAClB;CACE,OAAO;CACP,QAAQ;EACN;EACA;EACA;EACA;EACD;CACF,EACD;CACE,OAAO;CACP,QAAQ;EACN;EACA;EACA;EACA;EACD;CACF,CACF;AAED,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACD;AAED,SAAgB,wBAAwB;AACtC,QACE,qBAAC;EAAK,WAAU;;GACd,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAE,WAAU;gBAAmE;OAE5E;KACJ,oBAAC;MAAG,WAAU;gBAAqB;OAAkC;KACrE,oBAAC;MAAE,WAAU;gBAA0C;OAGnD;;KACG;GACT,oBAAC;IAAQ,WAAU;cAChB,YAAY,KAAK,WAChB,qBAAC;KAA2B,WAAU;gBACpC,qBAAC;MAAG,WAAU;iBACX,OAAO,OAAM;OACX,EACL,oBAAC;MAAG,WAAU;gBACX,OAAO,OAAO,KAAK,UAClB,qBAAC,mBAAe,MAAG,UAAV,MAAqB,CAC9B;OACC;OARO,OAAO,MASX,CACV;KACM;GACV,qBAAC;IAAQ,WAAU;;KACjB,oBAAC;MAAG,WAAU;gBAAyB;OAAsB;KAC7D,oBAAC;MAAE,WAAU;gBAAgC;OAGzC;KACJ,oBAAC;MAAG,WAAU;gBACX,UAAU,KAAK,SACd,qBAAC,mBAAc,MAAG,SAAT,KAAmB,CAC5B;OACC;;KACG;;GACL"}

package/dist/components/docs/studio/StudioGettingStartedPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioGettingStartedPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioGettingStartedPage.tsx"],"sourcesContent":["// export const metadata: Metadata = {\n//   title: 'Studio – Getting Started',\n//   description:\n//     'Create your first ContractSpec Studio project, add specs, and deploy to shared infrastructure.',\n// };\n\nconst steps = [\n  {\n    title: '1. Create a Studio workspace',\n    body: 'Sign in, pick “Studio managed” as product, and invite teammates. We provision the workspace plus default shared environments.',\n  },\n  {\n    title: '2. Add your first project',\n    body: 'Click “New project”, choose Starter tier, and keep BYOK disabled for the trial. You can upgrade later.',\n  },\n  {\n    title: '3. Author a spec',\n    body: 'Use the Visual Builder or Spec Editor. Pick “Capability” as type and describe the operation (e.g., capture donation).',\n  },\n  {\n    title: '4. Deploy to shared infra',\n    body: 'Open the deployment panel, select Development, and hit Deploy. Studio provisions the runtime slice automatically.',\n  },\n  {\n    title: '5. Wire integrations',\n    body: 'From Integration Hub, connect one provider (e.g., PostHog). Starter plan supports two providers.',\n  },\n];\n\nexport function StudioGettingStartedPage() {\n  return (\n    <main className=\"space-y-12 py-12\">\n      <header className=\"space-y-3\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          Getting started\n        </p>\n        <h1 className=\"text-4xl font-bold\">Launch your first Studio project</h1>\n        <p className=\"text-muted-foreground max-w-3xl text-lg\">\n          This short guide takes you from workspace creation to the first\n          deployment. Every step is mobile-friendly and safe to undo.\n        </p>\n      </header>\n      <section className=\"grid gap-4\">\n        {steps.map((step) => (\n          <article key={step.title} className=\"card-subtle space-y-2 p-6\">\n            <h2 className=\"text-xl font-semibold\">{step.title}</h2>\n            <p className=\"text-muted-foreground text-sm\">{step.body}</p>\n          </article>\n        ))}\n      </section>\n      <section className=\"space-y-4\">\n        <h2 className=\"text-2xl font-semibold\">CLI helper (optional)</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Prefer automation? Use the CLI to pull specs and push overlays.\n        </p>\n        <pre className=\"bg-muted/40 border-border overflow-auto rounded-xl border p-4 text-left font-mono text-sm\">\n          {`# Authenticate\ncs login\n\n# List projects\ncs studio projects list\n\n# Pull specs locally\ncs studio specs pull <project-id>\n\n# Push after editing\ncs studio specs push <project-id>`}\n        </pre>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;AAMA,MAAM,QAAQ;CACZ;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACF;AAED,SAAgB,2BAA2B;AACzC,QACE,qBAAC;EAAK,WAAU;;GACd,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAE,WAAU;gBAAmE;OAE5E;KACJ,oBAAC;MAAG,WAAU;gBAAqB;OAAqC;KACxE,oBAAC;MAAE,WAAU;gBAA0C;OAGnD;;KACG;GACT,oBAAC;IAAQ,WAAU;cAChB,MAAM,KAAK,SACV,qBAAC;KAAyB,WAAU;gBAClC,oBAAC;MAAG,WAAU;gBAAyB,KAAK;OAAW,EACvD,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAS;OAFhD,KAAK,MAGT,CACV;KACM;GACV,qBAAC;IAAQ,WAAU;;KACjB,oBAAC;MAAG,WAAU;gBAAyB;OAA0B;KACjE,oBAAC;MAAE,WAAU;gBAAgC;OAEzC;KACJ,oBAAC;MAAI,WAAU;gBACZ;;;;;;;;;;;OAWG;;KACE;;GACL"}

package/dist/components/docs/studio/StudioIntegrationsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioIntegrationsPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioIntegrationsPage.tsx"],"sourcesContent":["// export const metadata: Metadata = {\n//   title: 'Studio – Integration Hub Guide',\n//   description:\n//     'Connect providers, manage BYOK credentials, and sync data in the Studio Integration Hub.',\n// };\n\nconst flow = [\n  {\n    title: 'Connect a provider',\n    body: 'Choose a provider from the marketplace, enter credentials, and run the test connection. Studio encrypts secrets immediately.',\n  },\n  {\n    title: 'Schedule syncs',\n    body: 'Define sync cadence (manual, hourly, daily). Studio tracks usage count and last sync timestamp.',\n  },\n  {\n    title: 'Index knowledge',\n    body: 'Add documentation or API specs as knowledge sources. Reindex whenever files change.',\n  },\n];\n\nexport function StudioIntegrationsPage() {\n  return (\n    <main className=\"space-y-12 py-12\">\n      <header className=\"space-y-3\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          Integration hub\n        </p>\n        <h1 className=\"text-4xl font-bold\">Unified connections with BYOK</h1>\n        <p className=\"text-muted-foreground max-w-3xl text-lg\">\n          Manage SaaS providers and knowledge sources without scattering secrets\n          across tools. Studio gives you a simple card layout plus CLI\n          automation.\n        </p>\n      </header>\n      <section className=\"grid gap-4 md:grid-cols-3\">\n        {flow.map((step) => (\n          <article key={step.title} className=\"card-subtle space-y-2 p-6\">\n            <h2 className=\"text-xl font-semibold\">{step.title}</h2>\n            <p className=\"text-muted-foreground text-sm\">{step.body}</p>\n          </article>\n        ))}\n      </section>\n      <section className=\"space-y-2\">\n        <h2 className=\"text-2xl font-semibold\">Monitoring</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Every integration exposes sync logs and failure alerts. Use the\n          webhook to forward sync events to Slack or PagerDuty.\n        </p>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;AAMA,MAAM,OAAO;CACX;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACP;CACF;AAED,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAK,WAAU;;GACd,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAE,WAAU;gBAAmE;OAE5E;KACJ,oBAAC;MAAG,WAAU;gBAAqB;OAAkC;KACrE,oBAAC;MAAE,WAAU;gBAA0C;OAInD;;KACG;GACT,oBAAC;IAAQ,WAAU;cAChB,KAAK,KAAK,SACT,qBAAC;KAAyB,WAAU;gBAClC,oBAAC;MAAG,WAAU;gBAAyB,KAAK;OAAW,EACvD,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAS;OAFhD,KAAK,MAGT,CACV;KACM;GACV,qBAAC;IAAQ,WAAU;eACjB,oBAAC;KAAG,WAAU;eAAyB;MAAe,EACtD,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACI;;GACL"}

package/dist/components/docs/studio/StudioOverviewPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioOverviewPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioOverviewPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\n\n// export const metadata: Metadata = {\n//   title: 'Studio Documentation – ContractSpec',\n//   description:\n//     'Official ContractSpec Studio documentation. Jump into getting started, visual builder, deployments, BYOK, and integration guides.',\n// };\n\nconst sections = [\n  {\n    title: '1. Getting started',\n    body: 'Provision your Studio workspace, create a project, and run the first deployment.',\n    href: '/docs/studio/getting-started',\n  },\n  {\n    title: '2. Visual builder',\n    body: 'Learn the canvas controls, component palette, and spec validation workflow.',\n    href: '/docs/studio/visual-builder',\n  },\n  {\n    title: '3. Deployments',\n    body: 'Switch between shared and dedicated environments, monitor health, and roll back safely.',\n    href: '/docs/studio/deployments',\n  },\n  {\n    title: '4. BYOK security',\n    body: 'Configure your vault, rotate keys, and audit credential access.',\n    href: '/docs/studio/byok',\n  },\n  {\n    title: '5. Integration hub',\n    body: 'Connect third-party providers, sync data, and index knowledge sources.',\n    href: '/docs/studio/integrations',\n  },\n];\n\nexport function StudioOverviewPage() {\n  return (\n    <main className=\"space-y-16 py-16\">\n      <section className=\"section-padding\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          Studio docs\n        </p>\n        <h1 className=\"mt-4 text-4xl font-bold\">\n          Everything you need to run Studio.\n        </h1>\n        <p className=\"text-muted-foreground mt-4 max-w-3xl text-lg\">\n          ContractSpec Studio pairs a visual builder with managed\n          infrastructure. These guides keep teams aligned—especially when\n          engineers and operators share the same console.\n        </p>\n      </section>\n      <section className=\"section-padding grid gap-4\">\n        {sections.map((section) => (\n          <Link\n            key={section.href}\n            href={section.href}\n            className=\"card-subtle group space-y-2 p-6 transition hover:border-violet-500/40\"\n          >\n            <h2 className=\"text-xl font-semibold group-hover:text-violet-400\">\n              {section.title}\n            </h2>\n            <p className=\"text-muted-foreground text-sm\">{section.body}</p>\n          </Link>\n        ))}\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;;AAQA,MAAM,WAAW;CACf;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACF;AAED,SAAgB,qBAAqB;AACnC,QACE,qBAAC;EAAK,WAAU;aACd,qBAAC;GAAQ,WAAU;;IACjB,oBAAC;KAAE,WAAU;eAAmE;MAE5E;IACJ,oBAAC;KAAG,WAAU;eAA0B;MAEnC;IACL,oBAAC;KAAE,WAAU;eAA+C;MAIxD;;IACI,EACV,oBAAC;GAAQ,WAAU;aAChB,SAAS,KAAK,YACb,qBAAC;IAEC,MAAM,QAAQ;IACd,WAAU;eAEV,oBAAC;KAAG,WAAU;eACX,QAAQ;MACN,EACL,oBAAC;KAAE,WAAU;eAAiC,QAAQ;MAAS;MAP1D,QAAQ,KAQR,CACP;IACM;GACL"}

package/dist/components/docs/studio/StudioVisualBuilderPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StudioVisualBuilderPage.js","names":[],"sources":["../../../../src/components/docs/studio/StudioVisualBuilderPage.tsx"],"sourcesContent":["import Image from 'next/image';\n\n// export const metadata: Metadata = {\n//   title: 'Studio – Visual Builder Guide',\n//   description:\n//     'Understand the Studio visual builder: canvas controls, component palette, bindings, and validation.',\n// };\n\nconst tips = [\n  'Use two-finger drag on touch devices to pan the canvas.',\n  'Tap a component to open the spec sidebar and edit props.',\n  'The timeline records every change; tap a dot to roll back.',\n  'Validation runs automatically before deploy. Errors show inline.',\n];\n\nexport function StudioVisualBuilderPage() {\n  return (\n    <main className=\"space-y-12 py-12\">\n      <header className=\"space-y-3\">\n        <p className=\"text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase\">\n          Visual builder\n        </p>\n        <h1 className=\"text-4xl font-bold\">Canvas, palette, and spec editor</h1>\n        <p className=\"text-muted-foreground max-w-3xl text-lg\">\n          Studio’s builder keeps designers, operators, and engineers in sync.\n          Every action updates the underlying spec and can be undone.\n        </p>\n      </header>\n      <section className=\"border-border bg-card rounded-2xl border p-6\">\n        <Image\n          src=\"/assets/images/studio/visual-builder.png\"\n          alt=\"Studio visual builder overview\"\n          width={1024}\n          height={576}\n          className=\"border-border rounded-xl border\"\n        />\n      </section>\n      <section className=\"grid gap-4 md:grid-cols-2\">\n        <article className=\"card-subtle space-y-2 p-6\">\n          <h2 className=\"text-2xl font-semibold\">Canvas controls</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Drag to pan, scroll/ pinch to zoom. The right panel shows a tree\n            view.\n          </p>\n        </article>\n        <article className=\"card-subtle space-y-2 p-6\">\n          <h2 className=\"text-2xl font-semibold\">Component palette</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Search by intent (“capture payment”) or category. Drag components or\n            tap to add.\n          </p>\n        </article>\n        <article className=\"card-subtle space-y-2 p-6\">\n          <h2 className=\"text-2xl font-semibold\">Spec editor</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Toggle between visual and code views. Changes stay in sync and\n            include diff previews.\n          </p>\n        </article>\n        <article className=\"card-subtle space-y-2 p-6\">\n          <h2 className=\"text-2xl font-semibold\">Deploy panel</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Choose environment, review validations, and deploy with one button.\n            Rollback is one tap away.\n          </p>\n        </article>\n      </section>\n      <section className=\"space-y-3\">\n        <h2 className=\"text-2xl font-semibold\">Tips</h2>\n        <ul className=\"space-y-2 text-sm\">\n          {tips.map((tip) => (\n            <li key={tip}>• {tip}</li>\n          ))}\n        </ul>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;;AAQA,MAAM,OAAO;CACX;CACA;CACA;CACA;CACD;AAED,SAAgB,0BAA0B;AACxC,QACE,qBAAC;EAAK,WAAU;;GACd,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAE,WAAU;gBAAmE;OAE5E;KACJ,oBAAC;MAAG,WAAU;gBAAqB;OAAqC;KACxE,oBAAC;MAAE,WAAU;gBAA0C;OAGnD;;KACG;GACT,oBAAC;IAAQ,WAAU;cACjB,oBAAC;KACC,KAAI;KACJ,KAAI;KACJ,OAAO;KACP,QAAQ;KACR,WAAU;MACV;KACM;GACV,qBAAC;IAAQ,WAAU;;KACjB,qBAAC;MAAQ,WAAU;iBACjB,oBAAC;OAAG,WAAU;iBAAyB;QAAoB,EAC3D,oBAAC;OAAE,WAAU;iBAAgC;QAGzC;OACI;KACV,qBAAC;MAAQ,WAAU;iBACjB,oBAAC;OAAG,WAAU;iBAAyB;QAAsB,EAC7D,oBAAC;OAAE,WAAU;iBAAgC;QAGzC;OACI;KACV,qBAAC;MAAQ,WAAU;iBACjB,oBAAC;OAAG,WAAU;iBAAyB;QAAgB,EACvD,oBAAC;OAAE,WAAU;iBAAgC;QAGzC;OACI;KACV,qBAAC;MAAQ,WAAU;iBACjB,oBAAC;OAAG,WAAU;iBAAyB;QAAiB,EACxD,oBAAC;OAAE,WAAU;iBAAgC;QAGzC;OACI;;KACF;GACV,qBAAC;IAAQ,WAAU;eACjB,oBAAC;KAAG,WAAU;eAAyB;MAAS,EAChD,oBAAC;KAAG,WAAU;eACX,KAAK,KAAK,QACT,qBAAC,mBAAa,MAAG,QAAR,IAAiB,CAC1B;MACC;KACG;;GACL"}

package/dist/components/docs/tech/contracts/tech-docs.docblocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tech-docs.docblocks.js","names":[],"sources":["../../../../../src/components/docs/tech/contracts/tech-docs.docblocks.ts"],"sourcesContent":["import type { DocBlock } from '@contractspec/lib.contracts/docs';\nimport { registerDocBlocks } from '@contractspec/lib.contracts/docs';\n\nexport const techContractsDocBlocks: DocBlock[] = [\n  {\n    id: 'docs.tech.contracts.index',\n    title: 'Contracts tech docs',\n    summary: 'Entry for ContractSpec contracts technical documentation.',\n    kind: 'goal',\n    visibility: 'public',\n    route: '/docs/tech/contracts',\n    tags: ['tech', 'contracts'],\n    body: `# Contracts Tech Docs\n\nReference docs for ContractSpec contracts: app-config, capabilities, data-views, integrations, policy, presentations, overlays, and more.`,\n  },\n];\nregisterDocBlocks(techContractsDocBlocks);\n"],"mappings":";;;AAGA,MAAa,yBAAqC,CAChD;CACE,IAAI;CACJ,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACZ,OAAO;CACP,MAAM,CAAC,QAAQ,YAAY;CAC3B,MAAM;;;CAGP,CACF;AACD,kBAAkB,uBAAuB"}

package/dist/components/integrations/molecules/IntegrationCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrationCard.js","names":[],"sources":["../../../../src/components/integrations/molecules/IntegrationCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PlugZap, ToggleRight } from 'lucide-react';\nimport { Button } from '@contractspec/lib.design-system';\n\nexport interface IntegrationCardProps {\n  id: string;\n  provider: string;\n  name: string;\n  category?: string;\n  enabled?: boolean;\n  lastSyncAt?: string | null;\n  status?: 'connected' | 'disconnected' | 'error';\n  onToggle?: (id: string, enabled: boolean) => void;\n  onConfigure?: (id: string) => void;\n}\n\nexport function IntegrationCard({\n  id,\n  provider,\n  name,\n  category,\n  enabled = true,\n  lastSyncAt,\n  status = 'connected',\n  onToggle,\n  onConfigure,\n}: IntegrationCardProps) {\n  const tone =\n    status === 'connected'\n      ? 'text-emerald-500 bg-emerald-500/10 border-emerald-500/30'\n      : status === 'error'\n        ? 'text-red-500 bg-red-500/10 border-red-500/30'\n        : 'text-gray-500 bg-gray-500/10 border-gray-500/30';\n\n  return (\n    <div className=\"border-border bg-card flex flex-col gap-4 rounded-2xl border p-4 shadow-sm\">\n      <header className=\"flex items-center justify-between\">\n        <div>\n          <p className=\"text-xl font-semibold\">{name}</p>\n          <p className=\"text-muted-foreground text-sm\">{provider}</p>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className={`inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-semibold tracking-wide uppercase ${tone}`}\n          onPress={() => onToggle?.(id, !enabled)}\n        >\n          <ToggleRight className=\"h-3.5 w-3.5\" />\n          {enabled ? 'Enabled' : 'Disabled'}\n        </Button>\n      </header>\n      <div className=\"text-muted-foreground text-sm\">\n        {category && <span className=\"font-medium\">{category}</span>}\n        <div className=\"mt-2 flex flex-wrap items-center gap-3 text-xs tracking-wide uppercase\">\n          <span className=\"inline-flex items-center gap-1\">\n            <PlugZap className=\"h-3 w-3\" />\n            {status}\n          </span>\n          <span>\n            Last sync:{' '}\n            {lastSyncAt\n              ? new Date(lastSyncAt).toLocaleString()\n              : 'Not synced yet'}\n          </span>\n        </div>\n      </div>\n      <footer className=\"flex items-center gap-2\">\n        <Button className=\"flex-1\" onPress={() => onConfigure?.(id)}>\n          Configure\n        </Button>\n        <Button\n          variant=\"ghost\"\n          className=\"flex-1\"\n          onPress={() => onToggle?.(id, !enabled)}\n        >\n          {enabled ? 'Disconnect' : 'Connect'}\n        </Button>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,gBAAgB,EAC9B,IACA,UACA,MACA,UACA,UAAU,MACV,YACA,SAAS,aACT,UACA,eACuB;AAQvB,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAO,WAAU;eAChB,qBAAC,oBACC,oBAAC;KAAE,WAAU;eAAyB;MAAS,EAC/C,oBAAC;KAAE,WAAU;eAAiC;MAAa,IACvD,EACN,qBAAC;KACC,SAAQ;KACR,MAAK;KACL,WAAW,8GAhBjB,WAAW,cACP,6DACA,WAAW,UACT,iDACA;KAaA,eAAe,WAAW,IAAI,CAAC,QAAQ;gBAEvC,oBAAC,eAAY,WAAU,gBAAgB,EACtC,UAAU,YAAY;MAChB;KACF;GACT,qBAAC;IAAI,WAAU;eACZ,YAAY,oBAAC;KAAK,WAAU;eAAe;MAAgB,EAC5D,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAK,WAAU;iBACd,oBAAC,WAAQ,WAAU,YAAY,EAC9B;OACI,EACP,qBAAC;MAAK;MACO;MACV,aACG,IAAI,KAAK,WAAW,CAAC,gBAAgB,GACrC;SACC;MACH;KACF;GACN,qBAAC;IAAO,WAAU;eAChB,oBAAC;KAAO,WAAU;KAAS,eAAe,cAAc,GAAG;eAAE;MAEpD,EACT,oBAAC;KACC,SAAQ;KACR,WAAU;KACV,eAAe,WAAW,IAAI,CAAC,QAAQ;eAEtC,UAAU,eAAe;MACnB;KACF;;GACL"}

package/dist/components/integrations/organisms/IntegrationMarketplace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrationMarketplace.js","names":[],"sources":["../../../../src/components/integrations/organisms/IntegrationMarketplace.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Boxes, Search } from 'lucide-react';\nimport { IntegrationCard } from '../molecules/IntegrationCard';\nimport { Input } from '@contractspec/lib.design-system';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@contractspec/lib.ui-kit-web/ui/select';\n\nexport interface MarketplaceIntegration {\n  id: string;\n  provider: string;\n  name: string;\n  category: string;\n  enabled?: boolean;\n  status?: 'connected' | 'disconnected' | 'error';\n  lastSyncAt?: string | null;\n}\n\nexport interface IntegrationMarketplaceProps {\n  integrations: MarketplaceIntegration[];\n  onToggle?: (id: string, enabled: boolean) => void;\n  onConfigure?: (id: string) => void;\n}\n\nexport function IntegrationMarketplace({\n  integrations,\n  onToggle,\n  onConfigure,\n}: IntegrationMarketplaceProps) {\n  const [search, setSearch] = React.useState('');\n  const [category, setCategory] = React.useState('all');\n  // const integrationHubEnabled = Math.random() < 10 || useStudioFeatureFlag(\n  //   ContractSpecFeatureFlags.STUDIO_INTEGRATION_HUB\n  // );\n\n  const categories = React.useMemo(\n    () =>\n      Array.from(\n        new Set(integrations.map((integration) => integration.category))\n      ),\n    [integrations]\n  );\n\n  const filtered = integrations.filter((integration) => {\n    const matchesSearch =\n      integration.name.toLowerCase().includes(search.toLowerCase()) ||\n      integration.provider.toLowerCase().includes(search.toLowerCase());\n    const matchesCategory =\n      category === 'all' ? true : integration.category === category;\n    return matchesSearch && matchesCategory;\n  });\n\n  // if (!integrationHubEnabled) {\n  //   return (\n  //     <div className=\"border-border bg-card/40 rounded-2xl border border-dashed p-8 text-center\">\n  //       <FeatureGateNotice\n  //         title=\"Integration hub is still locked\"\n  //         description=\"Enable STUDIO_INTEGRATION_HUB to connect third-party providers and route credentials via BYOK.\"\n  //         actionLabel=\"Talk to sales\"\n  //       />\n  //     </div>\n  //   );\n  // }\n\n  return (\n    <div className=\"border-border bg-card space-y-4 rounded-2xl border p-4\">\n      <header className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <p className=\"text-sm font-semibold tracking-wide uppercase\">\n            Integration marketplace\n          </p>\n          <p className=\"text-muted-foreground text-sm\">\n            Connect AI providers, payments, analytics, and internal tools with\n            BYOK controls.\n          </p>\n        </div>\n        <Boxes className=\"text-muted-foreground h-5 w-5\" />\n      </header>\n      <div className=\"flex flex-wrap gap-3\">\n        <div className=\"relative min-w-[200px] flex-1\">\n          <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2\" />\n          <Input\n            type=\"search\"\n            aria-label=\"Search providers\"\n            className=\"w-full py-2 pr-3 pl-9 text-sm\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            placeholder=\"Search providers\"\n          />\n        </div>\n        <Select value={category} onValueChange={setCategory}>\n          <SelectTrigger className=\"w-[200px]\">\n            <SelectValue placeholder=\"All categories\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">All categories</SelectItem>\n            {categories.map((item) => (\n              <SelectItem key={item} value={item}>\n                {item}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {filtered.length ? (\n          filtered.map((integration) => (\n            <IntegrationCard\n              key={integration.id}\n              id={integration.id}\n              provider={integration.provider}\n              name={integration.name}\n              category={integration.category}\n              enabled={integration.enabled}\n              status={integration.status}\n              lastSyncAt={integration.lastSyncAt}\n              onToggle={onToggle}\n              onConfigure={onConfigure}\n            />\n          ))\n        ) : (\n          <div className=\"text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm md:col-span-2\">\n            No integrations match your filters.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA4BA,SAAgB,uBAAuB,EACrC,cACA,UACA,eAC8B;CAC9B,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,GAAG;CAC9C,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,MAAM;CAKrD,MAAM,aAAa,MAAM,cAErB,MAAM,KACJ,IAAI,IAAI,aAAa,KAAK,gBAAgB,YAAY,SAAS,CAAC,CACjE,EACH,CAAC,aAAa,CACf;CAED,MAAM,WAAW,aAAa,QAAQ,gBAAgB;EACpD,MAAM,gBACJ,YAAY,KAAK,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,IAC7D,YAAY,SAAS,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC;EACnE,MAAM,kBACJ,aAAa,QAAQ,OAAO,YAAY,aAAa;AACvD,SAAO,iBAAiB;GACxB;AAcF,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAO,WAAU;eAChB,qBAAC,oBACC,oBAAC;KAAE,WAAU;eAAgD;MAEzD,EACJ,oBAAC;KAAE,WAAU;eAAgC;MAGzC,IACA,EACN,oBAAC,SAAM,WAAU,kCAAkC;KAC5C;GACT,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC,UAAO,WAAU,+FAA+F,EACjH,oBAAC;MACC,MAAK;MACL,cAAW;MACX,WAAU;MACV,OAAO;MACP,WAAW,UAAU,UAAU,MAAM,OAAO,MAAM;MAClD,aAAY;OACZ;MACE,EACN,qBAAC;KAAO,OAAO;KAAU,eAAe;gBACtC,oBAAC;MAAc,WAAU;gBACvB,oBAAC,eAAY,aAAY,mBAAmB;OAC9B,EAChB,qBAAC,4BACC,oBAAC;MAAW,OAAM;gBAAM;OAA2B,EAClD,WAAW,KAAK,SACf,oBAAC;MAAsB,OAAO;gBAC3B;QADc,KAEJ,CACb,IACY;MACT;KACL;GACN,oBAAC;IAAI,WAAU;cACZ,SAAS,SACR,SAAS,KAAK,gBACZ,oBAAC;KAEC,IAAI,YAAY;KAChB,UAAU,YAAY;KACtB,MAAM,YAAY;KAClB,UAAU,YAAY;KACtB,SAAS,YAAY;KACrB,QAAQ,YAAY;KACpB,YAAY,YAAY;KACd;KACG;OATR,YAAY,GAUjB,CACF,GAEF,oBAAC;KAAI,WAAU;eAA4G;MAErH;KAEJ;;GACF"}

package/dist/components/integrations/organisms/IntegrationSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrationSettings.js","names":[],"sources":["../../../../src/components/integrations/organisms/IntegrationSettings.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ShieldCheck, Key, TestTube2 } from 'lucide-react';\nimport { Button, Input, Textarea } from '@contractspec/lib.design-system';\nimport { Checkbox } from '@contractspec/lib.ui-kit-web/ui/checkbox';\nimport { Label } from '@contractspec/lib.ui-kit-web/ui/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@contractspec/lib.ui-kit-web/ui/select';\n\nexport interface IntegrationSettingsForm {\n  apiKey: string;\n  secret?: string;\n  ownershipMode?: 'managed' | 'byok';\n  secretProvider?: 'env' | 'gcp';\n  secretRef?: string;\n  config?: string;\n}\n\nexport interface IntegrationSettingsProps {\n  provider: string;\n  initialValues?: IntegrationSettingsForm;\n  onTestConnection?: (values: IntegrationSettingsForm) => Promise<void> | void;\n  onSave?: (values: IntegrationSettingsForm) => Promise<void> | void;\n  isSaving?: boolean;\n  isTesting?: boolean;\n}\n\nexport function IntegrationSettings({\n  provider,\n  initialValues,\n  onTestConnection,\n  onSave,\n  isSaving,\n  isTesting,\n}: IntegrationSettingsProps) {\n  const [values, setValues] = React.useState<IntegrationSettingsForm>({\n    apiKey: initialValues?.apiKey ?? '',\n    secret: initialValues?.secret ?? '',\n    ownershipMode: initialValues?.ownershipMode ?? 'managed',\n    secretProvider: initialValues?.secretProvider ?? 'env',\n    secretRef: initialValues?.secretRef ?? '',\n    config: initialValues?.config ?? '{\\n  \"region\": \"eu-west-1\"\\n}',\n  });\n\n  const handleChange = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const target = event.target;\n    const { name, value } = target;\n    setValues((prev) => ({\n      ...prev,\n      [name]: value,\n    }));\n  };\n\n  return (\n    <div className=\"border-border bg-card space-y-4 rounded-2xl border p-4\">\n      <header className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <p className=\"text-sm font-semibold tracking-wide uppercase\">\n            {provider} credentials\n          </p>\n          <p className=\"text-muted-foreground text-sm\">\n            Store encrypted keys with BYOK and run safe connection tests.\n          </p>\n        </div>\n        <ShieldCheck className=\"text-muted-foreground h-5 w-5\" />\n      </header>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"ownershipMode\">Ownership</Label>\n          <Select\n            value={values.ownershipMode ?? 'managed'}\n            onValueChange={(next) =>\n              setValues((prev) => ({\n                ...prev,\n                ownershipMode: next as IntegrationSettingsForm['ownershipMode'],\n              }))\n            }\n          >\n            <SelectTrigger id=\"ownershipMode\" className=\"w-full\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"managed\">Managed (store encrypted)</SelectItem>\n              <SelectItem value=\"byok\">\n                BYOK (store secret reference)\n              </SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <div className=\"space-y-1 text-sm\">\n          <Label htmlFor=\"apiKey\" className=\"font-semibold\">\n            API key\n          </Label>\n          <div className=\"relative\">\n            <Key className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2\" />\n            <Input\n              type=\"text\"\n              name=\"apiKey\"\n              id=\"apiKey\"\n              className=\"w-full py-2 pr-3 pl-9\"\n              value={values.apiKey}\n              onChange={handleChange}\n              required\n            />\n          </div>\n        </div>\n        <div className=\"space-y-1 text-sm\">\n          <Label htmlFor=\"secret\" className=\"font-semibold\">\n            Secret\n          </Label>\n          <Input\n            type=\"password\"\n            id=\"secret\"\n            name=\"secret\"\n            className=\"w-full px-3 py-2\"\n            value={values.secret}\n            onChange={handleChange}\n          />\n        </div>\n      </div>\n\n      {values.ownershipMode === 'byok' ? (\n        <div className=\"space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4\">\n          <p className=\"text-sm font-semibold\">BYOK secret reference</p>\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"secretProvider\">Secret provider</Label>\n              <Select\n                value={values.secretProvider ?? 'env'}\n                onValueChange={(next) =>\n                  setValues((prev) => ({\n                    ...prev,\n                    secretProvider:\n                      next as IntegrationSettingsForm['secretProvider'],\n                  }))\n                }\n              >\n                <SelectTrigger id=\"secretProvider\" className=\"w-full\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"env\">Environment</SelectItem>\n                  <SelectItem value=\"gcp\">GCP Secret Manager</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"secretRef\">Secret reference</Label>\n              <Input\n                id=\"secretRef\"\n                name=\"secretRef\"\n                placeholder={\n                  values.secretProvider === 'gcp'\n                    ? 'gcp://projects/.../secrets/...'\n                    : 'env://MY_TOKEN_ENV_VAR'\n                }\n                value={values.secretRef ?? ''}\n                onChange={handleChange}\n              />\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex items-center gap-3 rounded-xl border border-emerald-500/20 bg-emerald-500/5 p-4 text-sm\">\n          <Checkbox\n            checked\n            onCheckedChange={() => {\n              /* no-op */\n            }}\n            aria-label=\"Managed\"\n          />\n          <div>\n            <p className=\"font-semibold\">Managed encryption enabled</p>\n            <p className=\"text-muted-foreground\">\n              Secrets are encrypted server-side for this tenant.\n            </p>\n          </div>\n        </div>\n      )}\n\n      <div className=\"space-y-1 text-sm\">\n        <Label htmlFor=\"config\" className=\"font-semibold\">\n          Configuration (JSON)\n        </Label>\n        <Textarea\n          id=\"config\"\n          name=\"config\"\n          className=\"min-h-[140px] w-full font-mono text-sm\"\n          value={values.config}\n          onChange={handleChange}\n        />\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <Button\n          variant=\"ghost\"\n          onPress={() => onTestConnection?.(values)}\n          disabled={isTesting}\n        >\n          <TestTube2 className=\"h-4 w-4\" />\n          Test connection\n        </Button>\n        <Button\n          variant=\"default\"\n          onPress={() => onSave?.(values)}\n          disabled={isSaving}\n        >\n          Save settings\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/integrations/organisms/KnowledgeSourceList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnowledgeSourceList.js","names":[],"sources":["../../../../src/components/integrations/organisms/KnowledgeSourceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { BookCopy, Plus, RefreshCcw } from 'lucide-react';\n\nexport interface KnowledgeSourceItem {\n  id: string;\n  name: string;\n  type: string;\n  indexed: boolean;\n  lastIndexed?: string | null;\n}\n\nexport interface KnowledgeSourceListProps {\n  sources: KnowledgeSourceItem[];\n  onRefresh?: (id: string) => void;\n  onDelete?: (id: string) => void;\n  onAdd?: () => void;\n}\n\nexport function KnowledgeSourceList({\n  sources,\n  onRefresh,\n  onDelete,\n  onAdd,\n}: KnowledgeSourceListProps) {\n  // const knowledgeHubEnabled = useStudioFeatureFlag(\n  //   ContractSpecFeatureFlags.STUDIO_KNOWLEDGE_HUB\n  // );\n  //\n  // if (!knowledgeHubEnabled) {\n  //   return (\n  //     <div className=\"border-border bg-card/40 rounded-2xl border border-dashed p-8 text-center\">\n  //       <FeatureGateNotice\n  //         title=\"Knowledge hub is paused\"\n  //         description=\"Turn on STUDIO_KNOWLEDGE_HUB to index docs and feed answers into the Studio canvas.\"\n  //       />\n  //     </div>\n  //   );\n  // }\n\n  return (\n    <div className=\"border-border bg-card space-y-4 rounded-2xl border p-4\">\n      <header className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <p className=\"text-sm font-semibold tracking-wide uppercase\">\n            Knowledge sources\n          </p>\n          <p className=\"text-muted-foreground text-sm\">\n            Manage documentation, specs, and repos powering Studio RAG flows.\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn-primary inline-flex items-center gap-2\"\n          onClick={onAdd}\n        >\n          <Plus className=\"h-4 w-4\" />\n          Add source\n        </button>\n      </header>\n      <div className=\"space-y-3\">\n        {sources.length ? (\n          sources.map((source) => (\n            <div\n              key={source.id}\n              className=\"border-border bg-background flex flex-wrap items-center justify-between gap-3 rounded-xl border p-4\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <BookCopy className=\"text-muted-foreground h-8 w-8\" />\n                <div>\n                  <p className=\"text-base font-semibold\">{source.name}</p>\n                  <p className=\"text-muted-foreground text-sm\">{source.type}</p>\n                  <p className=\"text-muted-foreground text-xs\">\n                    {source.indexed\n                      ? `Indexed ${source.lastIndexed ? new Date(source.lastIndexed).toLocaleString() : ''}`\n                      : 'Pending indexing'}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  className=\"btn-ghost inline-flex items-center gap-1 text-sm\"\n                  onClick={() => onRefresh?.(source.id)}\n                >\n                  <RefreshCcw className=\"h-3.5 w-3.5\" />\n                  Reindex\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn-ghost text-destructive text-sm\"\n                  onClick={() => onDelete?.(source.id)}\n                >\n                  Remove\n                </button>\n              </div>\n            </div>\n          ))\n        ) : (\n          <div className=\"text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm\">\n            No knowledge sources added yet.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,oBAAoB,EAClC,SACA,WACA,UACA,SAC2B;AAgB3B,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAO,WAAU;cAChB,qBAAC,oBACC,oBAAC;IAAE,WAAU;cAAgD;KAEzD,EACJ,oBAAC;IAAE,WAAU;cAAgC;KAEzC,IACA,EACN,qBAAC;IACC,MAAK;IACL,WAAU;IACV,SAAS;eAET,oBAAC,QAAK,WAAU,YAAY;KAErB;IACF,EACT,oBAAC;GAAI,WAAU;aACZ,QAAQ,SACP,QAAQ,KAAK,WACX,qBAAC;IAEC,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC,YAAS,WAAU,kCAAkC,EACtD,qBAAC;MACC,oBAAC;OAAE,WAAU;iBAA2B,OAAO;QAAS;MACxD,oBAAC;OAAE,WAAU;iBAAiC,OAAO;QAAS;MAC9D,oBAAC;OAAE,WAAU;iBACV,OAAO,UACJ,WAAW,OAAO,cAAc,IAAI,KAAK,OAAO,YAAY,CAAC,gBAAgB,GAAG,OAChF;QACF;SACA;MACF,EACN,qBAAC;KAAI,WAAU;gBACb,qBAAC;MACC,MAAK;MACL,WAAU;MACV,eAAe,YAAY,OAAO,GAAG;iBAErC,oBAAC,cAAW,WAAU,gBAAgB;OAE/B,EACT,oBAAC;MACC,MAAK;MACL,WAAU;MACV,eAAe,WAAW,OAAO,GAAG;gBACrC;OAEQ;MACL;MA/BD,OAAO,GAgCR,CACN,GAEF,oBAAC;IAAI,WAAU;cAA8F;KAEvG;IAEJ;GACF"}

package/dist/components/legal/PrivacyTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrivacyTemplate.js","names":[],"sources":["../../../src/components/legal/PrivacyTemplate.tsx"],"sourcesContent":["import type { Metadata } from 'next';\n\nexport const metadata: Metadata = {\n  title: 'Privacy Policy | ContractSpec',\n  description:\n    'Learn how ContractSpec collects, uses, and protects your personal data in compliance with GDPR.',\n};\n\nexport function PrivacyTemplate() {\n  return (\n    <main className=\"flex grow flex-col items-center justify-center pt-24\">\n      <section className=\"section-padding\">\n        <div className=\"prose prose-invert mx-auto max-w-3xl\">\n          <h1 className=\"mb-4 text-4xl font-bold\">Privacy Policy</h1>\n          <p className=\"text-muted-foreground mb-8\">\n            Last updated: December 18, 2025\n          </p>\n\n          {/* 1. Who We Are */}\n          <section className=\"space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              1. Who We Are\n            </h2>\n            <p className=\"text-muted-foreground\">\n              <strong className=\"text-foreground\">ContractSpec</strong> is a\n              brand of{' '}\n              <strong className=\"text-foreground\">CHAMAN VENTURES</strong>, a\n              simplified joint-stock company (SASU) registered in France.\n            </p>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <p className=\"mb-2\">\n                <strong className=\"text-foreground\">Data Controller:</strong>\n              </p>\n              <ul className=\"list-none space-y-1 pl-0\">\n                <li>CHAMAN VENTURES, SASU</li>\n                <li>RCS Paris • SIREN 989 498 902</li>\n                <li>229 rue Saint-Honoré, 75001 Paris, France</li>\n                <li>\n                  Contact:{' '}\n                  <a\n                    href=\"mailto:privacy@contractspec.io\"\n                    className=\"text-primary hover:underline\"\n                  >\n                    privacy@contractspec.io\n                  </a>\n                </li>\n              </ul>\n            </div>\n            <p className=\"text-muted-foreground\">\n              We are responsible for deciding how we hold and use personal data\n              about you. We are required under data protection legislation to\n              notify you of the information contained in this privacy policy.\n            </p>\n          </section>\n\n          {/* 2. What This Policy Covers */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              2. What This Policy Covers\n            </h2>\n            <p className=\"text-muted-foreground\">\n              This privacy policy explains:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                What personal data we collect through the ContractSpec website\n                and services\n              </li>\n              <li>Why we collect and process your data</li>\n              <li>How we store and protect your data</li>\n              <li>Who we may share your data with</li>\n              <li>\n                Your rights under the General Data Protection Regulation (GDPR)\n              </li>\n            </ul>\n            <p className=\"text-muted-foreground\">\n              This policy applies to visitors of our website, users who sign up\n              for our waitlist or contact us, and customers who use our\n              services.\n            </p>\n          </section>\n\n          {/* 3. Data We Collect */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              3. Data We Collect\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We collect different types of data depending on how you interact\n              with ContractSpec:\n            </p>\n\n            <div className=\"overflow-x-auto\">\n              <table className=\"text-muted-foreground w-full border-collapse text-sm\">\n                <thead>\n                  <tr className=\"border-b border-white/20\">\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Category\n                    </th>\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Data Collected\n                    </th>\n                    <th className=\"text-foreground py-3 text-left font-semibold\">\n                      When Collected\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Website Analytics</td>\n                    <td className=\"py-3 pr-4\">\n                      Page views, click events, device type, browser,\n                      approximate location (country level), session duration,\n                      referral source\n                    </td>\n                    <td className=\"py-3\">\n                      When browsing our website (with consent in EU/EEA)\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Contact / Waitlist\n                    </td>\n                    <td className=\"py-3 pr-4\">\n                      Name, email address, message content\n                    </td>\n                    <td className=\"py-3\">\n                      When you submit a form or join our waitlist\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Account Data</td>\n                    <td className=\"py-3 pr-4\">\n                      <em>Not yet applicable</em> — We do not currently offer\n                      user accounts. This section will be updated when accounts\n                      are introduced.\n                    </td>\n                    <td className=\"py-3\">—</td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Billing Data</td>\n                    <td className=\"py-3 pr-4\">\n                      <em>Not yet applicable</em> — We do not currently process\n                      payments. This section will be updated when billing is\n                      introduced.\n                    </td>\n                    <td className=\"py-3\">—</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </section>\n\n          {/* 4. Why We Process Data */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              4. Why We Process Data (Purposes & Legal Bases)\n            </h2>\n            <p className=\"text-muted-foreground\">\n              Under GDPR, we must have a lawful basis for processing your\n              personal data. We rely on the following:\n            </p>\n\n            <div className=\"overflow-x-auto\">\n              <table className=\"text-muted-foreground w-full border-collapse text-sm\">\n                <thead>\n                  <tr className=\"border-b border-white/20\">\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Purpose\n                    </th>\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Legal Basis\n                    </th>\n                    <th className=\"text-foreground py-3 text-left font-semibold\">\n                      Details\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Website operation & security\n                    </td>\n                    <td className=\"py-3 pr-4\">Legitimate interest</td>\n                    <td className=\"py-3\">\n                      Ensuring our website functions correctly, preventing\n                      abuse, and maintaining security\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Analytics & improvement\n                    </td>\n                    <td className=\"py-3 pr-4\">Consent</td>\n                    <td className=\"py-3\">\n                      Understanding how users interact with our site to improve\n                      our services (gated behind consent in EU/EEA)\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Responding to enquiries\n                    </td>\n                    <td className=\"py-3 pr-4\">\n                      Legitimate interest / Contract\n                    </td>\n                    <td className=\"py-3\">\n                      Responding to your questions, processing waitlist\n                      requests, or pre-contractual discussions\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Service delivery</td>\n                    <td className=\"py-3 pr-4\">Contract</td>\n                    <td className=\"py-3\">\n                      If/when you become a customer, processing your data is\n                      necessary to fulfil our contractual obligations\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Legal compliance</td>\n                    <td className=\"py-3 pr-4\">Legal obligation</td>\n                    <td className=\"py-3\">\n                      Complying with applicable laws, regulations, or legal\n                      processes\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </section>\n\n          {/* 5. Cookies & Tracking */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              5. Cookies & Tracking\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We use <strong className=\"text-foreground\">PostHog</strong> for\n              product analytics to understand how visitors use our website.\n              PostHog may use cookies or similar technologies to collect this\n              information.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              Consent in the EU/EEA\n            </h3>\n            <p className=\"text-muted-foreground\">\n              If you are located in the European Union or European Economic\n              Area, we gate analytics tracking behind your explicit consent.\n              Analytics cookies will not be set until you opt-in through our\n              cookie consent mechanism.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              Withdrawing Consent / Opting Out\n            </h3>\n            <p className=\"text-muted-foreground\">\n              You can withdraw consent or opt out at any time:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong>Cookie settings:</strong> Use the cookie preferences\n                link in our website footer to manage your consent\n              </li>\n              <li>\n                <strong>Browser settings:</strong> Configure your browser to\n                reject cookies or alert you when cookies are being set\n              </li>\n              <li>\n                <strong>PostHog opt-out:</strong> PostHog respects \"Do Not\n                Track\" browser signals where applicable\n              </li>\n            </ul>\n            <p className=\"text-muted-foreground\">\n              Note: Rejecting analytics cookies will not affect your ability to\n              use our website.\n            </p>\n          </section>\n\n          {/* 6. Sub-processors / Recipients */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              6. Sub-processors & Recipients\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We share data with the following third-party service providers who\n              process data on our behalf:\n            </p>\n\n            <div className=\"overflow-x-auto\">\n              <table className=\"text-muted-foreground w-full border-collapse text-sm\">\n                <thead>\n                  <tr className=\"border-b border-white/20\">\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Provider\n                    </th>\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Purpose\n                    </th>\n                    <th className=\"text-foreground py-3 text-left font-semibold\">\n                      Location\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">PostHog</td>\n                    <td className=\"py-3 pr-4\">Product analytics</td>\n                    <td className=\"py-3\">EU (PostHog Cloud EU) or US</td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Vercel</td>\n                    <td className=\"py-3 pr-4\">Website hosting & CDN</td>\n                    <td className=\"py-3\">Global (including EU regions)</td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Scaleway</td>\n                    <td className=\"py-3 pr-4\">Cloud infrastructure</td>\n                    <td className=\"py-3\">France / EU</td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Email provider <em>(TBD)</em>\n                    </td>\n                    <td className=\"py-3 pr-4\">\n                      Transactional & marketing emails\n                    </td>\n                    <td className=\"py-3\">\n                      <em>To be confirmed</em>\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Error tracking <em>(TBD)</em>\n                    </td>\n                    <td className=\"py-3 pr-4\">Application error monitoring</td>\n                    <td className=\"py-3\">\n                      <em>To be confirmed</em>\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Payment processor <em>(TBD)</em>\n                    </td>\n                    <td className=\"py-3 pr-4\">\n                      Billing & subscription management\n                    </td>\n                    <td className=\"py-3\">\n                      <em>To be confirmed</em>\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n\n            <p className=\"text-muted-foreground mt-4\">\n              We carefully select our sub-processors and require them to\n              maintain appropriate security measures and only process data\n              according to our instructions.\n            </p>\n          </section>\n\n          {/* 7. International Transfers */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              7. International Data Transfers\n            </h2>\n            <p className=\"text-muted-foreground\">\n              As a France-based company, we aim to keep your data within the\n              European Union wherever possible.\n            </p>\n            <p className=\"text-muted-foreground\">\n              However, some of our service providers may process data outside\n              the EU/EEA. When this occurs, we ensure appropriate safeguards are\n              in place, such as:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong>Standard Contractual Clauses (SCCs)</strong> approved by\n                the European Commission\n              </li>\n              <li>\n                <strong>Adequacy decisions</strong> where the recipient country\n                has been deemed to provide adequate protection\n              </li>\n              <li>\n                <strong>Binding Corporate Rules</strong> where applicable\n              </li>\n            </ul>\n            <p className=\"text-muted-foreground\">\n              You may request more information about these safeguards by\n              contacting us at{' '}\n              <a\n                href=\"mailto:privacy@contractspec.io\"\n                className=\"text-primary hover:underline\"\n              >\n                privacy@contractspec.io\n              </a>\n              .\n            </p>\n          </section>\n\n          {/* 8. Retention */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              8. Data Retention\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We retain your personal data only for as long as necessary to\n              fulfil the purposes for which it was collected:\n            </p>\n\n            <div className=\"overflow-x-auto\">\n              <table className=\"text-muted-foreground w-full border-collapse text-sm\">\n                <thead>\n                  <tr className=\"border-b border-white/20\">\n                    <th className=\"text-foreground py-3 pr-4 text-left font-semibold\">\n                      Data Type\n                    </th>\n                    <th className=\"text-foreground py-3 text-left font-semibold\">\n                      Retention Period\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">Analytics data</td>\n                    <td className=\"py-3\">24 months from collection</td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Waitlist / contact form data\n                    </td>\n                    <td className=\"py-3\">\n                      Until you request deletion or 24 months after last\n                      interaction\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Account data (when applicable)\n                    </td>\n                    <td className=\"py-3\">\n                      Duration of account plus 12 months after closure\n                    </td>\n                  </tr>\n                  <tr className=\"border-b border-white/10\">\n                    <td className=\"py-3 pr-4 font-medium\">\n                      Billing records (when applicable)\n                    </td>\n                    <td className=\"py-3\">\n                      10 years (French legal requirement)\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n\n            <p className=\"text-muted-foreground mt-4\">\n              We may retain certain data longer if required by law or to\n              establish, exercise, or defend legal claims.\n            </p>\n          </section>\n\n          {/* 9. Your Rights */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              9. Your Rights Under GDPR\n            </h2>\n            <p className=\"text-muted-foreground\">\n              As a data subject in the EU, you have the following rights:\n            </p>\n\n            <ul className=\"text-muted-foreground list-disc space-y-3 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">Right to access</strong> —\n                Request a copy of the personal data we hold about you\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Right to rectification\n                </strong>{' '}\n                — Request correction of inaccurate or incomplete data\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Right to erasure (\"right to be forgotten\")\n                </strong>{' '}\n                — Request deletion of your personal data in certain\n                circumstances\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Right to restriction\n                </strong>{' '}\n                — Request that we limit how we use your data\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Right to data portability\n                </strong>{' '}\n                — Receive your data in a structured, machine-readable format\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Right to object</strong> —\n                Object to processing based on legitimate interests or direct\n                marketing\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Right to withdraw consent\n                </strong>{' '}\n                — Where processing is based on consent, withdraw it at any time\n              </li>\n            </ul>\n\n            <p className=\"text-muted-foreground mt-4\">\n              To exercise any of these rights, please contact us at{' '}\n              <a\n                href=\"mailto:privacy@contractspec.io\"\n                className=\"text-primary hover:underline\"\n              >\n                privacy@contractspec.io\n              </a>\n              . We will respond within one month as required by GDPR.\n            </p>\n          </section>\n\n          {/* 10. Security */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">10. Security</h2>\n            <p className=\"text-muted-foreground\">\n              We implement appropriate technical and organisational measures to\n              protect your personal data against unauthorised access,\n              alteration, disclosure, or destruction. These measures include:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>Encryption of data in transit (TLS/HTTPS)</li>\n              <li>Encryption of data at rest where appropriate</li>\n              <li>Access controls and authentication</li>\n              <li>Regular security reviews and updates</li>\n              <li>Careful vetting of sub-processors</li>\n            </ul>\n            <p className=\"text-muted-foreground\">\n              While we strive to protect your data, no method of transmission\n              over the Internet or electronic storage is 100% secure. We cannot\n              guarantee absolute security but are committed to continuous\n              improvement.\n            </p>\n          </section>\n\n          {/* 11. Contact & Complaints */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              11. Contact & Complaints\n            </h2>\n            <p className=\"text-muted-foreground\">\n              If you have any questions, concerns, or requests regarding this\n              privacy policy or our data practices, please contact us:\n            </p>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <p>\n                <strong className=\"text-foreground\">Email:</strong>{' '}\n                <a\n                  href=\"mailto:privacy@contractspec.io\"\n                  className=\"text-primary hover:underline\"\n                >\n                  privacy@contractspec.io\n                </a>\n              </p>\n              <p className=\"mt-2\">\n                <strong className=\"text-foreground\">Address:</strong> CHAMAN\n                VENTURES, 229 rue Saint-Honoré, 75001 Paris, France\n              </p>\n            </div>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              Supervisory Authority\n            </h3>\n            <p className=\"text-muted-foreground\">\n              If you are not satisfied with our response or believe we are\n              processing your data unlawfully, you have the right to lodge a\n              complaint with a supervisory authority. In France, the relevant\n              authority is:\n            </p>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <p>\n                <strong className=\"text-foreground\">\n                  Commission Nationale de l'Informatique et des Libertés (CNIL)\n                </strong>\n              </p>\n              <p>3 Place de Fontenoy, TSA 80715, 75334 Paris Cedex 07</p>\n              <p>\n                Website:{' '}\n                <a\n                  href=\"https://www.cnil.fr\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-primary hover:underline\"\n                >\n                  www.cnil.fr\n                </a>\n              </p>\n            </div>\n          </section>\n\n          {/* Changes Notice */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              12. Changes to This Policy\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We may update this privacy policy from time to time to reflect\n              changes in our practices, technology, legal requirements, or for\n              other operational reasons. We will notify you of any material\n              changes by updating the \"Last updated\" date at the top of this\n              page.\n            </p>\n            <p className=\"text-muted-foreground\">\n              We encourage you to review this policy periodically to stay\n              informed about how we protect your data.\n            </p>\n          </section>\n\n          {/* Footer */}\n          <div className=\"mt-12 border-t border-white/10 pt-8\">\n            <p className=\"text-muted-foreground text-sm\">\n              For questions about this privacy policy, please contact us at{' '}\n              <a\n                href=\"mailto:privacy@contractspec.io\"\n                className=\"text-primary hover:underline\"\n              >\n                privacy@contractspec.io\n              </a>\n            </p>\n          </div>\n        </div>\n      </section>\n    </main>\n  );\n}\n"],"mappings":"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"}

package/dist/components/legal/TermsTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TermsTemplate.js","names":[],"sources":["../../../src/components/legal/TermsTemplate.tsx"],"sourcesContent":["import type { Metadata } from 'next';\n\nexport const metadata: Metadata = {\n  title: 'Terms of Service | ContractSpec',\n  description:\n    'Terms of Service for ContractSpec. Read our terms governing use of the ContractSpec website and services.',\n};\n\nexport function TermsTemplate() {\n  return (\n    <main className=\"flex grow flex-col items-center justify-center pt-24\">\n      <section className=\"section-padding\">\n        <div className=\"prose prose-invert mx-auto max-w-3xl\">\n          <h1 className=\"mb-4 text-4xl font-bold\">Terms of Service</h1>\n          <p className=\"text-muted-foreground mb-8\">\n            Last updated: December 18, 2025\n          </p>\n\n          {/* 1. Definitions */}\n          <section className=\"space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              1. Definitions\n            </h2>\n            <p className=\"text-muted-foreground\">\n              In these Terms of Service (\"Terms\"), the following definitions\n              apply:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">\"ContractSpec\"</strong>,{' '}\n                <strong className=\"text-foreground\">\"we\"</strong>,{' '}\n                <strong className=\"text-foreground\">\"us\"</strong>, or{' '}\n                <strong className=\"text-foreground\">\"our\"</strong> refers to\n                CHAMAN VENTURES, SASU, operating under the ContractSpec brand.\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\"Service\"</strong> or{' '}\n                <strong className=\"text-foreground\">\"Services\"</strong> refers\n                to the ContractSpec website, ContractSpec Studio, APIs,\n                documentation, and any related products or features we provide.\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\"User\"</strong>,{' '}\n                <strong className=\"text-foreground\">\"you\"</strong>, or{' '}\n                <strong className=\"text-foreground\">\"your\"</strong> refers to\n                any individual or entity accessing or using the Services.\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\"User Content\"</strong>{' '}\n                refers to any data, specifications, configurations, or other\n                materials you create, upload, or submit through the Services.\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\"ContractSpec Core\"</strong>{' '}\n                refers to the open-source components of ContractSpec available\n                under their respective open-source licenses.\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\"Design Partner\"</strong>{' '}\n                refers to early users who have entered into a separate design\n                partnership arrangement with us.\n              </li>\n            </ul>\n          </section>\n\n          {/* 2. Who We Are */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              2. Who We Are\n            </h2>\n            <p className=\"text-muted-foreground\">\n              ContractSpec is a brand of{' '}\n              <strong className=\"text-foreground\">CHAMAN VENTURES</strong>, a\n              simplified joint-stock company (SASU) registered in France.\n            </p>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <ul className=\"list-none space-y-1 pl-0\">\n                <li>CHAMAN VENTURES, SASU</li>\n                <li>RCS Paris • SIREN 989 498 902</li>\n                <li>229 rue Saint-Honoré, 75001 Paris, France</li>\n                <li>\n                  Contact:{' '}\n                  <a\n                    href=\"mailto:legal@contractspec.io\"\n                    className=\"text-primary hover:underline\"\n                  >\n                    legal@contractspec.io\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </section>\n\n          {/* 3. Acceptance of Terms */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              3. Acceptance of Terms\n            </h2>\n            <p className=\"text-muted-foreground\">\n              By accessing or using ContractSpec, you agree to be bound by these\n              Terms and our{' '}\n              <a href=\"/legal/privacy\" className=\"text-primary hover:underline\">\n                Privacy Policy\n              </a>\n              . If you do not agree to these Terms, you must not use the\n              Services.\n            </p>\n            <p className=\"text-muted-foreground\">\n              We may update these Terms from time to time. We will notify you of\n              material changes by updating the \"Last updated\" date. Continued\n              use of the Services after changes constitutes acceptance of the\n              updated Terms.\n            </p>\n          </section>\n\n          {/* 4. Eligibility */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              4. Eligibility\n            </h2>\n            <p className=\"text-muted-foreground\">\n              To use the Services, you must:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                Be at least 18 years old or the age of majority in your\n                jurisdiction\n              </li>\n              <li>Have the legal capacity to enter into binding contracts</li>\n              <li>\n                Not be prohibited from using the Services under applicable laws\n              </li>\n              <li>\n                If acting on behalf of an organisation, have the authority to\n                bind that organisation to these Terms\n              </li>\n            </ul>\n          </section>\n\n          {/* 5. Accounts */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">5. Accounts</h2>\n            <div className=\"text-muted-foreground rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4\">\n              <p className=\"mb-2 font-medium text-yellow-500\">Note</p>\n              <p>\n                User accounts are not yet available. When accounts are\n                introduced, the following terms will apply:\n              </p>\n            </div>\n            <ul className=\"text-muted-foreground mt-4 list-disc space-y-2 pl-6\">\n              <li>\n                You are responsible for maintaining the confidentiality of your\n                account credentials\n              </li>\n              <li>\n                You are responsible for all activities that occur under your\n                account\n              </li>\n              <li>\n                You must notify us immediately of any unauthorised use of your\n                account\n              </li>\n              <li>\n                We reserve the right to suspend or terminate accounts that\n                violate these Terms\n              </li>\n            </ul>\n          </section>\n\n          {/* 6. License & Intellectual Property */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              6. License & Intellectual Property\n            </h2>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              6.1 Our Intellectual Property\n            </h3>\n            <p className=\"text-muted-foreground\">\n              The ContractSpec name, logo, website design, proprietary software,\n              documentation, and all associated intellectual property rights are\n              owned by CHAMAN VENTURES. Subject to these Terms, we grant you a\n              limited, non-exclusive, non-transferable, revocable license to\n              access and use the Services for their intended purpose.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              6.2 Open-Source Components\n            </h3>\n            <p className=\"text-muted-foreground\">\n              Certain components of ContractSpec (\"ContractSpec Core\") are made\n              available as open-source software under their respective licenses\n              (e.g., MIT, Apache 2.0). Your use of open-source components is\n              governed by those licenses, which may grant you additional rights\n              not covered by these Terms. In case of conflict between these\n              Terms and an open-source license, the open-source license prevails\n              for the applicable component.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              6.3 Your Content\n            </h3>\n            <p className=\"text-muted-foreground\">\n              <strong className=\"text-foreground\">You retain ownership</strong>{' '}\n              of all User Content you create, upload, or submit through the\n              Services. This includes your specifications, configurations, and\n              any other materials you generate.\n            </p>\n            <p className=\"text-muted-foreground\">\n              By using the Services, you grant us a limited, non-exclusive,\n              worldwide, royalty-free license to host, store, process, and\n              display your User Content solely to the extent necessary to\n              provide and improve the Services. This license terminates when you\n              delete your User Content or close your account, except where\n              retention is required by law or for legitimate business purposes\n              (e.g., backups, legal compliance).\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              6.4 Feedback\n            </h3>\n            <p className=\"text-muted-foreground\">\n              If you provide feedback, suggestions, or ideas about the Services,\n              you grant us a perpetual, irrevocable, royalty-free license to\n              use, modify, and incorporate such feedback without obligation to\n              you.\n            </p>\n          </section>\n\n          {/* 7. Acceptable Use */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              7. Acceptable Use\n            </h2>\n            <p className=\"text-muted-foreground\">\n              When using the Services, you agree not to:\n            </p>\n\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">Abuse the Services:</strong>{' '}\n                Use the Services in a manner that disrupts, damages, or impairs\n                our infrastructure or other users' experience\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Probe security:</strong>{' '}\n                Attempt to gain unauthorised access to our systems, networks, or\n                data; perform security testing without prior written permission\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Distribute harmful content:\n                </strong>{' '}\n                Upload, share, or distribute malware, viruses, or other\n                malicious code\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Engage in illegal activity:\n                </strong>{' '}\n                Use the Services for any purpose that is unlawful, fraudulent,\n                or harmful\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Interfere with operations:\n                </strong>{' '}\n                Attempt to interfere with, disrupt, or circumvent any security\n                or access controls\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Violate rights:</strong>{' '}\n                Infringe upon the intellectual property, privacy, or other\n                rights of third parties\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Misrepresent identity:\n                </strong>{' '}\n                Impersonate any person or entity, or falsely claim affiliation\n                with ContractSpec\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Circumvent limits:</strong>{' '}\n                Attempt to bypass any usage limits, rate limits, or access\n                restrictions\n              </li>\n            </ul>\n\n            <p className=\"text-muted-foreground mt-4\">\n              We reserve the right to investigate violations and take\n              appropriate action, including suspension or termination of access.\n            </p>\n          </section>\n\n          {/* 8. Beta / Preview Disclaimer */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              8. Beta & Preview Services\n            </h2>\n            <div className=\"text-muted-foreground rounded-lg border border-orange-500/20 bg-orange-500/5 p-4\">\n              <p className=\"mb-2 font-medium text-orange-400\">⚠️ Important</p>\n              <p>\n                ContractSpec is currently in active development. Some features\n                may be labelled as \"Beta\", \"Preview\", \"Alpha\", or similar\n                designations.\n              </p>\n            </div>\n\n            <p className=\"text-muted-foreground mt-4\">\n              By using beta or preview features, you acknowledge:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">Things may break:</strong>{' '}\n                Beta features may contain bugs, errors, or unexpected behaviour\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  No availability guarantee:\n                </strong>{' '}\n                We do not guarantee uptime, availability, or continuity of beta\n                features\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Features may change or disappear:\n                </strong>{' '}\n                We may modify, suspend, or discontinue beta features at any time\n                without notice\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Not for production:</strong>{' '}\n                Beta features should not be relied upon for mission-critical or\n                production workloads unless you accept these risks\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Data may be lost:</strong>{' '}\n                We cannot guarantee the preservation of data created using beta\n                features\n              </li>\n            </ul>\n          </section>\n\n          {/* 9. Design Partner Terms */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              9. Design Partner Program\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We offer a Design Partner program for early users who wish to\n              collaborate closely with us to shape the product. If you\n              participate as a Design Partner:\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              9.1 Scope\n            </h3>\n            <p className=\"text-muted-foreground\">\n              Design Partners receive early access to features, provide\n              feedback, and help validate product direction. The specific scope\n              of your participation will be outlined in a separate agreement or\n              communication.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              9.2 Feedback\n            </h3>\n            <p className=\"text-muted-foreground\">\n              We value your input. Feedback you provide may be used to improve\n              the Services. See Section 6.4 for licensing terms regarding\n              feedback.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              9.3 Confidentiality\n            </h3>\n            <p className=\"text-muted-foreground\">\n              Design Partners may receive access to confidential or pre-release\n              information. Unless otherwise specified in a separate agreement,\n              you agree to keep such information confidential and not share it\n              publicly without our prior written consent.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              9.4 Mutual Expectations\n            </h3>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">From us:</strong> Regular\n                communications, responsiveness to feedback, and transparency\n                about product direction\n              </li>\n              <li>\n                <strong className=\"text-foreground\">From you:</strong> Timely\n                and honest feedback, reasonable engagement, and adherence to\n                these Terms\n              </li>\n            </ul>\n          </section>\n\n          {/* 10. Fees & Billing */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              10. Fees & Billing\n            </h2>\n            <div className=\"text-muted-foreground rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4\">\n              <p className=\"mb-2 font-medium text-yellow-500\">Note</p>\n              <p>\n                Paid plans are not yet available. When paid plans are\n                introduced, the following terms will apply:\n              </p>\n            </div>\n            <ul className=\"text-muted-foreground mt-4 list-disc space-y-2 pl-6\">\n              <li>\n                Fees will be clearly communicated before you commit to a paid\n                plan\n              </li>\n              <li>\n                Payment terms, billing cycles, and refund policies will be\n                specified at that time\n              </li>\n              <li>\n                We reserve the right to change pricing with reasonable notice\n              </li>\n              <li>\n                Failure to pay may result in suspension or termination of paid\n                features\n              </li>\n            </ul>\n          </section>\n\n          {/* 11. Third-Party Services */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              11. Third-Party Services\n            </h2>\n            <p className=\"text-muted-foreground\">\n              The Services may integrate with or contain links to third-party\n              services, websites, or content. We do not control and are not\n              responsible for third-party services.\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                Your use of third-party services is governed by their respective\n                terms and policies\n              </li>\n              <li>\n                We make no warranties or representations about third-party\n                services\n              </li>\n              <li>Links to third-party sites do not imply endorsement</li>\n              <li>\n                You are responsible for reviewing the terms of any third-party\n                services you use\n              </li>\n            </ul>\n          </section>\n\n          {/* 12. Disclaimer of Warranties */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              12. Disclaimer of Warranties\n            </h2>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <p className=\"font-medium uppercase\">\n                THE SERVICES ARE PROVIDED \"AS IS\" AND \"AS AVAILABLE\" WITHOUT\n                WARRANTIES OF ANY KIND, EXPRESS OR IMPLIED.\n              </p>\n            </div>\n\n            <p className=\"text-muted-foreground mt-4\">\n              To the fullest extent permitted by law, we disclaim:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                Warranties of merchantability, fitness for a particular purpose,\n                and non-infringement\n              </li>\n              <li>\n                Any warranty that the Services will be uninterrupted, secure, or\n                error-free\n              </li>\n              <li>\n                Any warranty regarding the accuracy, reliability, or\n                completeness of content\n              </li>\n              <li>\n                Any warranty that defects will be corrected or that the Services\n                are free of viruses or harmful components\n              </li>\n            </ul>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              No Professional Advice\n            </h3>\n            <p className=\"text-muted-foreground\">\n              The Services are tools for software development. Nothing in the\n              Services constitutes legal, financial, technical, or other\n              professional advice. You are solely responsible for evaluating the\n              suitability of the Services for your needs and for any decisions\n              you make based on the output.\n            </p>\n          </section>\n\n          {/* 13. Limitation of Liability */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              13. Limitation of Liability\n            </h2>\n            <p className=\"text-muted-foreground\">\n              To the maximum extent permitted by applicable law:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">\n                  No indirect damages:\n                </strong>{' '}\n                We shall not be liable for any indirect, incidental, special,\n                consequential, or punitive damages, including loss of profits,\n                data, goodwill, or other intangible losses\n              </li>\n              <li>\n                <strong className=\"text-foreground\">\n                  Limited direct liability:\n                </strong>{' '}\n                Our total aggregate liability for any claims arising from or\n                related to the Services shall not exceed the greater of: (a) the\n                amount you paid us in the 12 months preceding the claim, or (b)\n                €100\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Exceptions:</strong> These\n                limitations do not apply to liability that cannot be excluded\n                under applicable law, including liability for fraud or wilful\n                misconduct\n              </li>\n            </ul>\n            <p className=\"text-muted-foreground mt-4\">\n              You acknowledge that these limitations reflect a reasonable\n              allocation of risk and are a fundamental basis of the agreement\n              between us.\n            </p>\n          </section>\n\n          {/* 14. Termination */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              14. Termination\n            </h2>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              14.1 By You\n            </h3>\n            <p className=\"text-muted-foreground\">\n              You may stop using the Services at any time. When accounts are\n              available, you may close your account through the account settings\n              or by contacting us.\n            </p>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              14.2 By Us\n            </h3>\n            <p className=\"text-muted-foreground\">\n              We may suspend or terminate your access to the Services at any\n              time, with or without cause, with or without notice. Reasons for\n              termination may include:\n            </p>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>Violation of these Terms</li>\n              <li>\n                Conduct that we believe is harmful to other users or our\n                business\n              </li>\n              <li>Extended inactivity</li>\n              <li>Discontinuation of the Services</li>\n            </ul>\n\n            <h3 className=\"text-foreground mt-6 text-xl font-semibold\">\n              14.3 Effect of Termination\n            </h3>\n            <p className=\"text-muted-foreground\">\n              Upon termination, your right to use the Services ceases\n              immediately. Provisions that by their nature should survive\n              termination will survive, including intellectual property rights,\n              disclaimers, limitations of liability, and dispute resolution.\n            </p>\n          </section>\n\n          {/* 15. Governing Law & Jurisdiction */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              15. Governing Law & Jurisdiction\n            </h2>\n            <p className=\"text-muted-foreground\">\n              These Terms are governed by and construed in accordance with the\n              laws of <strong className=\"text-foreground\">France</strong>,\n              without regard to conflict of law principles.\n            </p>\n            <p className=\"text-muted-foreground\">\n              Any disputes arising from or related to these Terms or the\n              Services shall be subject to the exclusive jurisdiction of the\n              courts of{' '}\n              <strong className=\"text-foreground\">Paris, France</strong>.\n            </p>\n            <p className=\"text-muted-foreground\">\n              If you are a consumer in the European Union, nothing in these\n              Terms affects your rights under mandatory consumer protection laws\n              of your country of residence.\n            </p>\n          </section>\n\n          {/* 16. Contact */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">16. Contact</h2>\n            <p className=\"text-muted-foreground\">\n              If you have any questions about these Terms, please contact us:\n            </p>\n            <div className=\"text-muted-foreground rounded-lg border border-white/10 bg-white/5 p-4\">\n              <p>\n                <strong className=\"text-foreground\">Email:</strong>{' '}\n                <a\n                  href=\"mailto:legal@contractspec.io\"\n                  className=\"text-primary hover:underline\"\n                >\n                  legal@contractspec.io\n                </a>\n              </p>\n              <p className=\"mt-2\">\n                <strong className=\"text-foreground\">Address:</strong> CHAMAN\n                VENTURES, 229 rue Saint-Honoré, 75001 Paris, France\n              </p>\n            </div>\n          </section>\n\n          {/* Miscellaneous */}\n          <section className=\"mt-10 space-y-4\">\n            <h2 className=\"text-foreground text-2xl font-bold\">\n              17. Miscellaneous\n            </h2>\n            <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n              <li>\n                <strong className=\"text-foreground\">Entire Agreement:</strong>{' '}\n                These Terms, together with our Privacy Policy and any additional\n                agreements, constitute the entire agreement between you and\n                ContractSpec regarding the Services\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Severability:</strong> If\n                any provision of these Terms is found unenforceable, the\n                remaining provisions will continue in effect\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Waiver:</strong> Our failure\n                to enforce any right or provision does not constitute a waiver\n                of that right or provision\n              </li>\n              <li>\n                <strong className=\"text-foreground\">Assignment:</strong> You may\n                not assign or transfer your rights under these Terms without our\n                consent. We may assign our rights freely\n              </li>\n            </ul>\n          </section>\n\n          {/* Footer */}\n          <div className=\"mt-12 border-t border-white/10 pt-8\">\n            <p className=\"text-muted-foreground text-sm\">\n              For questions about these terms, please contact us at{' '}\n              <a\n                href=\"mailto:legal@contractspec.io\"\n                className=\"text-primary hover:underline\"\n              >\n                legal@contractspec.io\n              </a>\n            </p>\n          </div>\n        </div>\n      </section>\n    </main>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/FeatureGateNotice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureGateNotice.js","names":[],"sources":["../../../src/components/shared/FeatureGateNotice.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Lock } from 'lucide-react';\n\nexport interface FeatureGateNoticeProps {\n  title: string;\n  description: string;\n  actionLabel?: string;\n  onAction?: () => void;\n}\n\nexport function FeatureGateNotice({\n  title,\n  description,\n  actionLabel,\n  onAction,\n}: FeatureGateNoticeProps) {\n  return (\n    <div className=\"text-center\">\n      <div className=\"bg-muted/40 mx-auto flex h-12 w-12 items-center justify-center rounded-full\">\n        <Lock className=\"text-muted-foreground h-5 w-5\" />\n      </div>\n      <h3 className=\"mt-4 text-lg font-semibold\">{title}</h3>\n      <p className=\"text-muted-foreground mt-2 text-sm\">{description}</p>\n      {actionLabel ? (\n        <button\n          type=\"button\"\n          className=\"btn-primary mt-4 inline-flex items-center justify-center\"\n          onClick={onAction}\n        >\n          {actionLabel}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,kBAAkB,EAChC,OACA,aACA,aACA,YACyB;AACzB,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,oBAAC,QAAK,WAAU,kCAAkC;KAC9C;GACN,oBAAC;IAAG,WAAU;cAA8B;KAAW;GACvD,oBAAC;IAAE,WAAU;cAAsC;KAAgB;GAClE,cACC,oBAAC;IACC,MAAK;IACL,WAAU;IACV,SAAS;cAER;KACM,GACP;;GACA"}

package/dist/components/shell/WorkspaceHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceHeader.js","names":[],"sources":["../../../src/components/shell/WorkspaceHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@contractspec/lib.ui-kit-web/ui/select';\n\nexport interface ShellSelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface ShellSelect {\n  label: string;\n  value: string;\n  options: ShellSelectOption[];\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\nexport interface WorkspaceHeaderProps {\n  title: string;\n  subtitle?: string;\n  workspaceSelect?: ShellSelect;\n  projectSelect?: ShellSelect;\n  environmentSelect?: ShellSelect;\n  stickyHeaderOffsetPx?: number;\n  headerRight?: React.ReactNode;\n}\n\nexport function WorkspaceHeader({\n  title,\n  subtitle,\n  workspaceSelect,\n  projectSelect,\n  environmentSelect,\n  stickyHeaderOffsetPx,\n  headerRight,\n}: WorkspaceHeaderProps) {\n  return (\n    <div\n      className=\"border-border bg-card sticky top-0 z-10 border-b\"\n      style={{ top: stickyHeaderOffsetPx ?? 0 }}\n    >\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-3 px-4 py-3 md:flex-row md:items-center md:justify-between\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <p className=\"truncate text-base font-semibold\">{title}</p>\n            {subtitle ? (\n              <p className=\"text-muted-foreground hidden text-sm md:block\">\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n          <div className=\"mt-2 flex flex-wrap gap-2\">\n            {workspaceSelect ? (\n              <ShellSelectControl select={workspaceSelect} />\n            ) : null}\n            {projectSelect ? (\n              <ShellSelectControl select={projectSelect} />\n            ) : null}\n            {environmentSelect ? (\n              <ShellSelectControl select={environmentSelect} />\n            ) : null}\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between gap-2 md:justify-end\">\n          {headerRight}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ShellSelectControl({ select }: { select: ShellSelect }) {\n  const labelId = React.useId();\n  return (\n    <div className=\"flex min-w-[220px] flex-col gap-1\">\n      <span id={labelId} className=\"text-muted-foreground text-xs\">\n        {select.label}\n      </span>\n      <Select value={select.value} onValueChange={select.onChange}>\n        <SelectTrigger aria-labelledby={labelId} className=\"w-full\">\n          <SelectValue placeholder={select.placeholder ?? select.label} />\n        </SelectTrigger>\n        <SelectContent>\n          {select.options.map((o) => (\n            <SelectItem key={o.value} value={o.value}>\n              {o.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgCA,SAAgB,gBAAgB,EAC9B,OACA,UACA,iBACA,eACA,mBACA,sBACA,eACuB;AACvB,QACE,oBAAC;EACC,WAAU;EACV,OAAO,EAAE,KAAK,wBAAwB,GAAG;YAEzC,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAAoC;OAAU,EAC1D,WACC,oBAAC;MAAE,WAAU;gBACV;OACC,GACF;MACA,EACN,qBAAC;KAAI,WAAU;;MACZ,kBACC,oBAAC,sBAAmB,QAAQ,kBAAmB,GAC7C;MACH,gBACC,oBAAC,sBAAmB,QAAQ,gBAAiB,GAC3C;MACH,oBACC,oBAAC,sBAAmB,QAAQ,oBAAqB,GAC/C;;MACA;KACF,EACN,oBAAC;IAAI,WAAU;cACZ;KACG;IACF;GACF;;AAIV,SAAS,mBAAmB,EAAE,UAAmC;CAC/D,MAAM,UAAU,MAAM,OAAO;AAC7B,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAK,IAAI;GAAS,WAAU;aAC1B,OAAO;IACH,EACP,qBAAC;GAAO,OAAO,OAAO;GAAO,eAAe,OAAO;cACjD,oBAAC;IAAc,mBAAiB;IAAS,WAAU;cACjD,oBAAC,eAAY,aAAa,OAAO,eAAe,OAAO,QAAS;KAClD,EAChB,oBAAC,2BACE,OAAO,QAAQ,KAAK,MACnB,oBAAC;IAAyB,OAAO,EAAE;cAChC,EAAE;MADY,EAAE,MAEN,CACb,GACY;IACT;GACL"}

package/dist/components/shell/WorkspaceProjectShellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceProjectShellLayout.js","names":[],"sources":["../../../src/components/shell/WorkspaceProjectShellLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport {\n  SidebarProvider,\n  SidebarInset,\n} from '@contractspec/lib.ui-kit-web/ui/sidebar';\nimport {\n  WorkspaceHeader,\n  type WorkspaceHeaderProps,\n  type ShellSelect,\n  type ShellSelectOption,\n} from './WorkspaceHeader';\nimport {\n  WorkspaceSidebar,\n  type WorkspaceSidebarProps,\n  type ShellModuleItem,\n} from './WorkspaceSidebar';\n\nexport type { ShellSelect, ShellSelectOption, ShellModuleItem };\n\nexport interface WorkspaceProjectShellLayoutProps\n  extends WorkspaceSidebarProps, WorkspaceHeaderProps {\n  assistant?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function WorkspaceProjectShellLayout({\n  // Header props\n  title,\n  subtitle,\n  workspaceSelect,\n  projectSelect,\n  environmentSelect,\n  stickyHeaderOffsetPx,\n  headerRight,\n  // Sidebar props\n  modules,\n  activeModuleId,\n  onModuleChange,\n  sidebarFooter,\n  // Layout props\n  assistant,\n  children,\n  className,\n}: WorkspaceProjectShellLayoutProps) {\n  return (\n    <SidebarProvider>\n      <WorkspaceSidebar\n        modules={modules}\n        activeModuleId={activeModuleId}\n        onModuleChange={onModuleChange}\n        sidebarFooter={sidebarFooter}\n      />\n      <SidebarInset>\n        <div className={cn('bg-background min-h-svh', className)}>\n          <WorkspaceHeader\n            title={title}\n            subtitle={subtitle}\n            workspaceSelect={workspaceSelect}\n            projectSelect={projectSelect}\n            environmentSelect={environmentSelect}\n            stickyHeaderOffsetPx={stickyHeaderOffsetPx}\n            headerRight={headerRight}\n          />\n          <main className=\"m-4\">{children}</main>\n        </div>\n      </SidebarInset>\n      {assistant}\n    </SidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;AA2BA,SAAgB,4BAA4B,EAE1C,OACA,UACA,iBACA,eACA,mBACA,sBACA,aAEA,SACA,gBACA,gBACA,eAEA,WACA,UACA,aACmC;AACnC,QACE,qBAAC;EACC,oBAAC;GACU;GACO;GACA;GACD;IACf;EACF,oBAAC,0BACC,qBAAC;GAAI,WAAW,GAAG,2BAA2B,UAAU;cACtD,oBAAC;IACQ;IACG;IACO;IACF;IACI;IACG;IACT;KACb,EACF,oBAAC;IAAK,WAAU;IAAO;KAAgB;IACnC,GACO;EACd;KACe"}

package/dist/components/shell/WorkspaceSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceSidebar.js","names":[],"sources":["../../../src/components/shell/WorkspaceSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Settings } from 'lucide-react';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from '@contractspec/lib.ui-kit-web/ui/sidebar';\n\nexport interface ShellModuleItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  badge?: string | number;\n}\n\nexport interface WorkspaceSidebarProps {\n  modules: ShellModuleItem[];\n  activeModuleId: string;\n  onModuleChange: (moduleId: string) => void;\n  sidebarFooter?: React.ReactNode;\n}\n\nexport function WorkspaceSidebar({\n  modules,\n  activeModuleId,\n  onModuleChange,\n  sidebarFooter,\n}: WorkspaceSidebarProps) {\n  return (\n    <Sidebar>\n      <SidebarRail />\n      <SidebarHeader />\n      <SidebarContent>\n        <SidebarMenu>\n          {modules.map((m) => (\n            <SidebarMenuItem key={m.id}>\n              <SidebarMenuButton\n                isActive={m.id === activeModuleId}\n                onClick={() => onModuleChange(m.id)}\n              >\n                {m.icon}\n                <span>{m.label}</span>\n                {m.badge != null ? (\n                  <span className=\"text-muted-foreground ml-auto text-xs\">\n                    {String(m.badge)}\n                  </span>\n                ) : null}\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          ))}\n          <SidebarMenuItem>\n            <SidebarMenuButton\n              isActive={activeModuleId === 'settings'}\n              onClick={() => onModuleChange('settings')}\n            >\n              <Settings className=\"size-4\" />\n              <span>Settings</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarContent>\n      <SidebarFooter>{sidebarFooter}</SidebarFooter>\n    </Sidebar>\n  );\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,iBAAiB,EAC/B,SACA,gBACA,gBACA,iBACwB;AACxB,QACE,qBAAC;EACC,oBAAC,gBAAc;EACf,oBAAC,kBAAgB;EACjB,oBAAC,4BACC,qBAAC,0BACE,QAAQ,KAAK,MACZ,oBAAC,6BACC,qBAAC;GACC,UAAU,EAAE,OAAO;GACnB,eAAe,eAAe,EAAE,GAAG;;IAElC,EAAE;IACH,oBAAC,oBAAM,EAAE,QAAa;IACrB,EAAE,SAAS,OACV,oBAAC;KAAK,WAAU;eACb,OAAO,EAAE,MAAM;MACX,GACL;;IACc,IAZA,EAAE,GAaN,CAClB,EACF,oBAAC,6BACC,qBAAC;GACC,UAAU,mBAAmB;GAC7B,eAAe,eAAe,WAAW;cAEzC,oBAAC,YAAS,WAAU,WAAW,EAC/B,oBAAC,oBAAK,aAAe;IACH,GACJ,IACN,GACC;EACjB,oBAAC,2BAAe,gBAA8B;KACtC"}

package/dist/components/templates/engine/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/templates/engine/index.ts"],"sourcesContent":["/**\n * Template TransformEngine Setup\n *\n * Creates and configures a TransformEngine for rendering template presentations\n * to multiple targets (React, Markdown, JSON).\n *\n * Note: This file provides engine creation functions.\n * The actual presentation definitions are in example packages.\n * Import presentations dynamically or use the main templates/engine.ts\n * which handles the build order correctly.\n */\nimport {\n  createDefaultTransformEngine,\n  type PresentationSpec,\n  registerBasicValidation,\n  registerDefaultReactRenderer,\n  TransformEngine,\n} from '@contractspec/lib.contracts';\n\n/**\n * Create a configured TransformEngine for template rendering\n */\nexport function createTemplateTransformEngine(): TransformEngine {\n  const engine = createDefaultTransformEngine();\n\n  // Add React renderer that returns serializable descriptors\n  registerDefaultReactRenderer(engine);\n\n  // Add basic validation for description, etc.\n  registerBasicValidation(engine);\n\n  return engine;\n}\n\n/**\n * Find a presentation by name and version from a list\n */\nexport function findPresentation(\n  presentations: PresentationSpec[],\n  name: string,\n  version: number\n): PresentationSpec | undefined {\n  return presentations.find(\n    (p) => p.meta.key === name && String(p.meta.version) === String(version)\n  );\n}\n\n/**\n * Get all presentations for a given domain from a list\n */\nexport function filterPresentationsByDomain(\n  presentations: PresentationSpec[],\n  domain: string\n): PresentationSpec[] {\n  return presentations.filter((p) => p.meta.domain === domain);\n}\n\n/**\n * Check if a presentation supports a given target\n */\nexport function supportsTarget(\n  presentation: PresentationSpec,\n  target: 'react' | 'markdown' | 'application/json' | 'application/xml'\n): boolean {\n  return presentation.targets.includes(target);\n}\n\n// Export singleton engine instance\nlet engineInstance: TransformEngine | null = null;\n\nexport function getTemplateEngine(): TransformEngine {\n  if (!engineInstance) {\n    engineInstance = createTemplateTransformEngine();\n  }\n  return engineInstance;\n}\n\nexport function resetTemplateEngine(): void {\n  engineInstance = null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,gCAAiD;CAC/D,MAAM,SAAS,8BAA8B;AAG7C,8BAA6B,OAAO;AAGpC,yBAAwB,OAAO;AAE/B,QAAO;;;;;AAMT,SAAgB,iBACd,eACA,MACA,SAC8B;AAC9B,QAAO,cAAc,MAClB,MAAM,EAAE,KAAK,QAAQ,QAAQ,OAAO,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,CACzE;;;;;AAMH,SAAgB,4BACd,eACA,QACoB;AACpB,QAAO,cAAc,QAAQ,MAAM,EAAE,KAAK,WAAW,OAAO;;;;;AAM9D,SAAgB,eACd,cACA,QACS;AACT,QAAO,aAAa,QAAQ,SAAS,OAAO;;AAI9C,IAAI,iBAAyC;AAE7C,SAAgB,oBAAqC;AACnD,KAAI,CAAC,eACH,kBAAiB,+BAA+B;AAElD,QAAO;;AAGT,SAAgB,sBAA4B;AAC1C,kBAAiB"}

package/dist/components/templates/messaging/ConversationList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationList.js","names":[],"sources":["../../../../src/components/templates/messaging/ConversationList.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\nimport { MessageCircle, Users } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport { type Conversation } from './types';\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\n\nconst CONVERSATIONS_QUERY = gql`\n  query Conversations($projectId: ID!) {\n    conversations(projectId: $projectId) {\n      id\n      name\n      isGroup\n      updatedAt\n      participants {\n        id\n        userId\n        displayName\n      }\n    }\n  }\n`;\n\nexport interface ConversationListProps {\n  selectedId?: string;\n  onSelect?: (conversationId: string) => void;\n}\n\nexport function ConversationList({\n  selectedId,\n  onSelect,\n}: ConversationListProps) {\n  const { projectId } = useTemplateRuntime();\n  const { data, loading } = useQuery<{ conversations: Conversation[] }>(\n    CONVERSATIONS_QUERY,\n    {\n      variables: { projectId },\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n\n  const conversations: Conversation[] = useMemo(\n    () => data?.conversations ?? [],\n    [data]\n  );\n\n  return (\n    <aside className=\"border-border bg-card h-full overflow-y-auto rounded-2xl border\">\n      <header className=\"border-border px -4 flex items-center justify-between border-b px-4 py-3\">\n        <div>\n          <p className=\"text-sm font-semibold\">Conversations</p>\n          <p className=\"text-muted-foreground text-xs\">\n            {loading ? 'Loading…' : `${conversations.length} active`}\n          </p>\n        </div>\n        <Users className=\"text-muted-foreground h-4 w-4\" />\n      </header>\n      <div className=\"divide-border/70 divide-y\">\n        {conversations.map((conversation) => {\n          const isSelected = selectedId === conversation.id;\n          return (\n            <button\n              key={conversation.id}\n              type=\"button\"\n              className={`flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${\n                isSelected\n                  ? 'text-foreground bg-violet-500/10'\n                  : 'hover:bg-muted/40'\n              }`}\n              onClick={() => onSelect?.(conversation.id)}\n            >\n              <div className=\"flex items-center gap-2\">\n                <MessageCircle className=\"text-muted-foreground h-4 w-4\" />\n                <span className=\"text-sm font-medium\">\n                  {conversation.name || 'Untitled conversation'}\n                </span>\n              </div>\n              <p className=\"text-muted-foreground text-xs\">\n                {conversation.participants\n                  .map(\n                    (participant) =>\n                      participant.displayName || participant.userId\n                  )\n                  .join(' · ')}\n              </p>\n            </button>\n          );\n        })}\n        {!loading && conversations.length === 0 ? (\n          <p className=\"text-muted-foreground p-4 text-center text-xs\">\n            No conversations yet.\n          </p>\n        ) : null}\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;AAqB/B,SAAgB,iBAAiB,EAC/B,YACA,YACwB;CACxB,MAAM,EAAE,cAAc,oBAAoB;CAC1C,MAAM,EAAE,MAAM,YAAY,SACxB,qBACA;EACE,WAAW,EAAE,WAAW;EACxB,aAAa;EACd,CACF;CAED,MAAM,gBAAgC,cAC9B,MAAM,iBAAiB,EAAE,EAC/B,CAAC,KAAK,CACP;AAED,QACE,qBAAC;EAAM,WAAU;aACf,qBAAC;GAAO,WAAU;cAChB,qBAAC,oBACC,oBAAC;IAAE,WAAU;cAAwB;KAAiB,EACtD,oBAAC;IAAE,WAAU;cACV,UAAU,aAAa,GAAG,cAAc,OAAO;KAC9C,IACA,EACN,oBAAC,SAAM,WAAU,kCAAkC;IAC5C,EACT,qBAAC;GAAI,WAAU;cACZ,cAAc,KAAK,iBAAiB;AAEnC,WACE,qBAAC;KAEC,MAAK;KACL,WAAW,yEALI,eAAe,aAAa,KAOrC,qCACA;KAEN,eAAe,WAAW,aAAa,GAAG;gBAE1C,qBAAC;MAAI,WAAU;iBACb,oBAAC,iBAAc,WAAU,kCAAkC,EAC3D,oBAAC;OAAK,WAAU;iBACb,aAAa,QAAQ;QACjB;OACH,EACN,oBAAC;MAAE,WAAU;gBACV,aAAa,aACX,KACE,gBACC,YAAY,eAAe,YAAY,OAC1C,CACA,KAAK,MAAM;OACZ;OAtBC,aAAa,GAuBX;KAEX,EACD,CAAC,WAAW,cAAc,WAAW,IACpC,oBAAC;IAAE,WAAU;cAAgD;KAEzD,GACF;IACA;GACA"}

package/dist/components/templates/messaging/MessageComposer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageComposer.js","names":[],"sources":["../../../../src/components/templates/messaging/MessageComposer.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\nimport { Send } from 'lucide-react';\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\nimport { MESSAGES_QUERY } from './MessageThread';\n\nconst SEND_MESSAGE = gql`\n  mutation SendMessage($input: SendMessageInput!) {\n    sendMessage(input: $input) {\n      id\n    }\n  }\n`;\n\nexport interface MessageComposerProps {\n  conversationId?: string;\n  viewerId?: string;\n  viewerName?: string;\n}\n\nexport function MessageComposer({\n  conversationId,\n  viewerId = 'local-user',\n  viewerName = 'You',\n}: MessageComposerProps) {\n  const { projectId } = useTemplateRuntime();\n  const [content, setContent] = useState('');\n  const [sendMessage, { loading }] = useMutation(SEND_MESSAGE);\n\n  const handleSubmit = async (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!conversationId || !content.trim()) return;\n    await sendMessage({\n      variables: {\n        input: {\n          projectId,\n          conversationId,\n          senderId: viewerId,\n          senderName: viewerName,\n          content: content.trim(),\n        },\n      },\n      refetchQueries: [\n        {\n          query: MESSAGES_QUERY,\n          variables: { conversationId },\n        },\n      ],\n    });\n    setContent('');\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"border-border bg-card mt-3 flex items-center gap-2 rounded-2xl border px-4 py-3\"\n    >\n      <input\n        type=\"text\"\n        className=\"text-foreground flex-1 bg-transparent text-sm outline-none\"\n        placeholder={\n          conversationId ? 'Type a message…' : 'Select a conversation to start'\n        }\n        disabled={!conversationId || loading}\n        value={content}\n        onChange={(event) => setContent(event.target.value)}\n      />\n      <button\n        type=\"submit\"\n        className=\"btn-primary inline-flex items-center gap-1 text-sm\"\n        disabled={!conversationId || loading || !content.trim()}\n      >\n        <Send className=\"h-4 w-4\" />\n        Send\n      </button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAM,eAAe,GAAG;;;;;;;AAcxB,SAAgB,gBAAgB,EAC9B,gBACA,WAAW,cACX,aAAa,SACU;CACvB,MAAM,EAAE,cAAc,oBAAoB;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,GAAG;CAC1C,MAAM,CAAC,aAAa,EAAE,aAAa,YAAY,aAAa;CAE5D,MAAM,eAAe,OAAO,UAA2B;AACrD,QAAM,gBAAgB;AACtB,MAAI,CAAC,kBAAkB,CAAC,QAAQ,MAAM,CAAE;AACxC,QAAM,YAAY;GAChB,WAAW,EACT,OAAO;IACL;IACA;IACA,UAAU;IACV,YAAY;IACZ,SAAS,QAAQ,MAAM;IACxB,EACF;GACD,gBAAgB,CACd;IACE,OAAO;IACP,WAAW,EAAE,gBAAgB;IAC9B,CACF;GACF,CAAC;AACF,aAAW,GAAG;;AAGhB,QACE,qBAAC;EACC,UAAU;EACV,WAAU;aAEV,oBAAC;GACC,MAAK;GACL,WAAU;GACV,aACE,iBAAiB,oBAAoB;GAEvC,UAAU,CAAC,kBAAkB;GAC7B,OAAO;GACP,WAAW,UAAU,WAAW,MAAM,OAAO,MAAM;IACnD,EACF,qBAAC;GACC,MAAK;GACL,WAAU;GACV,UAAU,CAAC,kBAAkB,WAAW,CAAC,QAAQ,MAAM;cAEvD,oBAAC,QAAK,WAAU,YAAY;IAErB;GACJ"}

package/dist/components/templates/messaging/MessageThread.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageThread.js","names":[],"sources":["../../../../src/components/templates/messaging/MessageThread.tsx"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\nimport { useEffect, useRef } from 'react';\n\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\nimport { type Message } from './types';\n\nexport const MESSAGES_QUERY = gql`\n  query Messages($conversationId: ID!) {\n    messages(conversationId: $conversationId, limit: 50) {\n      id\n      content\n      senderId\n      senderName\n      createdAt\n      status\n    }\n  }\n`;\n\nconst SET_READ = gql`\n  mutation SetMessagesRead($conversationId: ID!, $userId: String!) {\n    setMessagesRead(conversationId: $conversationId, userId: $userId)\n  }\n`;\n\nexport interface MessageThreadProps {\n  conversationId?: string;\n  viewerId?: string;\n}\n\nexport function MessageThread({\n  conversationId,\n  viewerId = 'local-user',\n}: MessageThreadProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const enabled = Boolean(conversationId);\n  const { data, loading } = useQuery<{ messages: Message[] }>(MESSAGES_QUERY, {\n    variables: { conversationId },\n    skip: !enabled,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [setRead] = useMutation(SET_READ);\n  const { projectId } = useTemplateRuntime();\n  void projectId; // reserved for future perms\n\n  const messages: Message[] = data?.messages ?? [];\n\n  useEffect(() => {\n    if (!enabled || !conversationId) return;\n    setRead({ variables: { conversationId, userId: viewerId } }).catch(() => {\n      /* ignore */\n    });\n  }, [conversationId, enabled, setRead, viewerId]);\n\n  useEffect(() => {\n    const container = scrollRef.current;\n    if (!container) return;\n    container.scrollTop = container.scrollHeight;\n  }, [messages]);\n\n  if (!conversationId) {\n    return (\n      <div className=\"border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed\">\n        <p className=\"text-muted-foreground text-sm\">Select a conversation</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"border-border bg-card flex flex-1 flex-col rounded-2xl border\">\n      <div ref={scrollRef} className=\"flex-1 space-y-3 overflow-y-auto p-4\">\n        {loading ? (\n          <p className=\"text-muted-foreground text-center text-sm\">Loading…</p>\n        ) : (\n          messages\n            .slice()\n            .reverse()\n            .map((message) => (\n              <div\n                key={message.id}\n                className={`flex flex-col ${\n                  message.senderId === viewerId ? 'items-end' : 'items-start'\n                }`}\n              >\n                <div\n                  className={`max-w-xs rounded-2xl px-3 py-2 text-sm ${\n                    message.senderId === viewerId\n                      ? 'bg-violet-500 text-white'\n                      : 'bg-muted text-foreground'\n                  }`}\n                >\n                  <p>{message.content}</p>\n                </div>\n                <span className=\"text-muted-foreground mt-1 text-xs\">\n                  {message.senderName || message.senderId} ·{' '}\n                  {new Date(message.createdAt).toLocaleTimeString([], {\n                    hour: '2-digit',\n                    minute: '2-digit',\n                  })}\n                </span>\n              </div>\n            ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,iBAAiB,GAAG;;;;;;;;;;;;AAajC,MAAM,WAAW,GAAG;;;;;AAWpB,SAAgB,cAAc,EAC5B,gBACA,WAAW,gBACU;CACrB,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,UAAU,QAAQ,eAAe;CACvC,MAAM,EAAE,MAAM,YAAY,SAAkC,gBAAgB;EAC1E,WAAW,EAAE,gBAAgB;EAC7B,MAAM,CAAC;EACP,aAAa;EACd,CAAC;CACF,MAAM,CAAC,WAAW,YAAY,SAAS;CACvC,MAAM,EAAE,cAAc,oBAAoB;CAG1C,MAAM,WAAsB,MAAM,YAAY,EAAE;AAEhD,iBAAgB;AACd,MAAI,CAAC,WAAW,CAAC,eAAgB;AACjC,UAAQ,EAAE,WAAW;GAAE;GAAgB,QAAQ;GAAU,EAAE,CAAC,CAAC,YAAY,GAEvE;IACD;EAAC;EAAgB;EAAS;EAAS;EAAS,CAAC;AAEhD,iBAAgB;EACd,MAAM,YAAY,UAAU;AAC5B,MAAI,CAAC,UAAW;AAChB,YAAU,YAAY,UAAU;IAC/B,CAAC,SAAS,CAAC;AAEd,KAAI,CAAC,eACH,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAE,WAAU;aAAgC;IAAyB;GAClE;AAIV,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAI,KAAK;GAAW,WAAU;aAC5B,UACC,oBAAC;IAAE,WAAU;cAA4C;KAAY,GAErE,SACG,OAAO,CACP,SAAS,CACT,KAAK,YACJ,qBAAC;IAEC,WAAW,iBACT,QAAQ,aAAa,WAAW,cAAc;eAGhD,oBAAC;KACC,WAAW,0CACT,QAAQ,aAAa,WACjB,6BACA;eAGN,oBAAC,iBAAG,QAAQ,UAAY;MACpB,EACN,qBAAC;KAAK,WAAU;;MACb,QAAQ,cAAc,QAAQ;MAAS;MAAG;MAC1C,IAAI,KAAK,QAAQ,UAAU,CAAC,mBAAmB,EAAE,EAAE;OAClD,MAAM;OACN,QAAQ;OACT,CAAC;;MACG;MApBF,QAAQ,GAqBT,CACN;IAEF;GACF"}

package/dist/components/templates/messaging/MessagingWorkspace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessagingWorkspace.js","names":[],"sources":["../../../../src/components/templates/messaging/MessagingWorkspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { registerTemplateComponents } from '@contractspec/lib.example-shared-ui';\nimport { ConversationList } from './ConversationList';\nimport { MessageThread } from './MessageThread';\nimport { MessageComposer } from './MessageComposer';\n\nexport function MessagingWorkspace() {\n  const [conversationId, setConversationId] = useState<string | undefined>();\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[280px,1fr]\">\n      <ConversationList\n        selectedId={conversationId}\n        onSelect={setConversationId}\n      />\n      <div className=\"flex flex-col gap-3\">\n        <MessageThread conversationId={conversationId} />\n        <MessageComposer conversationId={conversationId} />\n      </div>\n    </div>\n  );\n}\n\nregisterTemplateComponents('messaging-app', {\n  list: MessagingWorkspace,\n  detail: MessageThread,\n  form: MessageComposer,\n});\n"],"mappings":";;;;;;;;;;AASA,SAAgB,qBAAqB;CACnC,MAAM,CAAC,gBAAgB,qBAAqB,UAA8B;AAE1E,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,YAAY;GACZ,UAAU;IACV,EACF,qBAAC;GAAI,WAAU;cACb,oBAAC,iBAA8B,iBAAkB,EACjD,oBAAC,mBAAgC,iBAAkB;IAC/C;GACF;;AAIV,2BAA2B,iBAAiB;CAC1C,MAAM;CACN,QAAQ;CACR,MAAM;CACP,CAAC"}

package/dist/components/templates/recipes/LanguageSwitcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguageSwitcher.js","names":[],"sources":["../../../../src/components/templates/recipes/LanguageSwitcher.tsx"],"sourcesContent":["export interface LanguageSwitcherProps {\n  locale: 'EN' | 'FR';\n  onChange: (locale: 'EN' | 'FR') => void;\n}\n\nexport function LanguageSwitcher({ locale, onChange }: LanguageSwitcherProps) {\n  return (\n    <div className=\"border-border bg-card text-muted-foreground inline-flex rounded-full border p-1 text-xs font-semibold\">\n      {(['EN', 'FR'] as const).map((language) => (\n        <button\n          key={language}\n          type=\"button\"\n          className={`rounded-full px-3 py-1 transition ${\n            locale === language\n              ? 'bg-violet-500 text-white'\n              : 'hover:text-foreground'\n          }`}\n          onClick={() => onChange(language)}\n        >\n          {language === 'EN' ? 'English' : 'Français'}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,iBAAiB,EAAE,QAAQ,YAAmC;AAC5E,QACE,oBAAC;EAAI,WAAU;YACX,CAAC,MAAM,KAAK,CAAW,KAAK,aAC5B,oBAAC;GAEC,MAAK;GACL,WAAW,qCACT,WAAW,WACP,6BACA;GAEN,eAAe,SAAS,SAAS;aAEhC,aAAa,OAAO,YAAY;KAT5B,SAUE,CACT;GACE"}

package/dist/components/templates/recipes/RecipeCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecipeCard.js","names":[],"sources":["../../../../src/components/templates/recipes/RecipeCard.tsx"],"sourcesContent":["import { Heart } from 'lucide-react';\n\nimport { type Recipe } from './types';\n\nexport interface RecipeCardProps {\n  recipe: Recipe;\n  onSelect?: (recipe: Recipe) => void;\n  onToggleFavorite?: (recipe: Recipe) => void;\n}\n\nexport function RecipeCard({\n  recipe,\n  onSelect,\n  onToggleFavorite,\n}: RecipeCardProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onSelect?.(recipe)}\n      className=\"border-border bg-card flex flex-col gap-3 rounded-2xl border text-left transition hover:border-violet-400\"\n    >\n      {recipe.heroImageUrl ? (\n        <img\n          src={recipe.heroImageUrl}\n          alt={recipe.name}\n          className=\"h-40 w-full rounded-t-2xl object-cover\"\n        />\n      ) : (\n        <div className=\"bg-muted h-40 rounded-t-2xl\" />\n      )}\n      <div className=\"space-y-2 p-4\">\n        <div className=\"flex items-center justify-between\">\n          <p className=\"text-base font-semibold\">{recipe.name}</p>\n          <button\n            type=\"button\"\n            className={`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${\n              recipe.isFavorite\n                ? 'text-red-400'\n                : 'text-muted-foreground hover:text-red-400'\n            }`}\n            onClick={(event) => {\n              event.stopPropagation();\n              onToggleFavorite?.(recipe);\n            }}\n          >\n            <Heart\n              className={`h-4 w-4 ${recipe.isFavorite ? 'fill-red-400' : ''}`}\n            />\n          </button>\n        </div>\n        <p className=\"text-muted-foreground line-clamp-2 text-sm\">\n          {recipe.description}\n        </p>\n        <div className=\"text-muted-foreground flex flex-wrap gap-3 text-xs\">\n          {recipe.prepTimeMinutes ? (\n            <span>Prep {recipe.prepTimeMinutes}m</span>\n          ) : null}\n          {recipe.cookTimeMinutes ? (\n            <span>Cook {recipe.cookTimeMinutes}m</span>\n          ) : null}\n          {recipe.servings ? <span>{recipe.servings} servings</span> : null}\n        </div>\n      </div>\n    </button>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,WAAW,EACzB,QACA,UACA,oBACkB;AAClB,QACE,qBAAC;EACC,MAAK;EACL,eAAe,WAAW,OAAO;EACjC,WAAU;aAET,OAAO,eACN,oBAAC;GACC,KAAK,OAAO;GACZ,KAAK,OAAO;GACZ,WAAU;IACV,GAEF,oBAAC,SAAI,WAAU,gCAAgC,EAEjD,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAA2B,OAAO;OAAS,EACxD,oBAAC;MACC,MAAK;MACL,WAAW,sFACT,OAAO,aACH,iBACA;MAEN,UAAU,UAAU;AAClB,aAAM,iBAAiB;AACvB,0BAAmB,OAAO;;gBAG5B,oBAAC,SACC,WAAW,WAAW,OAAO,aAAa,iBAAiB,OAC3D;OACK;MACL;IACN,oBAAC;KAAE,WAAU;eACV,OAAO;MACN;IACJ,qBAAC;KAAI,WAAU;;MACZ,OAAO,kBACN,qBAAC;OAAK;OAAM,OAAO;OAAgB;UAAQ,GACzC;MACH,OAAO,kBACN,qBAAC;OAAK;OAAM,OAAO;OAAgB;UAAQ,GACzC;MACH,OAAO,WAAW,qBAAC,qBAAM,OAAO,UAAS,eAAgB,GAAG;;MACzD;;IACF;GACC"}

package/dist/components/templates/recipes/RecipeDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecipeDetail.js","names":[],"sources":["../../../../src/components/templates/recipes/RecipeDetail.tsx"],"sourcesContent":["import { BookOpen } from 'lucide-react';\n\nimport { type Recipe } from './types';\n\nexport interface RecipeDetailProps {\n  recipe?: Recipe;\n}\n\nexport function RecipeDetail({ recipe }: RecipeDetailProps) {\n  if (!recipe) {\n    return (\n      <div className=\"border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed\">\n        <p className=\"text-muted-foreground text-sm\">\n          Select a recipe to view details.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <article className=\"border-border bg-card space-y-4 rounded-2xl border p-6\">\n      <header className=\"flex flex-wrap items-center gap-3\">\n        <BookOpen className=\"text-muted-foreground h-5 w-5\" />\n        <div>\n          <h2 className=\"text-xl font-semibold\">{recipe.name}</h2>\n          <p className=\"text-muted-foreground text-sm\">{recipe.description}</p>\n        </div>\n      </header>\n\n      <section>\n        <h3 className=\"text-muted-foreground text-sm font-semibold tracking-wide uppercase\">\n          Ingredients\n        </h3>\n        <ul className=\"text-foreground mt-2 list-disc space-y-1 pl-6 text-sm\">\n          {recipe.ingredients.map((ingredient) => (\n            <li key={ingredient.id}>\n              {ingredient.name} – {ingredient.quantity}\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      <section>\n        <h3 className=\"text-muted-foreground text-sm font-semibold tracking-wide uppercase\">\n          Instructions\n        </h3>\n        <ol className=\"text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm\">\n          {recipe.instructions.map((instruction) => (\n            <li key={instruction.id}>{instruction.content}</li>\n          ))}\n        </ol>\n      </section>\n    </article>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,aAAa,EAAE,UAA6B;AAC1D,KAAI,CAAC,OACH,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAE,WAAU;aAAgC;IAEzC;GACA;AAIV,QACE,qBAAC;EAAQ,WAAU;;GACjB,qBAAC;IAAO,WAAU;eAChB,oBAAC,YAAS,WAAU,kCAAkC,EACtD,qBAAC,oBACC,oBAAC;KAAG,WAAU;eAAyB,OAAO;MAAU,EACxD,oBAAC;KAAE,WAAU;eAAiC,OAAO;MAAgB,IACjE;KACC;GAET,qBAAC,wBACC,oBAAC;IAAG,WAAU;cAAsE;KAE/E,EACL,oBAAC;IAAG,WAAU;cACX,OAAO,YAAY,KAAK,eACvB,qBAAC;KACE,WAAW;KAAK;KAAI,WAAW;SADzB,WAAW,GAEf,CACL;KACC,IACG;GAEV,qBAAC,wBACC,oBAAC;IAAG,WAAU;cAAsE;KAE/E,EACL,oBAAC;IAAG,WAAU;cACX,OAAO,aAAa,KAAK,gBACxB,oBAAC,kBAAyB,YAAY,WAA7B,YAAY,GAA8B,CACnD;KACC,IACG;;GACF"}

package/dist/components/templates/recipes/RecipeList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecipeList.js","names":[],"sources":["../../../../src/components/templates/recipes/RecipeList.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\n\nimport {\n  registerTemplateComponents,\n  useTemplateRuntime,\n} from '@contractspec/lib.example-shared-ui';\nimport { LanguageSwitcher } from './LanguageSwitcher';\nimport { RecipeCard } from './RecipeCard';\nimport { RecipeDetail } from './RecipeDetail';\nimport { type Recipe } from './types';\n\nconst RECIPES_QUERY = gql`\n  query Recipes($projectId: ID!, $locale: RecipeLocale!) {\n    recipes(projectId: $projectId, locale: $locale) {\n      id\n      name\n      description\n      heroImageUrl\n      prepTimeMinutes\n      cookTimeMinutes\n      servings\n      isFavorite\n      locale\n      category {\n        id\n        nameEn\n        nameFr\n      }\n      ingredients {\n        id\n        name\n        quantity\n      }\n      instructions {\n        id\n        content\n        ordering\n      }\n    }\n  }\n`;\n\nconst FAVORITE_RECIPE = gql`\n  mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {\n    favoriteRecipe(id: $id, isFavorite: $isFavorite) {\n      id\n      isFavorite\n    }\n  }\n`;\n\nexport function RecipeList() {\n  const { projectId } = useTemplateRuntime();\n  const [locale, setLocale] = useState<'EN' | 'FR'>('EN');\n  const [selected, setSelected] = useState<Recipe | undefined>();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useQuery<{ recipes: Recipe[] }>(RECIPES_QUERY, {\n    variables: { projectId, locale },\n    fetchPolicy: 'cache-and-network',\n  });\n  const [favoriteRecipe] = useMutation(FAVORITE_RECIPE);\n\n  const recipes: Recipe[] = data?.recipes ?? [];\n  const filtered = recipes.filter((recipe) =>\n    recipe.name.toLowerCase().includes(search.toLowerCase())\n  );\n\n  const handleToggleFavorite = async (recipe: Recipe) => {\n    await favoriteRecipe({\n      variables: { id: recipe.id, isFavorite: !recipe.isFavorite },\n      optimisticResponse: {\n        favoriteRecipe: {\n          __typename: 'Recipe',\n          id: recipe.id,\n          isFavorite: !recipe.isFavorite,\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <LanguageSwitcher locale={locale} onChange={setLocale} />\n        <input\n          type=\"search\"\n          placeholder={\n            locale === 'EN' ? 'Search recipes' : 'Rechercher des recettes'\n          }\n          className=\"border-border bg-card flex-1 rounded-full border px-4 py-2 text-sm\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      {loading ? (\n        <p className=\"text-muted-foreground text-sm\">Loading recipes…</p>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {filtered.map((recipe) => (\n            <RecipeCard\n              key={recipe.id}\n              recipe={recipe}\n              onSelect={setSelected}\n              onToggleFavorite={handleToggleFavorite}\n            />\n          ))}\n        </div>\n      )}\n\n      <RecipeDetail recipe={selected} />\n    </div>\n  );\n}\n\nregisterTemplateComponents('recipe-app-i18n', {\n  list: RecipeList,\n  detail: RecipeDetail,\n});\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BzB,MAAM,kBAAkB,GAAG;;;;;;;;AAS3B,SAAgB,aAAa;CAC3B,MAAM,EAAE,cAAc,oBAAoB;CAC1C,MAAM,CAAC,QAAQ,aAAa,SAAsB,KAAK;CACvD,MAAM,CAAC,UAAU,eAAe,UAA8B;CAC9D,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;CACxC,MAAM,EAAE,MAAM,YAAY,SAAgC,eAAe;EACvE,WAAW;GAAE;GAAW;GAAQ;EAChC,aAAa;EACd,CAAC;CACF,MAAM,CAAC,kBAAkB,YAAY,gBAAgB;CAGrD,MAAM,YADoB,MAAM,WAAW,EAAE,EACpB,QAAQ,WAC/B,OAAO,KAAK,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACzD;CAED,MAAM,uBAAuB,OAAO,WAAmB;AACrD,QAAM,eAAe;GACnB,WAAW;IAAE,IAAI,OAAO;IAAI,YAAY,CAAC,OAAO;IAAY;GAC5D,oBAAoB,EAClB,gBAAgB;IACd,YAAY;IACZ,IAAI,OAAO;IACX,YAAY,CAAC,OAAO;IACrB,EACF;GACF,CAAC;;AAGJ,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAyB;KAAQ,UAAU;MAAa,EACzD,oBAAC;KACC,MAAK;KACL,aACE,WAAW,OAAO,mBAAmB;KAEvC,WAAU;KACV,OAAO;KACP,WAAW,UAAU,UAAU,MAAM,OAAO,MAAM;MAClD;KACE;GAEL,UACC,oBAAC;IAAE,WAAU;cAAgC;KAAoB,GAEjE,oBAAC;IAAI,WAAU;cACZ,SAAS,KAAK,WACb,oBAAC;KAES;KACR,UAAU;KACV,kBAAkB;OAHb,OAAO,GAIZ,CACF;KACE;GAGR,oBAAC,gBAAa,QAAQ,WAAY;;GAC9B;;AAIV,2BAA2B,mBAAmB;CAC5C,MAAM;CACN,QAAQ;CACT,CAAC"}