@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/OAuthClientsPage.js

@@ -0,0 +1,289 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { cn as t } from "../utils/cn.js";
+import { EmptyState as n } from "../components/EmptyState.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { ActiveIndicator as i } from "../components/StatusBadge.js";
+import { DataTable as a } from "../components/DataTable.js";
+import { useCurrentUserAppsQuery as o } from "../../generated/global-operations.js";
+import { PermissionGuard as s } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as c } from "../constants/permissions.js";
+import { getErrorMessage as l } from "../hooks/useGraphQL.js";
+import "../hooks/index.js";
+import { useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as f, Loader2 as p, Plus as m, Search as h, Shield as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/devportal/pages/OAuthClientsPage.tsx
+var y = () => {
+	let { navigate: y, basePath: b } = e(), { t: x } = d(), S = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [C, w] = u(""), [T, E] = u(""), { data: D, loading: O, error: k, refetch: A } = o({ fetchPolicy: "cache-and-network" }), j = D?.currentUserApps?.map((e) => ({
+		id: e.id,
+		name: e.name,
+		description: e.description ?? void 0,
+		clientId: e.clientId,
+		type: e.type,
+		status: e.status,
+		scopes: e.scopes ?? [],
+		redirectUris: e.redirectUris ?? [],
+		ownerUserId: e.ownerUserId,
+		tenantId: e.tenantId ?? "",
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt
+	})) ?? [], M = (e) => {
+		y?.(`${b}${e}`);
+	}, N = j.filter((e) => {
+		let t = !C || e.name.toLowerCase().includes(C.toLowerCase()) || e.clientId.toLowerCase().includes(C.toLowerCase()), n = !T || e.type === T;
+		return t && n;
+	});
+	if (O && !D) return /* @__PURE__ */ _(r, {
+		title: S("devportal.oauthApps", "OAuth Apps"),
+		description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+		children: /* @__PURE__ */ v("div", {
+			className: "flex items-center justify-center py-12",
+			children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ _("span", {
+				className: "ml-2 text-muted-foreground",
+				children: S("devportal.loadingApps", "Loading apps...")
+			})]
+		})
+	});
+	if (k) return /* @__PURE__ */ _(r, {
+		title: S("devportal.oauthApps", "OAuth Apps"),
+		description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+		children: /* @__PURE__ */ v("div", {
+			className: "rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center",
+			children: [
+				/* @__PURE__ */ _(f, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ _("h3", {
+					className: "mt-2 font-medium text-destructive",
+					children: S("devportal.failedToLoadApps", "Failed to load apps")
+				}),
+				/* @__PURE__ */ _("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: l(k)
+				}),
+				/* @__PURE__ */ _("button", {
+					onClick: () => A(),
+					className: "mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+					children: S("devportal.tryAgain", "Try Again")
+				})
+			]
+		})
+	});
+	let P = [
+		{
+			key: "name",
+			header: "App",
+			render: (e) => /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: t("flex h-10 w-10 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-primary/10 text-primary" : "bg-bg-sunken text-text-tertiary"),
+					children: /* @__PURE__ */ _(g, { size: 20 })
+				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ _("p", {
+						className: "font-medium",
+						children: e.name
+					}), /* @__PURE__ */ _("span", {
+						className: t("rounded px-1.5 py-0.5 text-xs", e.type === "SERVICE" ? "bg-accent-purple-subtle text-accent-purple" : e.type === "INTEGRATION" || e.type === "API_INTEGRATION" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-status-success-bg-subtle text-status-success-text"),
+						children: e.type
+					})]
+				}), /* @__PURE__ */ _("code", {
+					className: "text-xs text-muted-foreground",
+					children: e.clientId
+				})] })]
+			})
+		},
+		{
+			key: "scopes",
+			header: "Scopes",
+			render: (e) => /* @__PURE__ */ v("div", {
+				className: "flex flex-wrap gap-1",
+				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ _("span", {
+					className: "inline-flex rounded bg-muted px-1.5 py-0.5 text-xs",
+					children: e
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ v("span", {
+					className: "text-xs text-muted-foreground",
+					children: ["+", e.scopes.length - 3]
+				})]
+			})
+		},
+		{
+			key: "redirectUris",
+			header: "Redirect URIs",
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "text-sm",
+				children: [
+					e.redirectUris.length,
+					" URI",
+					e.redirectUris.length === 1 ? "" : "s"
+				]
+			})
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ _(i, { active: e.status === "ACTIVE" }), /* @__PURE__ */ _("span", {
+					className: "text-sm",
+					children: e.status
+				})]
+			})
+		}
+	], F = {
+		total: j.length,
+		active: j.filter((e) => e.status === "ACTIVE").length,
+		integration: j.filter((e) => e.type === "INTEGRATION" || e.type === "API_INTEGRATION").length,
+		service: j.filter((e) => e.type === "SERVICE").length
+	};
+	return /* @__PURE__ */ _(s, {
+		permission: c.APP_READ,
+		children: /* @__PURE__ */ v(r, {
+			title: S("devportal.oauthApps", "OAuth Apps"),
+			description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+			actions: /* @__PURE__ */ v("button", {
+				onClick: () => M("/oauth/new"),
+				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+				children: [/* @__PURE__ */ _(m, { size: 16 }), S("devportal.createApp", "Create App")]
+			}),
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: /* @__PURE__ */ v("div", {
+						className: "flex flex-1 items-center gap-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "relative flex-1 max-w-md",
+							children: [/* @__PURE__ */ _(h, {
+								size: 16,
+								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+							}), /* @__PURE__ */ _("input", {
+								type: "text",
+								placeholder: S("devportal.searchByNameOrClientId", "Search by name or client ID..."),
+								value: C,
+								onChange: (e) => w(e.target.value),
+								className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+							})]
+						}), /* @__PURE__ */ v("select", {
+							value: T,
+							onChange: (e) => E(e.target.value),
+							className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "",
+									children: S("devportal.allTypes", "All Types")
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "SERVICE",
+									children: S("devportal.service", "Service")
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "INTEGRATION",
+									children: S("devportal.integration", "Integration")
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "BOT",
+									children: S("devportal.bot", "Bot")
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "WEB_APP",
+									children: S("devportal.webApp", "Web App")
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "AUTOMATION",
+									children: S("devportal.automation", "Automation")
+								})
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2 text-muted-foreground",
+								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
+									className: "text-sm",
+									children: S("devportal.totalApps", "Total Apps")
+								})]
+							}), /* @__PURE__ */ _("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: F.total
+							})]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2 text-status-success-text",
+								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
+									className: "text-sm",
+									children: S("devportal.active", "Active")
+								})]
+							}), /* @__PURE__ */ _("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: F.active
+							})]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2 text-accent-blue",
+								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
+									className: "text-sm",
+									children: S("devportal.integration", "Integration")
+								})]
+							}), /* @__PURE__ */ _("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: F.integration
+							})]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2 text-accent-purple",
+								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
+									className: "text-sm",
+									children: S("devportal.service", "Service")
+								})]
+							}), /* @__PURE__ */ _("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: F.service
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						N.length,
+						" ",
+						N.length === 1 ? S("devportal.appFound", "app found") : S("devportal.appsFound", "apps found")
+					]
+				}),
+				N.length > 0 ? /* @__PURE__ */ _(a, {
+					data: N,
+					columns: P,
+					keyField: "id",
+					onRowClick: (e) => M(`/oauth/${e.id}`)
+				}) : /* @__PURE__ */ _(n, {
+					icon: /* @__PURE__ */ _(g, { size: 32 }),
+					title: S("devportal.noOAuthAppsFound", "No OAuth apps found"),
+					description: C || T ? S("devportal.tryAdjustingFilters", "Try adjusting your filters") : S("devportal.createFirstOAuthApp", "Create your first OAuth app to enable authentication"),
+					action: !C && !T ? /* @__PURE__ */ v("button", {
+						onClick: () => M("/oauth/new"),
+						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+						children: [/* @__PURE__ */ _(m, { size: 16 }), S("devportal.createApp", "Create App")]
+					}) : void 0
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { y as OAuthClientsPage };
+
+//# sourceMappingURL=OAuthClientsPage.js.map

package/dist/devportal/pages/OAuthClientsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthClientsPage.js","names":[],"sources":["../../../src/devportal/pages/OAuthClientsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Plus, Search, Shield, Loader2, AlertCircle } from \"lucide-react\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { DataTable } from \"../components/DataTable\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { AuthApp } from \"../types\";\nimport { cn } from \"../utils/cn\";\nimport { useCurrentUserAppsQuery, getErrorMessage } from \"../hooks\";\n\n/**\n * OAuth Apps listing page\n *\n * Displays the current user's OAuth apps from auth-svc.\n * Previously showed devportal-svc OAuthClients per application;\n * now shows all user-owned apps centrally.\n */\nexport const OAuthClientsPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [typeFilter, setTypeFilter] = useState<string>(\"\");\n\n  // Fetch apps from auth-svc (user-scoped, no applicationId needed)\n  const { data, loading, error, refetch } = useCurrentUserAppsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const apps: AuthApp[] =\n    data?.currentUserApps?.map(\n      (app: (typeof data.currentUserApps)[number]) => ({\n        id: app.id,\n        name: app.name,\n        description: app.description ?? undefined,\n        clientId: app.clientId,\n        type: app.type as AuthApp[\"type\"],\n        status: app.status as AuthApp[\"status\"],\n        scopes: app.scopes ?? [],\n        redirectUris: app.redirectUris ?? [],\n        ownerUserId: app.ownerUserId,\n        tenantId: app.tenantId ?? \"\",\n        createdAt: app.createdAt,\n        updatedAt: app.updatedAt,\n      }),\n    ) ?? [];\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Filter apps\n  const filteredApps = apps.filter((app) => {\n    const matchesSearch =\n      !searchQuery ||\n      app.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      app.clientId.toLowerCase().includes(searchQuery.toLowerCase());\n    const matchesType = !typeFilter || app.type === typeFilter;\n    return matchesSearch && matchesType;\n  });\n\n  // Loading state\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.oauthApps\", \"OAuth Apps\")}\n        description={tr(\n          \"devportal.manageOAuthApps\",\n          \"Manage your OAuth applications and credentials\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n          <span className=\"ml-2 text-muted-foreground\">\n            {tr(\"devportal.loadingApps\", \"Loading apps...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.oauthApps\", \"OAuth Apps\")}\n        description={tr(\n          \"devportal.manageOAuthApps\",\n          \"Manage your OAuth applications and credentials\",\n        )}\n      >\n        <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-destructive\" />\n          <h3 className=\"mt-2 font-medium text-destructive\">\n            {tr(\"devportal.failedToLoadApps\", \"Failed to load apps\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            {getErrorMessage(error)}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const columns = [\n    {\n      key: \"name\",\n      header: \"App\",\n      render: (app: AuthApp) => (\n        <div className=\"flex items-center gap-3\">\n          <div\n            className={cn(\n              \"flex h-10 w-10 items-center justify-center rounded-lg\",\n              app.status === \"ACTIVE\"\n                ? \"bg-primary/10 text-primary\"\n                : \"bg-bg-sunken text-text-tertiary\",\n            )}\n          >\n            <Shield size={20} />\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <p className=\"font-medium\">{app.name}</p>\n              <span\n                className={cn(\n                  \"rounded px-1.5 py-0.5 text-xs\",\n                  app.type === \"SERVICE\"\n                    ? \"bg-accent-purple-subtle text-accent-purple\"\n                    : app.type === \"INTEGRATION\" ||\n                        app.type === \"API_INTEGRATION\"\n                      ? \"bg-status-info-bg-subtle text-status-info-text\"\n                      : \"bg-status-success-bg-subtle text-status-success-text\",\n                )}\n              >\n                {app.type}\n              </span>\n            </div>\n            <code className=\"text-xs text-muted-foreground\">\n              {app.clientId}\n            </code>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: \"scopes\",\n      header: \"Scopes\",\n      render: (app: AuthApp) => (\n        <div className=\"flex flex-wrap gap-1\">\n          {app.scopes.slice(0, 3).map((scope) => (\n            <span\n              key={scope}\n              className=\"inline-flex rounded bg-muted px-1.5 py-0.5 text-xs\"\n            >\n              {scope}\n            </span>\n          ))}\n          {app.scopes.length > 3 && (\n            <span className=\"text-xs text-muted-foreground\">\n              +{app.scopes.length - 3}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: \"redirectUris\",\n      header: \"Redirect URIs\",\n      render: (app: AuthApp) => (\n        <span className=\"text-sm\">\n          {app.redirectUris.length} URI\n          {app.redirectUris.length !== 1 ? \"s\" : \"\"}\n        </span>\n      ),\n    },\n    {\n      key: \"status\",\n      header: \"Status\",\n      render: (app: AuthApp) => (\n        <div className=\"flex items-center gap-2\">\n          <ActiveIndicator active={app.status === \"ACTIVE\"} />\n          <span className=\"text-sm\">{app.status}</span>\n        </div>\n      ),\n    },\n  ];\n\n  // Stats\n  const stats = {\n    total: apps.length,\n    active: apps.filter((a) => a.status === \"ACTIVE\").length,\n    integration: apps.filter(\n      (a) => a.type === \"INTEGRATION\" || a.type === \"API_INTEGRATION\",\n    ).length,\n    service: apps.filter((a) => a.type === \"SERVICE\").length,\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.oauthApps\", \"OAuth Apps\")}\n        description={tr(\n          \"devportal.manageOAuthApps\",\n          \"Manage your OAuth applications and credentials\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/oauth/new\")}\n            className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n          >\n            <Plus size={16} />\n            {tr(\"devportal.createApp\", \"Create App\")}\n          </button>\n        }\n      >\n        {/* Filters */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-4\">\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\n                  \"devportal.searchByNameOrClientId\",\n                  \"Search by name or client ID...\",\n                )}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n            <select\n              value={typeFilter}\n              onChange={(e) => setTypeFilter(e.target.value)}\n              className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">{tr(\"devportal.allTypes\", \"All Types\")}</option>\n              <option value=\"SERVICE\">\n                {tr(\"devportal.service\", \"Service\")}\n              </option>\n              <option value=\"INTEGRATION\">\n                {tr(\"devportal.integration\", \"Integration\")}\n              </option>\n              <option value=\"BOT\">{tr(\"devportal.bot\", \"Bot\")}</option>\n              <option value=\"WEB_APP\">\n                {tr(\"devportal.webApp\", \"Web App\")}\n              </option>\n              <option value=\"AUTOMATION\">\n                {tr(\"devportal.automation\", \"Automation\")}\n              </option>\n            </select>\n          </div>\n        </div>\n\n        {/* Summary Stats */}\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground\">\n              <Shield size={16} />\n              <span className=\"text-sm\">\n                {tr(\"devportal.totalApps\", \"Total Apps\")}\n              </span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.total}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-status-success-text\">\n              <Shield size={16} />\n              <span className=\"text-sm\">\n                {tr(\"devportal.active\", \"Active\")}\n              </span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.active}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-accent-blue\">\n              <Shield size={16} />\n              <span className=\"text-sm\">\n                {tr(\"devportal.integration\", \"Integration\")}\n              </span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.integration}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-accent-purple\">\n              <Shield size={16} />\n              <span className=\"text-sm\">\n                {tr(\"devportal.service\", \"Service\")}\n              </span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.service}</p>\n          </div>\n        </div>\n\n        <p className=\"text-sm text-muted-foreground\">\n          {filteredApps.length}{\" \"}\n          {filteredApps.length !== 1\n            ? tr(\"devportal.appsFound\", \"apps found\")\n            : tr(\"devportal.appFound\", \"app found\")}\n        </p>\n\n        {/* Apps Table */}\n        {filteredApps.length > 0 ? (\n          <DataTable\n            data={filteredApps}\n            columns={columns}\n            keyField=\"id\"\n            onRowClick={(app) => handleNavigate(`/oauth/${app.id}`)}\n          />\n        ) : (\n          <EmptyState\n            icon={<Shield size={32} />}\n            title={tr(\"devportal.noOAuthAppsFound\", \"No OAuth apps found\")}\n            description={\n              searchQuery || typeFilter\n                ? tr(\n                    \"devportal.tryAdjustingFilters\",\n                    \"Try adjusting your filters\",\n                  )\n                : tr(\n                    \"devportal.createFirstOAuthApp\",\n                    \"Create your first OAuth app to enable authentication\",\n                  )\n            }\n            action={\n              !searchQuery && !typeFilter ? (\n                <button\n                  onClick={() => handleNavigate(\"/oauth/new\")}\n                  className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n                >\n                  <Plus size={16} />\n                  {tr(\"devportal.createApp\", \"Create App\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/OrganizationDetailPage.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+/**
+ * Organization detail page
+ */
+export declare const OrganizationDetailPage: FC;
+//# sourceMappingURL=OrganizationDetailPage.d.ts.map

package/dist/devportal/pages/OrganizationDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationDetailPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/OrganizationDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA4HhC;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAuNpC,CAAC"}