@contractspec/bundle.library 3.8.10 → 3.8.11

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

@@ -1,100 +1 @@
-// src/components/integrations/molecules/IntegrationCard.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { PlugZap, ToggleRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationCard({
-  id,
-  provider,
-  name,
-  category,
-  enabled = true,
-  lastSyncAt,
-  status = "connected",
-  onToggle,
-  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__ */ jsxs("div", {
-    className: "flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold text-xl",
-                children: name
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-sm",
-                children: provider
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs(Button, {
-            variant: "outline",
-            size: "sm",
-            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${tone}`,
-            onPress: () => onToggle?.(id, !enabled),
-            children: [
-              /* @__PURE__ */ jsx(ToggleRight, {
-                className: "h-3.5 w-3.5"
-              }),
-              enabled ? "Enabled" : "Disabled"
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "text-muted-foreground text-sm",
-        children: [
-          category && /* @__PURE__ */ jsx("span", {
-            className: "font-medium",
-            children: category
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",
-            children: [
-              /* @__PURE__ */ jsxs("span", {
-                className: "inline-flex items-center gap-1",
-                children: [
-                  /* @__PURE__ */ jsx(PlugZap, {
-                    className: "h-3 w-3"
-                  }),
-                  status
-                ]
-              }),
-              /* @__PURE__ */ jsxs("span", {
-                children: [
-                  "Last sync:",
-                  " ",
-                  lastSyncAt ? new Date(lastSyncAt).toLocaleString() : "Not synced yet"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("footer", {
-        className: "flex items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            className: "flex-1",
-            onPress: () => onConfigure?.(id),
-            children: "Configure"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            variant: "ghost",
-            className: "flex-1",
-            onPress: () => onToggle?.(id, !enabled),
-            children: enabled ? "Disconnect" : "Connect"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  IntegrationCard
-};
+import{Button as o}from"@contractspec/lib.design-system";import{PlugZap as g,ToggleRight as p}from"lucide-react";import{jsx as t,jsxs as e}from"react/jsx-runtime";function N({id:n,provider:l,name:c,category:i,enabled:r=!0,lastSyncAt:d,status:a="connected",onToggle:s,onConfigure:m}){return e("div",{className:"flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",children:[e("header",{className:"flex items-center justify-between",children:[e("div",{children:[t("p",{className:"font-semibold text-xl",children:c}),t("p",{className:"text-muted-foreground text-sm",children:l})]}),e(o,{variant:"outline",size:"sm",className:`inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${a==="connected"?"text-emerald-500 bg-emerald-500/10 border-emerald-500/30":a==="error"?"text-red-500 bg-red-500/10 border-red-500/30":"text-gray-500 bg-gray-500/10 border-gray-500/30"}`,onPress:()=>s?.(n,!r),children:[t(p,{className:"h-3.5 w-3.5"}),r?"Enabled":"Disabled"]})]}),e("div",{className:"text-muted-foreground text-sm",children:[i&&t("span",{className:"font-medium",children:i}),e("div",{className:"mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",children:[e("span",{className:"inline-flex items-center gap-1",children:[t(g,{className:"h-3 w-3"}),a]}),e("span",{children:["Last sync:"," ",d?new Date(d).toLocaleString():"Not synced yet"]})]})]}),e("footer",{className:"flex items-center gap-2",children:[t(o,{className:"flex-1",onPress:()=>m?.(n),children:"Configure"}),t(o,{variant:"ghost",className:"flex-1",onPress:()=>s?.(n,!r),children:r?"Disconnect":"Connect"})]})]})}export{N as IntegrationCard};

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

@@ -1,214 +1 @@
-// src/components/integrations/molecules/IntegrationCard.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { PlugZap, ToggleRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationCard({
-  id,
-  provider,
-  name,
-  category,
-  enabled = true,
-  lastSyncAt,
-  status = "connected",
-  onToggle,
-  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__ */ jsxs("div", {
-    className: "flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold text-xl",
-                children: name
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-sm",
-                children: provider
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs(Button, {
-            variant: "outline",
-            size: "sm",
-            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${tone}`,
-            onPress: () => onToggle?.(id, !enabled),
-            children: [
-              /* @__PURE__ */ jsx(ToggleRight, {
-                className: "h-3.5 w-3.5"
-              }),
-              enabled ? "Enabled" : "Disabled"
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "text-muted-foreground text-sm",
-        children: [
-          category && /* @__PURE__ */ jsx("span", {
-            className: "font-medium",
-            children: category
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",
-            children: [
-              /* @__PURE__ */ jsxs("span", {
-                className: "inline-flex items-center gap-1",
-                children: [
-                  /* @__PURE__ */ jsx(PlugZap, {
-                    className: "h-3 w-3"
-                  }),
-                  status
-                ]
-              }),
-              /* @__PURE__ */ jsxs("span", {
-                children: [
-                  "Last sync:",
-                  " ",
-                  lastSyncAt ? new Date(lastSyncAt).toLocaleString() : "Not synced yet"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("footer", {
-        className: "flex items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            className: "flex-1",
-            onPress: () => onConfigure?.(id),
-            children: "Configure"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            variant: "ghost",
-            className: "flex-1",
-            onPress: () => onToggle?.(id, !enabled),
-            children: enabled ? "Disconnect" : "Connect"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/integrations/organisms/IntegrationMarketplace.tsx
-import { Input } from "@contractspec/lib.design-system";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { Boxes, Search } from "lucide-react";
-import * as React from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function IntegrationMarketplace({
-  integrations,
-  onToggle,
-  onConfigure
-}) {
-  const [search, setSearch] = React.useState("");
-  const [category, setCategory] = React.useState("all");
-  const categories = React.useMemo(() => Array.from(new Set(integrations.map((integration) => integration.category))), [integrations]);
-  const filtered = integrations.filter((integration) => {
-    const matchesSearch = integration.name.toLowerCase().includes(search.toLowerCase()) || integration.provider.toLowerCase().includes(search.toLowerCase());
-    const matchesCategory = category === "all" ? true : integration.category === category;
-    return matchesSearch && matchesCategory;
-  });
-  return /* @__PURE__ */ jsxs2("div", {
-    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
-    children: [
-      /* @__PURE__ */ jsxs2("header", {
-        className: "flex flex-wrap items-center justify-between gap-3",
-        children: [
-          /* @__PURE__ */ jsxs2("div", {
-            children: [
-              /* @__PURE__ */ jsx2("p", {
-                className: "font-semibold text-sm uppercase tracking-wide",
-                children: "Integration marketplace"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Connect AI providers, payments, analytics, and internal tools with BYOK controls."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx2(Boxes, {
-            className: "h-5 w-5 text-muted-foreground"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "flex flex-wrap gap-3",
-        children: [
-          /* @__PURE__ */ jsxs2("div", {
-            className: "relative min-w-[200px] flex-1",
-            children: [
-              /* @__PURE__ */ jsx2(Search, {
-                className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-              }),
-              /* @__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"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2(Select, {
-            value: category,
-            onValueChange: setCategory,
-            children: [
-              /* @__PURE__ */ jsx2(SelectTrigger, {
-                className: "w-[200px]",
-                children: /* @__PURE__ */ jsx2(SelectValue, {
-                  placeholder: "All categories"
-                })
-              }),
-              /* @__PURE__ */ jsxs2(SelectContent, {
-                children: [
-                  /* @__PURE__ */ jsx2(SelectItem, {
-                    value: "all",
-                    children: "All categories"
-                  }),
-                  categories.map((item) => /* @__PURE__ */ jsx2(SelectItem, {
-                    value: item,
-                    children: item
-                  }, item))
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx2("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: filtered.length ? filtered.map((integration) => /* @__PURE__ */ jsx2(IntegrationCard, {
-          id: integration.id,
-          provider: integration.provider,
-          name: integration.name,
-          category: integration.category,
-          enabled: integration.enabled,
-          status: integration.status,
-          lastSyncAt: integration.lastSyncAt,
-          onToggle,
-          onConfigure
-        }, integration.id)) : /* @__PURE__ */ jsx2("div", {
-          className: "rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm md:col-span-2",
-          children: "No integrations match your filters."
-        })
-      })
-    ]
-  });
-}
-export {
-  IntegrationMarketplace
-};
+import{Button as P}from"@contractspec/lib.design-system";import{PlugZap as L,ToggleRight as k}from"lucide-react";import{jsx as r,jsxs as l}from"react/jsx-runtime";function y({id:p,provider:v,name:w,category:f,enabled:o=!0,lastSyncAt:a,status:b="connected",onToggle:c,onConfigure:u}){return l("div",{className:"flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",children:[l("header",{className:"flex items-center justify-between",children:[l("div",{children:[r("p",{className:"font-semibold text-xl",children:w}),r("p",{className:"text-muted-foreground text-sm",children:v})]}),l(P,{variant:"outline",size:"sm",className:`inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${b==="connected"?"text-emerald-500 bg-emerald-500/10 border-emerald-500/30":b==="error"?"text-red-500 bg-red-500/10 border-red-500/30":"text-gray-500 bg-gray-500/10 border-gray-500/30"}`,onPress:()=>c?.(p,!o),children:[r(k,{className:"h-3.5 w-3.5"}),o?"Enabled":"Disabled"]})]}),l("div",{className:"text-muted-foreground text-sm",children:[f&&r("span",{className:"font-medium",children:f}),l("div",{className:"mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",children:[l("span",{className:"inline-flex items-center gap-1",children:[r(L,{className:"h-3 w-3"}),b]}),l("span",{children:["Last sync:"," ",a?new Date(a).toLocaleString():"Not synced yet"]})]})]}),l("footer",{className:"flex items-center gap-2",children:[r(P,{className:"flex-1",onPress:()=>u?.(p),children:"Configure"}),r(P,{variant:"ghost",className:"flex-1",onPress:()=>c?.(p,!o),children:o?"Disconnect":"Connect"})]})]})}import{Input as z}from"@contractspec/lib.design-system";import{Select as E,SelectContent as R,SelectItem as B,SelectTrigger as Z,SelectValue as $}from"@contractspec/lib.ui-kit-web/ui/select";import{Boxes as n,Search as q}from"lucide-react";import*as N from"react";import{jsx as e,jsxs as m}from"react/jsx-runtime";function Q({integrations:p,onToggle:v,onConfigure:w}){let[f,o]=N.useState(""),[a,b]=N.useState("all"),c=N.useMemo(()=>Array.from(new Set(p.map((d)=>d.category))),[p]),u=p.filter((d)=>{let D=d.name.toLowerCase().includes(f.toLowerCase())||d.provider.toLowerCase().includes(f.toLowerCase()),s=a==="all"?!0:d.category===a;return D&&s});return m("div",{className:"space-y-4 rounded-2xl border border-border bg-card p-4",children:[m("header",{className:"flex flex-wrap items-center justify-between gap-3",children:[m("div",{children:[e("p",{className:"font-semibold text-sm uppercase tracking-wide",children:"Integration marketplace"}),e("p",{className:"text-muted-foreground text-sm",children:"Connect AI providers, payments, analytics, and internal tools with BYOK controls."})]}),e(n,{className:"h-5 w-5 text-muted-foreground"})]}),m("div",{className:"flex flex-wrap gap-3",children:[m("div",{className:"relative min-w-[200px] flex-1",children:[e(q,{className:"pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e(z,{type:"search","aria-label":"Search providers",className:"w-full py-2 pr-3 pl-9 text-sm",value:f,onChange:(d)=>o(d.target.value),placeholder:"Search providers"})]}),m(E,{value:a,onValueChange:b,children:[e(Z,{className:"w-[200px]",children:e($,{placeholder:"All categories"})}),m(R,{children:[e(B,{value:"all",children:"All categories"}),c.map((d)=>e(B,{value:d,children:d},d))]})]})]}),e("div",{className:"grid gap-4 md:grid-cols-2",children:u.length?u.map((d)=>e(y,{id:d.id,provider:d.provider,name:d.name,category:d.category,enabled:d.enabled,status:d.status,lastSyncAt:d.lastSyncAt,onToggle:v,onConfigure:w},d.id)):e("div",{className:"rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm md:col-span-2",children:"No integrations match your filters."})})]})}export{Q as IntegrationMarketplace};

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

@@ -1,285 +1,3 @@
-// src/components/integrations/organisms/IntegrationSettings.tsx
-import { Button, Input, Textarea } from "@contractspec/lib.design-system";
-import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
-import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { Key, ShieldCheck, TestTube2 } from "lucide-react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationSettings({
-  provider,
-  initialValues,
-  onTestConnection,
-  onSave,
-  isSaving,
-  isTesting
-}) {
-  const [values, setValues] = React.useState({
-    apiKey: initialValues?.apiKey ?? "",
-    secret: initialValues?.secret ?? "",
-    ownershipMode: initialValues?.ownershipMode ?? "managed",
-    secretProvider: initialValues?.secretProvider ?? "env",
-    secretRef: initialValues?.secretRef ?? "",
-    config: initialValues?.config ?? `{
+import{Button as N,Input as M,Textarea as K}from"@contractspec/lib.design-system";import{Checkbox as B}from"@contractspec/lib.ui-kit-web/ui/checkbox";import{Label as D}from"@contractspec/lib.ui-kit-web/ui/label";import{Select as O,SelectContent as P,SelectItem as H,SelectTrigger as Q,SelectValue as R}from"@contractspec/lib.ui-kit-web/ui/select";import{Key as k,ShieldCheck as m,TestTube2 as L}from"lucide-react";import*as U from"react";import{jsx as f,jsxs as q}from"react/jsx-runtime";function h({provider:W,initialValues:A,onTestConnection:X,onSave:Y,isSaving:Z,isTesting:_}){let[z,J]=U.useState({apiKey:A?.apiKey??"",secret:A?.secret??"",ownershipMode:A?.ownershipMode??"managed",secretProvider:A?.secretProvider??"env",secretRef:A?.secretRef??"",config:A?.config??`{
   "region": "eu-west-1"
-}`
-  });
-  const handleChange = (event) => {
-    const target = event.target;
-    const { name, value } = target;
-    setValues((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "flex flex-wrap items-center justify-between gap-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsxs("p", {
-                className: "font-semibold text-sm uppercase tracking-wide",
-                children: [
-                  provider,
-                  " credentials"
-                ]
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Store encrypted keys with BYOK and run safe connection tests."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(ShieldCheck, {
-            className: "h-5 w-5 text-muted-foreground"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "space-y-2",
-          children: [
-            /* @__PURE__ */ jsx(Label, {
-              htmlFor: "ownershipMode",
-              children: "Ownership"
-            }),
-            /* @__PURE__ */ jsxs(Select, {
-              value: values.ownershipMode ?? "managed",
-              onValueChange: (next) => setValues((prev) => ({
-                ...prev,
-                ownershipMode: next
-              })),
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, {
-                  id: "ownershipMode",
-                  className: "w-full",
-                  children: /* @__PURE__ */ jsx(SelectValue, {})
-                }),
-                /* @__PURE__ */ jsxs(SelectContent, {
-                  children: [
-                    /* @__PURE__ */ jsx(SelectItem, {
-                      value: "managed",
-                      children: "Managed (store encrypted)"
-                    }),
-                    /* @__PURE__ */ jsx(SelectItem, {
-                      value: "byok",
-                      children: "BYOK (store secret reference)"
-                    })
-                  ]
-                })
-              ]
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-1 text-sm",
-            children: [
-              /* @__PURE__ */ jsx(Label, {
-                htmlFor: "apiKey",
-                className: "font-semibold",
-                children: "API key"
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "relative",
-                children: [
-                  /* @__PURE__ */ jsx(Key, {
-                    className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-                  }),
-                  /* @__PURE__ */ jsx(Input, {
-                    type: "text",
-                    name: "apiKey",
-                    id: "apiKey",
-                    className: "w-full py-2 pr-3 pl-9",
-                    value: values.apiKey,
-                    onChange: handleChange,
-                    required: true
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-1 text-sm",
-            children: [
-              /* @__PURE__ */ jsx(Label, {
-                htmlFor: "secret",
-                className: "font-semibold",
-                children: "Secret"
-              }),
-              /* @__PURE__ */ jsx(Input, {
-                type: "password",
-                id: "secret",
-                name: "secret",
-                className: "w-full px-3 py-2",
-                value: values.secret,
-                onChange: handleChange
-              })
-            ]
-          })
-        ]
-      }),
-      values.ownershipMode === "byok" ? /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4",
-        children: [
-          /* @__PURE__ */ jsx("p", {
-            className: "font-semibold text-sm",
-            children: "BYOK secret reference"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-2",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsx(Label, {
-                    htmlFor: "secretProvider",
-                    children: "Secret provider"
-                  }),
-                  /* @__PURE__ */ jsxs(Select, {
-                    value: values.secretProvider ?? "env",
-                    onValueChange: (next) => setValues((prev) => ({
-                      ...prev,
-                      secretProvider: next
-                    })),
-                    children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, {
-                        id: "secretProvider",
-                        className: "w-full",
-                        children: /* @__PURE__ */ jsx(SelectValue, {})
-                      }),
-                      /* @__PURE__ */ jsxs(SelectContent, {
-                        children: [
-                          /* @__PURE__ */ jsx(SelectItem, {
-                            value: "env",
-                            children: "Environment"
-                          }),
-                          /* @__PURE__ */ jsx(SelectItem, {
-                            value: "gcp",
-                            children: "GCP Secret Manager"
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsx(Label, {
-                    htmlFor: "secretRef",
-                    children: "Secret reference"
-                  }),
-                  /* @__PURE__ */ jsx(Input, {
-                    id: "secretRef",
-                    name: "secretRef",
-                    placeholder: values.secretProvider === "gcp" ? "gcp://projects/.../secrets/..." : "env://MY_TOKEN_ENV_VAR",
-                    value: values.secretRef ?? "",
-                    onChange: handleChange
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }) : /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-3 rounded-xl border border-emerald-500/20 bg-emerald-500/5 p-4 text-sm",
-        children: [
-          /* @__PURE__ */ jsx(Checkbox, {
-            checked: true,
-            onCheckedChange: () => {},
-            "aria-label": "Managed"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold",
-                children: "Managed encryption enabled"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "Secrets are encrypted server-side for this tenant."
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-1 text-sm",
-        children: [
-          /* @__PURE__ */ jsx(Label, {
-            htmlFor: "config",
-            className: "font-semibold",
-            children: "Configuration (JSON)"
-          }),
-          /* @__PURE__ */ jsx(Textarea, {
-            id: "config",
-            name: "config",
-            className: "min-h-[140px] w-full font-mono text-sm",
-            value: values.config,
-            onChange: handleChange
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex flex-wrap items-center gap-3",
-        children: [
-          /* @__PURE__ */ jsxs(Button, {
-            variant: "ghost",
-            onPress: () => onTestConnection?.(values),
-            disabled: isTesting,
-            children: [
-              /* @__PURE__ */ jsx(TestTube2, {
-                className: "h-4 w-4"
-              }),
-              "Test connection"
-            ]
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            variant: "default",
-            onPress: () => onSave?.(values),
-            disabled: isSaving,
-            children: "Save settings"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  IntegrationSettings
-};
+}`}),G=(E)=>{let F=E.target,{name:$,value:w}=F;J((y)=>({...y,[$]:w}))};return q("div",{className:"space-y-4 rounded-2xl border border-border bg-card p-4",children:[q("header",{className:"flex flex-wrap items-center justify-between gap-3",children:[q("div",{children:[q("p",{className:"font-semibold text-sm uppercase tracking-wide",children:[W," credentials"]}),f("p",{className:"text-muted-foreground text-sm",children:"Store encrypted keys with BYOK and run safe connection tests."})]}),f(m,{className:"h-5 w-5 text-muted-foreground"})]}),f("div",{className:"grid gap-4 md:grid-cols-2",children:q("div",{className:"space-y-2",children:[f(D,{htmlFor:"ownershipMode",children:"Ownership"}),q(O,{value:z.ownershipMode??"managed",onValueChange:(E)=>J((F)=>({...F,ownershipMode:E})),children:[f(Q,{id:"ownershipMode",className:"w-full",children:f(R,{})}),q(P,{children:[f(H,{value:"managed",children:"Managed (store encrypted)"}),f(H,{value:"byok",children:"BYOK (store secret reference)"})]})]})]})}),q("div",{className:"grid gap-4 md:grid-cols-2",children:[q("div",{className:"space-y-1 text-sm",children:[f(D,{htmlFor:"apiKey",className:"font-semibold",children:"API key"}),q("div",{className:"relative",children:[f(k,{className:"pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),f(M,{type:"text",name:"apiKey",id:"apiKey",className:"w-full py-2 pr-3 pl-9",value:z.apiKey,onChange:G,required:!0})]})]}),q("div",{className:"space-y-1 text-sm",children:[f(D,{htmlFor:"secret",className:"font-semibold",children:"Secret"}),f(M,{type:"password",id:"secret",name:"secret",className:"w-full px-3 py-2",value:z.secret,onChange:G})]})]}),z.ownershipMode==="byok"?q("div",{className:"space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4",children:[f("p",{className:"font-semibold text-sm",children:"BYOK secret reference"}),q("div",{className:"grid gap-4 md:grid-cols-2",children:[q("div",{className:"space-y-2",children:[f(D,{htmlFor:"secretProvider",children:"Secret provider"}),q(O,{value:z.secretProvider??"env",onValueChange:(E)=>J((F)=>({...F,secretProvider:E})),children:[f(Q,{id:"secretProvider",className:"w-full",children:f(R,{})}),q(P,{children:[f(H,{value:"env",children:"Environment"}),f(H,{value:"gcp",children:"GCP Secret Manager"})]})]})]}),q("div",{className:"space-y-2",children:[f(D,{htmlFor:"secretRef",children:"Secret reference"}),f(M,{id:"secretRef",name:"secretRef",placeholder:z.secretProvider==="gcp"?"gcp://projects/.../secrets/...":"env://MY_TOKEN_ENV_VAR",value:z.secretRef??"",onChange:G})]})]})]}):q("div",{className:"flex items-center gap-3 rounded-xl border border-emerald-500/20 bg-emerald-500/5 p-4 text-sm",children:[f(B,{checked:!0,onCheckedChange:()=>{},"aria-label":"Managed"}),q("div",{children:[f("p",{className:"font-semibold",children:"Managed encryption enabled"}),f("p",{className:"text-muted-foreground",children:"Secrets are encrypted server-side for this tenant."})]})]}),q("div",{className:"space-y-1 text-sm",children:[f(D,{htmlFor:"config",className:"font-semibold",children:"Configuration (JSON)"}),f(K,{id:"config",name:"config",className:"min-h-[140px] w-full font-mono text-sm",value:z.config,onChange:G})]}),q("div",{className:"flex flex-wrap items-center gap-3",children:[q(N,{variant:"ghost",onPress:()=>X?.(z),disabled:_,children:[f(L,{className:"h-4 w-4"}),"Test connection"]}),f(N,{variant:"default",onPress:()=>Y?.(z),disabled:Z,children:"Save settings"})]})]})}export{h as IntegrationSettings};