@open-mercato/core 0.4.6-develop-a88276bc52 → 0.4.6-develop-806a2ed6b9

package/dist/modules/integrations/api/route.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/integrations/api/route.ts"],
+  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport type { CredentialsService } from '../lib/credentials-service'\nimport type { IntegrationStateService } from '../lib/state-service'\nimport { getAllBundles, getAllIntegrations } from '@open-mercato/shared/modules/integrations/types'\nimport { buildIntegrationsCrudOpenApi, createPagedListResponseSchema, integrationInfoSchema } from './openapi'\n\nexport const metadata = {\n  GET: { requireAuth: true, requireFeatures: ['integrations.view'] },\n}\n\nexport const openApi = buildIntegrationsCrudOpenApi({\n  resourceName: 'Integration',\n  pluralName: 'Integrations',\n  listResponseSchema: createPagedListResponseSchema(integrationInfoSchema),\n  querySchema: undefined,\n})\n\nexport async function GET(req: Request) {\n  const auth = await getAuthFromRequest(req)\n  if (!auth?.tenantId || !auth.orgId) {\n    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n  }\n\n  const container = await createRequestContainer()\n  const credentialsService = container.resolve('integrationCredentialsService') as CredentialsService\n  const stateService = container.resolve('integrationStateService') as IntegrationStateService\n\n  const rows = await Promise.all(\n    getAllIntegrations().map(async (integration) => {\n      const [resolvedCredentials, state] = await Promise.all([\n        credentialsService.resolve(integration.id, { organizationId: auth.orgId as string, tenantId: auth.tenantId as string }),\n        stateService.get(integration.id, { organizationId: auth.orgId as string, tenantId: auth.tenantId as string }),\n      ])\n\n      return {\n        id: integration.id,\n        title: integration.title,\n        category: integration.category ?? null,\n        hub: integration.hub ?? null,\n        providerKey: integration.providerKey ?? null,\n        bundleId: integration.bundleId ?? null,\n        hasCredentials: Boolean(resolvedCredentials),\n        isEnabled: state?.isEnabled ?? true,\n        apiVersion: state?.apiVersion ?? null,\n      }\n    }),\n  )\n\n  const bundles = getAllBundles().map((bundle) => {\n    const bundleIntegrations = rows.filter((row) => row.bundleId === bundle.id)\n    const enabledCount = bundleIntegrations.reduce((count, integration) => count + (integration.isEnabled ? 1 : 0), 0)\n\n    return {\n      id: bundle.id,\n      title: bundle.title,\n      description: bundle.description,\n      icon: bundle.icon ?? null,\n      integrationCount: bundleIntegrations.length,\n      enabledCount,\n    }\n  })\n\n  return NextResponse.json({\n    items: rows,\n    bundles,\n    total: rows.length,\n    page: 1,\n    pageSize: 100,\n    totalPages: 1,\n  })\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAGvC,SAAS,eAAe,0BAA0B;AAClD,SAAS,8BAA8B,+BAA+B,6BAA6B;AAE5F,MAAM,WAAW;AAAA,EACtB,KAAK,EAAE,aAAa,MAAM,iBAAiB,CAAC,mBAAmB,EAAE;AACnE;AAEO,MAAM,UAAU,6BAA6B;AAAA,EAClD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,oBAAoB,8BAA8B,qBAAqB;AAAA,EACvE,aAAa;AACf,CAAC;AAED,eAAsB,IAAI,KAAc;AACtC,QAAM,OAAO,MAAM,mBAAmB,GAAG;AACzC,MAAI,CAAC,MAAM,YAAY,CAAC,KAAK,OAAO;AAClC,WAAO,aAAa,KAAK,EAAE,OAAO,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrE;AAEA,QAAM,YAAY,MAAM,uBAAuB;AAC/C,QAAM,qBAAqB,UAAU,QAAQ,+BAA+B;AAC5E,QAAM,eAAe,UAAU,QAAQ,yBAAyB;AAEhE,QAAM,OAAO,MAAM,QAAQ;AAAA,IACzB,mBAAmB,EAAE,IAAI,OAAO,gBAAgB;AAC9C,YAAM,CAAC,qBAAqB,KAAK,IAAI,MAAM,QAAQ,IAAI;AAAA,QACrD,mBAAmB,QAAQ,YAAY,IAAI,EAAE,gBAAgB,KAAK,OAAiB,UAAU,KAAK,SAAmB,CAAC;AAAA,QACtH,aAAa,IAAI,YAAY,IAAI,EAAE,gBAAgB,KAAK,OAAiB,UAAU,KAAK,SAAmB,CAAC;AAAA,MAC9G,CAAC;AAED,aAAO;AAAA,QACL,IAAI,YAAY;AAAA,QAChB,OAAO,YAAY;AAAA,QACnB,UAAU,YAAY,YAAY;AAAA,QAClC,KAAK,YAAY,OAAO;AAAA,QACxB,aAAa,YAAY,eAAe;AAAA,QACxC,UAAU,YAAY,YAAY;AAAA,QAClC,gBAAgB,QAAQ,mBAAmB;AAAA,QAC3C,WAAW,OAAO,aAAa;AAAA,QAC/B,YAAY,OAAO,cAAc;AAAA,MACnC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,cAAc,EAAE,IAAI,CAAC,WAAW;AAC9C,UAAM,qBAAqB,KAAK,OAAO,CAAC,QAAQ,IAAI,aAAa,OAAO,EAAE;AAC1E,UAAM,eAAe,mBAAmB,OAAO,CAAC,OAAO,gBAAgB,SAAS,YAAY,YAAY,IAAI,IAAI,CAAC;AAEjH,WAAO;AAAA,MACL,IAAI,OAAO;AAAA,MACX,OAAO,OAAO;AAAA,MACd,aAAa,OAAO;AAAA,MACpB,MAAM,OAAO,QAAQ;AAAA,MACrB,kBAAkB,mBAAmB;AAAA,MACrC;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,aAAa,KAAK;AAAA,IACvB,OAAO;AAAA,IACP;AAAA,IACA,OAAO,KAAK;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AACH;",
+  "names": []
+}

package/dist/modules/integrations/backend/integrations/[id]/page.js

@@ -0,0 +1,313 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { Card, CardHeader, CardTitle, CardContent } from "@open-mercato/ui/primitives/card";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+const LOG_LEVEL_STYLES = {
+  info: "bg-blue-100 text-blue-800",
+  warn: "bg-yellow-100 text-yellow-800",
+  error: "bg-red-100 text-red-800"
+};
+const HEALTH_STATUS_STYLES = {
+  healthy: "bg-green-100 text-green-800",
+  degraded: "bg-yellow-100 text-yellow-800",
+  unhealthy: "bg-red-100 text-red-800"
+};
+function IntegrationDetailPage() {
+  const params = useParams();
+  const integrationId = params.id;
+  const t = useT();
+  const [detail, setDetail] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [credValues, setCredValues] = React.useState({});
+  const [isSavingCreds, setIsSavingCreds] = React.useState(false);
+  const [logs, setLogs] = React.useState([]);
+  const [logLevel, setLogLevel] = React.useState("");
+  const [isLoadingLogs, setIsLoadingLogs] = React.useState(false);
+  const [isCheckingHealth, setIsCheckingHealth] = React.useState(false);
+  const [isTogglingState, setIsTogglingState] = React.useState(false);
+  const loadDetail = React.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    const call = await apiCall(
+      `/api/integrations/${encodeURIComponent(integrationId)}`,
+      void 0,
+      { fallback: null }
+    );
+    if (!call.ok || !call.result) {
+      setError(t("integrations.detail.loadError"));
+      setIsLoading(false);
+      return;
+    }
+    setDetail(call.result);
+    setIsLoading(false);
+  }, [integrationId, t]);
+  const loadCredentials = React.useCallback(async () => {
+    const call = await apiCall(
+      `/api/integrations/${encodeURIComponent(integrationId)}/credentials`,
+      void 0,
+      { fallback: null }
+    );
+    if (call.ok && call.result?.credentials) {
+      setCredValues(call.result.credentials);
+    }
+  }, [integrationId]);
+  const loadLogs = React.useCallback(async () => {
+    setIsLoadingLogs(true);
+    const params2 = new URLSearchParams({ integrationId, pageSize: "50" });
+    if (logLevel) params2.set("level", logLevel);
+    const call = await apiCall(
+      `/api/integrations/logs?${params2.toString()}`,
+      void 0,
+      { fallback: { items: [] } }
+    );
+    if (call.ok && call.result) {
+      setLogs(call.result.items);
+    }
+    setIsLoadingLogs(false);
+  }, [integrationId, logLevel]);
+  React.useEffect(() => {
+    void loadDetail();
+  }, [loadDetail]);
+  React.useEffect(() => {
+    void loadCredentials();
+  }, [loadCredentials]);
+  React.useEffect(() => {
+    void loadLogs();
+  }, [loadLogs]);
+  const handleToggleState = React.useCallback(async (enabled) => {
+    setIsTogglingState(true);
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/state`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ isEnabled: enabled })
+    }, { fallback: null });
+    if (call.ok) {
+      setDetail((prev) => prev ? { ...prev, state: { ...prev.state, isEnabled: enabled } } : prev);
+      flash(t("integrations.detail.stateUpdated"), "success");
+    } else {
+      flash(t("integrations.detail.stateError"), "error");
+    }
+    setIsTogglingState(false);
+  }, [integrationId, t]);
+  const handleSaveCredentials = React.useCallback(async () => {
+    setIsSavingCreds(true);
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/credentials`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ credentials: credValues })
+    }, { fallback: null });
+    if (call.ok) {
+      flash(t("integrations.detail.credentials.saved"), "success");
+    } else {
+      flash(t("integrations.detail.credentials.saveError"), "error");
+    }
+    setIsSavingCreds(false);
+  }, [integrationId, credValues, t]);
+  const handleVersionChange = React.useCallback(async (version) => {
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/version`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ apiVersion: version })
+    }, { fallback: null });
+    if (call.ok) {
+      setDetail((prev) => prev ? { ...prev, state: { ...prev.state, apiVersion: version } } : prev);
+      flash(t("integrations.detail.version.saved"), "success");
+    } else {
+      flash(t("integrations.detail.version.saveError"), "error");
+    }
+  }, [integrationId, t]);
+  const handleHealthCheck = React.useCallback(async () => {
+    setIsCheckingHealth(true);
+    const call = await apiCall(
+      `/api/integrations/${encodeURIComponent(integrationId)}/health`,
+      { method: "POST" },
+      { fallback: null }
+    );
+    if (call.ok && call.result) {
+      setDetail((prev) => prev ? {
+        ...prev,
+        state: {
+          ...prev.state,
+          lastHealthStatus: call.result.status,
+          lastHealthCheckedAt: call.result.checkedAt
+        }
+      } : prev);
+    } else {
+      flash(t("integrations.detail.health.checkError"), "error");
+    }
+    setIsCheckingHealth(false);
+  }, [integrationId, t]);
+  if (isLoading) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("integrations.detail.title") }) }) });
+  if (error || !detail) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("integrations.detail.loadError") }) }) });
+  const { integration, state } = detail;
+  const credFields = integration.credentials?.fields ?? detail.bundle?.credentials?.fields ?? [];
+  const hasVersions = Boolean(integration.apiVersions?.length);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/integrations", className: "text-sm text-muted-foreground hover:underline", children: t("integrations.detail.back") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: integration.title }),
+        integration.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: integration.description }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-2", children: [
+          integration.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: integration.category }),
+          integration.hub && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: integration.hub })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: state.isEnabled ? t("integrations.detail.enable") : t("integrations.detail.disable") }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: state.isEnabled,
+            disabled: isTogglingState,
+            onCheckedChange: (checked) => void handleToggleState(checked)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "credentials", children: [
+      /* @__PURE__ */ jsxs(TabsList, { children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "credentials", children: t("integrations.detail.tabs.credentials") }),
+        hasVersions && /* @__PURE__ */ jsx(TabsTrigger, { value: "version", children: t("integrations.detail.tabs.version") }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "health", children: t("integrations.detail.tabs.health") }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "logs", children: t("integrations.detail.tabs.logs") })
+      ] }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "credentials", className: "space-y-4 mt-4", children: [
+        detail.bundle && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-blue-200 bg-blue-50 p-3 text-sm text-blue-800", children: t("integrations.detail.credentials.bundleShared", { bundle: detail.bundle.title }) }),
+        credFields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: t("integrations.detail.credentials.notConfigured") }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 space-y-4", children: [
+          credFields.filter((f) => f.type !== "oauth" && f.type !== "ssh_keypair").map((field) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium", children: [
+              field.label,
+              field.required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+            ] }),
+            field.type === "select" && field.options ? /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm",
+                value: credValues[field.key] ?? "",
+                onChange: (e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value })),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+                  field.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+                ]
+              }
+            ) : field.type === "boolean" ? /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: Boolean(credValues[field.key]),
+                onCheckedChange: (checked) => setCredValues((prev) => ({ ...prev, [field.key]: checked }))
+              }
+            ) : /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: field.type === "secret" ? "password" : "text",
+                placeholder: field.placeholder,
+                value: credValues[field.key] ?? "",
+                onChange: (e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value }))
+              }
+            )
+          ] }, field.key)),
+          /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handleSaveCredentials(), disabled: isSavingCreds, children: [
+            isSavingCreds ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : null,
+            t("integrations.detail.credentials.save")
+          ] })
+        ] }) })
+      ] }),
+      hasVersions && /* @__PURE__ */ jsx(TabsContent, { value: "version", className: "space-y-4 mt-4", children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("integrations.detail.version.select") }) }),
+        /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: integration.apiVersions.map((v) => {
+          const isSelected = (state.apiVersion ?? integration.apiVersions.find((x) => x.status === "stable")?.id) === v.id;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `flex items-center justify-between rounded-lg border p-3 cursor-pointer transition-colors ${isSelected ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+              onClick: () => void handleVersionChange(v.id),
+              children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: v.label ?? v.id }),
+                  /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: v.status === "stable" ? "default" : v.status === "deprecated" ? "destructive" : "secondary",
+                      className: "ml-2",
+                      children: t(`integrations.detail.version.${v.status}`)
+                    }
+                  ),
+                  v.status === "deprecated" && v.sunsetAt && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-2", children: t("integrations.detail.version.sunsetAt", { date: new Date(v.sunsetAt).toLocaleDateString() }) })
+                ] }),
+                isSelected && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t("integrations.detail.version.current") })
+              ]
+            },
+            v.id
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "health", className: "space-y-4 mt-4", children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: t("integrations.detail.health.title") }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleHealthCheck(), disabled: isCheckingHealth, children: [
+            isCheckingHealth ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : null,
+            isCheckingHealth ? t("integrations.detail.health.checking") : t("integrations.detail.health.check")
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+              t("integrations.detail.health.title"),
+              ":"
+            ] }),
+            state.lastHealthStatus ? /* @__PURE__ */ jsx(Badge, { className: HEALTH_STATUS_STYLES[state.lastHealthStatus] ?? "", children: t(`integrations.detail.health.${state.lastHealthStatus}`) }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("integrations.detail.health.unknown") })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: state.lastHealthCheckedAt ? t("integrations.detail.health.lastChecked", { date: new Date(state.lastHealthCheckedAt).toLocaleString() }) : t("integrations.detail.health.neverChecked") })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "logs", className: "space-y-4 mt-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm",
+            value: logLevel,
+            onChange: (e) => setLogLevel(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("integrations.detail.logs.level.all") }),
+              /* @__PURE__ */ jsx("option", { value: "info", children: t("integrations.detail.logs.level.info") }),
+              /* @__PURE__ */ jsx("option", { value: "warn", children: t("integrations.detail.logs.level.warn") }),
+              /* @__PURE__ */ jsx("option", { value: "error", children: t("integrations.detail.logs.level.error") })
+            ]
+          }
+        ) }),
+        isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Spinner, {}) }) : logs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm py-4", children: t("integrations.detail.logs.empty") }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.time") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.level") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.message") })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-muted-foreground whitespace-nowrap", children: new Date(log.createdAt).toLocaleString() }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: LOG_LEVEL_STYLES[log.level] ?? "", children: log.level }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: log.message })
+          ] }, log.id)) })
+        ] }) })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  IntegrationDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/integrations/backend/integrations/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/integrations/backend/integrations/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { IntegrationCredentialField } from '@open-mercato/shared/modules/integrations/types'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype CredentialField = IntegrationCredentialField\n\ntype ApiVersion = {\n  id: string\n  label?: string\n  status: 'stable' | 'deprecated' | 'experimental'\n  sunsetAt?: string\n  migrationGuide?: string\n}\n\ntype IntegrationDetail = {\n  integration: {\n    id: string\n    title: string\n    description?: string\n    category?: string\n    hub?: string\n    bundleId?: string\n    docsUrl?: string\n    apiVersions?: ApiVersion[]\n    credentials?: { fields: CredentialField[] }\n  }\n  bundle?: { id: string; title: string; credentials?: { fields: CredentialField[] } }\n  state: {\n    isEnabled: boolean\n    apiVersion: string | null\n    reauthRequired: boolean\n    lastHealthStatus: string | null\n    lastHealthCheckedAt: string | null\n  }\n  hasCredentials: boolean\n}\n\ntype LogEntry = {\n  id: string\n  level: 'info' | 'warn' | 'error'\n  message: string\n  createdAt: string\n  code?: string\n}\n\nconst LOG_LEVEL_STYLES: Record<string, string> = {\n  info: 'bg-blue-100 text-blue-800',\n  warn: 'bg-yellow-100 text-yellow-800',\n  error: 'bg-red-100 text-red-800',\n}\n\nconst HEALTH_STATUS_STYLES: Record<string, string> = {\n  healthy: 'bg-green-100 text-green-800',\n  degraded: 'bg-yellow-100 text-yellow-800',\n  unhealthy: 'bg-red-100 text-red-800',\n}\n\nexport default function IntegrationDetailPage() {\n  const params = useParams<{ id: string }>()\n  const integrationId = params.id\n  const t = useT()\n\n  const [detail, setDetail] = React.useState<IntegrationDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const [credValues, setCredValues] = React.useState<Record<string, unknown>>({})\n  const [isSavingCreds, setIsSavingCreds] = React.useState(false)\n\n  const [logs, setLogs] = React.useState<LogEntry[]>([])\n  const [logLevel, setLogLevel] = React.useState<string>('')\n  const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)\n\n  const [isCheckingHealth, setIsCheckingHealth] = React.useState(false)\n  const [isTogglingState, setIsTogglingState] = React.useState(false)\n\n  const loadDetail = React.useCallback(async () => {\n    setIsLoading(true)\n    setError(null)\n    const call = await apiCall<IntegrationDetail>(\n      `/api/integrations/${encodeURIComponent(integrationId)}`,\n      undefined,\n      { fallback: null },\n    )\n    if (!call.ok || !call.result) {\n      setError(t('integrations.detail.loadError'))\n      setIsLoading(false)\n      return\n    }\n    setDetail(call.result)\n    setIsLoading(false)\n  }, [integrationId, t])\n\n  const loadCredentials = React.useCallback(async () => {\n    const call = await apiCall<{ credentials: Record<string, unknown> }>(\n      `/api/integrations/${encodeURIComponent(integrationId)}/credentials`,\n      undefined,\n      { fallback: null },\n    )\n    if (call.ok && call.result?.credentials) {\n      setCredValues(call.result.credentials)\n    }\n  }, [integrationId])\n\n  const loadLogs = React.useCallback(async () => {\n    setIsLoadingLogs(true)\n    const params = new URLSearchParams({ integrationId, pageSize: '50' })\n    if (logLevel) params.set('level', logLevel)\n    const call = await apiCall<{ items: LogEntry[] }>(\n      `/api/integrations/logs?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    if (call.ok && call.result) {\n      setLogs(call.result.items)\n    }\n    setIsLoadingLogs(false)\n  }, [integrationId, logLevel])\n\n  React.useEffect(() => { void loadDetail() }, [loadDetail])\n  React.useEffect(() => { void loadCredentials() }, [loadCredentials])\n  React.useEffect(() => { void loadLogs() }, [loadLogs])\n\n  const handleToggleState = React.useCallback(async (enabled: boolean) => {\n    setIsTogglingState(true)\n    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/state`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ isEnabled: enabled }),\n    }, { fallback: null })\n    if (call.ok) {\n      setDetail((prev) => prev ? { ...prev, state: { ...prev.state, isEnabled: enabled } } : prev)\n      flash(t('integrations.detail.stateUpdated'), 'success')\n    } else {\n      flash(t('integrations.detail.stateError'), 'error')\n    }\n    setIsTogglingState(false)\n  }, [integrationId, t])\n\n  const handleSaveCredentials = React.useCallback(async () => {\n    setIsSavingCreds(true)\n    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/credentials`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ credentials: credValues }),\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('integrations.detail.credentials.saved'), 'success')\n    } else {\n      flash(t('integrations.detail.credentials.saveError'), 'error')\n    }\n    setIsSavingCreds(false)\n  }, [integrationId, credValues, t])\n\n  const handleVersionChange = React.useCallback(async (version: string) => {\n    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/version`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ apiVersion: version }),\n    }, { fallback: null })\n    if (call.ok) {\n      setDetail((prev) => prev ? { ...prev, state: { ...prev.state, apiVersion: version } } : prev)\n      flash(t('integrations.detail.version.saved'), 'success')\n    } else {\n      flash(t('integrations.detail.version.saveError'), 'error')\n    }\n  }, [integrationId, t])\n\n  const handleHealthCheck = React.useCallback(async () => {\n    setIsCheckingHealth(true)\n    const call = await apiCall<{ status: string; checkedAt: string }>(\n      `/api/integrations/${encodeURIComponent(integrationId)}/health`,\n      { method: 'POST' },\n      { fallback: null },\n    )\n    if (call.ok && call.result) {\n      setDetail((prev) => prev ? {\n        ...prev,\n        state: {\n          ...prev.state,\n          lastHealthStatus: call.result!.status,\n          lastHealthCheckedAt: call.result!.checkedAt,\n        },\n      } : prev)\n    } else {\n      flash(t('integrations.detail.health.checkError'), 'error')\n    }\n    setIsCheckingHealth(false)\n  }, [integrationId, t])\n\n  if (isLoading) return <Page><PageBody><LoadingMessage label={t('integrations.detail.title')} /></PageBody></Page>\n  if (error || !detail) return <Page><PageBody><ErrorMessage label={error ?? t('integrations.detail.loadError')} /></PageBody></Page>\n\n  const { integration, state } = detail\n  const credFields = integration.credentials?.fields ?? detail.bundle?.credentials?.fields ?? []\n  const hasVersions = Boolean(integration.apiVersions?.length)\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <div>\n          <Link href=\"/backend/integrations\" className=\"text-sm text-muted-foreground hover:underline\">\n            {t('integrations.detail.back')}\n          </Link>\n        </div>\n\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{integration.title}</h1>\n            {integration.description && (\n              <p className=\"text-muted-foreground mt-1\">{integration.description}</p>\n            )}\n            <div className=\"flex gap-2 mt-2\">\n              {integration.category && <Badge variant=\"secondary\">{integration.category}</Badge>}\n              {integration.hub && <Badge variant=\"outline\">{integration.hub}</Badge>}\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <span className=\"text-sm text-muted-foreground\">\n              {state.isEnabled ? t('integrations.detail.enable') : t('integrations.detail.disable')}\n            </span>\n            <Switch\n              checked={state.isEnabled}\n              disabled={isTogglingState}\n              onCheckedChange={(checked) => void handleToggleState(checked)}\n            />\n          </div>\n        </div>\n\n        <Tabs defaultValue=\"credentials\">\n          <TabsList>\n            <TabsTrigger value=\"credentials\">{t('integrations.detail.tabs.credentials')}</TabsTrigger>\n            {hasVersions && <TabsTrigger value=\"version\">{t('integrations.detail.tabs.version')}</TabsTrigger>}\n            <TabsTrigger value=\"health\">{t('integrations.detail.tabs.health')}</TabsTrigger>\n            <TabsTrigger value=\"logs\">{t('integrations.detail.tabs.logs')}</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"credentials\" className=\"space-y-4 mt-4\">\n            {detail.bundle && (\n              <div className=\"rounded-lg border border-blue-200 bg-blue-50 p-3 text-sm text-blue-800\">\n                {t('integrations.detail.credentials.bundleShared', { bundle: detail.bundle.title })}\n              </div>\n            )}\n            {credFields.length === 0 ? (\n              <p className=\"text-muted-foreground text-sm\">{t('integrations.detail.credentials.notConfigured')}</p>\n            ) : (\n              <Card>\n                <CardContent className=\"pt-6 space-y-4\">\n                  {credFields.filter((f) => f.type !== 'oauth' && f.type !== 'ssh_keypair').map((field) => (\n                    <div key={field.key} className=\"space-y-1.5\">\n                      <label className=\"text-sm font-medium\">\n                        {field.label}{field.required && <span className=\"text-red-500 ml-0.5\">*</span>}\n                      </label>\n                      {field.type === 'select' && field.options ? (\n                        <select\n                          className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm\"\n                          value={(credValues[field.key] as string) ?? ''}\n                          onChange={(e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value }))}\n                        >\n                          <option value=\"\">\u2014</option>\n                          {field.options.map((opt) => (\n                            <option key={opt.value} value={opt.value}>{opt.label}</option>\n                          ))}\n                        </select>\n                      ) : field.type === 'boolean' ? (\n                        <Switch\n                          checked={Boolean(credValues[field.key])}\n                          onCheckedChange={(checked) => setCredValues((prev) => ({ ...prev, [field.key]: checked }))}\n                        />\n                      ) : (\n                        <Input\n                          type={field.type === 'secret' ? 'password' : 'text'}\n                          placeholder={field.placeholder}\n                          value={(credValues[field.key] as string) ?? ''}\n                          onChange={(e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value }))}\n                        />\n                      )}\n                    </div>\n                  ))}\n                  <Button type=\"button\" onClick={() => void handleSaveCredentials()} disabled={isSavingCreds}>\n                    {isSavingCreds ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n                    {t('integrations.detail.credentials.save')}\n                  </Button>\n                </CardContent>\n              </Card>\n            )}\n          </TabsContent>\n\n          {hasVersions && (\n            <TabsContent value=\"version\" className=\"space-y-4 mt-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle>{t('integrations.detail.version.select')}</CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  {integration.apiVersions!.map((v) => {\n                    const isSelected = (state.apiVersion ?? integration.apiVersions!.find((x) => x.status === 'stable')?.id) === v.id\n                    return (\n                      <div\n                        key={v.id}\n                        className={`flex items-center justify-between rounded-lg border p-3 cursor-pointer transition-colors ${isSelected ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'}`}\n                        onClick={() => void handleVersionChange(v.id)}\n                      >\n                        <div>\n                          <span className=\"font-medium text-sm\">{v.label ?? v.id}</span>\n                          <Badge\n                            variant={v.status === 'stable' ? 'default' : v.status === 'deprecated' ? 'destructive' : 'secondary'}\n                            className=\"ml-2\"\n                          >\n                            {t(`integrations.detail.version.${v.status}`)}\n                          </Badge>\n                          {v.status === 'deprecated' && v.sunsetAt && (\n                            <span className=\"text-xs text-muted-foreground ml-2\">\n                              {t('integrations.detail.version.sunsetAt', { date: new Date(v.sunsetAt).toLocaleDateString() })}\n                            </span>\n                          )}\n                        </div>\n                        {isSelected && <Badge variant=\"outline\">{t('integrations.detail.version.current')}</Badge>}\n                      </div>\n                    )\n                  })}\n                </CardContent>\n              </Card>\n            </TabsContent>\n          )}\n\n          <TabsContent value=\"health\" className=\"space-y-4 mt-4\">\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle>{t('integrations.detail.health.title')}</CardTitle>\n                  <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleHealthCheck()} disabled={isCheckingHealth}>\n                    {isCheckingHealth ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n                    {isCheckingHealth ? t('integrations.detail.health.checking') : t('integrations.detail.health.check')}\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"text-sm font-medium\">{t('integrations.detail.health.title')}:</span>\n                  {state.lastHealthStatus ? (\n                    <Badge className={HEALTH_STATUS_STYLES[state.lastHealthStatus] ?? ''}>\n                      {t(`integrations.detail.health.${state.lastHealthStatus}`)}\n                    </Badge>\n                  ) : (\n                    <span className=\"text-sm text-muted-foreground\">{t('integrations.detail.health.unknown')}</span>\n                  )}\n                </div>\n                <p className=\"text-xs text-muted-foreground\">\n                  {state.lastHealthCheckedAt\n                    ? t('integrations.detail.health.lastChecked', { date: new Date(state.lastHealthCheckedAt).toLocaleString() })\n                    : t('integrations.detail.health.neverChecked')\n                  }\n                </p>\n              </CardContent>\n            </Card>\n          </TabsContent>\n\n          <TabsContent value=\"logs\" className=\"space-y-4 mt-4\">\n            <div className=\"flex items-center gap-3\">\n              <select\n                className=\"flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm\"\n                value={logLevel}\n                onChange={(e) => setLogLevel(e.target.value)}\n              >\n                <option value=\"\">{t('integrations.detail.logs.level.all')}</option>\n                <option value=\"info\">{t('integrations.detail.logs.level.info')}</option>\n                <option value=\"warn\">{t('integrations.detail.logs.level.warn')}</option>\n                <option value=\"error\">{t('integrations.detail.logs.level.error')}</option>\n              </select>\n            </div>\n            {isLoadingLogs ? (\n              <div className=\"flex justify-center py-8\"><Spinner /></div>\n            ) : logs.length === 0 ? (\n              <p className=\"text-muted-foreground text-sm py-4\">{t('integrations.detail.logs.empty')}</p>\n            ) : (\n              <div className=\"rounded-lg border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('integrations.detail.logs.columns.time')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('integrations.detail.logs.columns.level')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('integrations.detail.logs.columns.message')}</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {logs.map((log) => (\n                      <tr key={log.id} className=\"border-b last:border-0\">\n                        <td className=\"px-4 py-2 text-muted-foreground whitespace-nowrap\">\n                          {new Date(log.createdAt).toLocaleString()}\n                        </td>\n                        <td className=\"px-4 py-2\">\n                          <Badge variant=\"secondary\" className={LOG_LEVEL_STYLES[log.level] ?? ''}>\n                            {log.level}\n                          </Badge>\n                        </td>\n                        <td className=\"px-4 py-2\">{log.message}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </TabsContent>\n        </Tabs>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["params"]
+}

package/dist/modules/integrations/backend/integrations/[id]/page.meta.js

@@ -0,0 +1,15 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["integrations.view"],
+  pageContext: "settings",
+  pageTitle: "Integration Detail",
+  pageTitleKey: "integrations.detail.title",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Integrations", labelKey: "integrations.nav.title", href: "/backend/integrations" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/integrations/backend/integrations/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/integrations/backend/integrations/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['integrations.view'],\n  pageContext: 'settings' as const,\n  pageTitle: 'Integration Detail',\n  pageTitleKey: 'integrations.detail.title',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Integrations', labelKey: 'integrations.nav.title', href: '/backend/integrations' },\n  ],\n}\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,mBAAmB;AAAA,EACrC,aAAa;AAAA,EACb,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,gBAAgB,UAAU,0BAA0B,MAAM,wBAAwB;AAAA,EAC7F;AACF;",
+  "names": []
+}

package/dist/modules/integrations/backend/integrations/bundle/[id]/page.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { Card, CardHeader, CardTitle, CardContent } from "@open-mercato/ui/primitives/card";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+function BundleConfigPage() {
+  const params = useParams();
+  const bundleId = params.id;
+  const t = useT();
+  const [detail, setDetail] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [credValues, setCredValues] = React.useState({});
+  const [isSavingCreds, setIsSavingCreds] = React.useState(false);
+  const [togglingIds, setTogglingIds] = React.useState(/* @__PURE__ */ new Set());
+  const load = React.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    const call = await apiCall(
+      `/api/integrations/${encodeURIComponent(bundleId)}`,
+      void 0,
+      { fallback: null }
+    );
+    if (!call.ok || !call.result) {
+      setError(t("integrations.detail.loadError"));
+      setIsLoading(false);
+      return;
+    }
+    setDetail(call.result);
+    const credCall = await apiCall(
+      `/api/integrations/${encodeURIComponent(bundleId)}/credentials`,
+      void 0,
+      { fallback: null }
+    );
+    if (credCall.ok && credCall.result?.credentials) {
+      setCredValues(credCall.result.credentials);
+    }
+    setIsLoading(false);
+  }, [bundleId, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const handleSaveCredentials = React.useCallback(async () => {
+    setIsSavingCreds(true);
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(bundleId)}/credentials`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ credentials: credValues })
+    }, { fallback: null });
+    if (call.ok) {
+      flash(t("integrations.detail.credentials.saved"), "success");
+    } else {
+      flash(t("integrations.detail.credentials.saveError"), "error");
+    }
+    setIsSavingCreds(false);
+  }, [bundleId, credValues, t]);
+  const handleToggle = React.useCallback(async (integrationId, enabled) => {
+    setTogglingIds((prev) => new Set(prev).add(integrationId));
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/state`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ isEnabled: enabled })
+    }, { fallback: null });
+    if (call.ok) {
+      setDetail((prev) => {
+        if (!prev) return prev;
+        return {
+          ...prev,
+          bundleIntegrations: prev.bundleIntegrations.map(
+            (item) => item.id === integrationId ? { ...item, isEnabled: enabled } : item
+          )
+        };
+      });
+    } else {
+      flash(t("integrations.detail.stateError"), "error");
+    }
+    setTogglingIds((prev) => {
+      const next = new Set(prev);
+      next.delete(integrationId);
+      return next;
+    });
+  }, [t]);
+  const handleBulkToggle = React.useCallback(async (enabled) => {
+    if (!detail) return;
+    const targets = detail.bundleIntegrations.filter((item) => item.isEnabled !== enabled);
+    await Promise.all(targets.map((item) => handleToggle(item.id, enabled)));
+  }, [detail, handleToggle]);
+  if (isLoading) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("integrations.bundle.title") }) }) });
+  if (error || !detail?.bundle) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("integrations.detail.loadError") }) }) });
+  const credFields = detail.bundle.credentials?.fields ?? [];
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/integrations", className: "text-sm text-muted-foreground hover:underline", children: t("integrations.detail.back") }) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: detail.bundle.title }),
+      detail.bundle.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: detail.bundle.description })
+    ] }),
+    credFields.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("integrations.bundle.sharedCredentials") }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        credFields.map((field) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium", children: [
+            field.label,
+            field.required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+          ] }),
+          field.type === "select" && field.options ? /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm",
+              value: credValues[field.key] ?? "",
+              onChange: (e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+                field.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+              ]
+            }
+          ) : field.type === "boolean" ? /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: Boolean(credValues[field.key]),
+              onCheckedChange: (checked) => setCredValues((prev) => ({ ...prev, [field.key]: checked }))
+            }
+          ) : /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: field.type === "secret" ? "password" : "text",
+              placeholder: field.placeholder,
+              value: credValues[field.key] ?? "",
+              onChange: (e) => setCredValues((prev) => ({ ...prev, [field.key]: e.target.value }))
+            }
+          )
+        ] }, field.key)),
+        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handleSaveCredentials(), disabled: isSavingCreds, children: [
+          isSavingCreds ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : null,
+          t("integrations.detail.credentials.save")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("integrations.bundle.integrationToggles") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleBulkToggle(true), children: t("integrations.marketplace.enableAll") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleBulkToggle(false), children: t("integrations.marketplace.disableAll") })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: detail.bundleIntegrations.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/integrations/${encodeURIComponent(item.id)}`,
+              className: "text-sm font-medium hover:underline",
+              children: item.title
+            }
+          ),
+          item.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-2 text-xs", children: item.category }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: item.description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: `/backend/integrations/${encodeURIComponent(item.id)}`, children: t("integrations.bundle.configureIntegration") }) }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: item.isEnabled,
+              disabled: togglingIds.has(item.id),
+              onCheckedChange: (checked) => void handleToggle(item.id, checked)
+            }
+          )
+        ] })
+      ] }, item.id)) }) })
+    ] })
+  ] }) });
+}
+export {
+  BundleConfigPage as default
+};
+//# sourceMappingURL=page.js.map