@contractspec/module.examples 1.57.0 → 1.58.0

package/dist/browser/index.js

@@ -0,0 +1,913 @@
+// src/registry.ts
+import { ExampleRegistry } from "@contractspec/lib.contracts";
+
+// src/builtins.ts
+import AgentConsole from "@contractspec/example.agent-console/example";
+import AiSupportBot from "@contractspec/example.ai-support-bot/example";
+import AnalyticsDashboard from "@contractspec/example.analytics-dashboard/example";
+import ContentGeneration from "@contractspec/example.content-generation/example";
+import CrmPipeline from "@contractspec/example.crm-pipeline/example";
+import IntegrationHub from "@contractspec/example.integration-hub/example";
+import IntegrationStripe from "@contractspec/example.integration-stripe/example";
+import VoiceProviders from "@contractspec/example.voice-providers/example";
+import KbUpdatePipeline from "@contractspec/example.kb-update-pipeline/example";
+import KnowledgeCanon from "@contractspec/example.knowledge-canon/example";
+import LearningPatterns from "@contractspec/example.learning-patterns/example";
+import LearningJourneyAmbientCoach from "@contractspec/example.learning-journey-ambient-coach/example";
+import LearningJourneyCrmOnboarding from "@contractspec/example.learning-journey-crm-onboarding/example";
+import LearningJourneyDuoDrills from "@contractspec/example.learning-journey-duo-drills/example";
+import LearningJourneyPlatformTour from "@contractspec/example.learning-journey-platform-tour/example";
+import LearningJourneyQuestChallenges from "@contractspec/example.learning-journey-quest-challenges/example";
+import LearningJourneyRegistry from "@contractspec/example.learning-journey-registry/example";
+import LearningJourneyStudioOnboarding from "@contractspec/example.learning-journey-studio-onboarding/example";
+import LearningJourneyUiCoaching from "@contractspec/example.learning-journey-ui-coaching/example";
+import LearningJourneyUiGamified from "@contractspec/example.learning-journey-ui-gamified/example";
+import LearningJourneyUiOnboarding from "@contractspec/example.learning-journey-ui-onboarding/example";
+import LearningJourneyUiShared from "@contractspec/example.learning-journey-ui-shared/example";
+import LifecycleCli from "@contractspec/example.lifecycle-cli/example";
+import LifecycleDashboard from "@contractspec/example.lifecycle-dashboard/example";
+import LocaleJurisdictionGate from "@contractspec/example.locale-jurisdiction-gate/example";
+import Marketplace from "@contractspec/example.marketplace/example";
+import OpenbankingPowens from "@contractspec/example.openbanking-powens/example";
+import Personalization from "@contractspec/example.personalization/example";
+import PolicySafeKnowledgeAssistant from "@contractspec/example.policy-safe-knowledge-assistant/example";
+import SaasBoilerplate from "@contractspec/example.saas-boilerplate/example";
+import ServiceBusinessOs from "@contractspec/example.service-business-os/example";
+import TeamHub from "@contractspec/example.team-hub/example";
+import VersionedKnowledgeBase from "@contractspec/example.versioned-knowledge-base/example";
+import WealthSnapshot from "@contractspec/example.wealth-snapshot/example";
+import WorkflowSystem from "@contractspec/example.workflow-system/example";
+var EXAMPLE_REGISTRY = [
+  AgentConsole,
+  AiSupportBot,
+  AnalyticsDashboard,
+  ContentGeneration,
+  CrmPipeline,
+  IntegrationHub,
+  IntegrationStripe,
+  VoiceProviders,
+  KbUpdatePipeline,
+  KnowledgeCanon,
+  LearningPatterns,
+  LearningJourneyAmbientCoach,
+  LearningJourneyCrmOnboarding,
+  LearningJourneyDuoDrills,
+  LearningJourneyPlatformTour,
+  LearningJourneyQuestChallenges,
+  LearningJourneyRegistry,
+  LearningJourneyStudioOnboarding,
+  LearningJourneyUiCoaching,
+  LearningJourneyUiGamified,
+  LearningJourneyUiOnboarding,
+  LearningJourneyUiShared,
+  LifecycleCli,
+  LifecycleDashboard,
+  LocaleJurisdictionGate,
+  Marketplace,
+  OpenbankingPowens,
+  Personalization,
+  PolicySafeKnowledgeAssistant,
+  SaasBoilerplate,
+  ServiceBusinessOs,
+  TeamHub,
+  VersionedKnowledgeBase,
+  WealthSnapshot,
+  WorkflowSystem
+];
+
+// src/registry.ts
+import { ExampleRegistry as ExampleRegistry2 } from "@contractspec/lib.contracts";
+var globalRegistry = new ExampleRegistry;
+for (const example of EXAMPLE_REGISTRY) {
+  globalRegistry.register(example);
+}
+var EXAMPLE_REGISTRY2 = globalRegistry.list();
+function listExamples() {
+  return globalRegistry.list();
+}
+function getExample(key) {
+  return globalRegistry.get(key);
+}
+function searchExamples(query) {
+  return globalRegistry.search(query);
+}
+// src/runtime/engine.ts
+import {
+  createDefaultTransformEngine,
+  registerBasicValidation,
+  registerDefaultReactRenderer
+} from "@contractspec/lib.contracts/presentations";
+import {
+  agentDashboardMarkdownRenderer,
+  agentListMarkdownRenderer,
+  agentListReactRenderer,
+  runListMarkdownRenderer,
+  toolRegistryMarkdownRenderer
+} from "@contractspec/example.agent-console";
+import {
+  projectListMarkdownRenderer,
+  projectListReactRenderer,
+  saasBillingMarkdownRenderer,
+  saasDashboardMarkdownRenderer
+} from "@contractspec/example.saas-boilerplate";
+import {
+  crmDashboardMarkdownRenderer,
+  crmPipelineMarkdownRenderer,
+  crmPipelineReactRenderer
+} from "@contractspec/example.crm-pipeline";
+import {
+  workflowDashboardMarkdownRenderer,
+  workflowDefinitionListMarkdownRenderer,
+  workflowInstanceDetailMarkdownRenderer
+} from "@contractspec/example.workflow-system";
+import {
+  marketplaceDashboardMarkdownRenderer,
+  orderListMarkdownRenderer,
+  productCatalogMarkdownRenderer
+} from "@contractspec/example.marketplace";
+import {
+  connectionListMarkdownRenderer,
+  integrationDashboardMarkdownRenderer,
+  syncConfigMarkdownRenderer
+} from "@contractspec/example.integration-hub";
+import {
+  analyticsDashboardMarkdownRenderer,
+  dashboardListMarkdownRenderer,
+  queryBuilderMarkdownRenderer
+} from "@contractspec/example.analytics-dashboard";
+function createTemplateTransformEngine() {
+  const engine = createDefaultTransformEngine();
+  registerDefaultReactRenderer(engine);
+  registerBasicValidation(engine);
+  registerTemplateRenderers(engine);
+  return engine;
+}
+function registerTemplateRenderers(engine) {
+  engine.register(agentListReactRenderer);
+  engine.register(agentListMarkdownRenderer);
+  engine.register(runListMarkdownRenderer);
+  engine.register(toolRegistryMarkdownRenderer);
+  engine.register(agentDashboardMarkdownRenderer);
+  engine.register(projectListReactRenderer);
+  engine.register(projectListMarkdownRenderer);
+  engine.register(saasDashboardMarkdownRenderer);
+  engine.register(saasBillingMarkdownRenderer);
+  engine.register(crmPipelineReactRenderer);
+  engine.register(crmPipelineMarkdownRenderer);
+  engine.register(crmDashboardMarkdownRenderer);
+  engine.register(workflowDashboardMarkdownRenderer);
+  engine.register(workflowDefinitionListMarkdownRenderer);
+  engine.register(workflowInstanceDetailMarkdownRenderer);
+  engine.register(marketplaceDashboardMarkdownRenderer);
+  engine.register(productCatalogMarkdownRenderer);
+  engine.register(orderListMarkdownRenderer);
+  engine.register(integrationDashboardMarkdownRenderer);
+  engine.register(connectionListMarkdownRenderer);
+  engine.register(syncConfigMarkdownRenderer);
+  engine.register(analyticsDashboardMarkdownRenderer);
+  engine.register(dashboardListMarkdownRenderer);
+  engine.register(queryBuilderMarkdownRenderer);
+}
+var templateEngine = null;
+function getTemplateEngine() {
+  if (!templateEngine) {
+    templateEngine = createTemplateTransformEngine();
+  }
+  return templateEngine;
+}
+function resetTemplateEngine() {
+  templateEngine = null;
+}
+// src/runtime/registry.ts
+var PRESENTATIONS_BY_TEMPLATE = {
+  "saas-boilerplate": [
+    "saas-boilerplate.dashboard",
+    "saas-boilerplate.project.list",
+    "saas-boilerplate.billing.settings"
+  ],
+  "crm-pipeline": ["crm-pipeline.dashboard", "crm-pipeline.deal.pipeline"],
+  "agent-console": [
+    "agent-console.dashboard",
+    "agent-console.agent.list",
+    "agent-console.run.list",
+    "agent-console.tool.registry"
+  ],
+  "workflow-system": [
+    "workflow-system.dashboard",
+    "workflow-system.definition.list",
+    "workflow-system.instance.detail"
+  ],
+  marketplace: [
+    "marketplace.dashboard",
+    "marketplace.product.catalog",
+    "marketplace.order.list",
+    "marketplace.store.manage"
+  ],
+  "integration-hub": [
+    "integration-hub.dashboard",
+    "integration-hub.connection.list",
+    "integration-hub.sync.config"
+  ],
+  "analytics-dashboard": [
+    "analytics-dashboard.dashboard",
+    "analytics-dashboard.list",
+    "analytics-dashboard.query.builder"
+  ],
+  "learning-journey-studio-onboarding": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ],
+  "learning-journey-platform-tour": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ],
+  "learning-journey-crm-onboarding": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ],
+  "learning-journey-duo-drills": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ],
+  "learning-journey-ambient-coach": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ],
+  "learning-journey-quest-challenges": [
+    "learning.journey.track_list",
+    "learning.journey.track_detail",
+    "learning.journey.progress_widget"
+  ]
+};
+var TEMPLATE_REGISTRY = [
+  {
+    id: "todos-app",
+    name: "To-dos List App",
+    description: "CRUD flows, filtering, priorities, and ceremonies for handing off work across crews.",
+    category: "productivity",
+    complexity: "beginner",
+    icon: "✅",
+    features: ["CRUD tasks", "Filters", "Categories", "Search", "Priorities"],
+    tags: ["tasks", "ops", "starter"],
+    schema: {
+      models: ["Task", "TaskCategory"],
+      contracts: ["template.todos.crud"]
+    },
+    components: {
+      list: "TaskList",
+      detail: "TaskDetailPanel",
+      form: "TaskForm"
+    },
+    preview: {
+      demoUrl: "/sandbox?template=todos-app"
+    },
+    docs: {
+      quickstart: "/docs/templates/todos-app"
+    }
+  },
+  {
+    id: "messaging-app",
+    name: "Messaging Application",
+    description: "Conversation roster, optimistic sending, typing indicators, and delivery telemetry.",
+    category: "communication",
+    complexity: "intermediate",
+    icon: "\uD83D\uDCAC",
+    features: [
+      "Conversations",
+      "Real-time feed",
+      "Typing indicators",
+      "Read receipts"
+    ],
+    tags: ["messaging", "realtime", "ws"],
+    schema: {
+      models: ["Conversation", "ConversationParticipant", "Message"],
+      contracts: ["template.messaging.core"]
+    },
+    components: {
+      list: "ConversationList",
+      detail: "MessageThread",
+      form: "MessageComposer"
+    },
+    preview: {
+      demoUrl: "/sandbox?template=messaging-app"
+    },
+    docs: {
+      quickstart: "/docs/templates/messaging-app"
+    }
+  },
+  {
+    id: "recipe-app-i18n",
+    name: "Recipe App (i18n)",
+    description: "Localized browsing experience with bilingual content, categories, and favorites.",
+    category: "content",
+    complexity: "intermediate",
+    icon: "\uD83C\uDF72",
+    features: ["i18n", "Favorites", "Categories", "Search", "RTL-ready"],
+    tags: ["content", "i18n", "localization"],
+    schema: {
+      models: [
+        "RecipeCategory",
+        "Recipe",
+        "RecipeIngredient",
+        "RecipeInstruction"
+      ],
+      contracts: ["template.recipes.browse"]
+    },
+    components: {
+      list: "RecipeList",
+      detail: "RecipeDetail",
+      form: "RecipeForm"
+    },
+    preview: {
+      demoUrl: "/sandbox?template=recipe-app-i18n"
+    },
+    docs: {
+      quickstart: "/docs/templates/recipe-app-i18n"
+    }
+  },
+  ...listExamples().map((example) => {
+    const tags = example.meta.keywords ?? [];
+    const category = tags.some((t) => t.toLowerCase() === "ai") || tags.some((t) => t.toLowerCase() === "assistant") ? "ai" : "business";
+    const complexity = "beginner";
+    const icon = "\uD83D\uDCE6";
+    return {
+      id: example.meta.key,
+      name: example.meta.title ?? example.meta.key,
+      description: example.meta.description ?? "",
+      category,
+      complexity,
+      icon,
+      features: [],
+      tags: [...tags],
+      schema: { models: [], contracts: [] },
+      components: { list: "ExampleList", detail: "ExampleDetail" },
+      preview: {
+        demoUrl: `/sandbox?template=${encodeURIComponent(example.meta.key)}`
+      },
+      package: example.entrypoints.packageName,
+      presentations: PRESENTATIONS_BY_TEMPLATE[example.meta.key] ?? [],
+      renderTargets: ["react", "markdown"]
+    };
+  })
+];
+function listTemplates(filter) {
+  if (!filter)
+    return TEMPLATE_REGISTRY;
+  return TEMPLATE_REGISTRY.filter((template) => {
+    if (filter.category && template.category !== filter.category) {
+      return false;
+    }
+    if (filter.complexity && template.complexity !== filter.complexity) {
+      return false;
+    }
+    if (filter.tag && !template.tags.some((tag) => tag.toLowerCase() === filter.tag?.toLowerCase())) {
+      return false;
+    }
+    return true;
+  });
+}
+function getTemplate(id) {
+  return TEMPLATE_REGISTRY.find((template) => template.id === id);
+}
+function getTemplatesByModule(modulePackage) {
+  return TEMPLATE_REGISTRY.filter((template) => template.usesModules?.includes(modulePackage));
+}
+function getClonableTemplates() {
+  return TEMPLATE_REGISTRY.filter((template) => !!template.package);
+}
+
+// src/runtime/registry-client.ts
+class ContractSpecRegistryClient {
+  baseUrl;
+  fetchImpl;
+  constructor(options) {
+    this.baseUrl = options.registryUrl.replace(/\/+$/, "");
+    this.fetchImpl = options.fetchImpl ?? fetch;
+  }
+  async getManifest() {
+    const res = await this.fetchImpl(`${this.baseUrl}/r/contractspec.json`, {
+      method: "GET",
+      headers: { Accept: "application/json" }
+    });
+    if (!res.ok) {
+      throw new Error(`Registry manifest fetch failed: ${res.status} ${res.statusText}`);
+    }
+    return await res.json();
+  }
+  async listByType(type) {
+    const manifest = await this.getManifest();
+    return manifest.items.filter((i) => i.type === type);
+  }
+  async listTemplateSummaries() {
+    const templates = await this.listByType("contractspec:template");
+    return templates.map((t) => ({
+      id: t.key,
+      title: t.title,
+      description: t.description,
+      version: t.version,
+      tags: t.meta.tags,
+      source: "registry"
+    }));
+  }
+  async getItem(typeSegment, name) {
+    const res = await this.fetchImpl(`${this.baseUrl}/r/contractspec/${typeSegment}/${name}.json`, {
+      method: "GET",
+      headers: { Accept: "application/json" }
+    });
+    if (!res.ok) {
+      throw new Error(`Registry item fetch failed: ${res.status} ${res.statusText}`);
+    }
+    return await res.json();
+  }
+}
+
+// src/runtime/installer.ts
+import { web } from "@contractspec/lib.runtime-sandbox";
+"use client";
+var { LocalRuntimeServices } = web;
+var SAVE_TEMPLATE_MUTATION = `
+  mutation SaveTemplateToStudio($input: SaveTemplateInput!) {
+    saveTemplateToStudio(input: $input) {
+      projectId
+      status
+    }
+  }
+`;
+
+class TemplateInstaller {
+  runtime;
+  endpoint;
+  registryUrl;
+  fetchImpl;
+  constructor(options = {}) {
+    this.runtime = options.runtime ?? new LocalRuntimeServices;
+    this.endpoint = options.endpoint ?? "/api/graphql";
+    this.registryUrl = options.registryUrl ? options.registryUrl.replace(/\/+$/, "") : null;
+    this.fetchImpl = options.fetchImpl ?? fetch;
+  }
+  async init() {
+    await this.runtime.init();
+  }
+  list(filter) {
+    return filter ? TEMPLATE_REGISTRY.filter((template) => {
+      if (filter.category && filter.category !== template.category) {
+        return false;
+      }
+      if (filter.complexity && filter.complexity !== template.complexity) {
+        return false;
+      }
+      if (filter.tag && !template.tags.includes(filter.tag)) {
+        return false;
+      }
+      return true;
+    }) : TEMPLATE_REGISTRY;
+  }
+  async listRemoteTemplates() {
+    if (!this.registryUrl)
+      return [];
+    const client = new ContractSpecRegistryClient({
+      registryUrl: this.registryUrl,
+      fetchImpl: this.fetchImpl
+    });
+    return await client.listTemplateSummaries();
+  }
+  resolveLocalTemplateId(id) {
+    const found = getTemplate(id);
+    return found ? id : null;
+  }
+  get(templateId) {
+    return getTemplate(templateId);
+  }
+  async install(templateId, options = {}) {
+    await this.runtime.seedTemplate({
+      templateId,
+      projectId: options.projectId
+    });
+  }
+  async saveToStudio(options) {
+    const snapshot = await this.runtime.db.export();
+    const payload = toBase64(snapshot);
+    const response = await this.fetchImpl(options.endpoint ?? this.endpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...options.token ? { Authorization: `Bearer ${options.token}` } : {}
+      },
+      body: JSON.stringify({
+        query: SAVE_TEMPLATE_MUTATION,
+        variables: {
+          input: {
+            templateId: options.templateId,
+            projectName: options.projectName,
+            organizationId: options.organizationId,
+            payload
+          }
+        }
+      })
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to save template: ${response.status} ${response.statusText}`);
+    }
+    const json = await response.json();
+    if (json.errors?.length) {
+      throw new Error(json.errors[0]?.message ?? "Unknown error");
+    }
+    if (!json.data?.saveTemplateToStudio) {
+      throw new Error("Invalid response from Studio API");
+    }
+    return json.data.saveTemplateToStudio;
+  }
+}
+function toBase64(bytes) {
+  if (typeof Buffer !== "undefined") {
+    return Buffer.from(bytes).toString("base64");
+  }
+  let binary = "";
+  bytes.forEach((value) => {
+    binary += String.fromCharCode(value);
+  });
+  return btoa(binary);
+}
+// src/runtime/context.tsx
+import { useEffect, useMemo, useState } from "react";
+import { ApolloProvider } from "@apollo/client/react";
+import { web as web2 } from "@contractspec/lib.runtime-sandbox";
+import {
+  createCrmHandlers
+} from "@contractspec/example.crm-pipeline";
+import {
+  createSaasHandlers
+} from "@contractspec/example.saas-boilerplate";
+import {
+  createAgentHandlers
+} from "@contractspec/example.agent-console";
+import {
+  createWorkflowHandlers
+} from "@contractspec/example.workflow-system";
+import {
+  createMarketplaceHandlers
+} from "@contractspec/example.marketplace";
+import {
+  createIntegrationHandlers
+} from "@contractspec/example.integration-hub";
+import {
+  createAnalyticsHandlers
+} from "@contractspec/example.analytics-dashboard";
+import {
+  createPolicySafeKnowledgeAssistantHandlers
+} from "@contractspec/example.policy-safe-knowledge-assistant";
+import {
+  TemplateRuntimeContext,
+  useTemplateRuntime,
+  useTemplateComponents
+} from "@contractspec/lib.example-shared-ui";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var { LocalRuntimeServices: LocalRuntimeServices2 } = web2;
+function logBootstrapFailure(error) {
+  console.error(`
+[TemplateRuntime] Bootstrap Failed
+==================================
+
+The runtime failed to initialize. This usually happens because:
+1. The PostgreSQL Web environment (pglite) failed to load
+2. The schema migration failed
+3. The initial seed data could not be inserted
+
+Check the console for specific database errors.
+    `.trim(), error);
+}
+
+class TemplateHandlers {
+  crm;
+  saas;
+  agent;
+  workflow;
+  marketplace;
+  integration;
+  analytics;
+  policySafeKnowledgeAssistant;
+}
+function TemplateRuntimeProvider({
+  templateId,
+  projectId = "default-project",
+  lazy = false,
+  children
+}) {
+  const [context, setContext] = useState(null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let mounted = true;
+    async function bootstrap() {
+      try {
+        if (lazy)
+          return;
+        const template = getTemplate(templateId);
+        if (!template) {
+          throw new Error(`Template not found: ${templateId}`);
+        }
+        const runtime = new LocalRuntimeServices2;
+        await runtime.init({});
+        const installer = new TemplateInstaller({ runtime });
+        await installer.install(templateId, { projectId });
+        const client = web2.createLocalGraphqlClient(runtime);
+        const engine = await getTemplateEngine();
+        const handlers = new TemplateHandlers;
+        handlers.crm = createCrmHandlers(runtime.db);
+        handlers.saas = createSaasHandlers(runtime.db);
+        handlers.agent = createAgentHandlers(runtime.db);
+        handlers.workflow = createWorkflowHandlers(runtime.db);
+        handlers.marketplace = createMarketplaceHandlers(runtime.db);
+        handlers.integration = createIntegrationHandlers(runtime.db);
+        handlers.analytics = createAnalyticsHandlers(runtime.db);
+        handlers.policySafeKnowledgeAssistant = createPolicySafeKnowledgeAssistantHandlers(runtime.db);
+        const fetchData = async (presentationName) => {
+          if (presentationName === "crm-pipeline.dashboard") {
+            const [dealsResult, stages] = await Promise.all([
+              handlers.crm.listDeals({
+                projectId,
+                pipelineId: "pipeline-1",
+                limit: 50
+              }),
+              handlers.crm.getPipelineStages({ pipelineId: "pipeline-1" })
+            ]);
+            return {
+              data: {
+                deals: dealsResult.deals,
+                stages,
+                summary: {
+                  total: dealsResult.total,
+                  totalValue: dealsResult.totalValue
+                }
+              },
+              metadata: {
+                total: dealsResult.total,
+                timestamp: new Date,
+                source: "crm-pipeline"
+              }
+            };
+          }
+          if (presentationName === "crm-pipeline.deal.pipeline") {
+            const [dealsResult, stages] = await Promise.all([
+              handlers.crm.listDeals({
+                projectId,
+                pipelineId: "pipeline-1",
+                limit: 100
+              }),
+              handlers.crm.getPipelineStages({ pipelineId: "pipeline-1" })
+            ]);
+            return {
+              data: {
+                deals: dealsResult.deals,
+                stages,
+                total: dealsResult.total,
+                totalValue: dealsResult.totalValue
+              },
+              metadata: {
+                total: dealsResult.total,
+                timestamp: new Date,
+                source: "crm-pipeline"
+              }
+            };
+          }
+          if (presentationName === "saas-boilerplate.dashboard") {
+            const [projectsResult, subscription] = await Promise.all([
+              handlers.saas.listProjects({ projectId, limit: 10 }),
+              handlers.saas.getSubscription({ projectId })
+            ]);
+            return {
+              data: {
+                projects: projectsResult.items,
+                subscription,
+                summary: { totalProjects: projectsResult.total }
+              },
+              metadata: {
+                total: projectsResult.total,
+                timestamp: new Date,
+                source: "saas-boilerplate"
+              }
+            };
+          }
+          if (presentationName === "saas-boilerplate.project.list") {
+            const result = await handlers.saas.listProjects({
+              projectId,
+              limit: 50
+            });
+            return {
+              data: result.items,
+              metadata: {
+                total: result.total,
+                timestamp: new Date,
+                source: "saas-boilerplate"
+              }
+            };
+          }
+          if (presentationName === "saas-boilerplate.billing.settings") {
+            const subscription = await handlers.saas.getSubscription({
+              projectId
+            });
+            return {
+              data: subscription,
+              metadata: { timestamp: new Date, source: "saas-boilerplate" }
+            };
+          }
+          if (presentationName === "agent-console.dashboard") {
+            const [agentsResult, runsResult, toolsResult] = await Promise.all([
+              handlers.agent.listAgents({
+                projectId,
+                organizationId: "demo-org",
+                limit: 10
+              }),
+              handlers.agent.listRuns({ projectId, limit: 10 }),
+              handlers.agent.listTools({
+                projectId,
+                organizationId: "demo-org",
+                limit: 10
+              })
+            ]);
+            return {
+              data: {
+                agents: agentsResult.items,
+                runs: runsResult.items,
+                tools: toolsResult.items,
+                summary: {
+                  totalAgents: agentsResult.total,
+                  totalRuns: runsResult.total,
+                  totalTools: toolsResult.total
+                }
+              },
+              metadata: { timestamp: new Date, source: "agent-console" }
+            };
+          }
+          if (presentationName === "agent-console.agent.list") {
+            const result = await handlers.agent.listAgents({
+              projectId,
+              organizationId: "demo-org",
+              limit: 50
+            });
+            return {
+              data: result.items,
+              metadata: {
+                total: result.total,
+                timestamp: new Date,
+                source: "agent-console"
+              }
+            };
+          }
+          if (presentationName === "agent-console.run.list") {
+            const result = await handlers.agent.listRuns({
+              projectId,
+              limit: 50
+            });
+            return {
+              data: result.items,
+              metadata: {
+                total: result.total,
+                timestamp: new Date,
+                source: "agent-console"
+              }
+            };
+          }
+          if (presentationName === "agent-console.tool.registry") {
+            const result = await handlers.agent.listTools({
+              projectId,
+              organizationId: "demo-org",
+              limit: 50
+            });
+            return {
+              data: result.items,
+              metadata: {
+                total: result.total,
+                timestamp: new Date,
+                source: "agent-console"
+              }
+            };
+          }
+          console.warn(`No data fetcher found for presentation: ${presentationName}`);
+          return {
+            data: null,
+            metadata: { timestamp: new Date, source: "unknown" }
+          };
+        };
+        if (mounted) {
+          setContext({
+            template,
+            runtime,
+            installer,
+            client,
+            templateId,
+            projectId,
+            engine,
+            handlers,
+            fetchData
+          });
+        }
+      } catch (err) {
+        logBootstrapFailure(err);
+        if (mounted) {
+          setError(err instanceof Error ? err : new Error("Unknown runtime error"));
+        }
+      }
+    }
+    bootstrap();
+    return () => {
+      mounted = false;
+    };
+  }, [templateId, projectId, lazy]);
+  const components = useTemplateComponents(templateId);
+  const contextValue = useMemo(() => {
+    if (!context)
+      return null;
+    return {
+      ...context,
+      components
+    };
+  }, [context, components]);
+  if (error) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className: "rounded border border-red-200 bg-red-50 p-4 text-red-500",
+      children: [
+        /* @__PURE__ */ jsxDEV("h3", {
+          className: "font-bold",
+          children: "Runtime Error"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("pre", {
+          className: "mt-2 overflow-auto text-xs",
+          children: error.message
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (!contextValue) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className: "animate-pulse p-12 text-center text-gray-400",
+      children: "Initializing runtime environment..."
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV(ApolloProvider, {
+    client: contextValue.client,
+    children: /* @__PURE__ */ jsxDEV(TemplateRuntimeContext.Provider, {
+      value: contextValue,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function useTemplateEngine() {
+  return useTemplateRuntime().engine;
+}
+function useTemplateHandlers() {
+  return useTemplateRuntime().handlers;
+}
+function useCrmHandlers() {
+  return useTemplateHandlers().crm;
+}
+function useSaasHandlers() {
+  return useTemplateHandlers().saas;
+}
+function useAgentHandlers() {
+  return useTemplateHandlers().agent;
+}
+function useWorkflowHandlers() {
+  return useTemplateHandlers().workflow;
+}
+function useMarketplaceHandlers() {
+  return useTemplateHandlers().marketplace;
+}
+function useIntegrationHandlers() {
+  return useTemplateHandlers().integration;
+}
+function useAnalyticsHandlers() {
+  return useTemplateHandlers().analytics;
+}
+export {
+  useWorkflowHandlers,
+  useTemplateHandlers,
+  useTemplateEngine,
+  useSaasHandlers,
+  useMarketplaceHandlers,
+  useIntegrationHandlers,
+  useCrmHandlers,
+  useAnalyticsHandlers,
+  useAgentHandlers,
+  searchExamples,
+  resetTemplateEngine,
+  listTemplates,
+  listExamples,
+  getTemplatesByModule,
+  getTemplateEngine,
+  getTemplate,
+  getExample,
+  getClonableTemplates,
+  createTemplateTransformEngine,
+  TemplateRuntimeProvider,
+  TemplateInstaller,
+  TemplateHandlers,
+  TEMPLATE_REGISTRY,
+  ExampleRegistry2 as ExampleRegistry,
+  EXAMPLE_REGISTRY2 as EXAMPLE_REGISTRY
+};