@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/components/docs/knowledge/KnowledgeSourcesPage.js

@@ -2,40 +2,40 @@
 // src/components/docs/knowledge/KnowledgeSourcesPage.tsx
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function KnowledgeSourcesPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Knowledge Sources"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "A ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "KnowledgeSourceConfig"
-              }, undefined, false, undefined, this),
+              }),
               " connects a tenant's data sources (Notion, Gmail, uploads, databases) to knowledge spaces. Each source is synced, chunked, embedded, and indexed according to the space's configuration."
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "KnowledgeSourceConfig"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV("pre", {
+            children: /* @__PURE__ */ jsx("pre", {
               children: `type KnowledgeSourceConfig = {
   id: string;
   tenantId: string;
@@ -64,243 +64,243 @@ function KnowledgeSourcesPage() {
   createdAt: string;
   updatedAt: string;
 };`
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Source types"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 text-lg font-semibold",
                     children: "Uploaded Documents"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       children: `{
   kind: "uploaded-document",
   location: "s3://bucket/tenant-123/docs/product-spec.pdf",
   syncPolicy: { manual: true }
 }`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: "PDFs, Word docs, presentations uploaded by users"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 text-lg font-semibold",
                     children: "Notion"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       children: `{
   kind: "notion",
   location: "https://notion.so/workspace/product-docs",
   syncPolicy: { interval: "1h", webhook: true }
 }`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: "Notion pages and databases with real-time webhook updates"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 text-lg font-semibold",
                     children: "Gmail / Email"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       children: `{
   kind: "email",
   location: "support@company.com",
   syncPolicy: { webhook: true }
 }`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: "Email threads from Gmail or other providers"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 text-lg font-semibold",
                     children: "Database Query"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       children: `{
   kind: "database-query",
   location: "SELECT * FROM products WHERE active = true",
   syncPolicy: { interval: "24h" }
 }`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: "Structured data from application databases"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 text-lg font-semibold",
                     children: "URL / Web Scraping"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       children: `{
   kind: "url",
   location: "https://stripe.com/docs",
   syncPolicy: { interval: "24h" }
 }`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: "External documentation and web content"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Sync strategies"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV("table", {
+            children: /* @__PURE__ */ jsxs("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV("thead", {
+                /* @__PURE__ */ jsx("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV("tr", {
+                  children: /* @__PURE__ */ jsxs("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV("th", {
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Strategy"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "When to Use"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Latency"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("tbody", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "webhook"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "Real-time updates (Notion, Gmail, Slack)"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "Seconds"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "interval"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "Periodic sync (databases, URLs)"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "Minutes to hours"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "manual"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "User-triggered (uploads, one-time imports)"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3",
                           children: "On-demand"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Example: Multi-source space"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "A single knowledge space can be fed by multiple sources:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV("pre", {
+            children: /* @__PURE__ */ jsx("pre", {
               children: `// Product Canon space with multiple sources
 {
   spaceId: "product-canon",
@@ -325,130 +325,130 @@ function KnowledgeSourcesPage() {
     }
   ]
 }`
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Processing pipeline"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "When a source is synced, ContractSpec processes it through several stages:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ol", {
+          }),
+          /* @__PURE__ */ jsxs("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Fetch"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Retrieve content from source (API, database, file)"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Parse"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Extract text from documents (PDF, Word, HTML)"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Chunk"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Split into semantic chunks (paragraphs, sections)"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Embed"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Generate vector embeddings (OpenAI, Cohere)"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Index"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Store in vector database (Qdrant) or search engine"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Audit"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Log sync operation and results"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ul", {
+          }),
+          /* @__PURE__ */ jsxs("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsx("li", {
                 children: "Use webhooks for real-time sources (Notion, Gmail) to minimize latency"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Set appropriate sync intervals - hourly for active docs, daily for stable content"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Monitor sync failures and set up alerts for critical sources"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Test sources in sandbox before enabling in production"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Document the purpose and ownership of each source for your team"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Use manual sync for sensitive or infrequently updated content"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/knowledge/spaces",
             className: "btn-ghost",
             children: "Previous: Spaces"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/knowledge/examples",
             className: "btn-primary",
             children: [
               "Examples ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   KnowledgeSourcesPage