@memberjunction/ng-dashboards 5.47.0 → 5.49.0

package/dist/ThemeStudio/theme-agent-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-agent-context.js","sourceRoot":"","sources":["../../src/ThemeStudio/theme-agent-context.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Pure, unit-testable helpers for the Theme Studio + Theme Manager agent context\n * and tools (context builders + tolerant id→name→contains resolver).\n *\n * 🚨 SAFETY BOUNDARY 🚨\n * The theming surfaces expose ONLY read / navigate / preview-state / user-scoped\n * tools to the agent: list + select themes, apply presets and seed edits to the\n * IN-MEMORY editor draft (nothing persists until the user saves), flip preview\n * mode/surface, apply a theme to the CURRENT USER's workspace, and star/unstar\n * (both per-user preferences). DELIBERATELY NOT exposed (org-wide or destructive\n * writes stay human-driven in the UI): SAVE a theme, RENAME, SET ORG DEFAULT,\n * DUPLICATE (creates records), and DELETE. Context exposes only theme display\n * names, statuses, seed values, and contrast pass/fail summaries — never the\n * Overrides / CustomCSS bodies.\n */\n\nimport { UUIDsEqual } from '@memberjunction/global';\nimport type { ContrastReport, ThemeSeeds } from '@memberjunction/theme-engine';\n\n/** Cap applied to every published name list. */\nexport const THEME_NAME_LIST_CAP = 25;\n\n/** Minimal theme shape the pure helpers operate on. */\nexport interface ThemeSummaryRow {\n    ID: string;\n    Name: string;\n    Status: string;\n    IsDefault: boolean;\n    BuiltIn: boolean;\n}\n\n/** State snapshot the Theme Manager passes to its context builder. */\nexport interface ThemeManagerAgentState {\n    Themes: ThemeSummaryRow[];\n    AppliedThemeID: string | null;\n    StarredThemeIDs: string[];\n}\n\n/** State snapshot the Theme Studio passes to its context builder. */\nexport interface ThemeStudioAgentState {\n    Themes: ThemeSummaryRow[];\n    CurrentThemeID: string | null;\n    CurrentThemeName: string;\n    IsBuiltInSelected: boolean;\n    PreviewMode: 'light' | 'dark';\n    PreviewSurface: string;\n    EditorPanelOpen: boolean;\n    Seeds: ThemeSeeds;\n    /** Advanced-layer shape only — never the bodies. */\n    OverrideTokenCount: number;\n    HasCustomCss: boolean;\n    Contrast: ContrastReport;\n}\n\n/** Bound a name list to the cap, reporting truncation via the returned tuple. */\nfunction boundNames(names: string[]): { names: string[]; truncated: boolean; total: number } {\n    const filtered = names.filter((n) => !!n);\n    return {\n        names: filtered.slice(0, THEME_NAME_LIST_CAP),\n        truncated: filtered.length > THEME_NAME_LIST_CAP,\n        total: filtered.length,\n    };\n}\n\n/** Bounded, secret-free context published by the Theme Manager via SetAgentContext. */\nexport function buildThemeManagerAgentContext(state: ThemeManagerAgentState): Record<string, unknown> {\n    const applied = state.AppliedThemeID\n        ? state.Themes.find((t) => UUIDsEqual(t.ID, state.AppliedThemeID as string)) ?? null\n        : null;\n    const bounded = boundNames(state.Themes.map((t) => t.Name));\n    const context: Record<string, unknown> = {\n        TotalThemeCount: state.Themes.length,\n        ActiveThemeCount: state.Themes.filter((t) => t.Status === 'Active').length,\n        DefaultThemeName: state.Themes.find((t) => t.IsDefault)?.Name ?? null,\n        AppliedThemeID: state.AppliedThemeID,\n        AppliedThemeName: applied?.Name ?? null,\n        StarredThemeCount: state.StarredThemeIDs.length,\n        VisibleThemeNames: bounded.names,\n    };\n    if (bounded.truncated) {\n        context['VisibleThemeNamesTruncated'] = true;\n        context['VisibleThemeNamesTotal'] = bounded.total;\n    }\n    return context;\n}\n\n/** Bounded, secret-free context published by the Theme Studio via SetAgentContext. */\nexport function buildThemeStudioAgentContext(state: ThemeStudioAgentState): Record<string, unknown> {\n    const bounded = boundNames(state.Themes.map((t) => t.Name));\n    const failingPairs = (checks: ContrastReport['light']) =>\n        checks.filter((c) => !c.passes).map((c) => c.name).slice(0, THEME_NAME_LIST_CAP);\n    const context: Record<string, unknown> = {\n        CurrentThemeID: state.CurrentThemeID,\n        CurrentThemeName: state.CurrentThemeName,\n        IsUnsavedDraft: state.CurrentThemeID === null,\n        IsBuiltInReadOnly: state.IsBuiltInSelected,\n        PreviewMode: state.PreviewMode,\n        PreviewSurface: state.PreviewSurface,\n        EditorPanelOpen: state.EditorPanelOpen,\n        Seeds: {\n            Primary: state.Seeds.primary,\n            Accent: state.Seeds.accent ?? null,\n            Tertiary: state.Seeds.tertiary ?? null,\n            NeutralChroma: state.Seeds.neutralChroma ?? null,\n            Vibrancy: state.Seeds.vibrancy ?? null,\n            Radius: state.Seeds.radius ?? null,\n            Depth: state.Seeds.depth ?? null,\n            FontFamily: state.Seeds.fontFamily ?? null,\n        },\n        VizPaletteOverridden: !!state.Seeds.vizPalette && state.Seeds.vizPalette.length > 0,\n        OverrideTokenCount: state.OverrideTokenCount,\n        HasCustomCss: state.HasCustomCss,\n        ContrastPasses: state.Contrast.passes,\n        ContrastFailingLight: failingPairs(state.Contrast.light),\n        ContrastFailingDark: failingPairs(state.Contrast.dark),\n        AvailableThemeNames: bounded.names,\n    };\n    if (bounded.truncated) {\n        context['AvailableThemeNamesTruncated'] = true;\n        context['AvailableThemeNamesTotal'] = bounded.total;\n    }\n    return context;\n}\n\n/**\n * Tolerant theme resolver: exact ID (case-insensitive GUID) → exact name →\n * partial name contains (all case-insensitive). Returns a structured failure\n * listing available names (bounded) on a miss.\n */\nexport function resolveThemeByIDOrName(\n    themes: ThemeSummaryRow[],\n    rawRef: unknown\n): { ok: true; value: ThemeSummaryRow } | { ok: false; error: string } {\n    if (typeof rawRef !== 'string' || rawRef.trim().length === 0) {\n        return { ok: false, error: `Provide the theme's ID or name. ${availableNames(themes)}` };\n    }\n    const ref = rawRef.trim();\n    const byId = themes.find((t) => UUIDsEqual(t.ID, ref));\n    if (byId) {\n        return { ok: true, value: byId };\n    }\n    const byName = themes.find((t) => equalsIgnoreCase(t.Name, ref));\n    if (byName) {\n        return { ok: true, value: byName };\n    }\n    const contains = themes.filter((t) => t.Name.toLowerCase().includes(ref.toLowerCase()));\n    if (contains.length === 1) {\n        return { ok: true, value: contains[0] };\n    }\n    if (contains.length > 1) {\n        return {\n            ok: false,\n            error: `'${ref}' matches multiple themes: ${contains\n                .slice(0, THEME_NAME_LIST_CAP)\n                .map((t) => t.Name)\n                .join(', ')}. Be more specific.`,\n        };\n    }\n    return { ok: false, error: `No theme matches '${ref}'. ${availableNames(themes)}` };\n}\n\nfunction availableNames(themes: ThemeSummaryRow[]): string {\n    if (themes.length === 0) {\n        return 'There are no saved themes yet.';\n    }\n    const names = themes.slice(0, THEME_NAME_LIST_CAP).map((t) => t.Name);\n    const suffix = themes.length > THEME_NAME_LIST_CAP ? ', …' : '';\n    return `Available themes: ${names.join(', ')}${suffix}`;\n}\n\nfunction equalsIgnoreCase(a: string, b: string): boolean {\n    return a.trim().toLowerCase() === b.trim().toLowerCase();\n}\n"]}

package/dist/ThemeStudio/theme-manager-dashboard.component.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @fileoverview Theme Manager dashboard (org-theming Phase 5) — the "Manage Themes"
+ * top-level tab of the Theme Studio application. A table of saved brand themes with
+ * govern actions: set default (applied live), duplicate, delete, and open/edit. The
+ * visual authoring happens in the sibling "Theme Studio" tab.
+ *
+ * 🚨 SAFETY BOUNDARY 🚨 (see theme-agent-context.ts for the shared statement)
+ * Agent tools here are read / user-scoped only: refresh, apply-to-me, star/unstar.
+ * Set-org-default, duplicate, delete, and edit stay human-driven in the UI —
+ * delete additionally sits behind MJConfirmService.ConfirmDelete.
+ * @module ThemeStudio
+ */
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { BaseDashboard, ThemeService } from '@memberjunction/ng-shared';
+import { ResourceData } from '@memberjunction/core-entities';
+import { MJConfirmService } from '@memberjunction/ng-ui-components';
+import * as i0 from "@angular/core";
+interface ThemeRow {
+    id: string;
+    name: string;
+    isDefault: boolean;
+    status: string;
+    swatches: string[];
+    builtIn: boolean;
+    starred: boolean;
+}
+export declare class ThemeManagerDashboardComponent extends BaseDashboard implements OnDestroy {
+    private cdRef;
+    private themeService;
+    private confirmService;
+    themes: ThemeRow[];
+    private themesChangedSub?;
+    constructor(cdRef: ChangeDetectorRef, themeService: ThemeService, confirmService: MJConfirmService);
+    ngOnDestroy(): void;
+    GetResourceDisplayName(_data: ResourceData): Promise<string>;
+    /** Whether this theme is the brand currently applied to the session (case-insensitive
+     *  GUID compare — RunView ids and entity ids can differ in case). */
+    isApplied(id: string): boolean;
+    protected initDashboard(): void;
+    protected loadData(): Promise<void>;
+    private swatchesFor;
+    /** Star / unstar a theme (adds it to the user's starred set for the user-menu modal). */
+    toggleStar(row: ThemeRow): Promise<void>;
+    /** Open the theme record (edit) — the shell handles this via the resource wrapper. */
+    edit(row: ThemeRow): void;
+    /** Apply this theme to the current user's workspace now and remember it as their choice. */
+    applyToMe(row: ThemeRow): Promise<void>;
+    /** Make this the single org-wide default and apply it to the running app immediately. */
+    setDefault(row: ThemeRow): Promise<void>;
+    duplicate(row: ThemeRow): Promise<void>;
+    /** Delete a theme after an explicit confirmation (MJConfirmService owns the dialog). */
+    remove(row: ThemeRow): Promise<void>;
+    private uniqueName;
+    private notify;
+    private summaryRows;
+    private publishAgentContext;
+    private registerAgentTools;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeManagerDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeManagerDashboardComponent, "mj-theme-manager-dashboard", never, {}, {}, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=theme-manager-dashboard.component.d.ts.map

package/dist/ThemeStudio/theme-manager-dashboard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager-dashboard.component.d.ts","sourceRoot":"","sources":["../../src/ThemeStudio/theme-manager-dashboard.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,iBAAiB,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AAIxE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAiB,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;;AAKpE,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,qBAOa,8BAA+B,SAAQ,aAAc,YAAW,SAAS;IAKlF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,cAAc;IANjB,MAAM,EAAE,QAAQ,EAAE,CAAM;IAC/B,OAAO,CAAC,gBAAgB,CAAC,CAAe;gBAG9B,KAAK,EAAE,iBAAiB,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,gBAAgB;IAKjC,WAAW,IAAI,IAAI;IAKtB,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIlE;yEACqE;IAC9D,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAKrC,SAAS,CAAC,aAAa,IAAI,IAAI;cAQf,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBzC,OAAO,CAAC,WAAW;IASnB,yFAAyF;IAC5E,UAAU,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAMrD,sFAAsF;IAC/E,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI;IAQhC,4FAA4F;IAC/E,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAiBpD,yFAAyF;IAC5E,UAAU,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IA2CxC,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAyBpD,wFAAwF;IAC3E,MAAM,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IA8BjD,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,kBAAkB;yCA5Of,8BAA8B;2CAA9B,8BAA8B;CAyS1C"}

package/dist/ThemeStudio/theme-manager-dashboard.component.js

@@ -0,0 +1,464 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview Theme Manager dashboard (org-theming Phase 5) — the "Manage Themes"
+ * top-level tab of the Theme Studio application. A table of saved brand themes with
+ * govern actions: set default (applied live), duplicate, delete, and open/edit. The
+ * visual authoring happens in the sibling "Theme Studio" tab.
+ *
+ * 🚨 SAFETY BOUNDARY 🚨 (see theme-agent-context.ts for the shared statement)
+ * Agent tools here are read / user-scoped only: refresh, apply-to-me, star/unstar.
+ * Set-org-default, duplicate, delete, and edit stay human-driven in the UI —
+ * delete additionally sits behind MJConfirmService.ConfirmDelete.
+ * @module ThemeStudio
+ */
+import { Component } from '@angular/core';
+import { CompositeKey, RunView } from '@memberjunction/core';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseDashboard } from '@memberjunction/ng-shared';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { MJ_DEFAULT_SEEDS } from '@memberjunction/theme-engine';
+import { isBuiltInTheme } from './theme-studio.constants';
+import { buildThemeManagerAgentContext, resolveThemeByIDOrName } from './theme-agent-context';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.id;
+function ThemeManagerDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 1);
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const c_r4 = ctx.$implicit;
+    i0.ɵɵstyleProp("background", c_r4);
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2, " Built-in");
+    i0.ɵɵelementEnd();
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1, "DEFAULT");
+    i0.ɵɵelementEnd();
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_15_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setDefault(t_r2)); });
+    i0.ɵɵtext(1, "Set as org default");
+    i0.ɵɵelementEnd();
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_21_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.edit(t_r2)); });
+    i0.ɵɵtext(1, "Edit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 17);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_21_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r6); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.remove(t_r2)); });
+    i0.ɵɵtext(3, "Delete");
+    i0.ɵɵelementEnd();
+} }
+function ThemeManagerDashboardComponent_Conditional_4_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 4)(2, "button", 5);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Template_button_click_2_listener() { const t_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleStar(t_r2)); });
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 6);
+    i0.ɵɵrepeaterCreate(5, ThemeManagerDashboardComponent_Conditional_4_For_13_For_6_Template, 1, 2, "i", 7, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "b");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_9_Template, 3, 0, "span", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td")(11, "span", 9);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "td");
+    i0.ɵɵconditionalCreate(14, ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_14_Template, 2, 0, "span", 10)(15, ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_15_Template, 2, 0, "button", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td", 12)(17, "button", 13);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Template_button_click_17_listener() { const t_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.applyToMe(t_r2)); });
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "button", 14);
+    i0.ɵɵlistener("click", function ThemeManagerDashboardComponent_Conditional_4_For_13_Template_button_click_19_listener() { const t_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.duplicate(t_r2)); });
+    i0.ɵɵtext(20, "Duplicate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(21, ThemeManagerDashboardComponent_Conditional_4_For_13_Conditional_21_Template, 4, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const t_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("on", t_r2.starred);
+    i0.ɵɵproperty("title", t_r2.starred ? "Unstar" : "Star (adds to your user menu)");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(t_r2.starred ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(t_r2.swatches);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(t_r2.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(t_r2.builtIn ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("inactive", t_r2.status !== "Active");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(t_r2.status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(t_r2.isDefault ? 14 : 15);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r2.isApplied(t_r2.id));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.isApplied(t_r2.id) ? "Applied" : "Apply", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(!t_r2.builtIn ? 21 : -1);
+} }
+function ThemeManagerDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 2)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Theme");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Default");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th", 3);
+    i0.ɵɵtext(10, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "tbody");
+    i0.ɵɵrepeaterCreate(12, ThemeManagerDashboardComponent_Conditional_4_For_13_Template, 22, 14, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.themes);
+} }
+let ThemeManagerDashboardComponent = class ThemeManagerDashboardComponent extends BaseDashboard {
+    cdRef;
+    themeService;
+    confirmService;
+    themes = [];
+    themesChangedSub;
+    constructor(cdRef, themeService, confirmService) {
+        super();
+        this.cdRef = cdRef;
+        this.themeService = themeService;
+        this.confirmService = confirmService;
+    }
+    ngOnDestroy() {
+        this.themesChangedSub?.unsubscribe();
+        super.ngOnDestroy();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Manage Themes';
+    }
+    /** Whether this theme is the brand currently applied to the session (case-insensitive
+     *  GUID compare — RunView ids and entity ids can differ in case). */
+    isApplied(id) {
+        const active = this.themeService.BrandOverlayId;
+        return !!active && UUIDsEqual(id, active);
+    }
+    initDashboard() {
+        // Reload when a theme is created/renamed/etc. in the Theme Studio tab (or elsewhere).
+        this.themesChangedSub = this.themeService.ThemesChanged$.subscribe(() => {
+            this.loadData();
+        });
+        this.registerAgentTools();
+    }
+    async loadData() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Themes',
+                OrderBy: 'Name',
+                ResultType: 'entity_object',
+            });
+            this.themes = (result.Success ? result.Results : []).map((t) => ({
+                id: t.ID,
+                name: t.Name,
+                isDefault: t.IsDefault,
+                status: t.Status,
+                swatches: this.swatchesFor(t.Seeds),
+                builtIn: isBuiltInTheme(t.ID),
+                starred: this.themeService.IsStarred(t.ID),
+            }));
+        }
+        catch {
+            this.themes = [];
+        }
+        this.publishAgentContext();
+        this.cdRef.detectChanges();
+    }
+    swatchesFor(seedsJson) {
+        try {
+            const s = JSON.parse(seedsJson);
+            return [s.primary, s.accent ?? s.primary, s.tertiary ?? s.accent ?? s.primary];
+        }
+        catch {
+            return ['#0076b6', '#38a9d9', '#8b5cf6'];
+        }
+    }
+    /** Star / unstar a theme (adds it to the user's starred set for the user-menu modal). */
+    async toggleStar(row) {
+        row.starred = await this.themeService.ToggleStar(row.id);
+        this.publishAgentContext();
+        this.cdRef.detectChanges();
+    }
+    /** Open the theme record (edit) — the shell handles this via the resource wrapper. */
+    edit(row) {
+        if (row.builtIn) {
+            this.notify('The built-in theme is read-only — duplicate it to customize.', 'info');
+            return;
+        }
+        this.OpenEntityRecord.emit({ EntityName: 'MJ: Themes', RecordPKey: CompositeKey.FromID(row.id) });
+    }
+    /** Apply this theme to the current user's workspace now and remember it as their choice. */
+    async applyToMe(row) {
+        try {
+            const md = this.ProviderToUse;
+            const entity = await md.GetEntityObject('MJ: Themes');
+            if (!(await entity.Load(row.id)))
+                return;
+            this.themeService.RegisterBrandTheme({ id: entity.ID, name: entity.Name, seeds: entity.Seeds, overrides: entity.Overrides, customCss: entity.CustomCSS });
+            await this.themeService.ApplyBrandOverlay(entity.ID);
+            await this.themeService.SetSelectedBrandTheme(entity.ID);
+            this.publishAgentContext();
+            this.notify(`Applied "${entity.Name}" to your workspace.`);
+        }
+        catch (e) {
+            this.notify(`Could not apply: ${e instanceof Error ? e.message : String(e)}`, 'error');
+        }
+        finally {
+            this.cdRef.detectChanges();
+        }
+    }
+    /** Make this the single org-wide default and apply it to the running app immediately. */
+    async setDefault(row) {
+        try {
+            const md = this.ProviderToUse;
+            const rv = new RunView();
+            const others = await rv.RunView({
+                EntityName: 'MJ: Themes',
+                ExtraFilter: `IsDefault = 1 AND ID <> '${row.id}'`,
+                ResultType: 'entity_object',
+            });
+            if (others.Success) {
+                for (const other of others.Results) {
+                    other.IsDefault = false;
+                    if (!(await other.Save())) {
+                        this.notify(`Could not clear the previous default "${other.Name}": ${other.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error');
+                        return;
+                    }
+                }
+            }
+            const entity = await md.GetEntityObject('MJ: Themes');
+            if (!(await entity.Load(row.id)))
+                return;
+            entity.IsDefault = true;
+            if (!(await entity.Save())) {
+                this.notify(`Could not set default: ${entity.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error');
+                return;
+            }
+            let seeds;
+            try {
+                seeds = { ...MJ_DEFAULT_SEEDS, ...JSON.parse(entity.Seeds) };
+            }
+            catch {
+                seeds = { ...MJ_DEFAULT_SEEDS };
+            }
+            this.themeService.RegisterBrandTheme({ id: entity.ID, name: entity.Name, seeds, overrides: entity.Overrides, customCss: entity.CustomCSS });
+            await this.themeService.ApplyBrandOverlay(entity.ID);
+            await this.loadData();
+            this.themeService.NotifyThemesChanged();
+            this.notify(`"${entity.Name}" is now the default and is applied.`);
+        }
+        catch (e) {
+            this.notify(`Could not set default: ${e instanceof Error ? e.message : String(e)}`, 'error');
+        }
+        finally {
+            this.cdRef.detectChanges();
+        }
+    }
+    async duplicate(row) {
+        try {
+            const md = this.ProviderToUse;
+            const src = await md.GetEntityObject('MJ: Themes');
+            if (!(await src.Load(row.id)))
+                return;
+            const copy = await md.GetEntityObject('MJ: Themes');
+            copy.NewRecord();
+            copy.Name = this.uniqueName(`${src.Name} Copy`);
+            copy.Description = src.Description;
+            copy.Seeds = src.Seeds;
+            copy.Status = 'Active';
+            if (await copy.Save()) {
+                await this.loadData();
+                this.themeService.NotifyThemesChanged();
+                this.notify(`Duplicated as "${copy.Name}".`);
+            }
+            else {
+                this.notify(`Duplicate failed: ${copy.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error');
+            }
+        }
+        catch (e) {
+            this.notify(`Duplicate failed: ${e instanceof Error ? e.message : String(e)}`, 'error');
+        }
+        finally {
+            this.cdRef.detectChanges();
+        }
+    }
+    /** Delete a theme after an explicit confirmation (MJConfirmService owns the dialog). */
+    async remove(row) {
+        if (row.builtIn) {
+            this.notify('The built-in theme cannot be deleted.', 'info');
+            return;
+        }
+        const confirmed = await this.confirmService.ConfirmDelete({
+            title: 'Delete theme',
+            message: `Delete "${row.name}"? This can't be undone.`,
+        });
+        if (!confirmed) {
+            return;
+        }
+        try {
+            const md = this.ProviderToUse;
+            const entity = await md.GetEntityObject('MJ: Themes');
+            if (!(await entity.Load(row.id)))
+                return;
+            if (await entity.Delete()) {
+                await this.loadData();
+                this.themeService.NotifyThemesChanged();
+                this.notify(`Deleted "${row.name}".`);
+            }
+            else {
+                this.notify(`Delete failed: ${entity.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error');
+            }
+        }
+        catch (e) {
+            this.notify(`Delete failed: ${e instanceof Error ? e.message : String(e)}`, 'error');
+        }
+        finally {
+            this.cdRef.detectChanges();
+        }
+    }
+    uniqueName(base) {
+        const taken = new Set(this.themes.map((t) => t.name.trim().toLowerCase()));
+        if (!taken.has(base.trim().toLowerCase()))
+            return base;
+        for (let i = 2; i < 1000; i++) {
+            const candidate = `${base} ${i}`;
+            if (!taken.has(candidate.toLowerCase()))
+                return candidate;
+        }
+        return `${base} ${Date.now()}`;
+    }
+    notify(message, style = 'success') {
+        MJNotificationService.Instance.CreateSimpleNotification(message, style, 2500);
+    }
+    // ---------------------------------------------------------------
+    // Agent context + tools (read / user-scoped only — see SAFETY BOUNDARY)
+    // ---------------------------------------------------------------
+    summaryRows() {
+        return this.themes.map((t) => ({ ID: t.id, Name: t.name, Status: t.status, IsDefault: t.isDefault, BuiltIn: t.builtIn }));
+    }
+    publishAgentContext() {
+        this.navigationService.SetAgentContext(this, buildThemeManagerAgentContext({
+            Themes: this.summaryRows(),
+            AppliedThemeID: this.themeService.BrandOverlayId,
+            StarredThemeIDs: this.themeService.GetStarredThemeIds(),
+        }));
+    }
+    registerAgentTools() {
+        this.navigationService.SetAgentClientTools(this, [
+            {
+                Name: 'RefreshThemes',
+                Description: 'Reload the saved brand themes list from the server.',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => {
+                    await this.loadData();
+                    return { Success: true, Data: { TotalThemeCount: this.themes.length } };
+                },
+            },
+            {
+                Name: 'ApplyTheme',
+                Description: "Apply a saved brand theme to the CURRENT USER's workspace (a per-user preference — not the org default), referenced by ID or name (partial, case-insensitive match accepted).",
+                ParameterSchema: {
+                    type: 'object',
+                    properties: { theme: { type: 'string', description: 'The theme ID or name.' } },
+                    required: ['theme'],
+                },
+                Handler: async (params) => {
+                    const resolved = resolveThemeByIDOrName(this.summaryRows(), params['theme']);
+                    if (!resolved.ok) {
+                        return { Success: false, ErrorMessage: resolved.error };
+                    }
+                    const row = this.themes.find((t) => UUIDsEqual(t.id, resolved.value.ID));
+                    if (!row) {
+                        return { Success: false, ErrorMessage: 'Theme list changed — refresh and retry.' };
+                    }
+                    await this.applyToMe(row);
+                    return { Success: true, Data: { AppliedThemeName: resolved.value.Name } };
+                },
+            },
+            {
+                Name: 'StarTheme',
+                Description: 'Star or unstar a theme for the current user (starred themes appear in the user menu), referenced by ID or name. Toggles when no explicit starred value is given.',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        theme: { type: 'string', description: 'The theme ID or name.' },
+                        starred: { type: 'boolean', description: 'true to star, false to unstar; omit to toggle.' },
+                    },
+                    required: ['theme'],
+                },
+                Handler: async (params) => {
+                    const resolved = resolveThemeByIDOrName(this.summaryRows(), params['theme']);
+                    if (!resolved.ok) {
+                        return { Success: false, ErrorMessage: resolved.error };
+                    }
+                    const row = this.themes.find((t) => UUIDsEqual(t.id, resolved.value.ID));
+                    if (!row) {
+                        return { Success: false, ErrorMessage: 'Theme list changed — refresh and retry.' };
+                    }
+                    const wantStarred = typeof params['starred'] === 'boolean' ? params['starred'] : !row.starred;
+                    if (wantStarred !== row.starred) {
+                        await this.toggleStar(row);
+                    }
+                    return { Success: true, Data: { ThemeName: row.name, Starred: row.starred } };
+                },
+            },
+        ]);
+    }
+    static ɵfac = function ThemeManagerDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ThemeManagerDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ThemeService), i0.ɵɵdirectiveInject(i2.MJConfirmService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ThemeManagerDashboardComponent, selectors: [["mj-theme-manager-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 1, consts: [["Title", "Manage Themes", "Icon", "fa-solid fa-swatchbook", "Subtitle", "Your organization's saved brand themes"], ["Icon", "fa-solid fa-swatchbook", "Title", "No themes yet", "Message", "Create one in the Theme Studio tab."], [1, "tm-table"], [1, "r"], [1, "name-cell"], ["type", "button", 1, "star-btn", 3, "click", "title"], [1, "sw"], [3, "background"], [1, "builtin-badge"], [1, "status-pill"], [1, "badge"], ["type", "button", "title", "Make this the organization-wide default", 1, "link-btn"], [1, "r", "actions"], ["mjButton", "", "variant", "primary", "size", "sm", "title", "Apply this theme to your workspace now", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "fa-solid", "fa-lock"], ["type", "button", "title", "Make this the organization-wide default", 1, "link-btn", 3, "click"], ["mjButton", "", "variant", "danger", "size", "sm", 3, "click"]], template: function ThemeManagerDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout");
+            i0.ɵɵelement(1, "mj-page-header", 0);
+            i0.ɵɵelementStart(2, "mj-page-body");
+            i0.ɵɵconditionalCreate(3, ThemeManagerDashboardComponent_Conditional_3_Template, 1, 0, "mj-empty-state", 1)(4, ThemeManagerDashboardComponent_Conditional_4_Template, 14, 0, "table", 2);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(!ctx.themes.length ? 3 : 4);
+        } }, dependencies: [i2.MJButtonDirective, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJEmptyStateComponent], styles: ["\n\n\n[_nghost-%COMP%] { display: block; width: 100%; height: 100%; }\n\n.tm-table[_ngcontent-%COMP%] { width: 100%; max-width: 1100px; margin: 0 auto; border-collapse: collapse; background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 12px; overflow: hidden; box-shadow: var(--mj-shadow-sm); }\n.tm-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mj-text-muted); background: var(--mj-bg-surface-card); padding: 11px 16px; border-bottom: 1px solid var(--mj-border-default); }\n.tm-table[_ngcontent-%COMP%]   th.r[_ngcontent-%COMP%], .tm-table[_ngcontent-%COMP%]   td.r[_ngcontent-%COMP%] { text-align: right; }\n.tm-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 11px 16px; border-bottom: 1px solid var(--mj-border-subtle); font-size: 13px; color: var(--mj-text-secondary); vertical-align: middle; }\n.tm-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] { border-bottom: 0; }\n.name-cell[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 10px; }\n.star-btn[_ngcontent-%COMP%] { border: 0; background: transparent; color: var(--mj-text-muted); cursor: pointer; font-size: 15px; padding: 2px; line-height: 1; }\n.star-btn[_ngcontent-%COMP%]:hover { color: var(--mj-status-warning); }\n.star-btn.on[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.name-cell[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] { color: var(--mj-text-primary); font-weight: 600; }\n.sw[_ngcontent-%COMP%] { display: flex; flex-shrink: 0; }\n.sw[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 12px; height: 20px; display: block; margin-left: -4px; border-radius: 3px; border: 1.5px solid var(--mj-bg-surface); }\n.sw[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child { margin-left: 0; }\n.badge[_ngcontent-%COMP%] { font-size: 9.5px; font-weight: 700; letter-spacing: .04em; color: var(--mj-brand-primary); background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent); padding: 2px 6px; border-radius: 20px; }\n.status-pill[_ngcontent-%COMP%] { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.status-pill.inactive[_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n.builtin-badge[_ngcontent-%COMP%] { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--mj-text-secondary); background: var(--mj-bg-surface-sunken); border: 1px solid var(--mj-border-default); padding: 2px 7px; border-radius: 20px; }\n.link-btn[_ngcontent-%COMP%] { border: 0; background: transparent; color: var(--mj-text-link); font: inherit; font-size: 12.5px; cursor: pointer; padding: 0; }\n.actions[_ngcontent-%COMP%] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }"] });
+};
+ThemeManagerDashboardComponent = __decorate([
+    RegisterClass(BaseDashboard, 'ThemeManagerDashboard')
+], ThemeManagerDashboardComponent);
+export { ThemeManagerDashboardComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeManagerDashboardComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-theme-manager-dashboard', template: "<mj-page-layout>\n  <mj-page-header Title=\"Manage Themes\" Icon=\"fa-solid fa-swatchbook\"\n    Subtitle=\"Your organization's saved brand themes\"></mj-page-header>\n\n  <mj-page-body>\n    @if (!themes.length) {\n      <mj-empty-state Icon=\"fa-solid fa-swatchbook\" Title=\"No themes yet\"\n        Message=\"Create one in the Theme Studio tab.\"></mj-empty-state>\n    } @else {\n      <table class=\"tm-table\">\n        <thead>\n          <tr><th>Theme</th><th>Status</th><th>Default</th><th class=\"r\">Actions</th></tr>\n        </thead>\n        <tbody>\n          @for (t of themes; track t.id) {\n            <tr>\n              <td class=\"name-cell\">\n                <button type=\"button\" class=\"star-btn\" [class.on]=\"t.starred\"\n                        [title]=\"t.starred ? 'Unstar' : 'Star (adds to your user menu)'\" (click)=\"toggleStar(t)\">\n                  <i [class]=\"t.starred ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                </button>\n                <span class=\"sw\">\n                  @for (c of t.swatches; track $index) { <i [style.background]=\"c\"></i> }\n                </span>\n                <b>{{ t.name }}</b>\n                @if (t.builtIn) { <span class=\"builtin-badge\"><i class=\"fa-solid fa-lock\"></i> Built-in</span> }\n              </td>\n              <td><span class=\"status-pill\" [class.inactive]=\"t.status !== 'Active'\">{{ t.status }}</span></td>\n              <td>\n                @if (t.isDefault) {\n                  <span class=\"badge\">DEFAULT</span>\n                } @else {\n                  <button type=\"button\" class=\"link-btn\" title=\"Make this the organization-wide default\" (click)=\"setDefault(t)\">Set as org default</button>\n                }\n              </td>\n              <td class=\"r actions\">\n                <button mjButton variant=\"primary\" size=\"sm\" [disabled]=\"isApplied(t.id)\"\n                        title=\"Apply this theme to your workspace now\" (click)=\"applyToMe(t)\">\n                  {{ isApplied(t.id) ? 'Applied' : 'Apply' }}\n                </button>\n                <button mjButton variant=\"outline\" size=\"sm\" (click)=\"duplicate(t)\">Duplicate</button>\n                @if (!t.builtIn) {\n                  <button mjButton variant=\"outline\" size=\"sm\" (click)=\"edit(t)\">Edit</button>\n                  <button mjButton variant=\"danger\" size=\"sm\" (click)=\"remove(t)\">Delete</button>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    }\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Theme Manager \u2014 page chrome comes from the shared trio (mj-page-layout/-header/-body);\n   only the themes table and its cell accents live here. All colors are --mj-* tokens. */\n:host { display: block; width: 100%; height: 100%; }\n\n.tm-table { width: 100%; max-width: 1100px; margin: 0 auto; border-collapse: collapse; background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 12px; overflow: hidden; box-shadow: var(--mj-shadow-sm); }\n.tm-table th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mj-text-muted); background: var(--mj-bg-surface-card); padding: 11px 16px; border-bottom: 1px solid var(--mj-border-default); }\n.tm-table th.r, .tm-table td.r { text-align: right; }\n.tm-table td { padding: 11px 16px; border-bottom: 1px solid var(--mj-border-subtle); font-size: 13px; color: var(--mj-text-secondary); vertical-align: middle; }\n.tm-table tr:last-child td { border-bottom: 0; }\n.name-cell { display: flex; align-items: center; gap: 10px; }\n.star-btn { border: 0; background: transparent; color: var(--mj-text-muted); cursor: pointer; font-size: 15px; padding: 2px; line-height: 1; }\n.star-btn:hover { color: var(--mj-status-warning); }\n.star-btn.on { color: var(--mj-status-warning); }\n.name-cell b { color: var(--mj-text-primary); font-weight: 600; }\n.sw { display: flex; flex-shrink: 0; }\n.sw i { width: 12px; height: 20px; display: block; margin-left: -4px; border-radius: 3px; border: 1.5px solid var(--mj-bg-surface); }\n.sw i:first-child { margin-left: 0; }\n.badge { font-size: 9.5px; font-weight: 700; letter-spacing: .04em; color: var(--mj-brand-primary); background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent); padding: 2px 6px; border-radius: 20px; }\n.status-pill { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.status-pill.inactive { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n.builtin-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--mj-text-secondary); background: var(--mj-bg-surface-sunken); border: 1px solid var(--mj-border-default); padding: 2px 7px; border-radius: 20px; }\n.link-btn { border: 0; background: transparent; color: var(--mj-text-link); font: inherit; font-size: 12.5px; cursor: pointer; padding: 0; }\n.actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ThemeService }, { type: i2.MJConfirmService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ThemeManagerDashboardComponent, { className: "ThemeManagerDashboardComponent", filePath: "src/ThemeStudio/theme-manager-dashboard.component.ts", lineNumber: 43 }); })();
+//# sourceMappingURL=theme-manager-dashboard.component.js.map