@datatechsolutions/ui 2.11.82 → 2.11.84

package/dist/chunk-EDE36MKE.mjs

@@ -0,0 +1,412 @@
+"use client";
+import { GlassModal, FormInput, FormGrid, Button } from './chunk-I6WYV2AN.mjs';
+import { useState } from 'react';
+import { CircleStackIcon, ServerStackIcon, CloudIcon, ClockIcon, ShareIcon, KeyIcon, MagnifyingGlassIcon, ArrowLeftIcon, CheckCircleIcon, XCircleIcon } from '@heroicons/react/24/outline';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var DIALECT_CATEGORIES = [
+  {
+    id: "relational",
+    labelKey: "categoryRelational",
+    icon: CircleStackIcon,
+    gradient: "from-blue-500 to-indigo-600",
+    dialects: [
+      { value: "postgres", label: "PostgreSQL", defaultPort: 5432, formType: "standard" },
+      { value: "mysql", label: "MySQL", defaultPort: 3306, formType: "standard" },
+      { value: "mariadb", label: "MariaDB", defaultPort: 3306, formType: "standard" },
+      { value: "mssql", label: "SQL Server", defaultPort: 1433, formType: "standard" },
+      { value: "oracle", label: "Oracle", defaultPort: 1521, formType: "standard" },
+      { value: "db2", label: "IBM Db2", defaultPort: 5e4, formType: "standard" },
+      { value: "cockroachdb", label: "CockroachDB", defaultPort: 26257, formType: "standard" },
+      { value: "timescaledb", label: "TimescaleDB", defaultPort: 5432, formType: "standard" },
+      { value: "sqlite", label: "SQLite", formType: "connection-string" },
+      { value: "duckdb", label: "DuckDB", formType: "connection-string" }
+    ]
+  },
+  {
+    id: "nosql",
+    labelKey: "categoryNoSql",
+    icon: ServerStackIcon,
+    gradient: "from-emerald-500 to-teal-600",
+    dialects: [
+      { value: "mongodb", label: "MongoDB", defaultPort: 27017, formType: "connection-string" },
+      { value: "cassandra", label: "Cassandra", defaultPort: 9042, formType: "standard" },
+      { value: "scylladb", label: "ScyllaDB", defaultPort: 9042, formType: "standard" },
+      { value: "dynamodb", label: "DynamoDB", formType: "cloud-key" },
+      { value: "cosmosdb", label: "CosmosDB", formType: "connection-string" },
+      { value: "arangodb", label: "ArangoDB", defaultPort: 8529, formType: "standard" }
+    ]
+  },
+  {
+    id: "warehouse",
+    labelKey: "categoryWarehouse",
+    icon: CloudIcon,
+    gradient: "from-purple-500 to-violet-600",
+    dialects: [
+      { value: "bigquery", label: "BigQuery", formType: "cloud-bigquery" },
+      { value: "snowflake", label: "Snowflake", formType: "cloud-snowflake" },
+      { value: "clickhouse", label: "ClickHouse", defaultPort: 8123, formType: "standard" }
+    ]
+  },
+  {
+    id: "timeseries",
+    labelKey: "categoryTimeSeries",
+    icon: ClockIcon,
+    gradient: "from-sky-500 to-cyan-600",
+    dialects: [
+      { value: "influxdb", label: "InfluxDB", formType: "cloud-key" },
+      { value: "timestream", label: "Timestream", formType: "cloud-key" }
+    ]
+  },
+  {
+    id: "graph",
+    labelKey: "categoryGraph",
+    icon: ShareIcon,
+    gradient: "from-pink-500 to-rose-600",
+    dialects: [
+      { value: "neo4j", label: "Neo4j", defaultPort: 7687, formType: "standard" },
+      { value: "neptune", label: "Neptune", formType: "connection-string" }
+    ]
+  },
+  {
+    id: "keyvalue",
+    labelKey: "categoryKeyValue",
+    icon: KeyIcon,
+    gradient: "from-red-500 to-orange-600",
+    dialects: [
+      { value: "redis", label: "Redis", defaultPort: 6379, formType: "standard" }
+    ]
+  },
+  {
+    id: "search",
+    labelKey: "categorySearch",
+    icon: MagnifyingGlassIcon,
+    gradient: "from-amber-500 to-yellow-600",
+    dialects: [
+      { value: "elasticsearch", label: "Elasticsearch", defaultPort: 9200, formType: "standard" },
+      { value: "opensearch", label: "OpenSearch", defaultPort: 9200, formType: "standard" },
+      { value: "pinecone", label: "Pinecone", formType: "vector-key" },
+      { value: "qdrant", label: "Qdrant", defaultPort: 6333, formType: "standard" },
+      { value: "weaviate", label: "Weaviate", defaultPort: 8080, formType: "standard" },
+      { value: "milvus", label: "Milvus", defaultPort: 19530, formType: "standard" },
+      { value: "chromadb", label: "ChromaDB", defaultPort: 8e3, formType: "standard" }
+    ]
+  }
+];
+function findDialect(value) {
+  for (const category of DIALECT_CATEGORIES) {
+    const found = category.dialects.find((d) => d.value === value);
+    if (found) return found;
+  }
+  return void 0;
+}
+function findCategory(dialectValue) {
+  return DIALECT_CATEGORIES.find((c) => c.dialects.some((d) => d.value === dialectValue));
+}
+function DialectPicker({
+  labels,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.stepSelectType }),
+    DIALECT_CATEGORIES.map((category) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: `flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br ${category.gradient}`, children: /* @__PURE__ */ jsx(category.icon, { className: "h-4 w-4 text-white" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200", children: labels[category.labelKey] ?? category.id })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: category.dialects.map((dialect) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(dialect.value),
+          className: "group flex items-center gap-2 rounded-xl border border-gray-200/60 bg-white/60 px-3 py-2.5 text-left text-sm font-medium text-gray-700 transition-all hover:border-amber-400/60 hover:bg-amber-50/50 hover:text-amber-700 active:scale-[0.97] dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-amber-400/40 dark:hover:bg-amber-500/10 dark:hover:text-amber-300",
+          children: [
+            /* @__PURE__ */ jsx(CircleStackIcon, { className: "h-4 w-4 shrink-0 text-gray-400 transition-colors group-hover:text-amber-500 dark:text-gray-500" }),
+            dialect.label
+          ]
+        },
+        dialect.value
+      )) })
+    ] }, category.id))
+  ] });
+}
+function ConnectionForm({
+  dialect,
+  labels,
+  onBack,
+  onSubmit
+}) {
+  const [testStatus, setTestStatus] = useState("idle");
+  const category = findCategory(dialect.value);
+  function handleSubmit(event) {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const data = {
+      name: String(formData.get("name") ?? "").trim(),
+      dialect: dialect.value
+    };
+    for (const key of ["host", "database", "username", "password", "schema", "connectionString", "projectId", "dataset", "keyFile", "account", "warehouse", "region", "bucket", "token", "apiKey", "environment", "index", "url"]) {
+      const val = String(formData.get(key) ?? "").trim();
+      if (val) data[key] = val;
+    }
+    const port = String(formData.get("port") ?? "").trim();
+    if (port) data.port = Number(port);
+    data.ssl = formData.get("ssl") === "on";
+    data.readOnly = formData.get("readOnly") === "on";
+    const maxPoolSize = String(formData.get("maxPoolSize") ?? "").trim();
+    if (maxPoolSize) {
+      const parsed = Number(maxPoolSize);
+      if (Number.isFinite(parsed) && parsed > 0) data.maxPoolSize = parsed;
+    }
+    const timeoutMs = String(formData.get("timeoutMs") ?? "").trim();
+    if (timeoutMs) {
+      const parsed = Number(timeoutMs);
+      if (Number.isFinite(parsed) && parsed > 0) data.timeoutMs = parsed;
+    }
+    const allowedTables = splitList(String(formData.get("allowedTables") ?? ""));
+    if (allowedTables.length > 0) data.allowedTables = allowedTables;
+    const blockedColumns = splitList(String(formData.get("blockedColumns") ?? ""));
+    if (blockedColumns.length > 0) data.blockedColumns = blockedColumns;
+    onSubmit(data);
+  }
+  function handleTestConnection() {
+    setTestStatus("testing");
+    setTimeout(() => {
+      setTestStatus("success");
+      setTimeout(() => setTestStatus("idle"), 3e3);
+    }, 1500);
+  }
+  function renderFields() {
+    switch (dialect.formType) {
+      case "standard":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FormInput, { name: "host", label: labels.fieldHost, placeholder: labels.fieldHostPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "port", label: labels.fieldPort, type: "number", defaultValue: dialect.defaultPort }),
+          /* @__PURE__ */ jsx(FormInput, { name: "database", label: labels.fieldDatabase, placeholder: labels.fieldDatabasePlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "username", label: labels.fieldUsername, placeholder: labels.fieldUsernamePlaceholder }),
+          /* @__PURE__ */ jsx(FormInput, { name: "password", label: labels.fieldPassword, type: "password", placeholder: labels.fieldPasswordPlaceholder }),
+          /* @__PURE__ */ jsx(FormInput, { name: "schema", label: labels.fieldSchema, placeholder: labels.fieldSchemaPlaceholder })
+        ] });
+      case "connection-string":
+        return /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(FormInput, { name: "connectionString", label: labels.fieldConnectionString, placeholder: labels.fieldConnectionStringPlaceholder, required: true }) });
+      case "cloud-bigquery":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FormInput, { name: "projectId", label: labels.fieldProjectId, placeholder: labels.fieldProjectIdPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "dataset", label: labels.fieldDataset, placeholder: labels.fieldDatasetPlaceholder, required: true }),
+          /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(FormInput, { name: "keyFile", label: labels.fieldKeyFile, placeholder: labels.fieldKeyFilePlaceholder }) })
+        ] });
+      case "cloud-snowflake":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FormInput, { name: "account", label: labels.fieldAccount, placeholder: labels.fieldAccountPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "warehouse", label: labels.fieldWarehouse, placeholder: labels.fieldWarehousePlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "database", label: labels.fieldDatabase, placeholder: labels.fieldDatabasePlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "username", label: labels.fieldUsername, placeholder: labels.fieldUsernamePlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "password", label: labels.fieldPassword, type: "password", placeholder: labels.fieldPasswordPlaceholder }),
+          /* @__PURE__ */ jsx(FormInput, { name: "schema", label: labels.fieldSchema, placeholder: labels.fieldSchemaPlaceholder })
+        ] });
+      case "cloud-key":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FormInput, { name: "region", label: labels.fieldRegion, placeholder: labels.fieldRegionPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "token", label: labels.fieldToken, type: "password", placeholder: labels.fieldTokenPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "bucket", label: labels.fieldBucket, placeholder: labels.fieldBucketPlaceholder })
+        ] });
+      case "vector-key":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FormInput, { name: "apiKey", label: labels.fieldApiKey, type: "password", placeholder: labels.fieldApiKeyPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "environment", label: labels.fieldEnvironment, placeholder: labels.fieldEnvironmentPlaceholder, required: true }),
+          /* @__PURE__ */ jsx(FormInput, { name: "index", label: labels.fieldIndex, placeholder: labels.fieldIndexPlaceholder })
+        ] });
+    }
+  }
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          className: "flex h-8 w-8 items-center justify-center rounded-lg text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-white/10 dark:hover:text-gray-300",
+          children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: `flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br ${category?.gradient ?? "from-gray-400 to-gray-500"}`, children: category ? /* @__PURE__ */ jsx(category.icon, { className: "h-4 w-4 text-white" }) : /* @__PURE__ */ jsx(CircleStackIcon, { className: "h-4 w-4 text-white" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: dialect.label }),
+          /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-gray-400", children: labels[category?.labelKey ?? ""] ?? "" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(FormInput, { name: "name", label: labels.fieldName, placeholder: labels.fieldNamePlaceholder, required: true }),
+    /* @__PURE__ */ jsx(FormGrid, { children: renderFields() }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            name: "ssl",
+            defaultChecked: true,
+            className: "h-4 w-4 rounded border-gray-300 text-amber-600 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-800"
+          }
+        ),
+        labels.fieldSsl
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            name: "readOnly",
+            defaultChecked: true,
+            className: "h-4 w-4 rounded border-gray-300 text-amber-600 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-800"
+          }
+        ),
+        labels.fieldReadOnly
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: labels.fieldReadOnlyHelp }),
+    /* @__PURE__ */ jsxs("details", { className: "rounded-xl border border-gray-200/60 bg-white/40 p-3 dark:border-white/10 dark:bg-white/5", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.advancedToggle ?? "Governance & performance" }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+        /* @__PURE__ */ jsxs(FormGrid, { children: [
+          /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              name: "maxPoolSize",
+              label: labels.fieldMaxPoolSize ?? "Max pool size",
+              type: "number",
+              min: 1,
+              max: 100,
+              placeholder: "5"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              name: "timeoutMs",
+              label: labels.fieldTimeoutMs ?? "Timeout (ms)",
+              type: "number",
+              min: 100,
+              placeholder: "5000"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "allowedTables",
+            label: labels.fieldAllowedTables ?? "Allowed tables (comma-separated)",
+            placeholder: "stations, current_prices, competitor_prices"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: labels.fieldAllowedTablesHelp ?? "Leave blank to allow every table the credential can see. Otherwise only the listed tables are queryable from workflows." }),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "blockedColumns",
+            label: labels.fieldBlockedColumns ?? "Blocked columns (comma-separated)",
+            placeholder: "customers.ssn, employees.salary"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: labels.fieldBlockedColumnsHelp ?? "Columns the driver must never surface, even if referenced by a workflow. Use table.column notation for specificity." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-t border-gray-200/60 pt-5 dark:border-white/10", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          color: "zinc",
+          onClick: handleTestConnection,
+          disabled: testStatus === "testing",
+          children: testStatus === "testing" ? labels.testing : labels.testConnection
+        }
+      ),
+      testStatus === "success" && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs font-medium text-emerald-600 dark:text-emerald-400", children: [
+        /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-4 w-4" }),
+        labels.connectionSuccess
+      ] }),
+      testStatus === "failed" && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs font-medium text-red-600 dark:text-red-400", children: [
+        /* @__PURE__ */ jsx(XCircleIcon, { className: "h-4 w-4" }),
+        labels.connectionFailed
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", color: "amber", children: labels.save })
+    ] })
+  ] });
+}
+function DatasourceFormModal({ open, onClose, labels, onSave }) {
+  const [selectedDialect, setSelectedDialect] = useState(null);
+  const dialect = selectedDialect ? findDialect(selectedDialect) : null;
+  function handleClose() {
+    setSelectedDialect(null);
+    onClose();
+  }
+  function handleSave(data) {
+    onSave(data);
+    handleClose();
+  }
+  return /* @__PURE__ */ jsx(
+    GlassModal,
+    {
+      open,
+      onClose: handleClose,
+      title: labels.createTitle,
+      subtitle: dialect ? labels.stepConfigure : labels.stepSelectType,
+      icon: /* @__PURE__ */ jsx(CircleStackIcon, { className: "h-5 w-5" }),
+      gradient: "from-amber-500 to-orange-600",
+      maxWidth: "3xl",
+      children: dialect ? /* @__PURE__ */ jsx(
+        ConnectionForm,
+        {
+          dialect,
+          labels,
+          onBack: () => setSelectedDialect(null),
+          onSubmit: handleSave
+        }
+      ) : /* @__PURE__ */ jsx(DialectPicker, { labels, onSelect: setSelectedDialect })
+    }
+  );
+}
+function DatasourceModal({ open, onClose, labels, onSave }) {
+  const [selectedDialect, setSelectedDialect] = useState(null);
+  const dialect = selectedDialect ? findDialect(selectedDialect) : null;
+  function handleClose() {
+    setSelectedDialect(null);
+    onClose();
+  }
+  function handleSave(data) {
+    onSave(data);
+    handleClose();
+  }
+  return /* @__PURE__ */ jsx(
+    GlassModal,
+    {
+      open,
+      onClose: handleClose,
+      title: labels.createTitle,
+      subtitle: dialect ? labels.stepConfigure : labels.stepSelectType,
+      icon: /* @__PURE__ */ jsx(CircleStackIcon, { className: "h-5 w-5" }),
+      gradient: "from-amber-500 to-orange-600",
+      maxWidth: "3xl",
+      children: dialect ? /* @__PURE__ */ jsx(
+        ConnectionForm,
+        {
+          dialect,
+          labels,
+          onBack: () => setSelectedDialect(null),
+          onSubmit: handleSave
+        }
+      ) : /* @__PURE__ */ jsx(DialectPicker, { labels, onSelect: setSelectedDialect })
+    }
+  );
+}
+function splitList(raw) {
+  return raw.split(",").map((entry) => entry.trim()).filter((entry) => entry.length > 0);
+}
+
+export { DIALECT_CATEGORIES, DatasourceFormModal, DatasourceModal, findCategory, findDialect };
+//# sourceMappingURL=chunk-EDE36MKE.mjs.map
+//# sourceMappingURL=chunk-EDE36MKE.mjs.map

package/dist/chunk-EDE36MKE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/pages/datasource-modal.tsx"],"names":[],"mappings":";;;;;AAuCA,IAAM,kBAAA,GAAwC;AAAA,EAC5C;AAAA,IACE,EAAA,EAAI,YAAA;AAAA,IACJ,QAAA,EAAU,oBAAA;AAAA,IACV,IAAA,EAAM,eAAA;AAAA,IACN,QAAA,EAAU,6BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,cAAc,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAClF,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC1E,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,WAAW,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC9E,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,cAAc,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC/E,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC5E,EAAE,OAAO,KAAA,EAAO,KAAA,EAAO,WAAW,WAAA,EAAa,GAAA,EAAO,UAAU,UAAA,EAAW;AAAA,MAC3E,EAAE,OAAO,aAAA,EAAe,KAAA,EAAO,eAAe,WAAA,EAAa,KAAA,EAAO,UAAU,UAAA,EAAW;AAAA,MACvF,EAAE,OAAO,aAAA,EAAe,KAAA,EAAO,eAAe,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MACtF,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAU,mBAAA,EAAoB;AAAA,MAClE,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAU,mBAAA;AAAoB;AACpE,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,QAAA,EAAU,eAAA;AAAA,IACV,IAAA,EAAM,eAAA;AAAA,IACN,QAAA,EAAU,8BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,WAAW,WAAA,EAAa,KAAA,EAAO,UAAU,mBAAA,EAAoB;AAAA,MACxF,EAAE,OAAO,WAAA,EAAa,KAAA,EAAO,aAAa,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAClF,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,YAAY,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAChF,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,UAAU,WAAA,EAAY;AAAA,MAC9D,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,UAAU,mBAAA,EAAoB;AAAA,MACtE,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,YAAY,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA;AAAW;AAClF,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,WAAA;AAAA,IACJ,QAAA,EAAU,mBAAA;AAAA,IACV,IAAA,EAAM,SAAA;AAAA,IACN,QAAA,EAAU,+BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,UAAU,gBAAA,EAAiB;AAAA,MACnE,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,UAAU,iBAAA,EAAkB;AAAA,MACtE,EAAE,OAAO,YAAA,EAAc,KAAA,EAAO,cAAc,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA;AAAW;AACtF,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,YAAA;AAAA,IACJ,QAAA,EAAU,oBAAA;AAAA,IACV,IAAA,EAAM,SAAA;AAAA,IACN,QAAA,EAAU,0BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,UAAU,WAAA,EAAY;AAAA,MAC9D,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,YAAA,EAAc,UAAU,WAAA;AAAY;AACpE,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,QAAA,EAAU,eAAA;AAAA,IACV,IAAA,EAAM,SAAA;AAAA,IACN,QAAA,EAAU,2BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC1E,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,UAAU,mBAAA;AAAoB;AACtE,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,UAAA;AAAA,IACJ,QAAA,EAAU,kBAAA;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,QAAA,EAAU,4BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA;AAAW;AAC5E,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,QAAA;AAAA,IACJ,QAAA,EAAU,gBAAA;AAAA,IACV,IAAA,EAAM,mBAAA;AAAA,IACN,QAAA,EAAU,8BAAA;AAAA,IACV,QAAA,EAAU;AAAA,MACR,EAAE,OAAO,eAAA,EAAiB,KAAA,EAAO,iBAAiB,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC1F,EAAE,OAAO,YAAA,EAAc,KAAA,EAAO,cAAc,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MACpF,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,UAAU,YAAA,EAAa;AAAA,MAC/D,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAC5E,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,YAAY,WAAA,EAAa,IAAA,EAAM,UAAU,UAAA,EAAW;AAAA,MAChF,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,WAAA,EAAa,KAAA,EAAO,UAAU,UAAA,EAAW;AAAA,MAC7E,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,YAAY,WAAA,EAAa,GAAA,EAAM,UAAU,UAAA;AAAW;AAClF;AAEJ;AAEA,SAAS,YAAY,KAAA,EAA0C;AAC7D,EAAA,KAAA,MAAW,YAAY,kBAAA,EAAoB;AACzC,IAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,CAAS,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,KAAK,CAAA;AAC7D,IAAA,IAAI,OAAO,OAAO,KAAA;AAAA,EACpB;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,aAAa,YAAA,EAAmD;AACvE,EAAA,OAAO,kBAAA,CAAmB,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,QAAA,CAAS,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,KAAA,KAAU,YAAY,CAAC,CAAA;AACxF;AAmDA,SAAS,aAAA,CAAc;AAAA,EACrB,MAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAAA,EAA4C,QAAA,EAAA,MAAA,CAAO,cAAA,EAAe,CAAA;AAAA,IAC9E,kBAAA,CAAmB,GAAA,CAAI,CAAC,QAAA,0BACtB,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,sEAAA,EAAyE,QAAA,CAAS,QAAQ,CAAA,CAAA,EACxG,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAc,SAAA,EAAU,oBAAA,EAAqB,CAAA,EAChD,CAAA;AAAA,wBACA,GAAA,CAAC,UAAK,SAAA,EAAU,wDAAA,EACb,iBAAO,QAAA,CAAS,QAAQ,CAAA,IAAK,QAAA,CAAS,EAAA,EACzC;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EACZ,mBAAS,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,qBACtB,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA;AAAA,UACrC,SAAA,EAAU,2XAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAU,gGAAA,EAAiG,CAAA;AAAA,YAC3H,OAAA,CAAQ;AAAA;AAAA,SAAA;AAAA,QANJ,OAAA,CAAQ;AAAA,OAQhB,CAAA,EACH;AAAA,KAAA,EAAA,EArBQ,QAAA,CAAS,EAsBnB,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;AAIA,SAAS,cAAA,CAAe;AAAA,EACtB,OAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAoD,MAAM,CAAA;AAC9F,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,OAAA,CAAQ,KAAK,CAAA;AAE3C,EAAA,SAAS,aAAa,KAAA,EAAkB;AACtC,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAM,QAAA,GAAW,IAAI,QAAA,CAAS,KAAA,CAAM,aAAgC,CAAA;AACpE,IAAA,MAAM,IAAA,GAA2B;AAAA,MAC/B,IAAA,EAAM,OAAO,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AAAA,MAC9C,SAAS,OAAA,CAAQ;AAAA,KACnB;AAGA,IAAA,KAAA,MAAW,GAAA,IAAO,CAAC,MAAA,EAAQ,UAAA,EAAY,YAAY,UAAA,EAAY,QAAA,EAAU,oBAAoB,WAAA,EAAa,SAAA,EAAW,WAAW,SAAA,EAAW,WAAA,EAAa,UAAU,QAAA,EAAU,OAAA,EAAS,UAAU,aAAA,EAAe,OAAA,EAAS,KAAK,CAAA,EAAY;AACtO,MAAA,MAAM,GAAA,GAAM,OAAO,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AACjD,MAAA,IAAI,GAAA,EAAM,IAAA,CAAiC,GAAG,CAAA,GAAI,GAAA;AAAA,IACpD;AAEA,IAAA,MAAM,IAAA,GAAO,OAAO,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AACrD,IAAA,IAAI,IAAA,EAAM,IAAA,CAAK,IAAA,GAAO,MAAA,CAAO,IAAI,CAAA;AAEjC,IAAA,IAAA,CAAK,GAAA,GAAM,QAAA,CAAS,GAAA,CAAI,KAAK,CAAA,KAAM,IAAA;AACnC,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA,CAAS,GAAA,CAAI,UAAU,CAAA,KAAM,IAAA;AAG7C,IAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,GAAA,CAAI,aAAa,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AACnE,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,MAAM,MAAA,GAAS,OAAO,WAAW,CAAA;AACjC,MAAA,IAAI,OAAO,QAAA,CAAS,MAAM,KAAK,MAAA,GAAS,CAAA,OAAQ,WAAA,GAAc,MAAA;AAAA,IAChE;AACA,IAAA,MAAM,SAAA,GAAY,OAAO,QAAA,CAAS,GAAA,CAAI,WAAW,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AAC/D,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,MAAA,GAAS,OAAO,SAAS,CAAA;AAC/B,MAAA,IAAI,OAAO,QAAA,CAAS,MAAM,KAAK,MAAA,GAAS,CAAA,OAAQ,SAAA,GAAY,MAAA;AAAA,IAC9D;AACA,IAAA,MAAM,aAAA,GAAgB,UAAU,MAAA,CAAO,QAAA,CAAS,IAAI,eAAe,CAAA,IAAK,EAAE,CAAC,CAAA;AAC3E,IAAA,IAAI,aAAA,CAAc,MAAA,GAAS,CAAA,EAAG,IAAA,CAAK,aAAA,GAAgB,aAAA;AACnD,IAAA,MAAM,cAAA,GAAiB,UAAU,MAAA,CAAO,QAAA,CAAS,IAAI,gBAAgB,CAAA,IAAK,EAAE,CAAC,CAAA;AAC7E,IAAA,IAAI,cAAA,CAAe,MAAA,GAAS,CAAA,EAAG,IAAA,CAAK,cAAA,GAAiB,cAAA;AAErD,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf;AAEA,EAAA,SAAS,oBAAA,GAAuB;AAC9B,IAAA,aAAA,CAAc,SAAS,CAAA;AAEvB,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,aAAA,CAAc,SAAS,CAAA;AACvB,MAAA,UAAA,CAAW,MAAM,aAAA,CAAc,MAAM,CAAA,EAAG,GAAI,CAAA;AAAA,IAC9C,GAAG,IAAI,CAAA;AAAA,EACT;AAEA,EAAA,SAAS,YAAA,GAA0B;AACjC,IAAA,QAAQ,QAAQ,QAAA;AAAU,MACxB,KAAK,UAAA;AACH,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,MAAA,CAAO,WAAW,WAAA,EAAa,MAAA,CAAO,oBAAA,EAAsB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BACnG,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,IAAA,EAAK,QAAA,EAAS,YAAA,EAAc,OAAA,CAAQ,WAAA,EAAa,CAAA;AAAA,0BACjG,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC/G,GAAA,CAAC,aAAU,IAAA,EAAK,UAAA,EAAW,OAAO,MAAA,CAAO,aAAA,EAAe,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,CAAA;AAAA,0BACtG,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,IAAA,EAAK,UAAA,EAAW,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,CAAA;AAAA,0BACtH,GAAA,CAAC,aAAU,IAAA,EAAK,QAAA,EAAS,OAAO,MAAA,CAAO,WAAA,EAAa,WAAA,EAAa,MAAA,CAAO,sBAAA,EAAwB;AAAA,SAAA,EAClG,CAAA;AAAA,MAGJ,KAAK,mBAAA;AACH,QAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,kBAAA,GAAA,CAAC,aAAU,IAAA,EAAK,kBAAA,EAAmB,KAAA,EAAO,MAAA,CAAO,uBAAuB,WAAA,EAAa,MAAA,CAAO,gCAAA,EAAkC,QAAA,EAAQ,MAAC,CAAA,EACzI,CAAA;AAAA,MAGJ,KAAK,gBAAA;AACH,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,WAAA,EAAY,KAAA,EAAO,MAAA,CAAO,gBAAgB,WAAA,EAAa,MAAA,CAAO,yBAAA,EAA2B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAClH,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,SAAA,EAAU,KAAA,EAAO,MAAA,CAAO,YAAA,EAAc,WAAA,EAAa,MAAA,CAAO,uBAAA,EAAyB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC5G,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,8BAAC,SAAA,EAAA,EAAU,IAAA,EAAK,SAAA,EAAU,KAAA,EAAO,MAAA,CAAO,YAAA,EAAc,WAAA,EAAa,MAAA,CAAO,yBAAyB,CAAA,EACrG;AAAA,SAAA,EACF,CAAA;AAAA,MAGJ,KAAK,iBAAA;AACH,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,SAAA,EAAU,KAAA,EAAO,MAAA,CAAO,cAAc,WAAA,EAAa,MAAA,CAAO,uBAAA,EAAyB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC5G,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,WAAA,EAAY,KAAA,EAAO,MAAA,CAAO,cAAA,EAAgB,WAAA,EAAa,MAAA,CAAO,yBAAA,EAA2B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAClH,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC/G,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC/G,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,IAAA,EAAK,UAAA,EAAW,WAAA,EAAa,MAAA,CAAO,wBAAA,EAA0B,CAAA;AAAA,0BACtH,GAAA,CAAC,aAAU,IAAA,EAAK,QAAA,EAAS,OAAO,MAAA,CAAO,WAAA,EAAa,WAAA,EAAa,MAAA,CAAO,sBAAA,EAAwB;AAAA,SAAA,EAClG,CAAA;AAAA,MAGJ,KAAK,WAAA;AACH,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,QAAA,EAAS,KAAA,EAAO,MAAA,CAAO,aAAa,WAAA,EAAa,MAAA,CAAO,sBAAA,EAAwB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BACzG,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,MAAA,CAAO,UAAA,EAAY,IAAA,EAAK,UAAA,EAAW,WAAA,EAAa,MAAA,CAAO,qBAAA,EAAuB,UAAQ,IAAA,EAAC,CAAA;AAAA,0BACtH,GAAA,CAAC,aAAU,IAAA,EAAK,QAAA,EAAS,OAAO,MAAA,CAAO,WAAA,EAAa,WAAA,EAAa,MAAA,CAAO,sBAAA,EAAwB;AAAA,SAAA,EAClG,CAAA;AAAA,MAGJ,KAAK,YAAA;AACH,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,QAAA,EAAS,KAAA,EAAO,MAAA,CAAO,WAAA,EAAa,IAAA,EAAK,UAAA,EAAW,WAAA,EAAa,MAAA,CAAO,sBAAA,EAAwB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BACzH,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,aAAA,EAAc,KAAA,EAAO,MAAA,CAAO,gBAAA,EAAkB,WAAA,EAAa,MAAA,CAAO,2BAAA,EAA6B,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BACxH,GAAA,CAAC,aAAU,IAAA,EAAK,OAAA,EAAQ,OAAO,MAAA,CAAO,UAAA,EAAY,WAAA,EAAa,MAAA,CAAO,qBAAA,EAAuB;AAAA,SAAA,EAC/F,CAAA;AAAA;AAEN,EACF;AAEA,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,YAAA,EAAc,WAAU,WAAA,EAEtC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,SAAA,EAAU,2KAAA;AAAA,UAEV,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,OACrC;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,CAAA,sEAAA,EAAyE,UAAU,QAAA,IAAY,2BAA2B,IACvI,QAAA,EAAA,QAAA,mBAAW,GAAA,CAAC,SAAS,IAAA,EAAT,EAAc,WAAU,oBAAA,EAAqB,CAAA,uBAAM,eAAA,EAAA,EAAgB,SAAA,EAAU,sBAAqB,CAAA,EACjH,CAAA;AAAA,6BACC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAA,EAAuD,QAAA,EAAA,OAAA,CAAQ,KAAA,EAAM,CAAA;AAAA,0BACrF,GAAA,CAAC,UAAK,SAAA,EAAU,4BAAA,EAA8B,iBAAO,QAAA,EAAU,QAAA,IAAY,EAAE,CAAA,IAAK,EAAA,EAAG;AAAA,SAAA,EACvF;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAGA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,WAAA,EAAa,MAAA,CAAO,oBAAA,EAAsB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,oBAGnG,GAAA,CAAC,QAAA,EAAA,EACE,QAAA,EAAA,YAAA,EAAa,EAChB,CAAA;AAAA,oBAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,WAAU,kEAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,KAAA;AAAA,YACL,cAAA,EAAc,IAAA;AAAA,YACd,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,MAAA,CAAO;AAAA,OAAA,EACV,CAAA;AAAA,sBACA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,kEAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,UAAA;AAAA,YACL,cAAA,EAAc,IAAA;AAAA,YACd,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,MAAA,CAAO;AAAA,OAAA,EACV;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAAA,EAA4C,iBAAO,iBAAA,EAAkB,CAAA;AAAA,oBAOlF,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,2FAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,qEAAA,EAChB,QAAA,EAAA,MAAA,CAAO,kBAAkB,0BAAA,EAC5B,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,aAAA;AAAA,cACL,KAAA,EAAO,OAAO,gBAAA,IAAoB,eAAA;AAAA,cAClC,IAAA,EAAK,QAAA;AAAA,cACL,GAAA,EAAK,CAAA;AAAA,cACL,GAAA,EAAK,GAAA;AAAA,cACL,WAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,WAAA;AAAA,cACL,KAAA,EAAO,OAAO,cAAA,IAAkB,cAAA;AAAA,cAChC,IAAA,EAAK,QAAA;AAAA,cACL,GAAA,EAAK,GAAA;AAAA,cACL,WAAA,EAAY;AAAA;AAAA;AACd,SAAA,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,eAAA;AAAA,YACL,KAAA,EAAO,OAAO,kBAAA,IAAsB,kCAAA;AAAA,YACpC,WAAA,EAAY;AAAA;AAAA,SACd;AAAA,4BACC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAAA,EACV,QAAA,EAAA,MAAA,CAAO,0BACH,yHAAA,EACP,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,gBAAA;AAAA,YACL,KAAA,EAAO,OAAO,mBAAA,IAAuB,mCAAA;AAAA,YACrC,WAAA,EAAY;AAAA;AAAA,SACd;AAAA,4BACC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAAA,EACV,QAAA,EAAA,MAAA,CAAO,2BACH,qHAAA,EACP;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+EAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,IAAA;AAAA,UACL,KAAA,EAAM,MAAA;AAAA,UACN,OAAA,EAAS,oBAAA;AAAA,UACT,UAAU,UAAA,KAAe,SAAA;AAAA,UAExB,QAAA,EAAA,UAAA,KAAe,SAAA,GAAY,MAAA,CAAO,OAAA,GAAU,MAAA,CAAO;AAAA;AAAA,OACtD;AAAA,MAEC,UAAA,KAAe,SAAA,oBACd,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,oFAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAU,SAAA,EAAU,CAAA;AAAA,QACpC,MAAA,CAAO;AAAA,OAAA,EACV,CAAA;AAAA,MAED,UAAA,KAAe,QAAA,oBACd,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,4EAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,SAAA,EAAU,CAAA;AAAA,QAChC,MAAA,CAAO;AAAA,OAAA,EACV,CAAA;AAAA,sBAGF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,sBAExB,GAAA,CAAC,UAAO,IAAA,EAAK,QAAA,EAAS,MAAK,IAAA,EAAK,KAAA,EAAM,OAAA,EACnC,QAAA,EAAA,MAAA,CAAO,IAAA,EACV;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAIO,SAAS,oBAAoB,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,EAAQ,QAAO,EAA6B;AAC/F,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC1E,EAAA,MAAM,OAAA,GAAU,eAAA,GAAkB,WAAA,CAAY,eAAe,CAAA,GAAI,IAAA;AAEjE,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,IAAA,OAAA,EAAQ;AAAA,EACV;AAEA,EAAA,SAAS,WAAW,IAAA,EAA0B;AAC5C,IAAA,MAAA,CAAO,IAAI,CAAA;AACX,IAAA,WAAA,EAAY;AAAA,EACd;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,OAAO,MAAA,CAAO,WAAA;AAAA,MACd,QAAA,EAAU,OAAA,GAAU,MAAA,CAAO,aAAA,GAAgB,MAAA,CAAO,cAAA;AAAA,MAClD,IAAA,kBAAM,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,MAC3C,QAAA,EAAS,8BAAA;AAAA,MACT,QAAA,EAAS,KAAA;AAAA,MAER,QAAA,EAAA,OAAA,mBACC,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA,EAAQ,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAAA,UACrC,QAAA,EAAU;AAAA;AAAA,OACZ,mBAEA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAgB,UAAU,kBAAA,EAAoB;AAAA;AAAA,GAEjE;AAEJ;AAWO,SAAS,gBAAgB,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,EAAQ,QAAO,EAAyB;AACvF,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC1E,EAAA,MAAM,OAAA,GAAU,eAAA,GAAkB,WAAA,CAAY,eAAe,CAAA,GAAI,IAAA;AAEjE,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,IAAA,OAAA,EAAQ;AAAA,EACV;AAEA,EAAA,SAAS,WAAW,IAAA,EAA0B;AAC5C,IAAA,MAAA,CAAO,IAAI,CAAA;AACX,IAAA,WAAA,EAAY;AAAA,EACd;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,OAAO,MAAA,CAAO,WAAA;AAAA,MACd,QAAA,EAAU,OAAA,GAAU,MAAA,CAAO,aAAA,GAAgB,MAAA,CAAO,cAAA;AAAA,MAClD,IAAA,kBAAM,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,MAC3C,QAAA,EAAS,8BAAA;AAAA,MACT,QAAA,EAAS,KAAA;AAAA,MAER,QAAA,EAAA,OAAA,mBACC,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA,EAAQ,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAAA,UACrC,QAAA,EAAU;AAAA;AAAA,OACZ,mBAEA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAgB,UAAU,kBAAA,EAAoB;AAAA;AAAA,GAEjE;AAEJ;AAIA,SAAS,UAAU,GAAA,EAAuB;AACxC,EAAA,OAAO,IACJ,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,KAAA,KAAU,KAAA,CAAM,IAAA,EAAM,EAC3B,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,CAAM,SAAS,CAAC,CAAA;AACvC","file":"chunk-EDE36MKE.mjs","sourcesContent":["import { useState, type FormEvent, type ReactNode } from 'react'\nimport {\n  CircleStackIcon,\n  ServerStackIcon,\n  CloudIcon,\n  ClockIcon,\n  ShareIcon,\n  KeyIcon,\n  MagnifyingGlassIcon,\n  ArrowLeftIcon,\n  CheckCircleIcon,\n  XCircleIcon,\n} from '@heroicons/react/24/outline'\nimport {\n  GlassModal,\n  FormGrid,\n  FormInput,\n  FormSelect,\n  Button,\n} from '@ui/index'\n\n/* ─── Dialect catalog ─── */\n\ntype DialectCategory = {\n  id: string\n  labelKey: string\n  icon: React.ComponentType<{ className?: string }>\n  gradient: string\n  dialects: DialectOption[]\n}\n\ntype DialectOption = {\n  value: string\n  label: string\n  defaultPort?: number\n  /** 'standard' = host/port/db, 'connection-string' = single URL, 'cloud' = project/dataset/key */\n  formType: 'standard' | 'connection-string' | 'cloud-bigquery' | 'cloud-snowflake' | 'cloud-key' | 'vector-key'\n}\n\nconst DIALECT_CATEGORIES: DialectCategory[] = [\n  {\n    id: 'relational',\n    labelKey: 'categoryRelational',\n    icon: CircleStackIcon,\n    gradient: 'from-blue-500 to-indigo-600',\n    dialects: [\n      { value: 'postgres', label: 'PostgreSQL', defaultPort: 5432, formType: 'standard' },\n      { value: 'mysql', label: 'MySQL', defaultPort: 3306, formType: 'standard' },\n      { value: 'mariadb', label: 'MariaDB', defaultPort: 3306, formType: 'standard' },\n      { value: 'mssql', label: 'SQL Server', defaultPort: 1433, formType: 'standard' },\n      { value: 'oracle', label: 'Oracle', defaultPort: 1521, formType: 'standard' },\n      { value: 'db2', label: 'IBM Db2', defaultPort: 50000, formType: 'standard' },\n      { value: 'cockroachdb', label: 'CockroachDB', defaultPort: 26257, formType: 'standard' },\n      { value: 'timescaledb', label: 'TimescaleDB', defaultPort: 5432, formType: 'standard' },\n      { value: 'sqlite', label: 'SQLite', formType: 'connection-string' },\n      { value: 'duckdb', label: 'DuckDB', formType: 'connection-string' },\n    ],\n  },\n  {\n    id: 'nosql',\n    labelKey: 'categoryNoSql',\n    icon: ServerStackIcon,\n    gradient: 'from-emerald-500 to-teal-600',\n    dialects: [\n      { value: 'mongodb', label: 'MongoDB', defaultPort: 27017, formType: 'connection-string' },\n      { value: 'cassandra', label: 'Cassandra', defaultPort: 9042, formType: 'standard' },\n      { value: 'scylladb', label: 'ScyllaDB', defaultPort: 9042, formType: 'standard' },\n      { value: 'dynamodb', label: 'DynamoDB', formType: 'cloud-key' },\n      { value: 'cosmosdb', label: 'CosmosDB', formType: 'connection-string' },\n      { value: 'arangodb', label: 'ArangoDB', defaultPort: 8529, formType: 'standard' },\n    ],\n  },\n  {\n    id: 'warehouse',\n    labelKey: 'categoryWarehouse',\n    icon: CloudIcon,\n    gradient: 'from-purple-500 to-violet-600',\n    dialects: [\n      { value: 'bigquery', label: 'BigQuery', formType: 'cloud-bigquery' },\n      { value: 'snowflake', label: 'Snowflake', formType: 'cloud-snowflake' },\n      { value: 'clickhouse', label: 'ClickHouse', defaultPort: 8123, formType: 'standard' },\n    ],\n  },\n  {\n    id: 'timeseries',\n    labelKey: 'categoryTimeSeries',\n    icon: ClockIcon,\n    gradient: 'from-sky-500 to-cyan-600',\n    dialects: [\n      { value: 'influxdb', label: 'InfluxDB', formType: 'cloud-key' },\n      { value: 'timestream', label: 'Timestream', formType: 'cloud-key' },\n    ],\n  },\n  {\n    id: 'graph',\n    labelKey: 'categoryGraph',\n    icon: ShareIcon,\n    gradient: 'from-pink-500 to-rose-600',\n    dialects: [\n      { value: 'neo4j', label: 'Neo4j', defaultPort: 7687, formType: 'standard' },\n      { value: 'neptune', label: 'Neptune', formType: 'connection-string' },\n    ],\n  },\n  {\n    id: 'keyvalue',\n    labelKey: 'categoryKeyValue',\n    icon: KeyIcon,\n    gradient: 'from-red-500 to-orange-600',\n    dialects: [\n      { value: 'redis', label: 'Redis', defaultPort: 6379, formType: 'standard' },\n    ],\n  },\n  {\n    id: 'search',\n    labelKey: 'categorySearch',\n    icon: MagnifyingGlassIcon,\n    gradient: 'from-amber-500 to-yellow-600',\n    dialects: [\n      { value: 'elasticsearch', label: 'Elasticsearch', defaultPort: 9200, formType: 'standard' },\n      { value: 'opensearch', label: 'OpenSearch', defaultPort: 9200, formType: 'standard' },\n      { value: 'pinecone', label: 'Pinecone', formType: 'vector-key' },\n      { value: 'qdrant', label: 'Qdrant', defaultPort: 6333, formType: 'standard' },\n      { value: 'weaviate', label: 'Weaviate', defaultPort: 8080, formType: 'standard' },\n      { value: 'milvus', label: 'Milvus', defaultPort: 19530, formType: 'standard' },\n      { value: 'chromadb', label: 'ChromaDB', defaultPort: 8000, formType: 'standard' },\n    ],\n  },\n]\n\nfunction findDialect(value: string): DialectOption | undefined {\n  for (const category of DIALECT_CATEGORIES) {\n    const found = category.dialects.find((d) => d.value === value)\n    if (found) return found\n  }\n  return undefined\n}\n\nfunction findCategory(dialectValue: string): DialectCategory | undefined {\n  return DIALECT_CATEGORIES.find((c) => c.dialects.some((d) => d.value === dialectValue))\n}\n\n/* ─── Types ─── */\n\nexport type DatasourceFormData = {\n  name: string\n  dialect: string\n  host?: string\n  port?: number\n  database?: string\n  username?: string\n  password?: string\n  schema?: string\n  ssl?: boolean\n  readOnly?: boolean\n  connectionString?: string\n  projectId?: string\n  dataset?: string\n  keyFile?: string\n  account?: string\n  warehouse?: string\n  region?: string\n  bucket?: string\n  token?: string\n  apiKey?: string\n  environment?: string\n  index?: string\n  url?: string\n  /** Whitelist of tables the engine is allowed to query. Empty/undef =\n   *  allow every table the credential can see. */\n  allowedTables?: string[]\n  /** Columns the engine MUST NOT surface to workflows. Applied at the\n   *  driver layer — trying to SELECT a blocked column still fails. */\n  blockedColumns?: string[]\n  /** Max concurrent connections in the org's cached pool (default 5). */\n  maxPoolSize?: number\n  /** Query/connect timeout in ms (default 5000). */\n  timeoutMs?: number\n}\n\ntype Labels = Record<string, string>\n\nexport type DatasourceFormModalProps = {\n  open: boolean\n  onClose: () => void\n  labels: Labels\n  onSave: (data: DatasourceFormData) => void\n}\n\n/* ─── Step 1: Category + dialect picker ─── */\n\nfunction DialectPicker({\n  labels,\n  onSelect,\n}: {\n  labels: Labels\n  onSelect: (dialect: string) => void\n}) {\n  return (\n    <div className=\"space-y-6\">\n      <p className=\"text-sm text-gray-500 dark:text-gray-400\">{labels.stepSelectType}</p>\n      {DIALECT_CATEGORIES.map((category) => (\n        <div key={category.id}>\n          <div className=\"mb-2 flex items-center gap-2\">\n            <div className={`flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br ${category.gradient}`}>\n              <category.icon className=\"h-4 w-4 text-white\" />\n            </div>\n            <span className=\"text-sm font-semibold text-gray-700 dark:text-gray-200\">\n              {labels[category.labelKey] ?? category.id}\n            </span>\n          </div>\n          <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n            {category.dialects.map((dialect) => (\n              <button\n                key={dialect.value}\n                type=\"button\"\n                onClick={() => onSelect(dialect.value)}\n                className=\"group flex items-center gap-2 rounded-xl border border-gray-200/60 bg-white/60 px-3 py-2.5 text-left text-sm font-medium text-gray-700 transition-all hover:border-amber-400/60 hover:bg-amber-50/50 hover:text-amber-700 active:scale-[0.97] dark:border-white/10 dark:bg-white/5 dark:text-gray-300 dark:hover:border-amber-400/40 dark:hover:bg-amber-500/10 dark:hover:text-amber-300\"\n              >\n                <CircleStackIcon className=\"h-4 w-4 shrink-0 text-gray-400 transition-colors group-hover:text-amber-500 dark:text-gray-500\" />\n                {dialect.label}\n              </button>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n\n/* ─── Step 2: Connection form ─── */\n\nfunction ConnectionForm({\n  dialect,\n  labels,\n  onBack,\n  onSubmit,\n}: {\n  dialect: DialectOption\n  labels: Labels\n  onBack: () => void\n  onSubmit: (data: DatasourceFormData) => void\n}) {\n  const [testStatus, setTestStatus] = useState<'idle' | 'testing' | 'success' | 'failed'>('idle')\n  const category = findCategory(dialect.value)\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault()\n    const formData = new FormData(event.currentTarget as HTMLFormElement)\n    const data: DatasourceFormData = {\n      name: String(formData.get('name') ?? '').trim(),\n      dialect: dialect.value,\n    }\n\n    // Collect all possible fields\n    for (const key of ['host', 'database', 'username', 'password', 'schema', 'connectionString', 'projectId', 'dataset', 'keyFile', 'account', 'warehouse', 'region', 'bucket', 'token', 'apiKey', 'environment', 'index', 'url'] as const) {\n      const val = String(formData.get(key) ?? '').trim()\n      if (val) (data as Record<string, unknown>)[key] = val\n    }\n\n    const port = String(formData.get('port') ?? '').trim()\n    if (port) data.port = Number(port)\n\n    data.ssl = formData.get('ssl') === 'on'\n    data.readOnly = formData.get('readOnly') === 'on'\n\n    // Advanced — pool size, timeout, allowlist/blocklist\n    const maxPoolSize = String(formData.get('maxPoolSize') ?? '').trim()\n    if (maxPoolSize) {\n      const parsed = Number(maxPoolSize)\n      if (Number.isFinite(parsed) && parsed > 0) data.maxPoolSize = parsed\n    }\n    const timeoutMs = String(formData.get('timeoutMs') ?? '').trim()\n    if (timeoutMs) {\n      const parsed = Number(timeoutMs)\n      if (Number.isFinite(parsed) && parsed > 0) data.timeoutMs = parsed\n    }\n    const allowedTables = splitList(String(formData.get('allowedTables') ?? ''))\n    if (allowedTables.length > 0) data.allowedTables = allowedTables\n    const blockedColumns = splitList(String(formData.get('blockedColumns') ?? ''))\n    if (blockedColumns.length > 0) data.blockedColumns = blockedColumns\n\n    onSubmit(data)\n  }\n\n  function handleTestConnection() {\n    setTestStatus('testing')\n    // Simulate test connection — real implementation would call API\n    setTimeout(() => {\n      setTestStatus('success')\n      setTimeout(() => setTestStatus('idle'), 3000)\n    }, 1500)\n  }\n\n  function renderFields(): ReactNode {\n    switch (dialect.formType) {\n      case 'standard':\n        return (\n          <>\n            <FormInput name=\"host\" label={labels.fieldHost} placeholder={labels.fieldHostPlaceholder} required />\n            <FormInput name=\"port\" label={labels.fieldPort} type=\"number\" defaultValue={dialect.defaultPort} />\n            <FormInput name=\"database\" label={labels.fieldDatabase} placeholder={labels.fieldDatabasePlaceholder} required />\n            <FormInput name=\"username\" label={labels.fieldUsername} placeholder={labels.fieldUsernamePlaceholder} />\n            <FormInput name=\"password\" label={labels.fieldPassword} type=\"password\" placeholder={labels.fieldPasswordPlaceholder} />\n            <FormInput name=\"schema\" label={labels.fieldSchema} placeholder={labels.fieldSchemaPlaceholder} />\n          </>\n        )\n\n      case 'connection-string':\n        return (\n          <div className=\"col-span-full\">\n            <FormInput name=\"connectionString\" label={labels.fieldConnectionString} placeholder={labels.fieldConnectionStringPlaceholder} required />\n          </div>\n        )\n\n      case 'cloud-bigquery':\n        return (\n          <>\n            <FormInput name=\"projectId\" label={labels.fieldProjectId} placeholder={labels.fieldProjectIdPlaceholder} required />\n            <FormInput name=\"dataset\" label={labels.fieldDataset} placeholder={labels.fieldDatasetPlaceholder} required />\n            <div className=\"col-span-full\">\n              <FormInput name=\"keyFile\" label={labels.fieldKeyFile} placeholder={labels.fieldKeyFilePlaceholder} />\n            </div>\n          </>\n        )\n\n      case 'cloud-snowflake':\n        return (\n          <>\n            <FormInput name=\"account\" label={labels.fieldAccount} placeholder={labels.fieldAccountPlaceholder} required />\n            <FormInput name=\"warehouse\" label={labels.fieldWarehouse} placeholder={labels.fieldWarehousePlaceholder} required />\n            <FormInput name=\"database\" label={labels.fieldDatabase} placeholder={labels.fieldDatabasePlaceholder} required />\n            <FormInput name=\"username\" label={labels.fieldUsername} placeholder={labels.fieldUsernamePlaceholder} required />\n            <FormInput name=\"password\" label={labels.fieldPassword} type=\"password\" placeholder={labels.fieldPasswordPlaceholder} />\n            <FormInput name=\"schema\" label={labels.fieldSchema} placeholder={labels.fieldSchemaPlaceholder} />\n          </>\n        )\n\n      case 'cloud-key':\n        return (\n          <>\n            <FormInput name=\"region\" label={labels.fieldRegion} placeholder={labels.fieldRegionPlaceholder} required />\n            <FormInput name=\"token\" label={labels.fieldToken} type=\"password\" placeholder={labels.fieldTokenPlaceholder} required />\n            <FormInput name=\"bucket\" label={labels.fieldBucket} placeholder={labels.fieldBucketPlaceholder} />\n          </>\n        )\n\n      case 'vector-key':\n        return (\n          <>\n            <FormInput name=\"apiKey\" label={labels.fieldApiKey} type=\"password\" placeholder={labels.fieldApiKeyPlaceholder} required />\n            <FormInput name=\"environment\" label={labels.fieldEnvironment} placeholder={labels.fieldEnvironmentPlaceholder} required />\n            <FormInput name=\"index\" label={labels.fieldIndex} placeholder={labels.fieldIndexPlaceholder} />\n          </>\n        )\n    }\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-6\">\n      {/* Back button + dialect badge */}\n      <div className=\"flex items-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className=\"flex h-8 w-8 items-center justify-center rounded-lg text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-white/10 dark:hover:text-gray-300\"\n        >\n          <ArrowLeftIcon className=\"h-4 w-4\" />\n        </button>\n        <div className=\"flex items-center gap-2\">\n          <div className={`flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br ${category?.gradient ?? 'from-gray-400 to-gray-500'}`}>\n            {category ? <category.icon className=\"h-4 w-4 text-white\" /> : <CircleStackIcon className=\"h-4 w-4 text-white\" />}\n          </div>\n          <div>\n            <span className=\"text-sm font-semibold text-gray-900 dark:text-white\">{dialect.label}</span>\n            <span className=\"ml-2 text-xs text-gray-400\">{labels[category?.labelKey ?? ''] ?? ''}</span>\n          </div>\n        </div>\n      </div>\n\n      {/* Name field — always present */}\n      <FormInput name=\"name\" label={labels.fieldName} placeholder={labels.fieldNamePlaceholder} required />\n\n      {/* Dynamic fields per dialect form type */}\n      <FormGrid>\n        {renderFields()}\n      </FormGrid>\n\n      {/* Toggles */}\n      <div className=\"flex flex-wrap items-center gap-6 pt-2\">\n        <label className=\"flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300\">\n          <input\n            type=\"checkbox\"\n            name=\"ssl\"\n            defaultChecked\n            className=\"h-4 w-4 rounded border-gray-300 text-amber-600 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-800\"\n          />\n          {labels.fieldSsl}\n        </label>\n        <label className=\"flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300\">\n          <input\n            type=\"checkbox\"\n            name=\"readOnly\"\n            defaultChecked\n            className=\"h-4 w-4 rounded border-gray-300 text-amber-600 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-800\"\n          />\n          {labels.fieldReadOnly}\n        </label>\n      </div>\n      <p className=\"text-xs text-gray-400 dark:text-gray-500\">{labels.fieldReadOnlyHelp}</p>\n\n      {/* Advanced — pool, timeout, table/column governance. Collapsed by\n          default because the defaults (pool=5, timeout=5s, no allow/block)\n          are correct for almost every datasource. Shown when an admin\n          needs to lock down a specific table or raise the timeout for\n          a slow analytic warehouse. */}\n      <details className=\"rounded-xl border border-gray-200/60 bg-white/40 p-3 dark:border-white/10 dark:bg-white/5\">\n        <summary className=\"cursor-pointer text-sm font-medium text-gray-700 dark:text-gray-300\">\n          {labels.advancedToggle ?? 'Governance & performance'}\n        </summary>\n        <div className=\"mt-3 space-y-3\">\n          <FormGrid>\n            <FormInput\n              name=\"maxPoolSize\"\n              label={labels.fieldMaxPoolSize ?? 'Max pool size'}\n              type=\"number\"\n              min={1}\n              max={100}\n              placeholder=\"5\"\n            />\n            <FormInput\n              name=\"timeoutMs\"\n              label={labels.fieldTimeoutMs ?? 'Timeout (ms)'}\n              type=\"number\"\n              min={100}\n              placeholder=\"5000\"\n            />\n          </FormGrid>\n          <FormInput\n            name=\"allowedTables\"\n            label={labels.fieldAllowedTables ?? 'Allowed tables (comma-separated)'}\n            placeholder=\"stations, current_prices, competitor_prices\"\n          />\n          <p className=\"text-xs text-gray-400 dark:text-gray-500\">\n            {labels.fieldAllowedTablesHelp\n              ?? 'Leave blank to allow every table the credential can see. Otherwise only the listed tables are queryable from workflows.'}\n          </p>\n          <FormInput\n            name=\"blockedColumns\"\n            label={labels.fieldBlockedColumns ?? 'Blocked columns (comma-separated)'}\n            placeholder=\"customers.ssn, employees.salary\"\n          />\n          <p className=\"text-xs text-gray-400 dark:text-gray-500\">\n            {labels.fieldBlockedColumnsHelp\n              ?? 'Columns the driver must never surface, even if referenced by a workflow. Use table.column notation for specificity.'}\n          </p>\n        </div>\n      </details>\n\n      {/* Actions */}\n      <div className=\"flex items-center gap-3 border-t border-gray-200/60 pt-5 dark:border-white/10\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          color=\"zinc\"\n          onClick={handleTestConnection}\n          disabled={testStatus === 'testing'}\n        >\n          {testStatus === 'testing' ? labels.testing : labels.testConnection}\n        </Button>\n\n        {testStatus === 'success' && (\n          <span className=\"flex items-center gap-1 text-xs font-medium text-emerald-600 dark:text-emerald-400\">\n            <CheckCircleIcon className=\"h-4 w-4\" />\n            {labels.connectionSuccess}\n          </span>\n        )}\n        {testStatus === 'failed' && (\n          <span className=\"flex items-center gap-1 text-xs font-medium text-red-600 dark:text-red-400\">\n            <XCircleIcon className=\"h-4 w-4\" />\n            {labels.connectionFailed}\n          </span>\n        )}\n\n        <div className=\"flex-1\" />\n\n        <Button type=\"submit\" size=\"sm\" color=\"amber\">\n          {labels.save}\n        </Button>\n      </div>\n    </form>\n  )\n}\n\n/* ─── Form Modal ─── */\n\nexport function DatasourceFormModal({ open, onClose, labels, onSave }: DatasourceFormModalProps) {\n  const [selectedDialect, setSelectedDialect] = useState<string | null>(null)\n  const dialect = selectedDialect ? findDialect(selectedDialect) : null\n\n  function handleClose() {\n    setSelectedDialect(null)\n    onClose()\n  }\n\n  function handleSave(data: DatasourceFormData) {\n    onSave(data)\n    handleClose()\n  }\n\n  return (\n    <GlassModal\n      open={open}\n      onClose={handleClose}\n      title={labels.createTitle}\n      subtitle={dialect ? labels.stepConfigure : labels.stepSelectType}\n      icon={<CircleStackIcon className=\"h-5 w-5\" />}\n      gradient=\"from-amber-500 to-orange-600\"\n      maxWidth=\"3xl\"\n    >\n      {dialect ? (\n        <ConnectionForm\n          dialect={dialect}\n          labels={labels}\n          onBack={() => setSelectedDialect(null)}\n          onSubmit={handleSave}\n        />\n      ) : (\n        <DialectPicker labels={labels} onSelect={setSelectedDialect} />\n      )}\n    </GlassModal>\n  )\n}\n\n/* ─── Modal (for /datasources page) ─── */\n\nexport type DatasourceModalProps = {\n  open: boolean\n  onClose: () => void\n  labels: Labels\n  onSave: (data: DatasourceFormData) => void\n}\n\nexport function DatasourceModal({ open, onClose, labels, onSave }: DatasourceModalProps) {\n  const [selectedDialect, setSelectedDialect] = useState<string | null>(null)\n  const dialect = selectedDialect ? findDialect(selectedDialect) : null\n\n  function handleClose() {\n    setSelectedDialect(null)\n    onClose()\n  }\n\n  function handleSave(data: DatasourceFormData) {\n    onSave(data)\n    handleClose()\n  }\n\n  return (\n    <GlassModal\n      open={open}\n      onClose={handleClose}\n      title={labels.createTitle}\n      subtitle={dialect ? labels.stepConfigure : labels.stepSelectType}\n      icon={<CircleStackIcon className=\"h-5 w-5\" />}\n      gradient=\"from-amber-500 to-orange-600\"\n      maxWidth=\"3xl\"\n    >\n      {dialect ? (\n        <ConnectionForm\n          dialect={dialect}\n          labels={labels}\n          onBack={() => setSelectedDialect(null)}\n          onSubmit={handleSave}\n        />\n      ) : (\n        <DialectPicker labels={labels} onSelect={setSelectedDialect} />\n      )}\n    </GlassModal>\n  )\n}\n\nexport { DIALECT_CATEGORIES, findDialect, findCategory }\n\nfunction splitList(raw: string): string[] {\n  return raw\n    .split(',')\n    .map((entry) => entry.trim())\n    .filter((entry) => entry.length > 0)\n}\n"]}