@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/components/integrations/index.js

@@ -2,7 +2,7 @@
 // src/components/integrations/molecules/IntegrationCard.tsx
 import { PlugZap, ToggleRight } from "lucide-react";
 import { Button } from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationCard({
   id,
   provider,
@@ -15,86 +15,86 @@ function IntegrationCard({
   onConfigure
 }) {
   const tone = status === "connected" ? "text-emerald-500 bg-emerald-500/10 border-emerald-500/30" : status === "error" ? "text-red-500 bg-red-500/10 border-red-500/30" : "text-gray-500 bg-gray-500/10 border-gray-500/30";
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "border-border bg-card flex flex-col gap-4 rounded-2xl border p-4 shadow-sm",
     children: [
-      /* @__PURE__ */ jsxDEV("header", {
+      /* @__PURE__ */ jsxs("header", {
         className: "flex items-center justify-between",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsxs("div", {
             children: [
-              /* @__PURE__ */ jsxDEV("p", {
+              /* @__PURE__ */ jsx("p", {
                 className: "text-xl font-semibold",
                 children: name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsx("p", {
                 className: "text-muted-foreground text-sm",
                 children: provider
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Button, {
+          }),
+          /* @__PURE__ */ jsxs(Button, {
             variant: "outline",
             size: "sm",
             className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-semibold tracking-wide uppercase ${tone}`,
             onPress: () => onToggle?.(id, !enabled),
             children: [
-              /* @__PURE__ */ jsxDEV(ToggleRight, {
+              /* @__PURE__ */ jsx(ToggleRight, {
                 className: "h-3.5 w-3.5"
-              }, undefined, false, undefined, this),
+              }),
               enabled ? "Enabled" : "Disabled"
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "text-muted-foreground text-sm",
         children: [
-          category && /* @__PURE__ */ jsxDEV("span", {
+          category && /* @__PURE__ */ jsx("span", {
             className: "font-medium",
             children: category
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "mt-2 flex flex-wrap items-center gap-3 text-xs tracking-wide uppercase",
             children: [
-              /* @__PURE__ */ jsxDEV("span", {
+              /* @__PURE__ */ jsxs("span", {
                 className: "inline-flex items-center gap-1",
                 children: [
-                  /* @__PURE__ */ jsxDEV(PlugZap, {
+                  /* @__PURE__ */ jsx(PlugZap, {
                     className: "h-3 w-3"
-                  }, undefined, false, undefined, this),
+                  }),
                   status
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
+              }),
+              /* @__PURE__ */ jsxs("span", {
                 children: [
                   "Last sync:",
                   " ",
                   lastSyncAt ? new Date(lastSyncAt).toLocaleString() : "Not synced yet"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("footer", {
+      }),
+      /* @__PURE__ */ jsxs("footer", {
         className: "flex items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV(Button, {
+          /* @__PURE__ */ jsx(Button, {
             className: "flex-1",
             onPress: () => onConfigure?.(id),
             children: "Configure"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Button, {
+          }),
+          /* @__PURE__ */ jsx(Button, {
             variant: "ghost",
             className: "flex-1",
             onPress: () => onToggle?.(id, !enabled),
             children: enabled ? "Disconnect" : "Connect"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/integrations/organisms/IntegrationMarketplace.tsx
@@ -108,7 +108,7 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IntegrationMarketplace({
   integrations,
   onToggle,
@@ -122,77 +122,77 @@ function IntegrationMarketplace({
     const matchesCategory = category === "all" ? true : integration.category === category;
     return matchesSearch && matchesCategory;
   });
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-4",
     children: [
-      /* @__PURE__ */ jsxDEV2("header", {
+      /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs2("div", {
             children: [
-              /* @__PURE__ */ jsxDEV2("p", {
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-sm font-semibold tracking-wide uppercase",
                 children: "Integration marketplace"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Connect AI providers, payments, analytics, and internal tools with BYOK controls."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Boxes, {
+          }),
+          /* @__PURE__ */ jsx2(Boxes, {
             className: "text-muted-foreground h-5 w-5"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "flex flex-wrap gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs2("div", {
             className: "relative min-w-[200px] flex-1",
             children: [
-              /* @__PURE__ */ jsxDEV2(Search, {
+              /* @__PURE__ */ jsx2(Search, {
                 className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(Input, {
+              }),
+              /* @__PURE__ */ jsx2(Input, {
                 type: "search",
                 "aria-label": "Search providers",
                 className: "w-full py-2 pr-3 pl-9 text-sm",
                 value: search,
                 onChange: (event) => setSearch(event.target.value),
                 placeholder: "Search providers"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Select, {
+          }),
+          /* @__PURE__ */ jsxs2(Select, {
             value: category,
             onValueChange: setCategory,
             children: [
-              /* @__PURE__ */ jsxDEV2(SelectTrigger, {
+              /* @__PURE__ */ jsx2(SelectTrigger, {
                 className: "w-[200px]",
-                children: /* @__PURE__ */ jsxDEV2(SelectValue, {
+                children: /* @__PURE__ */ jsx2(SelectValue, {
                   placeholder: "All categories"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(SelectContent, {
+                })
+              }),
+              /* @__PURE__ */ jsxs2(SelectContent, {
                 children: [
-                  /* @__PURE__ */ jsxDEV2(SelectItem, {
+                  /* @__PURE__ */ jsx2(SelectItem, {
                     value: "all",
                     children: "All categories"
-                  }, undefined, false, undefined, this),
-                  categories.map((item) => /* @__PURE__ */ jsxDEV2(SelectItem, {
+                  }),
+                  categories.map((item) => /* @__PURE__ */ jsx2(SelectItem, {
                     value: item,
                     children: item
-                  }, item, false, undefined, this))
+                  }, item))
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsx2("div", {
         className: "grid gap-4 md:grid-cols-2",
-        children: filtered.length ? filtered.map((integration) => /* @__PURE__ */ jsxDEV2(IntegrationCard, {
+        children: filtered.length ? filtered.map((integration) => /* @__PURE__ */ jsx2(IntegrationCard, {
           id: integration.id,
           provider: integration.provider,
           name: integration.name,
@@ -202,13 +202,13 @@ function IntegrationMarketplace({
           lastSyncAt: integration.lastSyncAt,
           onToggle,
           onConfigure
-        }, integration.id, false, undefined, this)) : /* @__PURE__ */ jsxDEV2("div", {
+        }, integration.id)) : /* @__PURE__ */ jsx2("div", {
           className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm md:col-span-2",
           children: "No integrations match your filters."
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/integrations/organisms/IntegrationSettings.tsx
@@ -224,7 +224,7 @@ import {
   SelectTrigger as SelectTrigger2,
   SelectValue as SelectValue2
 } from "@contractspec/lib.ui-kit-web/ui/select";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function IntegrationSettings({
   provider,
   initialValues,
@@ -251,88 +251,88 @@ function IntegrationSettings({
       [name]: value
     }));
   };
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-4",
     children: [
-      /* @__PURE__ */ jsxDEV3("header", {
+      /* @__PURE__ */ jsxs3("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV3("div", {
+          /* @__PURE__ */ jsxs3("div", {
             children: [
-              /* @__PURE__ */ jsxDEV3("p", {
+              /* @__PURE__ */ jsxs3("p", {
                 className: "text-sm font-semibold tracking-wide uppercase",
                 children: [
                   provider,
                   " credentials"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Store encrypted keys with BYOK and run safe connection tests."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(ShieldCheck, {
+          }),
+          /* @__PURE__ */ jsx3(ShieldCheck, {
             className: "text-muted-foreground h-5 w-5"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsx3("div", {
         className: "grid gap-4 md:grid-cols-2",
-        children: /* @__PURE__ */ jsxDEV3("div", {
+        children: /* @__PURE__ */ jsxs3("div", {
           className: "space-y-2",
           children: [
-            /* @__PURE__ */ jsxDEV3(Label, {
+            /* @__PURE__ */ jsx3(Label, {
               htmlFor: "ownershipMode",
               children: "Ownership"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3(Select2, {
+            }),
+            /* @__PURE__ */ jsxs3(Select2, {
               value: values.ownershipMode ?? "managed",
               onValueChange: (next) => setValues((prev) => ({
                 ...prev,
                 ownershipMode: next
               })),
               children: [
-                /* @__PURE__ */ jsxDEV3(SelectTrigger2, {
+                /* @__PURE__ */ jsx3(SelectTrigger2, {
                   id: "ownershipMode",
                   className: "w-full",
-                  children: /* @__PURE__ */ jsxDEV3(SelectValue2, {}, undefined, false, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3(SelectContent2, {
+                  children: /* @__PURE__ */ jsx3(SelectValue2, {})
+                }),
+                /* @__PURE__ */ jsxs3(SelectContent2, {
                   children: [
-                    /* @__PURE__ */ jsxDEV3(SelectItem2, {
+                    /* @__PURE__ */ jsx3(SelectItem2, {
                       value: "managed",
                       children: "Managed (store encrypted)"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3(SelectItem2, {
+                    }),
+                    /* @__PURE__ */ jsx3(SelectItem2, {
                       value: "byok",
                       children: "BYOK (store secret reference)"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "grid gap-4 md:grid-cols-2",
         children: [
-          /* @__PURE__ */ jsxDEV3("div", {
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-1 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV3(Label, {
+              /* @__PURE__ */ jsx3(Label, {
                 htmlFor: "apiKey",
                 className: "font-semibold",
                 children: "API key"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
+              }),
+              /* @__PURE__ */ jsxs3("div", {
                 className: "relative",
                 children: [
-                  /* @__PURE__ */ jsxDEV3(Key, {
+                  /* @__PURE__ */ jsx3(Key, {
                     className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Input2, {
+                  }),
+                  /* @__PURE__ */ jsx3(Input2, {
                     type: "text",
                     name: "apiKey",
                     id: "apiKey",
@@ -340,259 +340,259 @@ function IntegrationSettings({
                     value: values.apiKey,
                     onChange: handleChange,
                     required: true
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-1 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV3(Label, {
+              /* @__PURE__ */ jsx3(Label, {
                 htmlFor: "secret",
                 className: "font-semibold",
                 children: "Secret"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(Input2, {
+              }),
+              /* @__PURE__ */ jsx3(Input2, {
                 type: "password",
                 id: "secret",
                 name: "secret",
                 className: "w-full px-3 py-2",
                 value: values.secret,
                 onChange: handleChange
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      values.ownershipMode === "byok" ? /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      values.ownershipMode === "byok" ? /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("p", {
+          /* @__PURE__ */ jsx3("p", {
             className: "text-sm font-semibold",
             children: "BYOK secret reference"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "grid gap-4 md:grid-cols-2",
             children: [
-              /* @__PURE__ */ jsxDEV3("div", {
+              /* @__PURE__ */ jsxs3("div", {
                 className: "space-y-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV3(Label, {
+                  /* @__PURE__ */ jsx3(Label, {
                     htmlFor: "secretProvider",
                     children: "Secret provider"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Select2, {
+                  }),
+                  /* @__PURE__ */ jsxs3(Select2, {
                     value: values.secretProvider ?? "env",
                     onValueChange: (next) => setValues((prev) => ({
                       ...prev,
                       secretProvider: next
                     })),
                     children: [
-                      /* @__PURE__ */ jsxDEV3(SelectTrigger2, {
+                      /* @__PURE__ */ jsx3(SelectTrigger2, {
                         id: "secretProvider",
                         className: "w-full",
-                        children: /* @__PURE__ */ jsxDEV3(SelectValue2, {}, undefined, false, undefined, this)
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(SelectContent2, {
+                        children: /* @__PURE__ */ jsx3(SelectValue2, {})
+                      }),
+                      /* @__PURE__ */ jsxs3(SelectContent2, {
                         children: [
-                          /* @__PURE__ */ jsxDEV3(SelectItem2, {
+                          /* @__PURE__ */ jsx3(SelectItem2, {
                             value: "env",
                             children: "Environment"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3(SelectItem2, {
+                          }),
+                          /* @__PURE__ */ jsx3(SelectItem2, {
                             value: "gcp",
                             children: "GCP Secret Manager"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
+              }),
+              /* @__PURE__ */ jsxs3("div", {
                 className: "space-y-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV3(Label, {
+                  /* @__PURE__ */ jsx3(Label, {
                     htmlFor: "secretRef",
                     children: "Secret reference"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Input2, {
+                  }),
+                  /* @__PURE__ */ jsx3(Input2, {
                     id: "secretRef",
                     name: "secretRef",
                     placeholder: values.secretProvider === "gcp" ? "gcp://projects/.../secrets/..." : "env://MY_TOKEN_ENV_VAR",
                     value: values.secretRef ?? "",
                     onChange: handleChange
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
+      }) : /* @__PURE__ */ jsxs3("div", {
         className: "flex items-center gap-3 rounded-xl border border-emerald-500/20 bg-emerald-500/5 p-4 text-sm",
         children: [
-          /* @__PURE__ */ jsxDEV3(Checkbox, {
+          /* @__PURE__ */ jsx3(Checkbox, {
             checked: true,
             onCheckedChange: () => {},
             "aria-label": "Managed"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             children: [
-              /* @__PURE__ */ jsxDEV3("p", {
+              /* @__PURE__ */ jsx3("p", {
                 className: "font-semibold",
                 children: "Managed encryption enabled"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground",
                 children: "Secrets are encrypted server-side for this tenant."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-1 text-sm",
         children: [
-          /* @__PURE__ */ jsxDEV3(Label, {
+          /* @__PURE__ */ jsx3(Label, {
             htmlFor: "config",
             className: "font-semibold",
             children: "Configuration (JSON)"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Textarea, {
+          }),
+          /* @__PURE__ */ jsx3(Textarea, {
             id: "config",
             name: "config",
             className: "min-h-[140px] w-full font-mono text-sm",
             value: values.config,
             onChange: handleChange
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV3(Button2, {
+          /* @__PURE__ */ jsxs3(Button2, {
             variant: "ghost",
             onPress: () => onTestConnection?.(values),
             disabled: isTesting,
             children: [
-              /* @__PURE__ */ jsxDEV3(TestTube2, {
+              /* @__PURE__ */ jsx3(TestTube2, {
                 className: "h-4 w-4"
-              }, undefined, false, undefined, this),
+              }),
               "Test connection"
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Button2, {
+          }),
+          /* @__PURE__ */ jsx3(Button2, {
             variant: "default",
             onPress: () => onSave?.(values),
             disabled: isSaving,
             children: "Save settings"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/integrations/organisms/KnowledgeSourceList.tsx
 import { BookCopy, Plus, RefreshCcw } from "lucide-react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function KnowledgeSourceList({
   sources,
   onRefresh,
   onDelete,
   onAdd
 }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-4",
     children: [
-      /* @__PURE__ */ jsxDEV4("header", {
+      /* @__PURE__ */ jsxs4("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV4("div", {
+          /* @__PURE__ */ jsxs4("div", {
             children: [
-              /* @__PURE__ */ jsxDEV4("p", {
+              /* @__PURE__ */ jsx4("p", {
                 className: "text-sm font-semibold tracking-wide uppercase",
                 children: "Knowledge sources"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
+              }),
+              /* @__PURE__ */ jsx4("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Manage documentation, specs, and repos powering Studio RAG flows."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("button", {
+          }),
+          /* @__PURE__ */ jsxs4("button", {
             type: "button",
             className: "btn-primary inline-flex items-center gap-2",
             onClick: onAdd,
             children: [
-              /* @__PURE__ */ jsxDEV4(Plus, {
+              /* @__PURE__ */ jsx4(Plus, {
                 className: "h-4 w-4"
-              }, undefined, false, undefined, this),
+              }),
               "Add source"
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsx4("div", {
         className: "space-y-3",
-        children: sources.length ? sources.map((source) => /* @__PURE__ */ jsxDEV4("div", {
+        children: sources.length ? sources.map((source) => /* @__PURE__ */ jsxs4("div", {
           className: "border-border bg-background flex flex-wrap items-center justify-between gap-3 rounded-xl border p-4",
           children: [
-            /* @__PURE__ */ jsxDEV4("div", {
+            /* @__PURE__ */ jsxs4("div", {
               className: "flex items-center gap-3",
               children: [
-                /* @__PURE__ */ jsxDEV4(BookCopy, {
+                /* @__PURE__ */ jsx4(BookCopy, {
                   className: "text-muted-foreground h-8 w-8"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV4("div", {
+                }),
+                /* @__PURE__ */ jsxs4("div", {
                   children: [
-                    /* @__PURE__ */ jsxDEV4("p", {
+                    /* @__PURE__ */ jsx4("p", {
                       className: "text-base font-semibold",
                       children: source.name
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("p", {
+                    }),
+                    /* @__PURE__ */ jsx4("p", {
                       className: "text-muted-foreground text-sm",
                       children: source.type
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("p", {
+                    }),
+                    /* @__PURE__ */ jsx4("p", {
                       className: "text-muted-foreground text-xs",
                       children: source.indexed ? `Indexed ${source.lastIndexed ? new Date(source.lastIndexed).toLocaleString() : ""}` : "Pending indexing"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV4("div", {
+            }),
+            /* @__PURE__ */ jsxs4("div", {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsxDEV4("button", {
+                /* @__PURE__ */ jsxs4("button", {
                   type: "button",
                   className: "btn-ghost inline-flex items-center gap-1 text-sm",
                   onClick: () => onRefresh?.(source.id),
                   children: [
-                    /* @__PURE__ */ jsxDEV4(RefreshCcw, {
+                    /* @__PURE__ */ jsx4(RefreshCcw, {
                       className: "h-3.5 w-3.5"
-                    }, undefined, false, undefined, this),
+                    }),
                     "Reindex"
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV4("button", {
+                }),
+                /* @__PURE__ */ jsx4("button", {
                   type: "button",
                   className: "btn-ghost text-destructive text-sm",
                   onClick: () => onDelete?.(source.id),
                   children: "Remove"
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, source.id, true, undefined, this)) : /* @__PURE__ */ jsxDEV4("div", {
+        }, source.id)) : /* @__PURE__ */ jsx4("div", {
           className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm",
           children: "No knowledge sources added yet."
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   KnowledgeSourceList,