@burdenoff/microfe-bigconsole 2026.1004.4 → 2026.1004.6

package/dist/bigconsole/assistant/assistantProduct.d.ts

@@ -1,4 +1,5 @@
 import { LocalUiCommandOptions } from '@burdenoff/fe-libs/shared/assistant/localUiCommands';
+import { AssistantEntityRoute } from '@burdenoff/fe-libs/shared/assistant/uiActions/entityRoutes';
 import { AssistantProductProviderProps } from '@burdenoff/fe-libs/shared/assistant/product';
 
 /**
@@ -19,6 +20,24 @@ export declare const STORAGE_FOLDERS: {
     readonly attachments: "/BigConsole/AI Assistant/Attachments";
     readonly artifacts: "/BigConsole/AI Assistant/Artifacts";
 };
+/**
+ * The pages of ONE record that no sidebar entry names (BOFF-8060 N1b), so "take me
+ * there" can open them from a link in the assistant's own reply.
+ *
+ * ★★ `exclude` lists the router's STATIC siblings of each `:id` segment
+ * (`BigConsoleRoutes.tsx`): `datasinks/new` is the builder, not a data source.
+ * `entityRoutes.test.ts` resolves every template through the real route table and
+ * checks every static sibling against them, so the two lists cannot drift from the
+ * router unnoticed.
+ *
+ * ★ A workflow's address is `workflows/workflow/<key>/<version>` (a slug key such
+ * as `github_user_profile` or a UUID, plus `v1`); the version-less
+ * `workflows/:workflowId` is a different page and is deliberately not declared.
+ *
+ * ★ `/integrations/connections` is the app shell's Connected Systems page, shown
+ * to whoever can see the Integrations entry.
+ */
+export declare const ENTITY_ROUTES: readonly AssistantEntityRoute[];
 /**
  * How the panel reads a UI command it carries out itself (BOFF-7802), for
  * BigConsole.

package/dist/bigconsole/assistant/assistantProduct.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assistantProduct.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/assistant/assistantProduct.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAOjG;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,EAAE,qBAAmD,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAC/C,IAAI,CAAC,6BAA6B,EAAE,UAAU,GAAG,kBAAkB,GAAG,cAAc,CAAC,CACtF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,EAAE,0BA+B1C,CAAC"}
+{"version":3,"file":"assistantProduct.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/assistant/assistantProduct.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AACvG,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAOjG;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,oBAAoB,EAoCxD,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,EAAE,qBAG/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAC/C,IAAI,CAAC,6BAA6B,EAAE,UAAU,GAAG,kBAAkB,GAAG,cAAc,CAAC,CACtF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,EAAE,0BA+B1C,CAAC"}

package/dist/bigconsole/assistant/assistantProduct.js

@@ -13,7 +13,70 @@ var a = {
 	gatherPageContext: n,
 	buildPrompt: r,
 	storageFolders: a,
-	localUiCommands: { themeWords: "mode-only" },
+	localUiCommands: {
+		themeWords: "mode-only",
+		entityRoutes: [
+			{
+				id: "bigconsole-datasink",
+				pattern: "/bigconsole/datasinks/:id",
+				params: { id: {
+					kind: "id",
+					exclude: ["new"]
+				} },
+				visibleWith: "bigconsole-datasinks",
+				noun: {
+					key: "entity.datasink",
+					fallback: "data source"
+				}
+			},
+			{
+				id: "bigconsole-dashboard",
+				pattern: "/bigconsole/dashboards/:id",
+				params: { id: { kind: "id" } },
+				visibleWith: "bigconsole-dashboards",
+				noun: {
+					key: "entity.dashboard",
+					fallback: "dashboard"
+				}
+			},
+			{
+				id: "bigconsole-parser",
+				pattern: "/bigconsole/parsers/:id",
+				params: { id: {
+					kind: "id",
+					exclude: ["new"]
+				} },
+				visibleWith: "bigconsole-parsers",
+				noun: {
+					key: "entity.parser",
+					fallback: "parser"
+				}
+			},
+			{
+				id: "bigconsole-workflow",
+				pattern: "/bigconsole/workflows/workflow/:key/:version",
+				params: {
+					key: { kind: "slug" },
+					version: { kind: "slug" }
+				},
+				visibleWith: "bigconsole-workflows-list",
+				noun: {
+					key: "entity.workflow",
+					fallback: "workflow"
+				}
+			},
+			{
+				id: "bigconsole-connections",
+				pattern: "/integrations/connections",
+				params: {},
+				visibleWith: "integrations",
+				noun: {
+					key: "entity.connections",
+					fallback: "Connected Systems"
+				}
+			}
+		]
+	},
 	reportTurnTimings: !0,
 	writeApproval: "proposal-v1"
 };

package/dist/bigconsole/assistant/assistantProduct.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistantProduct.js","names":[],"sources":["../../../src/bigconsole/assistant/assistantProduct.ts"],"sourcesContent":["/**\n * BigConsole's answers to the shared assistant's product seam, as one value.\n *\n * ★★ Every capability field on fe-libs' `AssistantProductProvider` is OPTIONAL,\n * and a missing one does not throw — it degrades SILENTLY. No `gatherPageContext`\n * sends every turn with no page context; no `buildPrompt` drops both the\n * confirm-before-mutate guardrail and the language directive; no\n * `storageFolders` starts a second folder beside the one holding every saved\n * attachment.\n *\n * So the value is typed `Required<…>` over the provider's own props: forgetting\n * a field, or fe-libs ADDING one, is a type error in this file rather than a\n * quiet regression in production.\n */\nimport type { LocalUiCommandOptions } from '@burdenoff/fe-libs/shared/assistant/localUiCommands';\nimport type { AssistantProductProviderProps } from '@burdenoff/fe-libs/shared/assistant/product';\n\nimport { buildPromptForMode } from './assistantPrompt';\nimport { BIGCONSOLE_ASSISTANT_MODES } from './modes';\nimport { describeCurrentPage, gatherPageContext } from './pageContext';\nimport { BIGCONSOLE_PRODUCT } from './product';\n\n/**\n * Where this product's assistant files land in the workspace file library.\n *\n * ★★ Capitalised as a DISPLAY name while the product id is `bigconsole`, which\n * is exactly why fe-libs cannot derive it: its fallback is\n * `/${product}/AI Assistant/…` → `/bigconsole/AI Assistant/…`.\n *\n * These strings become load-bearing the moment anything is saved. A wrong value\n * does not fail loudly — it quietly starts a SECOND folder beside the first and\n * orphans everything in the original. Today nothing can be orphaned: BigConsole's\n * legacy transport extracts uploaded files into the prompt and saves nothing to\n * the library, so no `/BigConsole/AI Assistant/*` path exists yet. That makes\n * this a free choice now and an expensive one the moment BC4 ships attachments.\n */\nexport const STORAGE_FOLDERS = {\n  attachments: '/BigConsole/AI Assistant/Attachments',\n  artifacts: '/BigConsole/AI Assistant/Artifacts',\n} as const;\n\n/**\n * How the panel reads a UI command it carries out itself (BOFF-7802), for\n * BigConsole.\n *\n * ★★ `mode-only` because BigConsole's CONTENT has themes of its own: a\n * dashboard has a theme, so \"use the dark theme\" in a dashboard builder is a\n * request about the dashboard, and must reach the model rather than flip the\n * app. fe-libs names this exact case (`LocalUiCommandOptions.themeWords`). Only\n * \"<name> mode\" (\"dark mode\") or a theme qualified as the app's (\"change the\n * app theme to dark\") still changes the app locally, with no turn.\n *\n * ★ Its own exported constant so the seam test can pin the field by identity,\n * like every other field on the seam value.\n */\nexport const LOCAL_UI_COMMANDS: LocalUiCommandOptions = { themeWords: 'mode-only' };\n\n/**\n * Every seam field, required — the provider's props minus its children, and\n * minus the two answers BigConsole deliberately does not give.\n *\n * ★★ `reportTokenUsage` is omitted ON EVIDENCE, not by oversight, and this\n * `Omit` member is the only place that decision is expressed in the type system.\n * `wspace-bigconsole-svc` declares NO token-usage mutation at all, and nothing in\n * this MFE reports one today. The obvious \"fix\" — wiring fe-libs' shared\n * reporter — would bill VibeControls for BigConsole turns: `reportAiTokenUsage`\n * is declared only in `wspace-vibecontrols-svc`, against the\n * `vibecontrols.ai.credits` quota. Metering BigConsole is a backend change.\n *\n * Note that BigConsole's `bigconsole.*` quotas are a different mechanism —\n * they cap entity counts, not AI spend — so their presence is not evidence that\n * turns are metered.\n *\n * ★★ `confirmWrite` is omitted so a HIGH-risk write proposal is confirmed in\n * fe-libs' shared `AssistantWriteConfirmDialog` (BOFF-7803 5a). That is the\n * documented default when a product has no dialog of its own, and BigConsole\n * has none. A product dialog must meet the whole contract fe-libs sets for it\n * (readback, target count, consequences, the exact confirm label, sensitive\n * values masked, never `window.confirm`), and the shared one already does, so a\n * BigConsole copy would only be a second place for that to go wrong. The\n * bigconsole-app ambient declaration of this value mirrors this `Omit`.\n */\nexport type BigConsoleAssistantProduct = Required<\n  Omit<AssistantProductProviderProps, 'children' | 'reportTokenUsage' | 'confirmWrite'>\n>;\n\n/**\n * ★ Each field points at a product-owned implementation BY IDENTITY — no inline\n * arrow wrappers. The seam guard asserts `toBe`, because a wrapper is how a\n * function silently stops being the one the tests cover.\n *\n * ★ `writeAccess` is deliberately absent: it is a PROP on the shared panel, not\n * a seam field, so it belongs to BC4's panel mount rather than here. Same for\n * the preview controller, which the panel takes as `panelProps.preview`.\n */\nexport const BIGCONSOLE_ASSISTANT_PRODUCT: BigConsoleAssistantProduct = {\n  product: BIGCONSOLE_PRODUCT,\n  modes: BIGCONSOLE_ASSISTANT_MODES,\n  describeCurrentPage,\n  gatherPageContext,\n  buildPrompt: buildPromptForMode,\n  storageFolders: STORAGE_FOLDERS,\n  localUiCommands: LOCAL_UI_COMMANDS,\n  /**\n   * ★ On. That is fe-libs' own default (on unless `false`, BOFF-7801) and\n   * what BigConsole does today: this seam never set the field, so its turns\n   * have been reported by default. The reports carry timings and coarse\n   * dimensions only, and BigConsole is the first proposal-v1 product, so its\n   * latency is the measurement the rollout needs.\n   */\n  reportTurnTimings: true,\n  /**\n   * ★★★ BigConsole is the FIRST proposal-v1 product (BOFF-7803 5a). At\n   * `'proposal-v1'` fe-libs provisions Ask and Build (`api-calls`) through the\n   * `assistant:use`-gated `provisionAssistantSandbox`, requests the proposal\n   * flow for Build, and lets a spoken Build turn through when the sandbox's\n   * own `/health` also says v1. Every change then waits for the button on its\n   * card; the sandbox and wspace-sandbox-svc decide whether it runs.\n   *\n   * ★★ That provisioning path has NO `createSandbox` fallback: while\n   * wspace-sandbox-svc answers it with 503 (its session relay switched off),\n   * BigConsole's assistant cannot start at all. This flag reaches users only\n   * when bigconsole-app pins the microfe version that carries it, so the app\n   * bump is the release switch, and it waits for the relay.\n   */\n  writeApproval: 'proposal-v1',\n};\n"],"mappings":";;;;;AAoCA,IAAa,IAAkB;CAC7B,aAAa;CACb,WAAW;CACZ,EAwDY,IAA2D;CACtE,SAAS;CACT,OAAO;CACP;CACA;CACA,aAAa;CACb,gBAAgB;CAChB,iBA/CsD,EAAE,YAAY,aAAa;CAuDjF,mBAAmB;CAenB,eAAe;CAChB"}
+{"version":3,"file":"assistantProduct.js","names":[],"sources":["../../../src/bigconsole/assistant/assistantProduct.ts"],"sourcesContent":["/**\n * BigConsole's answers to the shared assistant's product seam, as one value.\n *\n * ★★ Every capability field on fe-libs' `AssistantProductProvider` is OPTIONAL,\n * and a missing one does not throw — it degrades SILENTLY. No `gatherPageContext`\n * sends every turn with no page context; no `buildPrompt` drops both the\n * confirm-before-mutate guardrail and the language directive; no\n * `storageFolders` starts a second folder beside the one holding every saved\n * attachment.\n *\n * So the value is typed `Required<…>` over the provider's own props: forgetting\n * a field, or fe-libs ADDING one, is a type error in this file rather than a\n * quiet regression in production.\n */\nimport type { LocalUiCommandOptions } from '@burdenoff/fe-libs/shared/assistant/localUiCommands';\nimport type { AssistantEntityRoute } from '@burdenoff/fe-libs/shared/assistant/uiActions/entityRoutes';\nimport type { AssistantProductProviderProps } from '@burdenoff/fe-libs/shared/assistant/product';\n\nimport { buildPromptForMode } from './assistantPrompt';\nimport { BIGCONSOLE_ASSISTANT_MODES } from './modes';\nimport { describeCurrentPage, gatherPageContext } from './pageContext';\nimport { BIGCONSOLE_PRODUCT } from './product';\n\n/**\n * Where this product's assistant files land in the workspace file library.\n *\n * ★★ Capitalised as a DISPLAY name while the product id is `bigconsole`, which\n * is exactly why fe-libs cannot derive it: its fallback is\n * `/${product}/AI Assistant/…` → `/bigconsole/AI Assistant/…`.\n *\n * These strings become load-bearing the moment anything is saved. A wrong value\n * does not fail loudly — it quietly starts a SECOND folder beside the first and\n * orphans everything in the original. Today nothing can be orphaned: BigConsole's\n * legacy transport extracts uploaded files into the prompt and saves nothing to\n * the library, so no `/BigConsole/AI Assistant/*` path exists yet. That makes\n * this a free choice now and an expensive one the moment BC4 ships attachments.\n */\nexport const STORAGE_FOLDERS = {\n  attachments: '/BigConsole/AI Assistant/Attachments',\n  artifacts: '/BigConsole/AI Assistant/Artifacts',\n} as const;\n\n/**\n * The pages of ONE record that no sidebar entry names (BOFF-8060 N1b), so \"take me\n * there\" can open them from a link in the assistant's own reply.\n *\n * ★★ `exclude` lists the router's STATIC siblings of each `:id` segment\n * (`BigConsoleRoutes.tsx`): `datasinks/new` is the builder, not a data source.\n * `entityRoutes.test.ts` resolves every template through the real route table and\n * checks every static sibling against them, so the two lists cannot drift from the\n * router unnoticed.\n *\n * ★ A workflow's address is `workflows/workflow/<key>/<version>` (a slug key such\n * as `github_user_profile` or a UUID, plus `v1`); the version-less\n * `workflows/:workflowId` is a different page and is deliberately not declared.\n *\n * ★ `/integrations/connections` is the app shell's Connected Systems page, shown\n * to whoever can see the Integrations entry.\n */\nexport const ENTITY_ROUTES: readonly AssistantEntityRoute[] = [\n  {\n    id: 'bigconsole-datasink',\n    pattern: '/bigconsole/datasinks/:id',\n    params: { id: { kind: 'id', exclude: ['new'] } },\n    visibleWith: 'bigconsole-datasinks',\n    noun: { key: 'entity.datasink', fallback: 'data source' },\n  },\n  {\n    id: 'bigconsole-dashboard',\n    pattern: '/bigconsole/dashboards/:id',\n    params: { id: { kind: 'id' } },\n    visibleWith: 'bigconsole-dashboards',\n    noun: { key: 'entity.dashboard', fallback: 'dashboard' },\n  },\n  {\n    id: 'bigconsole-parser',\n    pattern: '/bigconsole/parsers/:id',\n    params: { id: { kind: 'id', exclude: ['new'] } },\n    visibleWith: 'bigconsole-parsers',\n    noun: { key: 'entity.parser', fallback: 'parser' },\n  },\n  {\n    id: 'bigconsole-workflow',\n    pattern: '/bigconsole/workflows/workflow/:key/:version',\n    params: { key: { kind: 'slug' }, version: { kind: 'slug' } },\n    visibleWith: 'bigconsole-workflows-list',\n    noun: { key: 'entity.workflow', fallback: 'workflow' },\n  },\n  {\n    id: 'bigconsole-connections',\n    pattern: '/integrations/connections',\n    params: {},\n    visibleWith: 'integrations',\n    noun: { key: 'entity.connections', fallback: 'Connected Systems' },\n  },\n];\n\n/**\n * How the panel reads a UI command it carries out itself (BOFF-7802), for\n * BigConsole.\n *\n * ★★ `mode-only` because BigConsole's CONTENT has themes of its own: a\n * dashboard has a theme, so \"use the dark theme\" in a dashboard builder is a\n * request about the dashboard, and must reach the model rather than flip the\n * app. fe-libs names this exact case (`LocalUiCommandOptions.themeWords`). Only\n * \"<name> mode\" (\"dark mode\") or a theme qualified as the app's (\"change the\n * app theme to dark\") still changes the app locally, with no turn.\n *\n * ★ Its own exported constant so the seam test can pin the field by identity,\n * like every other field on the seam value.\n */\nexport const LOCAL_UI_COMMANDS: LocalUiCommandOptions = {\n  themeWords: 'mode-only',\n  entityRoutes: ENTITY_ROUTES,\n};\n\n/**\n * Every seam field, required — the provider's props minus its children, and\n * minus the two answers BigConsole deliberately does not give.\n *\n * ★★ `reportTokenUsage` is omitted ON EVIDENCE, not by oversight, and this\n * `Omit` member is the only place that decision is expressed in the type system.\n * `wspace-bigconsole-svc` declares NO token-usage mutation at all, and nothing in\n * this MFE reports one today. The obvious \"fix\" — wiring fe-libs' shared\n * reporter — would bill VibeControls for BigConsole turns: `reportAiTokenUsage`\n * is declared only in `wspace-vibecontrols-svc`, against the\n * `vibecontrols.ai.credits` quota. Metering BigConsole is a backend change.\n *\n * Note that BigConsole's `bigconsole.*` quotas are a different mechanism —\n * they cap entity counts, not AI spend — so their presence is not evidence that\n * turns are metered.\n *\n * ★★ `confirmWrite` is omitted so a HIGH-risk write proposal is confirmed in\n * fe-libs' shared `AssistantWriteConfirmDialog` (BOFF-7803 5a). That is the\n * documented default when a product has no dialog of its own, and BigConsole\n * has none. A product dialog must meet the whole contract fe-libs sets for it\n * (readback, target count, consequences, the exact confirm label, sensitive\n * values masked, never `window.confirm`), and the shared one already does, so a\n * BigConsole copy would only be a second place for that to go wrong. The\n * bigconsole-app ambient declaration of this value mirrors this `Omit`.\n */\nexport type BigConsoleAssistantProduct = Required<\n  Omit<AssistantProductProviderProps, 'children' | 'reportTokenUsage' | 'confirmWrite'>\n>;\n\n/**\n * ★ Each field points at a product-owned implementation BY IDENTITY — no inline\n * arrow wrappers. The seam guard asserts `toBe`, because a wrapper is how a\n * function silently stops being the one the tests cover.\n *\n * ★ `writeAccess` is deliberately absent: it is a PROP on the shared panel, not\n * a seam field, so it belongs to BC4's panel mount rather than here. Same for\n * the preview controller, which the panel takes as `panelProps.preview`.\n */\nexport const BIGCONSOLE_ASSISTANT_PRODUCT: BigConsoleAssistantProduct = {\n  product: BIGCONSOLE_PRODUCT,\n  modes: BIGCONSOLE_ASSISTANT_MODES,\n  describeCurrentPage,\n  gatherPageContext,\n  buildPrompt: buildPromptForMode,\n  storageFolders: STORAGE_FOLDERS,\n  localUiCommands: LOCAL_UI_COMMANDS,\n  /**\n   * ★ On. That is fe-libs' own default (on unless `false`, BOFF-7801) and\n   * what BigConsole does today: this seam never set the field, so its turns\n   * have been reported by default. The reports carry timings and coarse\n   * dimensions only, and BigConsole is the first proposal-v1 product, so its\n   * latency is the measurement the rollout needs.\n   */\n  reportTurnTimings: true,\n  /**\n   * ★★★ BigConsole is the FIRST proposal-v1 product (BOFF-7803 5a). At\n   * `'proposal-v1'` fe-libs provisions Ask and Build (`api-calls`) through the\n   * `assistant:use`-gated `provisionAssistantSandbox`, requests the proposal\n   * flow for Build, and lets a spoken Build turn through when the sandbox's\n   * own `/health` also says v1. Every change then waits for the button on its\n   * card; the sandbox and wspace-sandbox-svc decide whether it runs.\n   *\n   * ★★ That provisioning path has NO `createSandbox` fallback: while\n   * wspace-sandbox-svc answers it with 503 (its session relay switched off),\n   * BigConsole's assistant cannot start at all. This flag reaches users only\n   * when bigconsole-app pins the microfe version that carries it, so the app\n   * bump is the release switch, and it waits for the relay.\n   */\n  writeApproval: 'proposal-v1',\n};\n"],"mappings":";;;;;AAqCA,IAAa,IAAkB;CAC7B,aAAa;CACb,WAAW;CACZ,EAkHY,IAA2D;CACtE,SAAS;CACT,OAAO;CACP;CACA;CACA,aAAa;CACb,gBAAgB;CAChB,iBAlDsD;EACtD,YAAY;EACZ,cAtD4D;GAC5D;IACE,IAAI;IACJ,SAAS;IACT,QAAQ,EAAE,IAAI;KAAE,MAAM;KAAM,SAAS,CAAC,MAAM;KAAE,EAAE;IAChD,aAAa;IACb,MAAM;KAAE,KAAK;KAAmB,UAAU;KAAe;IAC1D;GACD;IACE,IAAI;IACJ,SAAS;IACT,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,EAAE;IAC9B,aAAa;IACb,MAAM;KAAE,KAAK;KAAoB,UAAU;KAAa;IACzD;GACD;IACE,IAAI;IACJ,SAAS;IACT,QAAQ,EAAE,IAAI;KAAE,MAAM;KAAM,SAAS,CAAC,MAAM;KAAE,EAAE;IAChD,aAAa;IACb,MAAM;KAAE,KAAK;KAAiB,UAAU;KAAU;IACnD;GACD;IACE,IAAI;IACJ,SAAS;IACT,QAAQ;KAAE,KAAK,EAAE,MAAM,QAAQ;KAAE,SAAS,EAAE,MAAM,QAAQ;KAAE;IAC5D,aAAa;IACb,MAAM;KAAE,KAAK;KAAmB,UAAU;KAAY;IACvD;GACD;IACE,IAAI;IACJ,SAAS;IACT,QAAQ,EAAE;IACV,aAAa;IACb,MAAM;KAAE,KAAK;KAAsB,UAAU;KAAqB;IACnE;GACF;EAmBA;CAuDC,mBAAmB;CAenB,eAAe;CAChB"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownDashboardRenderer.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAa3D,MAAM,WAAW,+BAA+B;IAC9C,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AA8ED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAgQ1E,CAAC;AAmBF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"DrilldownDashboardRenderer.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,+BAA+B;IAC9C,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AA8ED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAgQ1E,CAAC;AAmBF,eAAe,0BAA0B,CAAC"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -4,11 +4,12 @@ import "./common/index.js";
 import { mapFromFederationWidgetType as i } from "../utils/widgetTypeMapping.js";
 import { MODAL_TARGET_PAGE_PARAM as a } from "../hooks/useDrilldown.js";
 import o from "./widgets/WidgetWrapper.js";
-import { memo as s, useEffect as c, useState as l } from "react";
-import { useApolloClient as u } from "@apollo/client/react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { getVisibleDrilldownParams as s } from "../utils/drilldownParams.js";
+import { memo as c, useEffect as l, useState as u } from "react";
+import { useApolloClient as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownDashboardRenderer.tsx
-function p(e, t) {
+function m(e, t) {
 	let n = t * 4, r = {
 		x: 0,
 		y: n,
@@ -48,7 +49,7 @@ function p(e, t) {
 		updatedAt: e.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
 	};
 }
-function m(e, t) {
+function h(e, t) {
 	let n = {
 		x: 0,
 		y: t * 4,
@@ -64,20 +65,20 @@ function m(e, t) {
 		positionHeight: 4
 	};
 }
-var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h = 0 }) {
-	let _ = u(), [v, y] = l(!0), [b, x] = l(null), [S, C] = l(null), [w, T] = l([]);
-	if (c(() => {
+var g = c(function({ dashboardId: i, params: o, live: c = !1, refreshRevision: g = 0 }) {
+	let v = d(), [y, b] = u(!0), [x, S] = u(null), [C, w] = u(null), [T, E] = u([]);
+	if (l(() => {
 		if (!i) {
-			y(!1);
+			b(!1);
 			return;
 		}
 		let n = !1, r = !1;
-		y(!0);
+		b(!0);
 		async function a() {
 			if (!r) {
-				r = !0, x(null);
+				r = !0, S(null);
 				try {
-					let r = await _.query({
+					let r = await v.query({
 						query: e,
 						variables: { id: i },
 						fetchPolicy: "network-only"
@@ -85,35 +86,35 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 					if (n) return;
 					let a = r.data?.getDashboard;
 					if (!a) {
-						x("Dashboard not found"), y(!1);
+						S("Dashboard not found"), b(!1);
 						return;
 					}
 					let o = a.pages?.edges?.map((e) => ({
 						id: e.node.id,
 						name: e.node.name || "Page 1"
 					})) || [];
-					C({
+					w({
 						id: a.id,
 						name: a.name,
 						description: a.description,
 						pages: o
 					});
-					let s = await _.query({
+					let s = await v.query({
 						query: t,
 						variables: { dashboardId: i },
 						fetchPolicy: "network-only"
 					});
 					if (n) return;
-					T((s.data?.listWidgetsByDashboard || []).map((e, t) => p(e, t)));
+					E((s.data?.listWidgetsByDashboard || []).map((e, t) => m(e, t)));
 				} catch (e) {
-					n || x(e instanceof Error ? e.message : "Failed to load dashboard");
+					n || S(e instanceof Error ? e.message : "Failed to load dashboard");
 				} finally {
-					r = !1, n || y(!1);
+					r = !1, n || b(!1);
 				}
 			}
 		}
 		a();
-		let o = s ? window.setInterval(() => {
+		let o = c ? window.setInterval(() => {
 			document.visibilityState === "visible" && a();
 		}, 4e3) : void 0;
 		return () => {
@@ -121,35 +122,35 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 		};
 	}, [
 		i,
-		_,
-		s,
-		h
-	]), v) return /* @__PURE__ */ d("div", {
+		v,
+		c,
+		g
+	]), y) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ d("div", { className: "w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ d("p", {
+			children: [/* @__PURE__ */ f("div", { className: "w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ f("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading dashboard..."
 			})]
 		})
 	});
-	if (b) return /* @__PURE__ */ d("div", {
+	if (x) return /* @__PURE__ */ f("div", {
 		className: "flex h-full items-center justify-center",
 		role: "alert",
-		children: /* @__PURE__ */ d(n, {
+		children: /* @__PURE__ */ f(n, {
 			headingLevel: 3,
 			tone: "danger",
 			className: "w-full max-w-md",
 			"data-testid": "drilldown-error",
 			title: "Could not load this dashboard",
-			description: b,
-			icon: /* @__PURE__ */ d("svg", {
+			description: x,
+			icon: /* @__PURE__ */ f("svg", {
 				className: "h-icon-md w-icon-md",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ d("path", {
+				children: /* @__PURE__ */ f("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
@@ -158,69 +159,69 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 			})
 		})
 	});
-	if (!S || w.length === 0) return /* @__PURE__ */ d("div", {
+	if (!C || T.length === 0) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex flex-col items-center gap-3 text-center",
-			children: [/* @__PURE__ */ d("svg", {
+			children: [/* @__PURE__ */ f("svg", {
 				className: "w-12 h-12 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ d("path", {
+				children: /* @__PURE__ */ f("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
 				})
-			}), /* @__PURE__ */ d("p", {
+			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-text-secondary",
-				children: S ? "This dashboard has no widgets" : "Dashboard not found"
+				children: C ? "This dashboard has no widgets" : "Dashboard not found"
 			})]
 		})
 	});
-	let E = Object.entries(o).filter(([e]) => !e.startsWith("__")), D = o[a], O = S.pages.find((e) => e.id === D) ?? S.pages[0] ?? null, k = (O ? w.filter((e) => !e.pageId || e.pageId === O.id) : w).map((e, t) => m(e, t));
-	return /* @__PURE__ */ f(r, {
+	let D = s(o), O = o[a], k = C.pages.find((e) => e.id === O) ?? C.pages[0] ?? null, A = (k ? T.filter((e) => !e.pageId || e.pageId === k.id) : T).map((e, t) => h(e, t));
+	return /* @__PURE__ */ p(r, {
 		className: "w-full",
 		children: [
-			/* @__PURE__ */ d(n, {
+			/* @__PURE__ */ f(n, {
 				emphasis: "bare",
 				padding: "none",
 				headingLevel: 3,
-				title: S.name,
-				description: S.pages.length > 1 && O ? /* @__PURE__ */ d("span", {
+				title: C.name,
+				description: C.pages.length > 1 && k ? /* @__PURE__ */ f("span", {
 					"data-testid": "drilldown-dashboard-page",
-					children: O.name
-				}) : S.description,
+					children: k.name
+				}) : C.description,
 				"data-testid": "drilldown-dashboard-header"
 			}),
-			E.length > 0 && /* @__PURE__ */ d(n, {
+			D.length > 0 && /* @__PURE__ */ f(n, {
 				emphasis: "muted",
 				padding: "compact",
 				headingLevel: 3,
 				title: "Filtered by",
 				"data-testid": "drilldown-params",
 				bodyClassName: "flex flex-wrap gap-control-gap",
-				children: E.map(([e, t]) => /* @__PURE__ */ f("span", {
+				children: D.map(([e, t]) => /* @__PURE__ */ p("span", {
 					className: "inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "font-medium text-text-primary",
 						children: [e, ":"]
-					}), /* @__PURE__ */ d("span", {
+					}), /* @__PURE__ */ f("span", {
 						className: "ml-1",
 						children: typeof t == "object" && t ? JSON.stringify(t) : String(t)
 					})]
 				}, e))
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [k.length === 0 && /* @__PURE__ */ d("p", {
+				children: [A.length === 0 && /* @__PURE__ */ f("p", {
 					className: "text-sm text-text-secondary",
 					"data-testid": "drilldown-page-empty",
 					children: "This page has no widgets"
-				}), k.map((e) => {
+				}), A.map((e) => {
 					let t = e.config?._internalWidgetType, n = e.type;
-					return /* @__PURE__ */ d("div", {
+					return /* @__PURE__ */ f("div", {
 						className: "min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface",
 						style: n === "LINE_CHART" || n === "chart" || t === "chart" || t === "funnel_chart" ? { height: "clamp(220px, 45vh, 350px)" } : n === "TABLE" || n === "table" || t === "table" || t === "list" || t === "pivot_table" ? {
 							minHeight: "min(250px, 40vh)",
@@ -229,7 +230,7 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 							minHeight: "min(120px, 25vh)",
 							maxHeight: "min(300px, 50vh)"
 						},
-						children: /* @__PURE__ */ d(g, {
+						children: /* @__PURE__ */ f(_, {
 							widget: e,
 							filterValues: o
 						})
@@ -238,10 +239,10 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 			})
 		]
 	});
-}), g = s(function({ widget: e, filterValues: t }) {
-	return /* @__PURE__ */ d("div", {
+}), _ = c(function({ widget: e, filterValues: t }) {
+	return /* @__PURE__ */ f("div", {
 		className: "h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent",
-		children: /* @__PURE__ */ d(o, {
+		children: /* @__PURE__ */ f(o, {
 			widget: e,
 			isLoading: !1,
 			error: null,
@@ -250,6 +251,6 @@ var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h
 	});
 });
 //#endregion
-export { h as default };
+export { g as default };
 
 //# sourceMappingURL=DrilldownDashboardRenderer.js.map

package/dist/bigconsole/components/DrilldownDashboardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays the target page's widgets (the page named\n * by the drilldown, else the first page) with passed parameters (BOFF-7625).\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { Section, SectionStack } from './common';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\nimport { MODAL_TARGET_PAGE_PARAM } from '../hooks/useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  live?: boolean;\n  refreshRevision?: number;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n/** Place a widget at a given slot of the modal's single-column stack. */\nfunction normalizeStacking(widget: Widget, index: number): Widget {\n  const position = { x: 0, y: index * 4, width: 12, height: 4 };\n  return { ...widget, position, positionX: 0, positionY: position.y, positionWidth: 12, positionHeight: 4 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params, live = false, refreshRevision = 0 }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      let cancelled = false;\n      let fetching = false;\n      setLoading(true);\n      async function fetchData() {\n        if (fetching) return;\n        fetching = true;\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          fetching = false;\n          if (!cancelled) setLoading(false);\n        }\n      }\n\n      void fetchData();\n      const interval = live\n        ? window.setInterval(() => {\n            if (document.visibilityState === 'visible') void fetchData();\n          }, 4000)\n        : undefined;\n      return () => {\n        cancelled = true;\n        if (interval !== undefined) window.clearInterval(interval);\n      };\n    }, [dashboardId, apolloClient, live, refreshRevision]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center\" role=\"alert\">\n          <Section\n            headingLevel={3}\n            tone=\"danger\"\n            className=\"w-full max-w-md\"\n            data-testid=\"drilldown-error\"\n            title=\"Could not load this dashboard\"\n            description={error}\n            icon={\n              <svg className=\"h-icon-md w-icon-md\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            }\n          />\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    const visibleParams = Object.entries(params).filter(([key]) => !key.startsWith('__'));\n\n    // Show one page: the drilldown's target page when it still exists, else the\n    // first page. Widgets without a page id (older payloads) are always shown.\n    const requestedPageId = params[MODAL_TARGET_PAGE_PARAM];\n    const activePage = dashboard.pages.find((page) => page.id === requestedPageId) ?? dashboard.pages[0] ?? null;\n    const pageWidgets = activePage\n      ? widgets.filter((widget) => !widget.pageId || widget.pageId === activePage.id)\n      : widgets;\n    // Re-flow the page's widgets top to bottom (the stacking was computed over\n    // the whole dashboard).\n    const stackedWidgets = pageWidgets.map((widget, index) => normalizeStacking(widget, index));\n\n    return (\n      <SectionStack className=\"w-full\">\n        {/* Which board you drilled into — identity, not content. */}\n        <Section\n          emphasis=\"bare\"\n          padding=\"none\"\n          headingLevel={3}\n          title={dashboard.name}\n          description={\n            dashboard.pages.length > 1 && activePage ? (\n              <span data-testid=\"drilldown-dashboard-page\">{activePage.name}</span>\n            ) : (\n              dashboard.description\n            )\n          }\n          data-testid=\"drilldown-dashboard-header\"\n        />\n\n        {/* The filter context you arrived with: supporting detail, recessed. */}\n        {visibleParams.length > 0 && (\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={3}\n            title=\"Filtered by\"\n            data-testid=\"drilldown-params\"\n            bodyClassName=\"flex flex-wrap gap-control-gap\"\n          >\n            {visibleParams.map(([key, value]) => (\n              <span\n                key={key}\n                className=\"inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary\"\n              >\n                <span className=\"font-medium text-text-primary\">{key}:</span>\n                <span className=\"ml-1\">\n                  {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                </span>\n              </span>\n            ))}\n          </Section>\n        )}\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"flex flex-col gap-form-gap\">\n          {stackedWidgets.length === 0 && (\n            <p className=\"text-sm text-text-secondary\" data-testid=\"drilldown-page-empty\">\n              This page has no widgets\n            </p>\n          )}\n          {stackedWidgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need an explicit height (Recharts' ResponsiveContainer needs a\n            // definite parent). Clamping against the viewport keeps a 350px chart\n            // plus a 500px table from filling a phone screen twice over.\n            const heightStyle = isChartWidget\n              ? { height: 'clamp(220px, 45vh, 350px)' }\n              : isTableWidget\n                ? { minHeight: 'min(250px, 40vh)', maxHeight: 'min(500px, 65vh)' }\n                : { minHeight: 'min(120px, 25vh)', maxHeight: 'min(300px, 50vh)' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </SectionStack>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays the target page's widgets (the page named\n * by the drilldown, else the first page) with passed parameters (BOFF-7625).\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { Section, SectionStack } from './common';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\nimport { MODAL_TARGET_PAGE_PARAM } from '../hooks/useDrilldown';\nimport { getVisibleDrilldownParams } from '../utils/drilldownParams';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  live?: boolean;\n  refreshRevision?: number;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n/** Place a widget at a given slot of the modal's single-column stack. */\nfunction normalizeStacking(widget: Widget, index: number): Widget {\n  const position = { x: 0, y: index * 4, width: 12, height: 4 };\n  return { ...widget, position, positionX: 0, positionY: position.y, positionWidth: 12, positionHeight: 4 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params, live = false, refreshRevision = 0 }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      let cancelled = false;\n      let fetching = false;\n      setLoading(true);\n      async function fetchData() {\n        if (fetching) return;\n        fetching = true;\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          fetching = false;\n          if (!cancelled) setLoading(false);\n        }\n      }\n\n      void fetchData();\n      const interval = live\n        ? window.setInterval(() => {\n            if (document.visibilityState === 'visible') void fetchData();\n          }, 4000)\n        : undefined;\n      return () => {\n        cancelled = true;\n        if (interval !== undefined) window.clearInterval(interval);\n      };\n    }, [dashboardId, apolloClient, live, refreshRevision]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center\" role=\"alert\">\n          <Section\n            headingLevel={3}\n            tone=\"danger\"\n            className=\"w-full max-w-md\"\n            data-testid=\"drilldown-error\"\n            title=\"Could not load this dashboard\"\n            description={error}\n            icon={\n              <svg className=\"h-icon-md w-icon-md\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            }\n          />\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    const visibleParams = getVisibleDrilldownParams(params);\n\n    // Show one page: the drilldown's target page when it still exists, else the\n    // first page. Widgets without a page id (older payloads) are always shown.\n    const requestedPageId = params[MODAL_TARGET_PAGE_PARAM];\n    const activePage = dashboard.pages.find((page) => page.id === requestedPageId) ?? dashboard.pages[0] ?? null;\n    const pageWidgets = activePage\n      ? widgets.filter((widget) => !widget.pageId || widget.pageId === activePage.id)\n      : widgets;\n    // Re-flow the page's widgets top to bottom (the stacking was computed over\n    // the whole dashboard).\n    const stackedWidgets = pageWidgets.map((widget, index) => normalizeStacking(widget, index));\n\n    return (\n      <SectionStack className=\"w-full\">\n        {/* Which board you drilled into — identity, not content. */}\n        <Section\n          emphasis=\"bare\"\n          padding=\"none\"\n          headingLevel={3}\n          title={dashboard.name}\n          description={\n            dashboard.pages.length > 1 && activePage ? (\n              <span data-testid=\"drilldown-dashboard-page\">{activePage.name}</span>\n            ) : (\n              dashboard.description\n            )\n          }\n          data-testid=\"drilldown-dashboard-header\"\n        />\n\n        {/* The filter context you arrived with: supporting detail, recessed. */}\n        {visibleParams.length > 0 && (\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={3}\n            title=\"Filtered by\"\n            data-testid=\"drilldown-params\"\n            bodyClassName=\"flex flex-wrap gap-control-gap\"\n          >\n            {visibleParams.map(([key, value]) => (\n              <span\n                key={key}\n                className=\"inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary\"\n              >\n                <span className=\"font-medium text-text-primary\">{key}:</span>\n                <span className=\"ml-1\">\n                  {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                </span>\n              </span>\n            ))}\n          </Section>\n        )}\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"flex flex-col gap-form-gap\">\n          {stackedWidgets.length === 0 && (\n            <p className=\"text-sm text-text-secondary\" data-testid=\"drilldown-page-empty\">\n              This page has no widgets\n            </p>\n          )}\n          {stackedWidgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need an explicit height (Recharts' ResponsiveContainer needs a\n            // definite parent). Clamping against the viewport keeps a 350px chart\n            // plus a 500px table from filling a phone screen twice over.\n            const heightStyle = isChartWidget\n              ? { height: 'clamp(220px, 45vh, 350px)' }\n              : isTableWidget\n                ? { minHeight: 'min(250px, 40vh)', maxHeight: 'min(500px, 65vh)' }\n                : { minHeight: 'min(120px, 25vh)', maxHeight: 'min(300px, 50vh)' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </SectionStack>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":"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"}

package/dist/bigconsole/components/DrilldownModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownModal.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsHjD,CAAC;AAYH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DrilldownModal.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAe3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoHjD,CAAC;AAYH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/DrilldownModal.js

@@ -1,54 +1,55 @@
 import e from "../store/drilldownStore.js";
 import { SECTION_FOCUS_RING as t } from "./common/sectionStyles.js";
 import "./common/index.js";
-import { memo as n, useCallback as r, useRef as i } from "react";
-import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogTitle as c } from "@burdenoff/fe-libs/ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { getVisibleDrilldownParams as n } from "../utils/drilldownParams.js";
+import { memo as r, useCallback as i, useRef as a } from "react";
+import { ResponsiveDialog as o, ResponsiveDialogContent as s, ResponsiveDialogDescription as c, ResponsiveDialogTitle as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownModal.tsx
-var d = n(function({ renderDashboard: n, onClose: d }) {
-	let p = i(null), m = e((e) => e.isOpen), h = e((e) => e.dashboardId), g = e((e) => e.params), _ = e((e) => e.history), v = e((e) => e.closeModal), y = e((e) => e.popDrilldown), b = r(() => {
-		v(), d?.();
-	}, [v, d]), x = r(() => {
-		y();
-	}, [y]);
-	return !m || !h ? null : /* @__PURE__ */ l(a, {
-		open: m,
+var f = r(function({ renderDashboard: r, onClose: f }) {
+	let m = a(null), h = e((e) => e.isOpen), g = e((e) => e.dashboardId), _ = e((e) => e.params), v = e((e) => e.history), y = e((e) => e.closeModal), b = e((e) => e.popDrilldown), x = i(() => {
+		y(), f?.();
+	}, [y, f]), S = i(() => {
+		b();
+	}, [b]);
+	return !h || !g ? null : /* @__PURE__ */ u(o, {
+		open: h,
 		onOpenChange: (e) => {
-			e || b();
+			e || x();
 		},
-		children: /* @__PURE__ */ u(o, {
+		children: /* @__PURE__ */ d(s, {
 			showCloseButton: !1,
 			onOpenAutoFocus: () => {
 				let e = document.activeElement;
-				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (p.current = e);
+				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (m.current = e);
 			},
 			onCloseAutoFocus: (e) => {
-				e.preventDefault(), p.current?.isConnected && p.current.focus();
+				e.preventDefault(), m.current?.isConnected && m.current.focus();
 			},
 			className: "flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl",
 			style: { maxHeight: "calc(100dvh - 2rem)" },
 			children: [
-				/* @__PURE__ */ l(s, {
+				/* @__PURE__ */ u(c, {
 					className: "sr-only",
 					children: "Explore the linked dashboard and return to the previous drilldown level."
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex min-w-0 items-center gap-3",
 						children: [
-							_.length > 0 && /* @__PURE__ */ l("button", {
+							v.length > 0 && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: x,
+								onClick: S,
 								className: "flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								title: "Go back",
 								"aria-label": "Go back",
-								children: /* @__PURE__ */ l("svg", {
+								children: /* @__PURE__ */ u("svg", {
 									className: "w-5 h-5 text-text-secondary",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ l("path", {
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -56,33 +57,33 @@ var d = n(function({ renderDashboard: n, onClose: d }) {
 									})
 								})
 							}),
-							/* @__PURE__ */ l(c, {
+							/* @__PURE__ */ u(l, {
 								className: "truncate text-sm font-semibold text-text-primary",
 								children: "Drilldown View"
 							}),
-							_.length > 0 && /* @__PURE__ */ u("span", {
+							v.length > 0 && /* @__PURE__ */ d("span", {
 								className: "text-xs text-text-muted",
 								children: [
 									"(",
-									_.length + 1,
+									v.length + 1,
 									" level",
-									_.length > 0 ? "s" : "",
+									v.length > 0 ? "s" : "",
 									" deep)"
 								]
 							})
 						]
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: b,
+						onClick: x,
 						className: `flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${t}`,
 						title: "Close (Esc)",
 						"aria-label": "Close drilldown",
-						children: /* @__PURE__ */ l("svg", {
+						children: /* @__PURE__ */ u("svg", {
 							className: "w-5 h-5 text-text-secondary",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ l("path", {
+							children: /* @__PURE__ */ u("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -91,32 +92,32 @@ var d = n(function({ renderDashboard: n, onClose: d }) {
 						})
 					})]
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4",
-					children: n ? n(h, g) : /* @__PURE__ */ l(f, {})
+					children: r ? r(g, _) : /* @__PURE__ */ u(p, {})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2",
-					children: /* @__PURE__ */ u("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted",
-						children: [/* @__PURE__ */ u("span", { children: [
+						children: [/* @__PURE__ */ d("span", { children: [
 							"Parameters:",
 							" ",
-							Object.keys(g).filter((e) => !e.startsWith("__")).length > 0 ? Object.keys(g).filter((e) => !e.startsWith("__")).join(", ") : "None"
-						] }), /* @__PURE__ */ l("span", { children: "Press Esc to close" })]
+							n(_).map(([e]) => e).join(", ") || "None"
+						] }), /* @__PURE__ */ u("span", { children: "Press Esc to close" })]
 					})
 				})
 			]
 		})
 	});
 });
-function f() {
-	return /* @__PURE__ */ l("div", {
+function p() {
+	return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full text-sm text-text-secondary",
 		children: "Unable to load drilldown content. Please try again."
 	});
 }
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=DrilldownModal.js.map

package/dist/bigconsole/components/DrilldownModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useCallback, useRef, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogTitle as DialogTitle,\n  ResponsiveDialogDescription as DialogDescription,\n} from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const returnFocus = useRef<HTMLElement | null>(null);\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) handleClose();\n      }}\n    >\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={() => {\n          const activeElement = document.activeElement;\n          if (\n            activeElement instanceof HTMLElement &&\n            activeElement !== document.body &&\n            !activeElement.closest('[role=\"dialog\"]')\n          ) {\n            returnFocus.current = activeElement;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocus.current?.isConnected) returnFocus.current.focus();\n        }}\n        className=\"flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl\"\n        style={{ maxHeight: 'calc(100dvh - 2rem)' }}\n      >\n        <DialogDescription className=\"sr-only\">\n          Explore the linked dashboard and return to the previous drilldown level.\n        </DialogDescription>\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <DialogTitle className=\"truncate text-sm font-semibold text-text-primary\">Drilldown View</DialogTitle>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {Object.keys(params).filter((k) => !k.startsWith('__')).length > 0\n                ? Object.keys(params)\n                    .filter((k) => !k.startsWith('__'))\n                    .join(', ')\n                : 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":";;;;;;;AAgCA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,IAAc,EAA2B,KAAK,EAC9C,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAc,GAAmB,MAAU,EAAM,YAAY,EAC7D,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAU,GAAmB,MAAU,EAAM,QAAQ,EACrD,IAAa,GAAmB,MAAU,EAAM,WAAW,EAC3D,IAAe,GAAmB,MAAU,EAAM,aAAa,EAG/D,IAAc,QAAkB;AAEpC,EADA,GAAY,EACZ,KAAW;IACV,CAAC,GAAY,EAAQ,CAAC,EAEnB,IAAa,QAAkB;AACnC,KAAc;IACb,CAAC,EAAa,CAAC;AAMlB,QAJI,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAa;;YAG1B,kBAAC,GAAD;GACE,iBAAiB;GACjB,uBAAuB;IACrB,IAAM,IAAgB,SAAS;AAC/B,IACE,aAAyB,eACzB,MAAkB,SAAS,QAC3B,CAAC,EAAc,QAAQ,oBAAkB,KAEzC,EAAY,UAAU;;GAG1B,mBAAmB,MAAU;AAE3B,IADA,EAAM,gBAAgB,EAClB,EAAY,SAAS,eAAa,EAAY,QAAQ,OAAO;;GAEnE,WAAU;GACV,OAAO,EAAE,WAAW,uBAAuB;aAjB7C;IAmBE,kBAAC,GAAD;KAAmB,WAAU;eAAU;KAEnB,CAAA;IAEpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAW;kBAEX,kBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACrF,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAoB,CAAA;SACrF,CAAA;QACC,CAAA;OAIX,kBAAC,GAAD;QAAa,WAAU;kBAAmD;QAA4B,CAAA;OAGrG,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA0C;SACtC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,2JAA2J;MACtK,OAAM;MACN,cAAW;gBAEX,kBAAC,OAAD;OAAK,WAAU;OAA8B,MAAK;OAAO,QAAO;OAAe,SAAQ;iBACrF,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;QAAyB,CAAA;OAC1F,CAAA;MACC,CAAA,CACL;;IAIN,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAkB,EAAgB,GAAa,EAAO,GAAG,kBAAC,GAAD,EAAqB,CAAA;KAC3E,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OAAM;OACQ;OACX,OAAO,KAAK,EAAO,CAAC,QAAQ,MAAM,CAAC,EAAE,WAAW,KAAK,CAAC,CAAC,SAAS,IAC7D,OAAO,KAAK,EAAO,CAChB,QAAQ,MAAM,CAAC,EAAE,WAAW,KAAK,CAAC,CAClC,KAAK,KAAK,GACb;OACC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CAC3B;;KACF,CAAA;IACQ;;EACT,CAAA;EAEX;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}
+{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useCallback, useRef, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\nimport { getVisibleDrilldownParams } from '../utils/drilldownParams';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogTitle as DialogTitle,\n  ResponsiveDialogDescription as DialogDescription,\n} from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const returnFocus = useRef<HTMLElement | null>(null);\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) handleClose();\n      }}\n    >\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={() => {\n          const activeElement = document.activeElement;\n          if (\n            activeElement instanceof HTMLElement &&\n            activeElement !== document.body &&\n            !activeElement.closest('[role=\"dialog\"]')\n          ) {\n            returnFocus.current = activeElement;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocus.current?.isConnected) returnFocus.current.focus();\n        }}\n        className=\"flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl\"\n        style={{ maxHeight: 'calc(100dvh - 2rem)' }}\n      >\n        <DialogDescription className=\"sr-only\">\n          Explore the linked dashboard and return to the previous drilldown level.\n        </DialogDescription>\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <DialogTitle className=\"truncate text-sm font-semibold text-text-primary\">Drilldown View</DialogTitle>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {getVisibleDrilldownParams(params)\n                .map(([key]) => key)\n                .join(', ') || 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":";;;;;;;;AAiCA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,IAAc,EAA2B,KAAK,EAC9C,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAc,GAAmB,MAAU,EAAM,YAAY,EAC7D,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAU,GAAmB,MAAU,EAAM,QAAQ,EACrD,IAAa,GAAmB,MAAU,EAAM,WAAW,EAC3D,IAAe,GAAmB,MAAU,EAAM,aAAa,EAG/D,IAAc,QAAkB;AAEpC,EADA,GAAY,EACZ,KAAW;IACV,CAAC,GAAY,EAAQ,CAAC,EAEnB,IAAa,QAAkB;AACnC,KAAc;IACb,CAAC,EAAa,CAAC;AAMlB,QAJI,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAa;;YAG1B,kBAAC,GAAD;GACE,iBAAiB;GACjB,uBAAuB;IACrB,IAAM,IAAgB,SAAS;AAC/B,IACE,aAAyB,eACzB,MAAkB,SAAS,QAC3B,CAAC,EAAc,QAAQ,oBAAkB,KAEzC,EAAY,UAAU;;GAG1B,mBAAmB,MAAU;AAE3B,IADA,EAAM,gBAAgB,EAClB,EAAY,SAAS,eAAa,EAAY,QAAQ,OAAO;;GAEnE,WAAU;GACV,OAAO,EAAE,WAAW,uBAAuB;aAjB7C;IAmBE,kBAAC,GAAD;KAAmB,WAAU;eAAU;KAEnB,CAAA;IAEpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAW;kBAEX,kBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACrF,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAoB,CAAA;SACrF,CAAA;QACC,CAAA;OAIX,kBAAC,GAAD;QAAa,WAAU;kBAAmD;QAA4B,CAAA;OAGrG,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA0C;SACtC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,2JAA2J;MACtK,OAAM;MACN,cAAW;gBAEX,kBAAC,OAAD;OAAK,WAAU;OAA8B,MAAK;OAAO,QAAO;OAAe,SAAQ;iBACrF,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;QAAyB,CAAA;OAC1F,CAAA;MACC,CAAA,CACL;;IAIN,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAkB,EAAgB,GAAa,EAAO,GAAG,kBAAC,GAAD,EAAqB,CAAA;KAC3E,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OAAM;OACQ;OACX,EAA0B,EAAO,CAC/B,KAAK,CAAC,OAAS,EAAI,CACnB,KAAK,KAAK,IAAI;OACZ,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CAC3B;;KACF,CAAA;IACQ;;EACT,CAAA;EAEX;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}

package/dist/bigconsole/utils/drilldownParams.d.ts

@@ -0,0 +1,3 @@
+/** Display only meaningful context; the original drilldown parameters remain unchanged. */
+export declare function getVisibleDrilldownParams(params: Record<string, unknown>): Array<[string, unknown]>;
+//# sourceMappingURL=drilldownParams.d.ts.map

package/dist/bigconsole/utils/drilldownParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drilldownParams.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/utils/drilldownParams.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAOnG"}

package/dist/bigconsole/utils/drilldownParams.js

@@ -0,0 +1,8 @@
+//#region src/bigconsole/utils/drilldownParams.ts
+function e(e) {
+	return Object.entries(e).filter(([e, t]) => e.startsWith("__") || t == null ? !1 : typeof t == "string" ? t.trim().length > 0 : Array.isArray(t) ? t.length > 0 : !0);
+}
+//#endregion
+export { e as getVisibleDrilldownParams };
+
+//# sourceMappingURL=drilldownParams.js.map

package/dist/bigconsole/utils/drilldownParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drilldownParams.js","names":[],"sources":["../../../src/bigconsole/utils/drilldownParams.ts"],"sourcesContent":["/** Display only meaningful context; the original drilldown parameters remain unchanged. */\nexport function getVisibleDrilldownParams(params: Record<string, unknown>): Array<[string, unknown]> {\n  return Object.entries(params).filter(([key, value]) => {\n    if (key.startsWith('__') || value === null || value === undefined) return false;\n    if (typeof value === 'string') return value.trim().length > 0;\n    if (Array.isArray(value)) return value.length > 0;\n    return true;\n  });\n}\n"],"mappings":";AACA,SAAgB,EAA0B,GAA2D;AACnG,QAAO,OAAO,QAAQ,EAAO,CAAC,QAAQ,CAAC,GAAK,OACtC,EAAI,WAAW,KAAK,IAAI,KAAU,OAAoC,KACtE,OAAO,KAAU,WAAiB,EAAM,MAAM,CAAC,SAAS,IACxD,MAAM,QAAQ,EAAM,GAAS,EAAM,SAAS,IACzC,GACP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.1004.4",
+  "version": "2026.1004.6",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [
@@ -13,6 +13,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./styles.css": "./dist/microfe-bigconsole.css",
     "./assistant": {
       "types": "./dist/bigconsole/assistant/index.d.ts",
       "import": "./dist/bigconsole/assistant/index.js"
@@ -49,7 +50,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.1004.3",
+    "@burdenoff/fe-libs": "2026.1004.6",
     "@burdenoff/fluidgrids-fe-sdk": "2026.731.4",
     "@iconify/react": "^6.0.2",
     "@monaco-editor/react": "^4.7.0",
@@ -84,7 +85,7 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@burdenoff/fe-libs": "2026.1004.3",
+    "@burdenoff/fe-libs": "2026.1004.6",
     "@burdenoff/fluidgrids-fe-sdk": "2026.731.4",
     "@eslint/js": "^10.0.1",
     "@graphql-codegen/add": "^5.0.0",