@burdenoff/microfe-devportal 2026.609.4 → 2026.611.1

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

@@ -1 +1 @@
-{"version":3,"file":"ListingPreviewPage.js","names":[],"sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Star,\n  Download,\n  Globe,\n  FileText,\n  Shield,\n  ExternalLink,\n  Tag,\n  CheckCircle,\n  Loader2,\n  Eye,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useGetApplicationQuery } from \"../../generated/global-operations\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst PRICING_LABELS: Record<string, string> = {\n  FREE: \"Free\",\n  FREEMIUM: \"Free with in-app purchases\",\n  PAID: \"Paid\",\n  ONE_TIME: \"One-time purchase\",\n  SUBSCRIPTION: \"Subscription\",\n  USAGE_BASED: \"Usage-based pricing\",\n  ENTERPRISE: \"Enterprise pricing\",\n};\n\nconst APP_TYPE_LABELS: Record<string, string> = {\n  WORKFLOW: \"Workflow\",\n  WIDGET: \"Widget\",\n  BOT: \"Bot / Chatbot\",\n  API_INTEGRATION: \"API Integration\",\n  INTEGRATION: \"Integration\",\n  ANALYST: \"AI Analyst\",\n  ASSISTANT: \"AI Assistant\",\n  AUTOMATION: \"Automation\",\n  SPECIALIST: \"AI Specialist\",\n  WEB_APP: \"Web App\",\n  MOBILE_APP: \"Mobile App\",\n  DESKTOP_APP: \"Desktop App\",\n  CLI_TOOL: \"CLI Tool\",\n  SERVICE: \"Service\",\n};\n\n// ============================================================================\n// Listing Preview Page\n// ============================================================================\n\nexport const ListingPreviewPage: FC = () => {\n  const { appId } = useParams<{ appId: string }>();\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 { data, loading, error } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const app = data?.application;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\"devportal.loading\", \"Loading...\")}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.couldNotLoadApplication\",\n          \"Could not load application\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <Alert\n          variant=\"error\"\n          title={tr(\n            \"devportal.failedToLoadApplication\",\n            \"Failed to load application\",\n          )}\n        >\n          {error?.message ??\n            tr(\"devportal.applicationNotFound\", \"Application not found\")}\n        </Alert>\n      </PageLayout>\n    );\n  }\n\n  const screenshots = Array.isArray(app.screenshots)\n    ? (app.screenshots as string[])\n    : [];\n\n  const isPublished = app.status === \"PUBLISHED\";\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.marketplacePreviewDescription\",\n          \"Preview how your app will appear in the marketplace\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n        actions={\n          !isPublished ? (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/publish`)}\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              <Eye size={16} />\n              {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n            </button>\n          ) : undefined\n        }\n      >\n        {/* Preview banner */}\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text\">\n          <Eye size={16} className=\"flex-shrink-0\" />\n          <span>\n            {tr(\n              \"devportal.previewBannerText\",\n              \"This is a preview of your marketplace listing. It shows how your app will appear to users after publication.\",\n            )}\n          </span>\n        </div>\n\n        {/* === Simulated marketplace product page === */}\n        <div className=\"rounded-xl border bg-card overflow-hidden\">\n          {/* Banner */}\n          {app.bannerUrl ? (\n            <div className=\"h-48 w-full overflow-hidden\">\n              <img\n                src={app.bannerUrl}\n                alt={tr(\"devportal.appBannerAlt\", \"App banner\")}\n                className=\"h-full w-full object-cover\"\n              />\n            </div>\n          ) : (\n            <div className=\"h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5\" />\n          )}\n\n          {/* Hero */}\n          <div className=\"p-6\">\n            <div className=\"flex items-start gap-5\">\n              {app.iconUrl ? (\n                <img\n                  src={app.iconUrl}\n                  alt={app.name}\n                  className=\"h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm\"\n                />\n              ) : (\n                <div className=\"h-20 w-20 rounded-2xl border bg-muted flex items-center justify-center flex-shrink-0\">\n                  <span\n                    className=\"text-3xl font-bold text-muted-foreground\"\n                    aria-label={tr(\n                      \"devportal.appIconFallbackAriaLabel\",\n                      \"App icon\",\n                    )}\n                  >\n                    {app.name.charAt(0).toUpperCase()}\n                  </span>\n                </div>\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h1 className=\"text-2xl font-bold\">{app.name}</h1>\n                  {app.isVerified && (\n                    <CheckCircle size={20} className=\"text-primary\" />\n                  )}\n                  {app.isFeatured && (\n                    <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n                      {tr(\"devportal.featured\", \"Featured\")}\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"mt-1 text-muted-foreground\">\n                  {app.shortDescription ??\n                    app.description ??\n                    tr(\"devportal.noDescription\", \"No description\")}\n                </p>\n\n                <div className=\"mt-3 flex flex-wrap items-center gap-4 text-sm text-muted-foreground\">\n                  {app.averageRating != null && (\n                    <div className=\"flex items-center gap-1\">\n                      <Star\n                        size={14}\n                        className=\"text-status-warning-text fill-status-warning-text\"\n                      />\n                      <span className=\"font-medium text-foreground\">\n                        {app.averageRating.toFixed(1)}\n                      </span>\n                      <span>\n                        ({app.reviewCount ?? 0}{\" \"}\n                        {tr(\"devportal.reviews\", \"reviews\")})\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center gap-1\">\n                    <Download size={14} />\n                    <span>\n                      {(app.installCount ?? 0).toLocaleString()}{\" \"}\n                      {tr(\"devportal.installs\", \"installs\")}\n                    </span>\n                  </div>\n                  {app.category && (\n                    <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                      {app.category}\n                    </span>\n                  )}\n                  <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                    {APP_TYPE_LABELS[app.appType] ?? app.appType}\n                  </span>\n                </div>\n              </div>\n\n              {/* Install CTA (simulated) */}\n              <div className=\"flex-shrink-0 text-right space-y-2\">\n                <div className=\"text-lg font-semibold\">\n                  {PRICING_LABELS[app.pricingType ?? \"FREE\"] ?? \"Free\"}\n                </div>\n                <button\n                  disabled\n                  className=\"w-full rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground opacity-60 cursor-not-allowed\"\n                  title={tr(\"devportal.previewOnly\", \"Preview only\")}\n                >\n                  {tr(\"devportal.install\", \"Install\")}\n                </button>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.previewOnly\", \"Preview only\")}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Screenshots */}\n          {screenshots.length > 0 && (\n            <div className=\"border-t px-6 py-5\">\n              <h2 className=\"text-base font-semibold mb-3\">\n                {tr(\"devportal.screenshots\", \"Screenshots\")}\n              </h2>\n              <div className=\"flex gap-3 overflow-x-auto pb-2\">\n                {screenshots.map((url, i) => (\n                  <img\n                    key={i}\n                    src={url}\n                    alt={`${tr(\"devportal.screenshotAlt\", \"Screenshot\")} ${i + 1}`}\n                    className=\"h-44 w-auto rounded-lg border object-cover flex-shrink-0\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Description */}\n          <div className=\"border-t px-6 py-5\">\n            <h2 className=\"text-base font-semibold mb-2\">\n              {tr(\"devportal.about\", \"About\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">\n              {app.description ??\n                app.shortDescription ??\n                tr(\n                  \"devportal.noDetailedDescription\",\n                  \"No detailed description provided.\",\n                )}\n            </p>\n          </div>\n\n          {/* Tags */}\n          {Array.isArray(app.tags) && app.tags.length > 0 && (\n            <div className=\"border-t px-6 py-4\">\n              <div className=\"flex flex-wrap gap-2\">\n                {(app.tags as string[]).map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-muted-foreground\"\n                  >\n                    <Tag size={10} />\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Links & Compliance */}\n          <div className=\"border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n            {app.websiteUrl && (\n              <a\n                href={app.websiteUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Globe size={14} />\n                {tr(\"devportal.website\", \"Website\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.documentationUrl && (\n              <a\n                href={app.documentationUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.documentation\", \"Documentation\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.privacyPolicyUrl && (\n              <a\n                href={app.privacyPolicyUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Shield size={14} />\n                {tr(\"devportal.privacyPolicy\", \"Privacy Policy\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.termsOfServiceUrl && (\n              <a\n                href={app.termsOfServiceUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.termsOfService\", \"Terms of Service\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n          </div>\n        </div>\n\n        {/* Completeness tips */}\n        <PageSection\n          title={tr(\"devportal.listingCompleteness\", \"Listing Completeness\")}\n        >\n          <div className=\"space-y-2\">\n            {[\n              {\n                label: tr(\"devportal.completenessAppIcon\", \"App icon\"),\n                ok: !!app.iconUrl,\n              },\n              {\n                label: tr(\"devportal.completenessBannerImage\", \"Banner image\"),\n                ok: !!app.bannerUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessShortDescription\",\n                  \"Short description\",\n                ),\n                ok: !!app.shortDescription,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessFullDescription\",\n                  \"Full description\",\n                ),\n                ok: !!app.description,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessScreenshots\",\n                  \"Screenshots (3+)\",\n                ),\n                ok: screenshots.length >= 3,\n              },\n              {\n                label: tr(\"devportal.completenessCategory\", \"Category\"),\n                ok: !!app.category,\n              },\n              {\n                label: tr(\"devportal.completenessTags\", \"Tags\"),\n                ok:\n                  Array.isArray(app.tags) && (app.tags as string[]).length > 0,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessPrivacyPolicy\",\n                  \"Privacy policy URL\",\n                ),\n                ok: !!app.privacyPolicyUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessTermsOfService\",\n                  \"Terms of service URL\",\n                ),\n                ok: !!app.termsOfServiceUrl,\n              },\n            ].map(({ label, ok }) => (\n              <div key={label} className=\"flex items-center gap-3 text-sm\">\n                {ok ? (\n                  <CheckCircle\n                    size={16}\n                    className=\"text-status-success-text flex-shrink-0\"\n                  />\n                ) : (\n                  <div className=\"h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0\" />\n                )}\n                <span\n                  className={ok ? \"text-foreground\" : \"text-muted-foreground\"}\n                >\n                  {label}\n                </span>\n              </div>\n            ))}\n          </div>\n          {!isPublished && (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/edit`)}\n              className=\"mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-muted\"\n            >\n              {tr(\n                \"devportal.editToImproveListing\",\n                \"Edit to improve listing →\",\n              )}\n            </button>\n          )}\n        </PageSection>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAM,IAAyC;CAC7C,MAAM;CACN,UAAU;CACV,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,EAEK,IAA0C;CAC9C,UAAU;CACV,QAAQ;CACR,KAAK;CACL,iBAAiB;CACjB,aAAa;CACb,SAAS;CACT,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,YAAY;CACZ,aAAa;CACb,UAAU;CACV,SAAS;CACV,EAMY,UAA+B;CAC1C,IAAM,EAAE,aAAU,GAA8B,EAC1C,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,SAAM,YAAS,aAAU,EAAuB;EACtD,WAAW,EAAE,IAAI,GAAQ;EACzB,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAM,GAAM;AAElB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,gCAAgC,sBAAsB;EAChE,aAAa,EAAG,qBAAqB,aAAa;EAClD,UAAU,SAAS;EACnB,WAAW,EAAG,+BAA+B,sBAAsB;YAEnE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;GAC9D,CAAA;EACK,CAAA;AAIjB,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,gCAAgC,sBAAsB;EAChE,aAAa,EACX,qCACA,6BACD;EACD,UAAU,SAAS;EACnB,WAAW,EAAG,+BAA+B,sBAAsB;YAEnE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAO,EACL,qCACA,6BACD;aAEA,GAAO,WACN,EAAG,iCAAiC,wBAAwB;GACxD,CAAA;EACG,CAAA;CAIjB,IAAM,IAAc,MAAM,QAAQ,EAAI,YAAY,GAC7C,EAAI,cACL,EAAE,EAEA,IAAc,EAAI,WAAW;AAEnC,QACE,kBAAC,GAAD;EAAiB,YAAY,EAAsB;YACjD,kBAAC,GAAD;GACE,OAAO,EAAG,gCAAgC,sBAAsB;GAChE,aAAa,EACX,2CACA,sDACD;GACD,UAAU,SAAS;GACnB,WAAW,EAAG,+BAA+B,sBAAsB;GACnE,SACG,IAQG,KAAA,IAPF,kBAAC,UAAD;IACE,eAAe,IAAW,GAAG,EAAS,QAAQ,EAAM,UAAU;IAC9D,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA,EAChB,EAAG,6BAA6B,oBAAoB,CAC9C;;aAhBf;IAqBE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAK,MAAM;MAAI,WAAU;MAAkB,CAAA,EAC3C,kBAAC,QAAD,EAAA,UACG,EACC,+BACA,+GACD,EACI,CAAA,CACH;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,EAAI,YACH,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,KAAK,EAAI;QACT,KAAK,EAAG,0BAA0B,aAAa;QAC/C,WAAU;QACV,CAAA;OACE,CAAA,GAEN,kBAAC,OAAD,EAAK,WAAU,6DAA8D,CAAA;MAI/E,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACG,EAAI,UACH,kBAAC,OAAD;UACE,KAAK,EAAI;UACT,KAAK,EAAI;UACT,WAAU;UACV,CAAA,GAEF,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,QAAD;WACE,WAAU;WACV,cAAY,EACV,sCACA,WACD;qBAEA,EAAI,KAAK,OAAO,EAAE,CAAC,aAAa;WAC5B,CAAA;UACH,CAAA;SAGR,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,MAAD;cAAI,WAAU;wBAAsB,EAAI;cAAU,CAAA;aACjD,EAAI,cACH,kBAAC,GAAD;cAAa,MAAM;cAAI,WAAU;cAAiB,CAAA;aAEnD,EAAI,cACH,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAG,sBAAsB,WAAW;cAChC,CAAA;aAEL;;WAEN,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAI,oBACH,EAAI,eACJ,EAAG,2BAA2B,iBAAiB;YAC/C,CAAA;WAEJ,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACG,EAAI,iBAAiB,QACpB,kBAAC,OAAD;cAAK,WAAU;wBAAf;eACE,kBAAC,GAAD;gBACE,MAAM;gBACN,WAAU;gBACV,CAAA;eACF,kBAAC,QAAD;gBAAM,WAAU;0BACb,EAAI,cAAc,QAAQ,EAAE;gBACxB,CAAA;eACP,kBAAC,QAAD,EAAA,UAAA;gBAAM;gBACF,EAAI,eAAe;gBAAG;gBACvB,EAAG,qBAAqB,UAAU;gBAAC;gBAC/B,EAAA,CAAA;eACH;;aAER,kBAAC,OAAD;cAAK,WAAU;wBAAf,CACE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACtB,kBAAC,QAAD,EAAA,UAAA;gBACI,EAAI,gBAAgB,GAAG,gBAAgB;eAAE;eAC1C,EAAG,sBAAsB,WAAW;eAChC,EAAA,CAAA,CACH;;aACL,EAAI,YACH,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAI;cACA,CAAA;aAET,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAgB,EAAI,YAAY,EAAI;cAChC,CAAA;aACH;;WACF;;SAGN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,OAAD;YAAK,WAAU;sBACZ,EAAe,EAAI,eAAe,WAAW;YAC1C,CAAA;WACN,kBAAC,UAAD;YACE,UAAA;YACA,WAAU;YACV,OAAO,EAAG,yBAAyB,eAAe;sBAEjD,EAAG,qBAAqB,UAAU;YAC5B,CAAA;WACT,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAG,yBAAyB,eAAe;YAC1C,CAAA;WACA;;SACF;;OACF,CAAA;MAGL,EAAY,SAAS,KACpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,yBAAyB,cAAc;QACxC,CAAA,EACL,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,KAAK,GAAK,MACrB,kBAAC,OAAD;SAEE,KAAK;SACL,KAAK,GAAG,EAAG,2BAA2B,aAAa,CAAC,GAAG,IAAI;SAC3D,WAAU;SACV,EAJK,EAIL,CACF;QACE,CAAA,CACF;;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,mBAAmB,QAAQ;QAC5B,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAI,eACH,EAAI,oBACJ,EACE,mCACA,oCACD;QACD,CAAA,CACA;;MAGL,MAAM,QAAQ,EAAI,KAAK,IAAI,EAAI,KAAK,SAAS,KAC5C,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QAAK,WAAU;kBACX,EAAI,KAAkB,KAAK,MAC3B,kBAAC,QAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA,EAChB,EACI;WALA,EAKA,CACP;QACE,CAAA;OACF,CAAA;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,EAAI,cACH,kBAAC,KAAD;SACE,MAAM,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;mBAJZ;UAME,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;UAClB,EAAG,qBAAqB,UAAU;UACnC,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;UACxB;;QAEL,EAAI,oBACH,kBAAC,KAAD;SACE,MAAM,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;mBAJZ;UAME,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;UACrB,EAAG,2BAA2B,gBAAgB;UAC/C,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;UACxB;;QAEL,EAAI,oBACH,kBAAC,KAAD;SACE,MAAM,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;mBAJZ;UAME,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;UACnB,EAAG,2BAA2B,iBAAiB;UAChD,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;UACxB;;QAEL,EAAI,qBACH,kBAAC,KAAD;SACE,MAAM,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;mBAJZ;UAME,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;UACrB,EAAG,4BAA4B,mBAAmB;UACnD,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;UACxB;;QAEF;;MACF;;IAGN,kBAAC,GAAD;KACE,OAAO,EAAG,iCAAiC,uBAAuB;eADpE,CAGE,kBAAC,OAAD;MAAK,WAAU;gBACZ;OACC;QACE,OAAO,EAAG,iCAAiC,WAAW;QACtD,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EAAG,qCAAqC,eAAe;QAC9D,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EACL,0CACA,oBACD;QACD,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EACL,yCACA,mBACD;QACD,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EACL,qCACA,mBACD;QACD,IAAI,EAAY,UAAU;QAC3B;OACD;QACE,OAAO,EAAG,kCAAkC,WAAW;QACvD,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EAAG,8BAA8B,OAAO;QAC/C,IACE,MAAM,QAAQ,EAAI,KAAK,IAAK,EAAI,KAAkB,SAAS;QAC9D;OACD;QACE,OAAO,EACL,uCACA,qBACD;QACD,IAAI,CAAC,CAAC,EAAI;QACX;OACD;QACE,OAAO,EACL,wCACA,uBACD;QACD,IAAI,CAAC,CAAC,EAAI;QACX;OACF,CAAC,KAAK,EAAE,UAAO,YACd,kBAAC,OAAD;OAAiB,WAAU;iBAA3B,CACG,IACC,kBAAC,GAAD;QACE,MAAM;QACN,WAAU;QACV,CAAA,GAEF,kBAAC,OAAD,EAAK,WAAU,uEAAwE,CAAA,EAEzF,kBAAC,QAAD;QACE,WAAW,IAAK,oBAAoB;kBAEnC;QACI,CAAA,CACH;SAdI,EAcJ,CACN;MACE,CAAA,EACL,CAAC,KACA,kBAAC,UAAD;MACE,eAAe,IAAW,GAAG,EAAS,QAAQ,EAAM,OAAO;MAC3D,WAAU;gBAET,EACC,kCACA,4BACD;MACM,CAAA,CAEC;;IACH;;EACG,CAAA"}
+{"version":3,"file":"ListingPreviewPage.js","names":[],"sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Star,\n  Download,\n  Globe,\n  FileText,\n  Shield,\n  ExternalLink,\n  Tag,\n  CheckCircle,\n  Loader2,\n  Eye,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useGetApplicationQuery } from \"../../generated/global-operations\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst PRICING_LABELS: Record<string, string> = {\n  FREE: \"Free\",\n  FREEMIUM: \"Free with in-app purchases\",\n  PAID: \"Paid\",\n  ONE_TIME: \"One-time purchase\",\n  SUBSCRIPTION: \"Subscription\",\n  USAGE_BASED: \"Usage-based pricing\",\n  ENTERPRISE: \"Enterprise pricing\",\n};\n\nconst APP_TYPE_LABELS: Record<string, string> = {\n  WORKFLOW: \"Workflow\",\n  WIDGET: \"Widget\",\n  BOT: \"Bot / Chatbot\",\n  API_INTEGRATION: \"API Integration\",\n  INTEGRATION: \"Integration\",\n  ANALYST: \"AI Analyst\",\n  ASSISTANT: \"AI Assistant\",\n  AUTOMATION: \"Automation\",\n  SPECIALIST: \"AI Specialist\",\n  WEB_APP: \"Web App\",\n  MOBILE_APP: \"Mobile App\",\n  DESKTOP_APP: \"Desktop App\",\n  CLI_TOOL: \"CLI Tool\",\n  SERVICE: \"Service\",\n};\n\n// ============================================================================\n// Listing Preview Page\n// ============================================================================\n\nexport const ListingPreviewPage: FC = () => {\n  const { appId } = useParams<{ appId: string }>();\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 { data, loading, error } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const app = data?.application;\n\n  useEffect(() => {\n    const name = app?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, app?.name]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\"devportal.loading\", \"Loading...\")}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.couldNotLoadApplication\",\n          \"Could not load application\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <Alert\n          variant=\"error\"\n          title={tr(\n            \"devportal.failedToLoadApplication\",\n            \"Failed to load application\",\n          )}\n        >\n          {error?.message ??\n            tr(\"devportal.applicationNotFound\", \"Application not found\")}\n        </Alert>\n      </PageLayout>\n    );\n  }\n\n  const screenshots = Array.isArray(app.screenshots)\n    ? (app.screenshots as string[])\n    : [];\n\n  const isPublished = app.status === \"PUBLISHED\";\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.marketplacePreviewDescription\",\n          \"Preview how your app will appear in the marketplace\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n        actions={\n          !isPublished ? (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/publish`)}\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              <Eye size={16} />\n              {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n            </button>\n          ) : undefined\n        }\n      >\n        {/* Preview banner */}\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text\">\n          <Eye size={16} className=\"flex-shrink-0\" />\n          <span>\n            {tr(\n              \"devportal.previewBannerText\",\n              \"This is a preview of your marketplace listing. It shows how your app will appear to users after publication.\",\n            )}\n          </span>\n        </div>\n\n        {/* === Simulated marketplace product page === */}\n        <div className=\"rounded-xl border bg-card overflow-hidden\">\n          {/* Banner */}\n          {app.bannerUrl ? (\n            <div className=\"h-48 w-full overflow-hidden\">\n              <img\n                src={app.bannerUrl}\n                alt={tr(\"devportal.appBannerAlt\", \"App banner\")}\n                className=\"h-full w-full object-cover\"\n              />\n            </div>\n          ) : (\n            <div className=\"h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5\" />\n          )}\n\n          {/* Hero */}\n          <div className=\"p-6\">\n            <div className=\"flex items-start gap-5\">\n              {app.iconUrl ? (\n                <img\n                  src={app.iconUrl}\n                  alt={app.name}\n                  className=\"h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm\"\n                />\n              ) : (\n                <div className=\"h-20 w-20 rounded-2xl border bg-muted flex items-center justify-center flex-shrink-0\">\n                  <span\n                    className=\"text-3xl font-bold text-muted-foreground\"\n                    aria-label={tr(\n                      \"devportal.appIconFallbackAriaLabel\",\n                      \"App icon\",\n                    )}\n                  >\n                    {app.name.charAt(0).toUpperCase()}\n                  </span>\n                </div>\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h1 className=\"text-2xl font-bold\">{app.name}</h1>\n                  {app.isVerified && (\n                    <CheckCircle size={20} className=\"text-primary\" />\n                  )}\n                  {app.isFeatured && (\n                    <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n                      {tr(\"devportal.featured\", \"Featured\")}\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"mt-1 text-muted-foreground\">\n                  {app.shortDescription ??\n                    app.description ??\n                    tr(\"devportal.noDescription\", \"No description\")}\n                </p>\n\n                <div className=\"mt-3 flex flex-wrap items-center gap-4 text-sm text-muted-foreground\">\n                  {app.averageRating != null && (\n                    <div className=\"flex items-center gap-1\">\n                      <Star\n                        size={14}\n                        className=\"text-status-warning-text fill-status-warning-text\"\n                      />\n                      <span className=\"font-medium text-foreground\">\n                        {app.averageRating.toFixed(1)}\n                      </span>\n                      <span>\n                        ({app.reviewCount ?? 0}{\" \"}\n                        {tr(\"devportal.reviews\", \"reviews\")})\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center gap-1\">\n                    <Download size={14} />\n                    <span>\n                      {(app.installCount ?? 0).toLocaleString()}{\" \"}\n                      {tr(\"devportal.installs\", \"installs\")}\n                    </span>\n                  </div>\n                  {app.category && (\n                    <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                      {app.category}\n                    </span>\n                  )}\n                  <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                    {APP_TYPE_LABELS[app.appType] ?? app.appType}\n                  </span>\n                </div>\n              </div>\n\n              {/* Install CTA (simulated) */}\n              <div className=\"flex-shrink-0 text-right space-y-2\">\n                <div className=\"text-lg font-semibold\">\n                  {PRICING_LABELS[app.pricingType ?? \"FREE\"] ?? \"Free\"}\n                </div>\n                <button\n                  disabled\n                  className=\"w-full rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground opacity-60 cursor-not-allowed\"\n                  title={tr(\"devportal.previewOnly\", \"Preview only\")}\n                >\n                  {tr(\"devportal.install\", \"Install\")}\n                </button>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.previewOnly\", \"Preview only\")}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Screenshots */}\n          {screenshots.length > 0 && (\n            <div className=\"border-t px-6 py-5\">\n              <h2 className=\"text-base font-semibold mb-3\">\n                {tr(\"devportal.screenshots\", \"Screenshots\")}\n              </h2>\n              <div className=\"flex gap-3 overflow-x-auto pb-2\">\n                {screenshots.map((url, i) => (\n                  <img\n                    key={i}\n                    src={url}\n                    alt={`${tr(\"devportal.screenshotAlt\", \"Screenshot\")} ${i + 1}`}\n                    className=\"h-44 w-auto rounded-lg border object-cover flex-shrink-0\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Description */}\n          <div className=\"border-t px-6 py-5\">\n            <h2 className=\"text-base font-semibold mb-2\">\n              {tr(\"devportal.about\", \"About\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">\n              {app.description ??\n                app.shortDescription ??\n                tr(\n                  \"devportal.noDetailedDescription\",\n                  \"No detailed description provided.\",\n                )}\n            </p>\n          </div>\n\n          {/* Tags */}\n          {Array.isArray(app.tags) && app.tags.length > 0 && (\n            <div className=\"border-t px-6 py-4\">\n              <div className=\"flex flex-wrap gap-2\">\n                {(app.tags as string[]).map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-muted-foreground\"\n                  >\n                    <Tag size={10} />\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Links & Compliance */}\n          <div className=\"border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n            {app.websiteUrl && (\n              <a\n                href={app.websiteUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Globe size={14} />\n                {tr(\"devportal.website\", \"Website\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.documentationUrl && (\n              <a\n                href={app.documentationUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.documentation\", \"Documentation\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.privacyPolicyUrl && (\n              <a\n                href={app.privacyPolicyUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Shield size={14} />\n                {tr(\"devportal.privacyPolicy\", \"Privacy Policy\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.termsOfServiceUrl && (\n              <a\n                href={app.termsOfServiceUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.termsOfService\", \"Terms of Service\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n          </div>\n        </div>\n\n        {/* Completeness tips */}\n        <PageSection\n          title={tr(\"devportal.listingCompleteness\", \"Listing Completeness\")}\n        >\n          <div className=\"space-y-2\">\n            {[\n              {\n                label: tr(\"devportal.completenessAppIcon\", \"App icon\"),\n                ok: !!app.iconUrl,\n              },\n              {\n                label: tr(\"devportal.completenessBannerImage\", \"Banner image\"),\n                ok: !!app.bannerUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessShortDescription\",\n                  \"Short description\",\n                ),\n                ok: !!app.shortDescription,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessFullDescription\",\n                  \"Full description\",\n                ),\n                ok: !!app.description,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessScreenshots\",\n                  \"Screenshots (3+)\",\n                ),\n                ok: screenshots.length >= 3,\n              },\n              {\n                label: tr(\"devportal.completenessCategory\", \"Category\"),\n                ok: !!app.category,\n              },\n              {\n                label: tr(\"devportal.completenessTags\", \"Tags\"),\n                ok:\n                  Array.isArray(app.tags) && (app.tags as string[]).length > 0,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessPrivacyPolicy\",\n                  \"Privacy policy URL\",\n                ),\n                ok: !!app.privacyPolicyUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessTermsOfService\",\n                  \"Terms of service URL\",\n                ),\n                ok: !!app.termsOfServiceUrl,\n              },\n            ].map(({ label, ok }) => (\n              <div key={label} className=\"flex items-center gap-3 text-sm\">\n                {ok ? (\n                  <CheckCircle\n                    size={16}\n                    className=\"text-status-success-text flex-shrink-0\"\n                  />\n                ) : (\n                  <div className=\"h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0\" />\n                )}\n                <span\n                  className={ok ? \"text-foreground\" : \"text-muted-foreground\"}\n                >\n                  {label}\n                </span>\n              </div>\n            ))}\n          </div>\n          {!isPublished && (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/edit`)}\n              className=\"mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-muted\"\n            >\n              {tr(\n                \"devportal.editToImproveListing\",\n                \"Edit to improve listing →\",\n              )}\n            </button>\n          )}\n        </PageSection>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OAuthClientDetailPage.js","names":[],"sources":["../../../src/devportal/pages/OAuthClientDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  Shield,\n  Copy,\n  Eye,\n  EyeOff,\n  Loader2,\n  AlertCircle,\n  RefreshCw,\n  Trash2,\n  ArrowLeft,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useParams } from \"react-router-dom\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\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 {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\nimport {\n  useGetAuthAppQuery,\n  useRotateAppSecretMutation,\n  useDeactivateAppMutation,\n  useUpdateAuthAppMutation,\n  getErrorMessage,\n} from \"../hooks\";\n\n/**\n * OAuth App Detail page\n *\n * Shows details for an auth-svc App (replaces devportal-svc OAuthClient detail).\n * Supports secret rotation, deactivation, and status toggle.\n */\nexport const OAuthClientDetailPage: FC = () => {\n  const { clientId: appId } = useParams<{ clientId: string }>();\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 [showSecret, setShowSecret] = useState(false);\n  const [newSecret, setNewSecret] = useState<string | null>(null);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [confirmRotate, setConfirmRotate] = useState(false);\n\n  const { data, loading, error, refetch } = useGetAuthAppQuery({\n    variables: { id: appId || \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [rotateSecret, { loading: rotating }] = useRotateAppSecretMutation();\n  const [deactivateApp, { loading: deactivating }] = useDeactivateAppMutation();\n  const [updateApp] = useUpdateAuthAppMutation();\n\n  const app: AuthApp | null = data?.app\n    ? {\n        id: data.app.id,\n        name: data.app.name,\n        description: data.app.description ?? undefined,\n        clientId: data.app.clientId,\n        type: data.app.type as AuthApp[\"type\"],\n        status: data.app.status as AuthApp[\"status\"],\n        scopes: data.app.scopes ?? [],\n        redirectUris: data.app.redirectUris ?? [],\n        ownerUserId: data.app.ownerUserId,\n        tenantId: data.app.tenantId,\n        createdAt: data.app.createdAt,\n        updatedAt: data.app.updatedAt,\n      }\n    : null;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleCopy = async (text: string) => {\n    void nativeImpact(\"light\");\n    const ok = await nativeCopyText(text);\n    void nativeNotify(ok ? \"success\" : \"error\");\n  };\n\n  const handleRotateSecret = async () => {\n    if (!appId) return;\n    try {\n      const result = await rotateSecret({ variables: { id: appId } });\n      const secret = result.data?.rotateAppSecret?.clientSecret;\n      if (secret) {\n        setNewSecret(secret);\n        setShowSecret(true);\n      }\n      setConfirmRotate(false);\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!appId) return;\n    try {\n      await deactivateApp({ variables: { id: appId } });\n      setConfirmDelete(false);\n      handleNavigate(\"/oauth\");\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleToggleStatus = async () => {\n    if (!appId || !app) return;\n    const newStatus = app.status === \"ACTIVE\" ? \"INACTIVE\" : \"ACTIVE\";\n    try {\n      await updateApp({\n        variables: { id: appId, input: { status: newStatus } },\n      });\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.loadingDots\", \"Loading...\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.failedToLoad\", \"Failed to load\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\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            {error\n              ? tr(\"devportal.failedToLoadApp\", \"Failed to load app\")\n              : tr(\"devportal.appNotFound\", \"App not found\")}\n          </h3>\n          {error && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {getErrorMessage(error)}\n            </p>\n          )}\n          <button\n            onClick={() => handleNavigate(\"/oauth\")}\n            className=\"mt-4 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            <ArrowLeft size={16} />\n            {tr(\"devportal.backToApps\", \"Back to Apps\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={app.name}\n        description={\n          app.description ||\n          tr(\n            \"devportal.oauthAppDetailsAndCredentials\",\n            \"OAuth App details and credentials\",\n          )\n        }\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={handleToggleStatus}\n              className={cn(\n                \"rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n                app.status === \"ACTIVE\"\n                  ? \"bg-status-warning-bg-subtle text-status-warning-text hover:bg-status-warning-bg-subtle\"\n                  : \"bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle\",\n              )}\n            >\n              {app.status === \"ACTIVE\"\n                ? tr(\"devportal.deactivate\", \"Deactivate\")\n                : tr(\"devportal.activate\", \"Activate\")}\n            </button>\n            <button\n              onClick={() => setConfirmDelete(true)}\n              className=\"rounded-md bg-destructive/10 px-3 py-2 text-sm font-medium text-destructive hover:bg-destructive/20 transition-colors\"\n            >\n              <Trash2 size={16} />\n            </button>\n          </div>\n        }\n      >\n        {/* Status & Type */}\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.statusAndConfiguration\", \"Status & Configuration\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.status\", \"Status\")}\n                </span>\n                <div className=\"flex items-center gap-2\">\n                  <ActiveIndicator active={app.status === \"ACTIVE\"} />\n                  <span className=\"text-sm font-medium\">{app.status}</span>\n                </div>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.type\", \"Type\")}\n                </span>\n                <span\n                  className={cn(\n                    \"rounded px-2 py-0.5 text-xs font-medium\",\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              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.created\", \"Created\")}\n                </span>\n                <span className=\"text-sm\">\n                  {new Date(app.createdAt).toLocaleDateString()}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.credentials\", \"Credentials\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div>\n                <label className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.clientId\", \"Client ID\")}\n                </label>\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <code className=\"flex-1 rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {app.clientId}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(app.clientId)}\n                    className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    title=\"Copy\"\n                  >\n                    <Copy size={14} />\n                  </button>\n                </div>\n              </div>\n              {newSecret && (\n                <div>\n                  <label className=\"text-xs text-destructive font-medium\">\n                    {tr(\n                      \"devportal.newClientSecretShownOnce\",\n                      \"New Client Secret (shown only once!)\",\n                    )}\n                  </label>\n                  <div className=\"mt-1 flex items-center gap-2\">\n                    <code className=\"flex-1 rounded bg-destructive/10 border border-destructive/30 px-3 py-1.5 text-sm font-mono\">\n                      {showSecret\n                        ? newSecret\n                        : \"\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\"}\n                    </code>\n                    <button\n                      onClick={() => setShowSecret(!showSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      {showSecret ? <EyeOff size={14} /> : <Eye size={14} />}\n                    </button>\n                    <button\n                      onClick={() => handleCopy(newSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      <Copy size={14} />\n                    </button>\n                  </div>\n                </div>\n              )}\n              <button\n                onClick={() => setConfirmRotate(true)}\n                disabled={rotating}\n                className=\"mt-2 inline-flex items-center gap-2 rounded-md bg-status-warning-bg-subtle px-3 py-1.5 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors disabled:opacity-50\"\n              >\n                <RefreshCw\n                  size={14}\n                  className={rotating ? \"animate-spin\" : \"\"}\n                />\n                {tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Scopes */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.scopes\", \"Scopes\")} ({app.scopes.length})\n          </h3>\n          {app.scopes.length > 0 ? (\n            <div className=\"flex flex-wrap gap-2\">\n              {app.scopes.map((scope) => (\n                <span\n                  key={scope}\n                  className=\"rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\"\n                >\n                  {scope}\n                </span>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\"devportal.noScopesConfigured\", \"No scopes configured\")}\n            </p>\n          )}\n        </div>\n\n        {/* Redirect URIs */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.redirectUris\", \"Redirect URIs\")} (\n            {app.redirectUris.length})\n          </h3>\n          {app.redirectUris.length > 0 ? (\n            <div className=\"space-y-2\">\n              {app.redirectUris.map((uri) => (\n                <div key={uri} className=\"flex items-center gap-2\">\n                  <code className=\"rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {uri}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(uri)}\n                    className=\"rounded p-1 hover:bg-muted transition-colors\"\n                  >\n                    <Copy size={12} />\n                  </button>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\n                \"devportal.noRedirectUrisConfigured\",\n                \"No redirect URIs configured\",\n              )}\n            </p>\n          )}\n        </div>\n\n        {/* Confirm Rotate Dialog */}\n        {confirmRotate && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg\">\n                {tr(\n                  \"devportal.rotateClientSecretQuestion\",\n                  \"Rotate Client Secret?\",\n                )}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.rotateSecretWarning\",\n                  \"This will invalidate the current client secret. All integrations using the old secret will stop working immediately.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmRotate(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleRotateSecret}\n                  disabled={rotating}\n                  className=\"rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-warning-bg/90 disabled:opacity-50 transition-colors\"\n                >\n                  {rotating\n                    ? tr(\"devportal.rotating\", \"Rotating...\")\n                    : tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Confirm Deactivate Dialog */}\n        {confirmDelete && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg text-destructive\">\n                {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.deactivateAppWarning\",\n                  \"This will deactivate the app and revoke all tokens. This action cannot be undone easily.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmDelete(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleDeactivate}\n                  disabled={deactivating}\n                  className=\"rounded-md bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50 transition-colors\"\n                >\n                  {deactivating\n                    ? tr(\"devportal.deactivating\", \"Deactivating...\")\n                    : tr(\"devportal.deactivate\", \"Deactivate\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"OAuthClientDetailPage.js","names":[],"sources":["../../../src/devportal/pages/OAuthClientDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  Copy,\n  Eye,\n  EyeOff,\n  Loader2,\n  AlertCircle,\n  RefreshCw,\n  Trash2,\n  ArrowLeft,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useParams } from \"react-router-dom\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\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 {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\nimport {\n  useGetAuthAppQuery,\n  useRotateAppSecretMutation,\n  useDeactivateAppMutation,\n  useUpdateAuthAppMutation,\n  getErrorMessage,\n} from \"../hooks\";\n\n/**\n * OAuth App Detail page\n *\n * Shows details for an auth-svc App (replaces devportal-svc OAuthClient detail).\n * Supports secret rotation, deactivation, and status toggle.\n */\nexport const OAuthClientDetailPage: FC = () => {\n  const { clientId: appId } = useParams<{ clientId: string }>();\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 [showSecret, setShowSecret] = useState(false);\n  const [newSecret, setNewSecret] = useState<string | null>(null);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [confirmRotate, setConfirmRotate] = useState(false);\n\n  const { data, loading, error, refetch } = useGetAuthAppQuery({\n    variables: { id: appId || \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [rotateSecret, { loading: rotating }] = useRotateAppSecretMutation();\n  const [deactivateApp, { loading: deactivating }] = useDeactivateAppMutation();\n  const [updateApp] = useUpdateAuthAppMutation();\n\n  const app: AuthApp | null = data?.app\n    ? {\n        id: data.app.id,\n        name: data.app.name,\n        description: data.app.description ?? undefined,\n        clientId: data.app.clientId,\n        type: data.app.type as AuthApp[\"type\"],\n        status: data.app.status as AuthApp[\"status\"],\n        scopes: data.app.scopes ?? [],\n        redirectUris: data.app.redirectUris ?? [],\n        ownerUserId: data.app.ownerUserId,\n        tenantId: data.app.tenantId,\n        createdAt: data.app.createdAt,\n        updatedAt: data.app.updatedAt,\n      }\n    : null;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleCopy = async (text: string) => {\n    void nativeImpact(\"light\");\n    const ok = await nativeCopyText(text);\n    void nativeNotify(ok ? \"success\" : \"error\");\n  };\n\n  const handleRotateSecret = async () => {\n    if (!appId) return;\n    try {\n      const result = await rotateSecret({ variables: { id: appId } });\n      const secret = result.data?.rotateAppSecret?.clientSecret;\n      if (secret) {\n        setNewSecret(secret);\n        setShowSecret(true);\n      }\n      setConfirmRotate(false);\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!appId) return;\n    try {\n      await deactivateApp({ variables: { id: appId } });\n      setConfirmDelete(false);\n      handleNavigate(\"/oauth\");\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleToggleStatus = async () => {\n    if (!appId || !app) return;\n    const newStatus = app.status === \"ACTIVE\" ? \"INACTIVE\" : \"ACTIVE\";\n    try {\n      await updateApp({\n        variables: { id: appId, input: { status: newStatus } },\n      });\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.loadingDots\", \"Loading...\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.failedToLoad\", \"Failed to load\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\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            {error\n              ? tr(\"devportal.failedToLoadApp\", \"Failed to load app\")\n              : tr(\"devportal.appNotFound\", \"App not found\")}\n          </h3>\n          {error && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {getErrorMessage(error)}\n            </p>\n          )}\n          <button\n            onClick={() => handleNavigate(\"/oauth\")}\n            className=\"mt-4 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            <ArrowLeft size={16} />\n            {tr(\"devportal.backToApps\", \"Back to Apps\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={app.name}\n        description={\n          app.description ||\n          tr(\n            \"devportal.oauthAppDetailsAndCredentials\",\n            \"OAuth App details and credentials\",\n          )\n        }\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={handleToggleStatus}\n              className={cn(\n                \"rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n                app.status === \"ACTIVE\"\n                  ? \"bg-status-warning-bg-subtle text-status-warning-text hover:bg-status-warning-bg-subtle\"\n                  : \"bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle\",\n              )}\n            >\n              {app.status === \"ACTIVE\"\n                ? tr(\"devportal.deactivate\", \"Deactivate\")\n                : tr(\"devportal.activate\", \"Activate\")}\n            </button>\n            <button\n              onClick={() => setConfirmDelete(true)}\n              className=\"rounded-md bg-destructive/10 px-3 py-2 text-sm font-medium text-destructive hover:bg-destructive/20 transition-colors\"\n            >\n              <Trash2 size={16} />\n            </button>\n          </div>\n        }\n      >\n        {/* Status & Type */}\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.statusAndConfiguration\", \"Status & Configuration\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.status\", \"Status\")}\n                </span>\n                <div className=\"flex items-center gap-2\">\n                  <ActiveIndicator active={app.status === \"ACTIVE\"} />\n                  <span className=\"text-sm font-medium\">{app.status}</span>\n                </div>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.type\", \"Type\")}\n                </span>\n                <span\n                  className={cn(\n                    \"rounded px-2 py-0.5 text-xs font-medium\",\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              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.created\", \"Created\")}\n                </span>\n                <span className=\"text-sm\">\n                  {new Date(app.createdAt).toLocaleDateString()}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.credentials\", \"Credentials\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div>\n                <label className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.clientId\", \"Client ID\")}\n                </label>\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <code className=\"flex-1 rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {app.clientId}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(app.clientId)}\n                    className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    title=\"Copy\"\n                  >\n                    <Copy size={14} />\n                  </button>\n                </div>\n              </div>\n              {newSecret && (\n                <div>\n                  <label className=\"text-xs text-destructive font-medium\">\n                    {tr(\n                      \"devportal.newClientSecretShownOnce\",\n                      \"New Client Secret (shown only once!)\",\n                    )}\n                  </label>\n                  <div className=\"mt-1 flex items-center gap-2\">\n                    <code className=\"flex-1 rounded bg-destructive/10 border border-destructive/30 px-3 py-1.5 text-sm font-mono\">\n                      {showSecret\n                        ? newSecret\n                        : \"\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\"}\n                    </code>\n                    <button\n                      onClick={() => setShowSecret(!showSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      {showSecret ? <EyeOff size={14} /> : <Eye size={14} />}\n                    </button>\n                    <button\n                      onClick={() => handleCopy(newSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      <Copy size={14} />\n                    </button>\n                  </div>\n                </div>\n              )}\n              <button\n                onClick={() => setConfirmRotate(true)}\n                disabled={rotating}\n                className=\"mt-2 inline-flex items-center gap-2 rounded-md bg-status-warning-bg-subtle px-3 py-1.5 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors disabled:opacity-50\"\n              >\n                <RefreshCw\n                  size={14}\n                  className={rotating ? \"animate-spin\" : \"\"}\n                />\n                {tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Scopes */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.scopes\", \"Scopes\")} ({app.scopes.length})\n          </h3>\n          {app.scopes.length > 0 ? (\n            <div className=\"flex flex-wrap gap-2\">\n              {app.scopes.map((scope) => (\n                <span\n                  key={scope}\n                  className=\"rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\"\n                >\n                  {scope}\n                </span>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\"devportal.noScopesConfigured\", \"No scopes configured\")}\n            </p>\n          )}\n        </div>\n\n        {/* Redirect URIs */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.redirectUris\", \"Redirect URIs\")} (\n            {app.redirectUris.length})\n          </h3>\n          {app.redirectUris.length > 0 ? (\n            <div className=\"space-y-2\">\n              {app.redirectUris.map((uri) => (\n                <div key={uri} className=\"flex items-center gap-2\">\n                  <code className=\"rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {uri}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(uri)}\n                    className=\"rounded p-1 hover:bg-muted transition-colors\"\n                  >\n                    <Copy size={12} />\n                  </button>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\n                \"devportal.noRedirectUrisConfigured\",\n                \"No redirect URIs configured\",\n              )}\n            </p>\n          )}\n        </div>\n\n        {/* Confirm Rotate Dialog */}\n        {confirmRotate && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg\">\n                {tr(\n                  \"devportal.rotateClientSecretQuestion\",\n                  \"Rotate Client Secret?\",\n                )}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.rotateSecretWarning\",\n                  \"This will invalidate the current client secret. All integrations using the old secret will stop working immediately.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmRotate(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleRotateSecret}\n                  disabled={rotating}\n                  className=\"rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-warning-bg/90 disabled:opacity-50 transition-colors\"\n                >\n                  {rotating\n                    ? tr(\"devportal.rotating\", \"Rotating...\")\n                    : tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Confirm Deactivate Dialog */}\n        {confirmDelete && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg text-destructive\">\n                {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.deactivateAppWarning\",\n                  \"This will deactivate the app and revoke all tokens. This action cannot be undone easily.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmDelete(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleDeactivate}\n                  disabled={deactivating}\n                  className=\"rounded-md bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50 transition-colors\"\n                >\n                  {deactivating\n                    ? tr(\"devportal.deactivating\", \"Deactivating...\")\n                    : tr(\"devportal.deactivate\", \"Deactivate\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,IAAa,UAAkC;CAC7C,IAAM,EAAE,UAAU,MAAU,GAAiC,EACvD,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAE9B,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAe,KAAoB,EAAS,GAAM,EAEnD,EAAE,SAAM,YAAS,UAAO,eAAY,EAAmB;EAC3D,WAAW,EAAE,IAAI,KAAS,IAAI;EAC9B,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,CAAC,GAAc,EAAE,SAAS,OAAc,GAA4B,EACpE,CAAC,GAAe,EAAE,SAAS,OAAkB,GAA0B,EACvE,CAAC,KAAa,GAA0B,EAExC,IAAsB,GAAM,MAC9B;EACE,IAAI,EAAK,IAAI;EACb,MAAM,EAAK,IAAI;EACf,aAAa,EAAK,IAAI,eAAe,KAAA;EACrC,UAAU,EAAK,IAAI;EACnB,MAAM,EAAK,IAAI;EACf,QAAQ,EAAK,IAAI;EACjB,QAAQ,EAAK,IAAI,UAAU,EAAE;EAC7B,cAAc,EAAK,IAAI,gBAAgB,EAAE;EACzC,aAAa,EAAK,IAAI;EACtB,UAAU,EAAK,IAAI;EACnB,WAAW,EAAK,IAAI;EACpB,WAAW,EAAK,IAAI;EACrB,GACD,MAEE,KAAkB,MAAiB;AACvC,MAAW,GAAG,IAAW,IAAO;IAG5B,IAAa,OAAO,MAAiB;AAGpC,EAFA,EAAa,QAAQ,EAErB,EADM,MAAM,EAAe,EAAK,GACd,YAAY,QAAQ;;AA0F7C,QA/CI,KAAW,CAAC,IAEZ,kBAAC,GAAD;EACE,OAAO,EAAG,wBAAwB,cAAc;EAChD,aAAa,EAAG,yBAAyB,aAAa;EACtD,UAAS;EACT,WAAW,EAAG,wBAAwB,eAAe;YAErD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;GAC9D,CAAA;EACK,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAO,EAAG,wBAAwB,cAAc;EAChD,aAAa,EAAG,0BAA0B,iBAAiB;EAC3D,UAAS;EACT,WAAW,EAAG,wBAAwB,eAAe;YAErD,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;IAC5D,kBAAC,MAAD;KAAI,WAAU;eACX,IACG,EAAG,6BAA6B,qBAAqB,GACrD,EAAG,yBAAyB,gBAAgB;KAC7C,CAAA;IACJ,KACC,kBAAC,KAAD;KAAG,WAAU;eACV,EAAgB,EAAM;KACrB,CAAA;IAEN,kBAAC,UAAD;KACE,eAAe,EAAe,SAAS;KACvC,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EAAG,wBAAwB,eAAe,CACpC;;IACL;;EACK,CAAA,GAKf,kBAAC,GAAD;EAAiB,YAAY,EAAsB;YACjD,kBAAC,GAAD;GACE,OAAO,EAAI;GACX,aACE,EAAI,eACJ,EACE,2CACA,oCACD;GAEH,UAAS;GACT,WAAW,EAAG,wBAAwB,eAAe;GACrD,SACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,SA5Ee,YAAY;AACrC,UAAI,CAAC,KAAS,CAAC,EAAK;MACpB,IAAM,IAAY,EAAI,WAAW,WAAW,aAAa;AACzD,UAAI;AAIF,OAHA,MAAM,EAAU,EACd,WAAW;QAAE,IAAI;QAAO,OAAO,EAAE,QAAQ,GAAW;QAAE,EACvD,CAAC,EACF,GAAS;cACH;;KAqEE,WAAW,EACT,8DACA,EAAI,WAAW,WACX,2FACA,yFACL;eAEA,EAAI,WAAW,WACZ,EAAG,wBAAwB,aAAa,GACxC,EAAG,sBAAsB,WAAW;KACjC,CAAA,EACT,kBAAC,UAAD;KACE,eAAe,EAAiB,GAAK;KACrC,WAAU;eAEV,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;KACb,CAAA,CACL;;aAhCV;IAoCE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,oCAAoC,yBAAyB;OAC9D,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,oBAAoB,SAAS;UAC5B,CAAA,EACP,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAiB,QAAQ,EAAI,WAAW,UAAY,CAAA,EACpD,kBAAC,QAAD;WAAM,WAAU;qBAAuB,EAAI;WAAc,CAAA,CACrD;YACF;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,kBAAkB,OAAO;UACxB,CAAA,EACP,kBAAC,QAAD;UACE,WAAW,EACT,2CACA,EAAI,SAAS,YACT,+CACA,EAAI,SAAS,iBACX,EAAI,SAAS,oBACb,mDACA,uDACP;oBAEA,EAAI;UACA,CAAA,CACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,qBAAqB,UAAU;UAC9B,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBACb,IAAI,KAAK,EAAI,UAAU,CAAC,oBAAoB;UACxC,CAAA,CACH;;QACF;SACF;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,yBAAyB,cAAc;OACxC,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBACd,EAAG,sBAAsB,YAAY;SAChC,CAAA,EACR,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAI;UACA,CAAA,EACP,kBAAC,UAAD;UACE,eAAe,EAAW,EAAI,SAAS;UACvC,WAAU;UACV,OAAM;oBAEN,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;UACX,CAAA,CACL;WACF,EAAA,CAAA;QACL,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBACd,EACC,sCACA,uCACD;SACK,CAAA,EACR,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBACb,IACG,IACA;WACC,CAAA;UACP,kBAAC,UAAD;WACE,eAAe,EAAc,CAAC,EAAW;WACzC,WAAU;qBAEI,EAAb,IAAc,IAAuB,GAAxB,EAAQ,MAAM,IAAM,CAAoB;WAC/C,CAAA;UACT,kBAAC,UAAD;WACE,eAAe,EAAW,EAAU;WACpC,WAAU;qBAEV,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;WACX,CAAA;UACL;WACF,EAAA,CAAA;QAER,kBAAC,UAAD;SACE,eAAe,EAAiB,GAAK;SACrC,UAAU;SACV,WAAU;mBAHZ,CAKE,kBAAC,GAAD;UACE,MAAM;UACN,WAAW,IAAW,iBAAiB;UACvC,CAAA,EACD,EAAG,0BAA0B,gBAAgB,CACvC;;QACL;SACF;QACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACG,EAAG,oBAAoB,SAAS;OAAC;OAAG,EAAI,OAAO;OAAO;OACpD;SACJ,EAAI,OAAO,SAAS,IACnB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAI,OAAO,KAAK,MACf,kBAAC,QAAD;OAEE,WAAU;iBAET;OACI,EAJA,EAIA,CACP;MACE,CAAA,GAEN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAG,gCAAgC,uBAAuB;MACzD,CAAA,CAEF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACG,EAAG,0BAA0B,gBAAgB;OAAC;OAC9C,EAAI,aAAa;OAAO;OACtB;SACJ,EAAI,aAAa,SAAS,IACzB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAI,aAAa,KAAK,MACrB,kBAAC,OAAD;OAAe,WAAU;iBAAzB,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb;QACI,CAAA,EACP,kBAAC,UAAD;QACE,eAAe,EAAW,EAAI;QAC9B,WAAU;kBAEV,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;QACX,CAAA,CACL;SAVI,EAUJ,CACN;MACE,CAAA,GAEN,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,sCACA,8BACD;MACC,CAAA,CAEF;;IAGL,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EACC,wCACA,wBACD;QACE,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,iCACA,uHACD;QACC,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,eAAe,EAAiB,GAAM;SACtC,WAAU;mBAET,EAAG,oBAAoB,SAAS;SAC1B,CAAA,EACT,kBAAC,UAAD;SACE,SA1TW,YAAY;AAChC,gBACL,KAAI;WAEF,IAAM,KADS,MAAM,EAAa,EAAE,WAAW,EAAE,IAAI,GAAO,EAAE,CAAC,EACzC,MAAM,iBAAiB;AAM7C,WALI,MACF,EAAa,EAAO,EACpB,EAAc,GAAK,GAErB,EAAiB,GAAM,EACvB,GAAS;kBACH;;SAgTM,UAAU;SACV,WAAU;mBAET,IACG,EAAG,sBAAsB,cAAc,GACvC,EAAG,0BAA0B,gBAAgB;SAC1C,CAAA,CACL;;OACF;;KACF,CAAA;IAIP,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,mCAAmC,kBAAkB;QACtD,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,kCACA,2FACD;QACC,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,eAAe,EAAiB,GAAM;SACtC,WAAU;mBAET,EAAG,oBAAoB,SAAS;SAC1B,CAAA,EACT,kBAAC,UAAD;SACE,SA5US,YAAY;AAC9B,gBACL,KAAI;AAGF,WAFA,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,GAAO,EAAE,CAAC,EACjD,EAAiB,GAAM,EACvB,EAAe,SAAS;kBAClB;;SAuUM,UAAU;SACV,WAAU;mBAET,IACG,EAAG,0BAA0B,kBAAkB,GAC/C,EAAG,wBAAwB,aAAa;SACrC,CAAA,CACL;;OACF;;KACF,CAAA;IAEG;;EACG,CAAA"}

package/dist/devportal/pages/OAuthClientsPage.js

@@ -147,7 +147,7 @@ var y = () => {
 			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__ */ _(m, { size: 16 }), S("devportal.createOAuthApp", "Create OAuth App")]
 			}),
 			children: [
 				/* @__PURE__ */ _("div", {
@@ -276,7 +276,7 @@ var y = () => {
 					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")]
+						children: [/* @__PURE__ */ _(m, { size: 16 }), S("devportal.createOAuthApp", "Create OAuth App")]
 					}) : void 0
 				})
 			]

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

@@ -1 +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?.apps.map(\n      (app: (typeof data.currentUserApps.apps)[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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"}
+{"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?.apps.map(\n      (app: (typeof data.currentUserApps.apps)[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.createOAuthApp\", \"Create OAuth 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.createOAuthApp\", \"Create OAuth App\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}