@nospt/plugin-dev-ai-hub 1.1.3 → 1.2.0-rc1

package/dist/plugin.esm.js

@@ -1,13 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
-import { createFrontendPlugin, PageBlueprint, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, SubPageBlueprint } from '@backstage/frontend-plugin-api';
+import { createFrontendPlugin, PageBlueprint, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, SubPageBlueprint, PluginHeaderActionBlueprint, coreExtensionData } from '@backstage/frontend-plugin-api';
 import { RiRobot3Fill } from '@remixicon/react';
 import { DevAiHubResourceClient, devAiHubResourceApiRef } from './api/DevAiHubResourceClient.esm.js';
-import { rootRouteRef } from './routes.esm.js';
+import { BackofficeGate } from './components/Backoffice/BackofficeGate.esm.js';
+import { BackofficeHeaderAction } from './components/Backoffice/BackofficeHeaderAction.esm.js';
+import { backofficeRouteRef, rootRouteRef } from './routes.esm.js';
+import './theme/typeTokens.module.css.esm.js';
 
 const devAiHubPlugin = createFrontendPlugin({
   pluginId: "dev-ai-hub",
   routes: {
-    root: rootRouteRef
+    root: rootRouteRef,
+    backoffice: backofficeRouteRef
   },
   extensions: [
     PageBlueprint.make({
@@ -38,6 +42,89 @@ const devAiHubPlugin = createFrontendPlugin({
         title: "Browse",
         loader: () => import('./components/AiResourcesPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.AiResourcesPage, {}))
       }
+    }),
+    // ── Backoffice surface (#83) ──────────────────────────────────────────
+    //
+    // The entry point is a header action, not a sub-page tab. `PageBlueprint`
+    // derives its tabs from static extension data at wiring time, before any
+    // user exists, so a tab is there for everyone or for no one. A header
+    // action is an ordinary component resolved at render time and may return
+    // `null`, which is what lets an unauthorised user see no way in at all
+    // (ADR-0016).
+    PluginHeaderActionBlueprint.make({
+      name: "backoffice",
+      params: {
+        loader: async () => /* @__PURE__ */ jsx(BackofficeHeaderAction, {})
+      }
+    }),
+    /*
+     * The backoffice page.
+     *
+     * Two things here are load-bearing and easy to undo by accident:
+     *
+     * 1. It carries a `title` but deliberately no `icon`. The app's sidebar
+     *    builds an entry for any page that has a route ref, and drops the ones
+     *    missing a title or an icon — falling back to the *plugin's*, which
+     *    this plugin does not set. Adding an icon here, or a plugin-level one,
+     *    would put the backoffice in everyone's sidebar. A regression test
+     *    guards this.
+     *
+     * 2. The gate wraps the element the original factory produced instead of
+     *    being passed as `loader`. `PageBlueprint` ignores its sub-pages when
+     *    a loader is given, so gating via the loader would silently drop every
+     *    backoffice section. Decorating the output leaves upstream's tab and
+     *    nested-route behaviour untouched.
+     */
+    PageBlueprint.makeWithOverrides({
+      name: "backoffice",
+      factory(originalFactory) {
+        const original = originalFactory({
+          path: "/dev-ai-hub/backoffice",
+          title: "AI Hub Admin Panel",
+          routeRef: backofficeRouteRef
+        });
+        return [...original].map(
+          (value) => value.id === coreExtensionData.reactElement.id ? coreExtensionData.reactElement(
+            /* @__PURE__ */ jsx(BackofficeGate, { children: value.value })
+          ) : value
+        );
+      }
+    }),
+    SubPageBlueprint.make({
+      name: "backoffice-overview",
+      attachTo: {
+        relative: { kind: "page", name: "backoffice" },
+        input: "pages"
+      },
+      params: {
+        path: "overview",
+        title: "Overview",
+        loader: () => import('./components/Backoffice/BackofficeOverview.esm.js').then((m) => /* @__PURE__ */ jsx(m.BackofficeOverview, {}))
+      }
+    }),
+    SubPageBlueprint.make({
+      name: "backoffice-recommendations",
+      attachTo: {
+        relative: { kind: "page", name: "backoffice" },
+        input: "pages"
+      },
+      params: {
+        path: "recommendations",
+        title: "Recommendations",
+        loader: () => import('./components/Backoffice/BackofficeCuration.esm.js').then((m) => /* @__PURE__ */ jsx(m.BackofficeCuration, {}))
+      }
+    }),
+    SubPageBlueprint.make({
+      name: "backoffice-excluded",
+      attachTo: {
+        relative: { kind: "page", name: "backoffice" },
+        input: "pages"
+      },
+      params: {
+        path: "excluded",
+        title: "Excluded",
+        loader: () => import('./components/Backoffice/BackofficeExclusion.esm.js').then((m) => /* @__PURE__ */ jsx(m.BackofficeExclusion, {}))
+      }
     })
   ]
 });

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["import {\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n  ApiBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { RiRobot3Fill } from '@remixicon/react';\nimport {\n  devAiHubResourceApiRef,\n  DevAiHubResourceClient,\n} from './api/DevAiHubResourceClient';\nimport { rootRouteRef } from './routes';\n\nexport const devAiHubPlugin = createFrontendPlugin({\n  pluginId: 'dev-ai-hub',\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    PageBlueprint.make({\n      params: {\n        path: '/dev-ai-hub',\n        // Display name only. The route, the `pluginId` and the backend\n        // discovery key stay `dev-ai-hub` — renaming those would break the\n        // mount path and the API the frontend resolves against.\n        title: 'AI Hub',\n        icon: <RiRobot3Fill />,\n        routeRef: rootRouteRef,\n      },\n    }),\n    ApiBlueprint.make({\n      name: 'resources',\n      params: defineParams =>\n        defineParams(\n          createApiFactory({\n            api: devAiHubResourceApiRef,\n            deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n            factory: ({ discoveryApi, fetchApi }) =>\n              new DevAiHubResourceClient(discoveryApi, fetchApi),\n          }),\n        ),\n    }),\n    SubPageBlueprint.make({\n      name: 'browse',\n      params: {\n        path: 'browse',\n        title: 'Browse',\n        loader: () =>\n          import('./components/AiResourcesPage').then(m => (\n            <m.AiResourcesPage />\n          )),\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACjD,QAAA,EAAU,YAAA;AAAA,EACV,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY;AAAA,IACV,cAAc,IAAA,CAAK;AAAA,MACjB,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA;AAAA;AAAA;AAAA,QAIN,KAAA,EAAO,QAAA;AAAA,QACP,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,QACpB,QAAA,EAAU;AAAA;AACZ,KACD,CAAA;AAAA,IACD,aAAa,IAAA,CAAK;AAAA,MAChB,IAAA,EAAM,WAAA;AAAA,MACN,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,QACE,gBAAA,CAAiB;AAAA,UACf,GAAA,EAAK,sBAAA;AAAA,UACL,IAAA,EAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,UAAU,WAAA,EAAY;AAAA,UAC7D,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UAAS,KACjC,IAAI,sBAAA,CAAuB,YAAA,EAAc,QAAQ;AAAA,SACpD;AAAA;AACH,KACH,CAAA;AAAA,IACD,iBAAiB,IAAA,CAAK;AAAA,MACpB,IAAA,EAAM,QAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ,MACN,OAAO,2CAA8B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAC1C,GAAA,CAAC,CAAA,CAAE,eAAA,EAAF,EAAkB,CACpB;AAAA;AACL,KACD;AAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["import {\n  createFrontendPlugin,\n  coreExtensionData,\n  PageBlueprint,\n  PluginHeaderActionBlueprint,\n  SubPageBlueprint,\n  ApiBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { RiRobot3Fill } from '@remixicon/react';\nimport {\n  devAiHubResourceApiRef,\n  DevAiHubResourceClient,\n} from './api/DevAiHubResourceClient';\nimport { BackofficeGate } from './components/Backoffice/BackofficeGate';\nimport { BackofficeHeaderAction } from './components/Backoffice/BackofficeHeaderAction';\nimport { backofficeRouteRef, rootRouteRef } from './routes';\n// Side-effect import: the six ResourceType identity colours (ADR-0008) are\n// `:root`-scoped custom properties consumed by both the Browse page and the\n// Admin Panel, which load as separate code-split chunks. Importing the\n// tokens here — the plugin's always-eager entry point — guarantees they\n// exist no matter which page (if any) has rendered first.\nimport './theme/typeTokens.module.css';\n\nexport const devAiHubPlugin = createFrontendPlugin({\n  pluginId: 'dev-ai-hub',\n  routes: {\n    root: rootRouteRef,\n    backoffice: backofficeRouteRef,\n  },\n  extensions: [\n    PageBlueprint.make({\n      params: {\n        path: '/dev-ai-hub',\n        // Display name only. The route, the `pluginId` and the backend\n        // discovery key stay `dev-ai-hub` — renaming those would break the\n        // mount path and the API the frontend resolves against.\n        title: 'AI Hub',\n        icon: <RiRobot3Fill />,\n        routeRef: rootRouteRef,\n      },\n    }),\n    ApiBlueprint.make({\n      name: 'resources',\n      params: defineParams =>\n        defineParams(\n          createApiFactory({\n            api: devAiHubResourceApiRef,\n            deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n            factory: ({ discoveryApi, fetchApi }) =>\n              new DevAiHubResourceClient(discoveryApi, fetchApi),\n          }),\n        ),\n    }),\n    SubPageBlueprint.make({\n      name: 'browse',\n      params: {\n        path: 'browse',\n        title: 'Browse',\n        loader: () =>\n          import('./components/AiResourcesPage').then(m => (\n            <m.AiResourcesPage />\n          )),\n      },\n    }),\n\n    // ── Backoffice surface (#83) ──────────────────────────────────────────\n    //\n    // The entry point is a header action, not a sub-page tab. `PageBlueprint`\n    // derives its tabs from static extension data at wiring time, before any\n    // user exists, so a tab is there for everyone or for no one. A header\n    // action is an ordinary component resolved at render time and may return\n    // `null`, which is what lets an unauthorised user see no way in at all\n    // (ADR-0016).\n    PluginHeaderActionBlueprint.make({\n      name: 'backoffice',\n      params: {\n        loader: async () => <BackofficeHeaderAction />,\n      },\n    }),\n\n    /*\n     * The backoffice page.\n     *\n     * Two things here are load-bearing and easy to undo by accident:\n     *\n     * 1. It carries a `title` but deliberately no `icon`. The app's sidebar\n     *    builds an entry for any page that has a route ref, and drops the ones\n     *    missing a title or an icon — falling back to the *plugin's*, which\n     *    this plugin does not set. Adding an icon here, or a plugin-level one,\n     *    would put the backoffice in everyone's sidebar. A regression test\n     *    guards this.\n     *\n     * 2. The gate wraps the element the original factory produced instead of\n     *    being passed as `loader`. `PageBlueprint` ignores its sub-pages when\n     *    a loader is given, so gating via the loader would silently drop every\n     *    backoffice section. Decorating the output leaves upstream's tab and\n     *    nested-route behaviour untouched.\n     */\n    PageBlueprint.makeWithOverrides({\n      name: 'backoffice',\n      factory(originalFactory) {\n        const original = originalFactory({\n          path: '/dev-ai-hub/backoffice',\n          title: 'AI Hub Admin Panel',\n          routeRef: backofficeRouteRef,\n        });\n\n        return [...original].map(value =>\n          value.id === coreExtensionData.reactElement.id\n            ? coreExtensionData.reactElement(\n                <BackofficeGate>{value.value}</BackofficeGate>,\n              )\n            : value,\n        );\n      },\n    }),\n    SubPageBlueprint.make({\n      name: 'backoffice-overview',\n      attachTo: {\n        relative: { kind: 'page', name: 'backoffice' },\n        input: 'pages',\n      },\n      params: {\n        path: 'overview',\n        title: 'Overview',\n        loader: () =>\n          import('./components/Backoffice/BackofficeOverview').then(m => (\n            <m.BackofficeOverview />\n          )),\n      },\n    }),\n    SubPageBlueprint.make({\n      name: 'backoffice-recommendations',\n      attachTo: {\n        relative: { kind: 'page', name: 'backoffice' },\n        input: 'pages',\n      },\n      params: {\n        path: 'recommendations',\n        title: 'Recommendations',\n        loader: () =>\n          import('./components/Backoffice/BackofficeCuration').then(m => (\n            <m.BackofficeCuration />\n          )),\n      },\n    }),\n    SubPageBlueprint.make({\n      name: 'backoffice-excluded',\n      attachTo: {\n        relative: { kind: 'page', name: 'backoffice' },\n        input: 'pages',\n      },\n      params: {\n        path: 'excluded',\n        title: 'Excluded',\n        loader: () =>\n          import('./components/Backoffice/BackofficeExclusion').then(m => (\n            <m.BackofficeExclusion />\n          )),\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":"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"}

package/dist/routes.esm.js

@@ -1,6 +1,7 @@
 import { createRouteRef } from '@backstage/frontend-plugin-api';
 
 const rootRouteRef = createRouteRef();
+const backofficeRouteRef = createRouteRef();
 
-export { rootRouteRef };
+export { backofficeRouteRef, rootRouteRef };
 //# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/frontend-plugin-api';\n\nexport const rootRouteRef = createRouteRef();\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/frontend-plugin-api';\n\nexport const rootRouteRef = createRouteRef();\n\n/**\n * The backoffice surface (#83). A separate route from the browse page so the\n * whole surface — not just its contents — can be withheld from users without\n * `dev-ai-hub.backoffice.read` (ADR-0016).\n */\nexport const backofficeRouteRef = createRouteRef();\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA;AAOrB,MAAM,qBAAqB,cAAA;;;;"}

package/dist/theme/typeTokens.module.css.esm.js

@@ -0,0 +1,5 @@
+import styleInject from '../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Plugin-owned colour tokens for the six ResourceType roles (ADR-0008,\n * ADR-0010, amended 2026-08-03).\n *\n * Source of truth is the NOS *digital* brand palette — `brand` in\n * nosportugal/backstage `packages/app/src/themes/palette.ts`, the same one\n * that app's MUI themes and BUI variable overrides derive from. Hue and\n * saturation come from there and never change; only lightness moves, and only\n * far enough to clear 3:1 against the card background of the theme the value\n * is used in (`--bui-bg-neutral-1`: #ededeb in nos-light, #252830 in\n * nos-dark). Several values are the brand hex untouched, because they already\n * cleared it.\n *\n * marketplace is the exception: it keeps NOS Coral (#f26b43, from the\n * presentation brand reference) rather than taking brand.red, which that\n * palette binds to `error` — a semantic colour used for identity is the\n * misuse ADR-0008 exists to avoid.\n *\n * This is the ONLY place raw hex may appear for type identity; components\n * reference the custom properties. Chrome accents are NOT here — they use\n * BUI's own tokens, so they track the host theme instead of competing.\n *\n * These are `:root`-scoped, not local to any one page, because `typeMeta.tsx`\n * is shared by both the Browse page and the Admin Panel (Backoffice), and\n * each of those loads via its own code-split chunk. This file is imported\n * once, unconditionally, from `plugin.tsx` (which every route of this plugin\n * loads eagerly) so the variables exist regardless of which page — if any —\n * has rendered first. Do not move this block back into a page-owned\n * `.module.css`: a page's own stylesheet only loads once that page's chunk\n * does, which left these variables undefined for anyone landing directly on\n * the Admin Panel without visiting Browse first.\n */\n:root,\n[data-theme-mode='light'] {\n  /* green / pink / yellow / blue / turquoise darkened onto the off-white card */\n  --devaihub-type-skill: #609112;\n  --devaihub-type-agent: #e042b2;\n  --devaihub-type-hook: #9b8100;\n  --devaihub-type-plugin: #4f60d2;\n  --devaihub-type-mcp-config: #1d9381;\n  --devaihub-type-marketplace: #ef4716;\n\n  --devaihub-type-skill-bg: rgba(96, 145, 18, 0.14);\n  --devaihub-type-agent-bg: rgba(224, 66, 178, 0.14);\n  --devaihub-type-hook-bg: rgba(155, 129, 0, 0.14);\n  --devaihub-type-plugin-bg: rgba(79, 96, 210, 0.14);\n  --devaihub-type-mcp-config-bg: rgba(29, 147, 129, 0.14);\n  --devaihub-type-marketplace-bg: rgba(239, 71, 22, 0.14);\n}\n\n[data-theme-mode='dark'] {\n  /* The brand hexes as published — all but blue already clear 3:1 on #252830 */\n  --devaihub-type-skill: #6ea514;\n  --devaihub-type-agent: #eb84cd;\n  --devaihub-type-hook: #fcd200;\n  --devaihub-type-plugin: #5d6dd6;\n  --devaihub-type-mcp-config: #4bdbc5;\n  --devaihub-type-marketplace: #f26b43;\n\n  --devaihub-type-skill-bg: rgba(110, 165, 20, 0.2);\n  --devaihub-type-agent-bg: rgba(235, 132, 205, 0.2);\n  --devaihub-type-hook-bg: rgba(252, 210, 0, 0.2);\n  --devaihub-type-plugin-bg: rgba(93, 109, 214, 0.2);\n  --devaihub-type-mcp-config-bg: rgba(75, 219, 197, 0.2);\n  --devaihub-type-marketplace-bg: rgba(242, 107, 67, 0.2);\n}\n";
+styleInject(css_248z);
+//# sourceMappingURL=typeTokens.module.css.esm.js.map

package/dist/theme/typeTokens.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeTokens.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nospt/plugin-dev-ai-hub",
-  "version": "1.1.3",
+  "version": "1.2.0-rc1",
   "description": "Frontend plugin for Dev AI Hub",
   "license": "Apache-2.0",
   "main": "./dist/index.esm.js",
@@ -36,7 +36,9 @@
       "@nospt/plugin-dev-ai-hub-common"
     ]
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist",
     "config.schema.json",
@@ -61,8 +63,9 @@
     "@backstage/core-plugin-api": "^1.12.9",
     "@backstage/frontend-plugin-api": "^0.18.0",
     "@backstage/plugin-catalog-react": "^3.2.2",
-    "@backstage/ui": "^0.17.1",
-    "@nospt/plugin-dev-ai-hub-common": "^1.1.3",
+    "@backstage/plugin-permission-react": "^0.5.4",
+    "@backstage/ui": "^0.18.0",
+    "@nospt/plugin-dev-ai-hub-common": "^1.2.0-rc1",
     "@remixicon/react": "^4.9.0",
     "react-markdown": "^9.0.0",
     "react-syntax-highlighter": "^16.1.1",
@@ -73,8 +76,10 @@
     "@backstage/cli": "^0.36.5",
     "@backstage/dev-utils": "^1.1.26",
     "@backstage/frontend-defaults": "^0.5.5",
+    "@backstage/frontend-test-utils": "^0.6.3",
     "@backstage/plugin-app-react": "^0.2.6",
     "@backstage/plugin-catalog": "^2.0.8",
+    "@backstage/plugin-permission-common": "^0.9.10",
     "@backstage/plugin-user-settings": "^0.9.6",
     "@playwright/test": "^1.60.0",
     "@testing-library/dom": "^10.0.0",