@contractspec/example.integration-hub 3.8.9 → 3.8.10

package/dist/node/ui/IntegrationDashboard.visualizations.js

@@ -1,250 +1 @@
-// src/visualizations/catalog.ts
-import {
-  defineVisualization,
-  VisualizationRegistry
-} from "@contractspec/lib.contracts-spec/visualizations";
-var INTEGRATION_LIST_REF = {
-  key: "integration.list",
-  version: "1.0.0"
-};
-var CONNECTION_LIST_REF = {
-  key: "integration.connection.list",
-  version: "1.0.0"
-};
-var SYNC_CONFIG_REF = {
-  key: "integration.syncConfig.list",
-  version: "1.0.0"
-};
-var META = {
-  version: "1.0.0",
-  domain: "integration",
-  stability: "experimental",
-  owners: ["@example.integration-hub"],
-  tags: ["integration", "visualization", "sync"]
-};
-var IntegrationTypeVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "integration-hub.visualization.integration-types",
-    title: "Integration Types",
-    description: "Distribution of configured integration categories.",
-    goal: "Show where integration coverage is concentrated.",
-    context: "Integration overview."
-  },
-  source: { primary: INTEGRATION_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "pie",
-    nameDimension: "type",
-    valueMeasure: "count",
-    dimensions: [
-      { key: "type", label: "Type", dataPath: "type", type: "category" }
-    ],
-    measures: [
-      { key: "count", label: "Count", dataPath: "count", format: "number" }
-    ],
-    table: { caption: "Integration counts by type." }
-  }
-});
-var ConnectionStatusVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "integration-hub.visualization.connection-status",
-    title: "Connection Status",
-    description: "Status distribution across configured connections.",
-    goal: "Highlight connection health and instability.",
-    context: "Connection monitoring."
-  },
-  source: { primary: CONNECTION_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "bar",
-    xDimension: "status",
-    yMeasures: ["count"],
-    dimensions: [
-      { key: "status", label: "Status", dataPath: "status", type: "category" }
-    ],
-    measures: [
-      {
-        key: "count",
-        label: "Connections",
-        dataPath: "count",
-        format: "number",
-        color: "#1d4ed8"
-      }
-    ],
-    table: { caption: "Connection counts by status." }
-  }
-});
-var HealthySyncMetricVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "integration-hub.visualization.sync-healthy",
-    title: "Healthy Syncs",
-    description: "Sync configurations currently healthy or recently successful.",
-    goal: "Summarize healthy synchronization capacity.",
-    context: "Sync-state comparison."
-  },
-  source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
-  visualization: {
-    kind: "metric",
-    measure: "value",
-    measures: [
-      { key: "value", label: "Syncs", dataPath: "value", format: "number" }
-    ],
-    table: { caption: "Healthy sync count." }
-  }
-});
-var AttentionSyncMetricVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "integration-hub.visualization.sync-attention",
-    title: "Attention Needed",
-    description: "Sync configurations paused, failing, or otherwise needing review.",
-    goal: "Summarize syncs needing action.",
-    context: "Sync-state comparison."
-  },
-  source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
-  visualization: {
-    kind: "metric",
-    measure: "value",
-    measures: [
-      { key: "value", label: "Syncs", dataPath: "value", format: "number" }
-    ],
-    table: { caption: "Syncs requiring attention." }
-  }
-});
-var IntegrationVisualizationSpecs = [
-  IntegrationTypeVisualization,
-  ConnectionStatusVisualization,
-  HealthySyncMetricVisualization,
-  AttentionSyncMetricVisualization
-];
-var IntegrationVisualizationRegistry = new VisualizationRegistry([
-  ...IntegrationVisualizationSpecs
-]);
-var IntegrationVisualizationRefs = IntegrationVisualizationSpecs.map((spec) => ({
-  key: spec.meta.key,
-  version: spec.meta.version
-}));
-
-// src/visualizations/selectors.ts
-function isHealthySync(status) {
-  return status === "ACTIVE" || status === "SUCCESS";
-}
-function createIntegrationVisualizationSections(integrations, connections, syncConfigs) {
-  const integrationTypes = new Map;
-  const connectionStatuses = new Map;
-  let healthySyncs = 0;
-  let attentionSyncs = 0;
-  for (const integration of integrations) {
-    integrationTypes.set(integration.type, (integrationTypes.get(integration.type) ?? 0) + 1);
-  }
-  for (const connection of connections) {
-    connectionStatuses.set(connection.status, (connectionStatuses.get(connection.status) ?? 0) + 1);
-  }
-  for (const syncConfig of syncConfigs) {
-    if (isHealthySync(syncConfig.status)) {
-      healthySyncs += 1;
-    } else {
-      attentionSyncs += 1;
-    }
-  }
-  const primaryItems = [
-    {
-      key: "integration-types",
-      spec: IntegrationTypeVisualization,
-      data: {
-        data: Array.from(integrationTypes.entries()).map(([type, count]) => ({
-          type,
-          count
-        }))
-      },
-      title: "Integration Types",
-      description: "Configured integrations grouped by category.",
-      height: 260
-    },
-    {
-      key: "connection-status",
-      spec: ConnectionStatusVisualization,
-      data: {
-        data: Array.from(connectionStatuses.entries()).map(([status, count]) => ({
-          status,
-          count
-        }))
-      },
-      title: "Connection Status",
-      description: "Operational health across current connections."
-    }
-  ];
-  const comparisonItems = [
-    {
-      key: "healthy-syncs",
-      spec: HealthySyncMetricVisualization,
-      data: { data: [{ value: healthySyncs }] },
-      title: "Healthy Syncs",
-      description: "Active or recently successful sync configurations.",
-      height: 200
-    },
-    {
-      key: "attention-syncs",
-      spec: AttentionSyncMetricVisualization,
-      data: { data: [{ value: attentionSyncs }] },
-      title: "Attention Needed",
-      description: "Paused, failed, or degraded sync configurations.",
-      height: 200
-    }
-  ];
-  return {
-    primaryItems,
-    comparisonItems
-  };
-}
-// src/ui/IntegrationDashboard.visualizations.tsx
-import {
-  ComparisonView,
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function IntegrationVisualizationOverview({
-  integrations,
-  connections,
-  syncConfigs
-}) {
-  const { primaryItems, comparisonItems } = createIntegrationVisualizationSections(integrations, connections, syncConfigs);
-  return /* @__PURE__ */ jsxDEV("section", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "font-semibold text-lg",
-            children: "Integration Visualizations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Contract-backed charts for integration coverage and sync health."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: primaryItems.map((item) => /* @__PURE__ */ jsxDEV(VisualizationCard, {
-          data: item.data,
-          description: item.description,
-          height: item.height,
-          spec: item.spec,
-          title: item.title
-        }, item.key, false, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(ComparisonView, {
-        description: "Comparison surface for healthy versus attention-needed syncs.",
-        items: comparisonItems,
-        title: "Sync-State Comparison"
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  IntegrationVisualizationOverview
-};
+import{defineVisualization as J,VisualizationRegistry as d}from"@contractspec/lib.contracts-spec/visualizations";var x={key:"integration.list",version:"1.0.0"},O={key:"integration.connection.list",version:"1.0.0"},L={key:"integration.syncConfig.list",version:"1.0.0"},K={version:"1.0.0",domain:"integration",stability:"experimental",owners:["@example.integration-hub"],tags:["integration","visualization","sync"]},W=J({meta:{...K,key:"integration-hub.visualization.integration-types",title:"Integration Types",description:"Distribution of configured integration categories.",goal:"Show where integration coverage is concentrated.",context:"Integration overview."},source:{primary:x,resultPath:"data"},visualization:{kind:"pie",nameDimension:"type",valueMeasure:"count",dimensions:[{key:"type",label:"Type",dataPath:"type",type:"category"}],measures:[{key:"count",label:"Count",dataPath:"count",format:"number"}],table:{caption:"Integration counts by type."}}}),X=J({meta:{...K,key:"integration-hub.visualization.connection-status",title:"Connection Status",description:"Status distribution across configured connections.",goal:"Highlight connection health and instability.",context:"Connection monitoring."},source:{primary:O,resultPath:"data"},visualization:{kind:"cartesian",variant:"bar",xDimension:"status",yMeasures:["count"],dimensions:[{key:"status",label:"Status",dataPath:"status",type:"category"}],measures:[{key:"count",label:"Connections",dataPath:"count",format:"number",color:"#1d4ed8"}],table:{caption:"Connection counts by status."}}}),Z=J({meta:{...K,key:"integration-hub.visualization.sync-healthy",title:"Healthy Syncs",description:"Sync configurations currently healthy or recently successful.",goal:"Summarize healthy synchronization capacity.",context:"Sync-state comparison."},source:{primary:L,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Healthy sync count."}}}),$=J({meta:{...K,key:"integration-hub.visualization.sync-attention",title:"Attention Needed",description:"Sync configurations paused, failing, or otherwise needing review.",goal:"Summarize syncs needing action.",context:"Sync-state comparison."},source:{primary:L,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Syncs requiring attention."}}}),Y=[W,X,Z,$],_=new d([...Y]),N=Y.map((k)=>({key:k.meta.key,version:k.meta.version}));function R(k){return k==="ACTIVE"||k==="SUCCESS"}function H(k,P,Q){let v=new Map,B=new Map,q=0,w=0;for(let b of k)v.set(b.type,(v.get(b.type)??0)+1);for(let b of P)B.set(b.status,(B.get(b.status)??0)+1);for(let b of Q)if(R(b.status))q+=1;else w+=1;return{primaryItems:[{key:"integration-types",spec:W,data:{data:Array.from(v.entries()).map(([b,U])=>({type:b,count:U}))},title:"Integration Types",description:"Configured integrations grouped by category.",height:260},{key:"connection-status",spec:X,data:{data:Array.from(B.entries()).map(([b,U])=>({status:b,count:U}))},title:"Connection Status",description:"Operational health across current connections."}],comparisonItems:[{key:"healthy-syncs",spec:Z,data:{data:[{value:q}]},title:"Healthy Syncs",description:"Active or recently successful sync configurations.",height:200},{key:"attention-syncs",spec:$,data:{data:[{value:w}]},title:"Attention Needed",description:"Paused, failed, or degraded sync configurations.",height:200}]}}import{ComparisonView as F,VisualizationCard as f,VisualizationGrid as h}from"@contractspec/lib.design-system";import{jsx as D,jsxs as G}from"react/jsx-runtime";function g({integrations:k,connections:P,syncConfigs:Q}){let{primaryItems:v,comparisonItems:B}=H(k,P,Q);return G("section",{className:"space-y-4",children:[G("div",{children:[D("h3",{className:"font-semibold text-lg",children:"Integration Visualizations"}),D("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts for integration coverage and sync health."})]}),D(h,{children:v.map((q)=>D(f,{data:q.data,description:q.description,height:q.height,spec:q.spec,title:q.title},q.key))}),D(F,{description:"Comparison surface for healthy versus attention-needed syncs.",items:B,title:"Sync-State Comparison"})]})}export{g as IntegrationVisualizationOverview};

package/dist/node/ui/IntegrationHubChat.js

@@ -1,34 +1 @@
-// src/ui/IntegrationHubChat.tsx
-import { ChatWithSidebar } from "@contractspec/module.ai-chat";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var DEFAULT_SUGGESTIONS = [
-  "List my integrations",
-  "Show sync status",
-  "Add a connection"
-];
-var DEFAULT_SYSTEM_PROMPT = `You are an Integration Hub assistant. Help users manage integrations, connections, and sync configurations. When asked about integrations, connections, or syncs, provide clear, actionable guidance.`;
-function IntegrationHubChat({
-  proxyUrl = "/api/chat",
-  mcpServers,
-  thinkingLevel = "thinking",
-  suggestions = DEFAULT_SUGGESTIONS,
-  systemPrompt = DEFAULT_SYSTEM_PROMPT,
-  className
-}) {
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: className ?? "flex h-[500px] flex-col",
-    children: /* @__PURE__ */ jsxDEV(ChatWithSidebar, {
-      className: "flex-1",
-      systemPrompt,
-      proxyUrl,
-      mcpServers,
-      thinkingLevel,
-      suggestions,
-      showSuggestionsWhenEmpty: true
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  IntegrationHubChat
-};
+import{ChatWithSidebar as Q}from"@contractspec/module.ai-chat";import{jsx as q}from"react/jsx-runtime";var V=["List my integrations","Show sync status","Add a connection"],X="You are an Integration Hub assistant. Help users manage integrations, connections, and sync configurations. When asked about integrations, connections, or syncs, provide clear, actionable guidance.";function $({proxyUrl:w="/api/chat",mcpServers:z,thinkingLevel:B="thinking",suggestions:H=V,systemPrompt:J=X,className:K}){return q("div",{className:K??"flex h-[500px] flex-col",children:q(Q,{className:"flex-1",systemPrompt:J,proxyUrl:w,mcpServers:z,thinkingLevel:B,suggestions:H,showSuggestionsWhenEmpty:!0})})}export{$ as IntegrationHubChat};

package/dist/node/ui/hooks/index.js

@@ -1,57 +1 @@
-// src/ui/hooks/useIntegrationData.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useState } from "react";
-"use client";
-function useIntegrationData(projectId = "local-project") {
-  const { handlers } = useTemplateRuntime();
-  const integration = handlers.integration;
-  const [integrations, setIntegrations] = useState([]);
-  const [connections, setConnections] = useState([]);
-  const [syncConfigs, setSyncConfigs] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchData = useCallback(async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const [integResult, connResult, syncResult] = await Promise.all([
-        integration.listIntegrations({ projectId, limit: 100 }),
-        integration.listConnections({ limit: 100 }),
-        integration.listSyncConfigs({ limit: 100 })
-      ]);
-      setIntegrations(integResult.integrations);
-      setConnections(connResult.connections);
-      setSyncConfigs(syncResult.configs);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to load integrations"));
-    } finally {
-      setLoading(false);
-    }
-  }, [integration, projectId]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = {
-    totalIntegrations: integrations.length,
-    activeIntegrations: integrations.filter((i) => i.status === "ACTIVE").length,
-    totalConnections: connections.length,
-    connectedCount: connections.filter((c) => c.status === "CONNECTED").length,
-    totalSyncs: syncConfigs.length,
-    activeSyncs: syncConfigs.filter((s) => s.status === "ACTIVE").length
-  };
-  return {
-    integrations,
-    connections,
-    syncConfigs,
-    loading,
-    error,
-    stats,
-    refetch: fetchData
-  };
-}
-
-// src/ui/hooks/index.ts
-"use client";
-export {
-  useIntegrationData
-};
+import{useTemplateRuntime as W}from"@contractspec/lib.example-shared-ui";import{useCallback as X,useEffect as Y,useState as v}from"react";function Z(F="local-project"){let{handlers:J}=W(),w=J.integration,[x,K]=v([]),[z,M]=v([]),[A,N]=v([]),[O,G]=v(!0),[P,H]=v(null),B=X(async()=>{try{G(!0),H(null);let[q,U,V]=await Promise.all([w.listIntegrations({projectId:F,limit:100}),w.listConnections({limit:100}),w.listSyncConfigs({limit:100})]);K(q.integrations),M(U.connections),N(V.configs)}catch(q){H(q instanceof Error?q:Error("Failed to load integrations"))}finally{G(!1)}},[w,F]);Y(()=>{B()},[B]);let Q={totalIntegrations:x.length,activeIntegrations:x.filter((q)=>q.status==="ACTIVE").length,totalConnections:z.length,connectedCount:z.filter((q)=>q.status==="CONNECTED").length,totalSyncs:A.length,activeSyncs:A.filter((q)=>q.status==="ACTIVE").length};return{integrations:x,connections:z,syncConfigs:A,loading:O,error:P,stats:Q,refetch:B}}export{Z as useIntegrationData};

package/dist/node/ui/hooks/useIntegrationData.js

@@ -1,54 +1 @@
-// src/ui/hooks/useIntegrationData.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useState } from "react";
-"use client";
-function useIntegrationData(projectId = "local-project") {
-  const { handlers } = useTemplateRuntime();
-  const integration = handlers.integration;
-  const [integrations, setIntegrations] = useState([]);
-  const [connections, setConnections] = useState([]);
-  const [syncConfigs, setSyncConfigs] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchData = useCallback(async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const [integResult, connResult, syncResult] = await Promise.all([
-        integration.listIntegrations({ projectId, limit: 100 }),
-        integration.listConnections({ limit: 100 }),
-        integration.listSyncConfigs({ limit: 100 })
-      ]);
-      setIntegrations(integResult.integrations);
-      setConnections(connResult.connections);
-      setSyncConfigs(syncResult.configs);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to load integrations"));
-    } finally {
-      setLoading(false);
-    }
-  }, [integration, projectId]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = {
-    totalIntegrations: integrations.length,
-    activeIntegrations: integrations.filter((i) => i.status === "ACTIVE").length,
-    totalConnections: connections.length,
-    connectedCount: connections.filter((c) => c.status === "CONNECTED").length,
-    totalSyncs: syncConfigs.length,
-    activeSyncs: syncConfigs.filter((s) => s.status === "ACTIVE").length
-  };
-  return {
-    integrations,
-    connections,
-    syncConfigs,
-    loading,
-    error,
-    stats,
-    refetch: fetchData
-  };
-}
-export {
-  useIntegrationData
-};
+import{useTemplateRuntime as X}from"@contractspec/lib.example-shared-ui";import{useCallback as Y,useEffect as Z,useState as v}from"react";function k(G="local-project"){let{handlers:K}=X(),w=K.integration,[z,M]=v([]),[A,N]=v([]),[B,O]=v([]),[P,H]=v(!0),[Q,J]=v(null),F=Y(async()=>{try{H(!0),J(null);let[q,V,W]=await Promise.all([w.listIntegrations({projectId:G,limit:100}),w.listConnections({limit:100}),w.listSyncConfigs({limit:100})]);M(q.integrations),N(V.connections),O(W.configs)}catch(q){J(q instanceof Error?q:Error("Failed to load integrations"))}finally{H(!1)}},[w,G]);Z(()=>{F()},[F]);let U={totalIntegrations:z.length,activeIntegrations:z.filter((q)=>q.status==="ACTIVE").length,totalConnections:A.length,connectedCount:A.filter((q)=>q.status==="CONNECTED").length,totalSyncs:B.length,activeSyncs:B.filter((q)=>q.status==="ACTIVE").length};return{integrations:z,connections:A,syncConfigs:B,loading:P,error:Q,stats:U,refetch:F}}export{k as useIntegrationData};