@mj-biz-apps/orders-ng 0.0.1 → 5.2.0

package/dist/lib/transfer-pending/workspace-tabs/workspace-card.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter } from '@angular/core';
+import { WorkspaceTab } from './workspace-tabs.types.js';
+import { TabReorder } from './workspace-tab-strip.component.js';
+import * as i0 from "@angular/core";
+/**
+ * `mj-workspace-card` — the reusable frame every "workspace" screen shares (JE + batch workspaces,
+ * order editor). A THIN, slotted wrapper (Marcelo 2026-07-21): it owns ONLY the invariant chrome —
+ *   • the card surface (border + rounded corners + contained scroll),
+ *   • the tab-strip row (delegated to `mj-workspace-tab-strip`, which carries all tab behavior),
+ *   • an identity band beside the tabs, and
+ *   • a single scrollable body —
+ * and PROJECTS everything that varies:
+ *   • `[workspaceHeader]` — the per-workshop identity band content (JE's number/status/currency badges);
+ *   • the default slot — the workshop's form/body.
+ *
+ * The card deliberately bakes in NO workshop-specific header (no currency badge, no entry-number field);
+ * those differ per workshop and are projected. Height chain: `:host` fills its parent (a display:block
+ * `mj-page-body-interior`), the card fills the host, the body is the flex:1 scroller — so the BODY
+ * scrolls in place while the strip + identity band stay pinned (the compact-workspace feel).
+ */
+export declare class WorkspaceCardComponent {
+    Tabs: WorkspaceTab[];
+    ActiveId: string | null;
+    NewTabLabel: string;
+    AriaLabel: string;
+    /** Render the standardized action bar (confirm / save-as-draft / discard) below the body. */
+    ShowFooter: boolean;
+    /** The primary verb's label — the ONE thing that changes per workshop ("Create entry" / "Build batch"). */
+    ConfirmLabel: string;
+    /** Optional Font Awesome class for the confirm button (e.g. 'fa-solid fa-check'). */
+    ConfirmIcon: string | null;
+    ConfirmDisabled: boolean;
+    /** Tooltip / blocked-reason on the confirm button; falls back to ConfirmLabel. */
+    ConfirmTitle: string | null;
+    /** Show the spinner + busy label on the confirm button while an async confirm runs. */
+    ConfirmBusy: boolean;
+    ConfirmBusyLabel: string;
+    /** Whether the save-as-draft button appears (some workshops have no draft concept). */
+    ShowDraft: boolean;
+    DraftLabel: string;
+    DraftIcon: string | null;
+    DraftDisabled: boolean;
+    DiscardLabel: string;
+    TabSelected: EventEmitter<string>;
+    TabClosed: EventEmitter<string>;
+    NewTabRequested: EventEmitter<void>;
+    TabReordered: EventEmitter<TabReorder>;
+    /** The primary verb (create / build / …). */
+    Confirm: EventEmitter<void>;
+    SaveDraft: EventEmitter<void>;
+    Discard: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceCardComponent, "mj-workspace-card", never, { "Tabs": { "alias": "Tabs"; "required": false; }; "ActiveId": { "alias": "ActiveId"; "required": false; }; "NewTabLabel": { "alias": "NewTabLabel"; "required": false; }; "AriaLabel": { "alias": "AriaLabel"; "required": false; }; "ShowFooter": { "alias": "ShowFooter"; "required": false; }; "ConfirmLabel": { "alias": "ConfirmLabel"; "required": false; }; "ConfirmIcon": { "alias": "ConfirmIcon"; "required": false; }; "ConfirmDisabled": { "alias": "ConfirmDisabled"; "required": false; }; "ConfirmTitle": { "alias": "ConfirmTitle"; "required": false; }; "ConfirmBusy": { "alias": "ConfirmBusy"; "required": false; }; "ConfirmBusyLabel": { "alias": "ConfirmBusyLabel"; "required": false; }; "ShowDraft": { "alias": "ShowDraft"; "required": false; }; "DraftLabel": { "alias": "DraftLabel"; "required": false; }; "DraftIcon": { "alias": "DraftIcon"; "required": false; }; "DraftDisabled": { "alias": "DraftDisabled"; "required": false; }; "DiscardLabel": { "alias": "DiscardLabel"; "required": false; }; }, { "TabSelected": "TabSelected"; "TabClosed": "TabClosed"; "NewTabRequested": "NewTabRequested"; "TabReordered": "TabReordered"; "Confirm": "Confirm"; "SaveDraft": "SaveDraft"; "Discard": "Discard"; }, never, ["[workspaceHeader]", "*", "[workspaceFooterNote]"], true, never>;
+}
+//# sourceMappingURL=workspace-card.component.d.ts.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-card.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,YAAY,EAAE,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAA8B,UAAU,EAAE,MAAM,iCAAiC,CAAC;;AAEzF;;;;;;;;;;;;;;;GAeG;AACH,qBAsDa,sBAAsB;IACxB,IAAI,EAAE,YAAY,EAAE,CAAM;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,WAAW,SAAS;IACpB,SAAS,SAAe;IAGjC,6FAA6F;IACpF,UAAU,UAAS;IAC5B,2GAA2G;IAClG,YAAY,SAAa;IAClC,qFAAqF;IAC5E,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,eAAe,UAAS;IACjC,kFAAkF;IACzE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,uFAAuF;IAC9E,WAAW,UAAS;IACpB,gBAAgB,SAAc;IACvC,uFAAuF;IAC9E,SAAS,UAAQ;IACjB,UAAU,SAAmB;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAA+B;IACvD,aAAa,UAAS;IACtB,YAAY,SAAa;IAExB,WAAW,uBAA8B;IACzC,SAAS,uBAA8B;IACvC,eAAe,qBAA4B;IAC3C,YAAY,2BAAkC;IACxD,6CAA6C;IACnC,OAAO,qBAA4B;IACnC,SAAS,qBAA4B;IACrC,OAAO,qBAA4B;yCAjClC,sBAAsB;2CAAtB,sBAAsB;CAkClC"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-card.component.js

@@ -0,0 +1,243 @@
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { WorkspaceTabStripComponent } from './workspace-tab-strip.component.js';
+import * as i0 from "@angular/core";
+const _c0 = [[["", "workspaceHeader", ""]], "*", [["", "workspaceFooterNote", ""]]];
+const _c1 = ["[workspaceHeader]", "*", "[workspaceFooterNote]"];
+function WorkspaceCardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 10);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ConfirmBusyLabel, " ");
+} }
+function WorkspaceCardComponent_Conditional_7_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.ConfirmIcon);
+} }
+function WorkspaceCardComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, WorkspaceCardComponent_Conditional_7_Conditional_3_Conditional_0_Template, 1, 2, "i", 11);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.ConfirmIcon ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ConfirmLabel, " ");
+} }
+function WorkspaceCardComponent_Conditional_7_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.DraftIcon);
+} }
+function WorkspaceCardComponent_Conditional_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function WorkspaceCardComponent_Conditional_7_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveDraft.emit()); });
+    i0.ɵɵconditionalCreate(1, WorkspaceCardComponent_Conditional_7_Conditional_4_Conditional_1_Template, 1, 2, "i", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.DraftDisabled);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DraftIcon ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftLabel, " ");
+} }
+function WorkspaceCardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "footer", 5)(1, "button", 6);
+    i0.ɵɵlistener("click", function WorkspaceCardComponent_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Confirm.emit()); });
+    i0.ɵɵconditionalCreate(2, WorkspaceCardComponent_Conditional_7_Conditional_2_Template, 2, 1)(3, WorkspaceCardComponent_Conditional_7_Conditional_3_Template, 2, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, WorkspaceCardComponent_Conditional_7_Conditional_4_Template, 3, 3, "button", 7);
+    i0.ɵɵelementStart(5, "button", 8);
+    i0.ɵɵlistener("click", function WorkspaceCardComponent_Conditional_7_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Discard.emit()); });
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 9);
+    i0.ɵɵprojection(8, 2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.ConfirmDisabled || ctx_r1.ConfirmBusy)("title", ctx_r1.ConfirmTitle || ctx_r1.ConfirmLabel);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ConfirmBusy ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ShowDraft ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.DiscardLabel);
+} }
+/**
+ * `mj-workspace-card` — the reusable frame every "workspace" screen shares (JE + batch workspaces,
+ * order editor). A THIN, slotted wrapper (Marcelo 2026-07-21): it owns ONLY the invariant chrome —
+ *   • the card surface (border + rounded corners + contained scroll),
+ *   • the tab-strip row (delegated to `mj-workspace-tab-strip`, which carries all tab behavior),
+ *   • an identity band beside the tabs, and
+ *   • a single scrollable body —
+ * and PROJECTS everything that varies:
+ *   • `[workspaceHeader]` — the per-workshop identity band content (JE's number/status/currency badges);
+ *   • the default slot — the workshop's form/body.
+ *
+ * The card deliberately bakes in NO workshop-specific header (no currency badge, no entry-number field);
+ * those differ per workshop and are projected. Height chain: `:host` fills its parent (a display:block
+ * `mj-page-body-interior`), the card fills the host, the body is the flex:1 scroller — so the BODY
+ * scrolls in place while the strip + identity band stay pinned (the compact-workspace feel).
+ */
+export class WorkspaceCardComponent {
+    Tabs = [];
+    ActiveId = null;
+    NewTabLabel = 'New';
+    AriaLabel = 'Workspace';
+    // ── Standardized footer (opt-in) ────────────────────────────────────────────
+    /** Render the standardized action bar (confirm / save-as-draft / discard) below the body. */
+    ShowFooter = false;
+    /** The primary verb's label — the ONE thing that changes per workshop ("Create entry" / "Build batch"). */
+    ConfirmLabel = 'Confirm';
+    /** Optional Font Awesome class for the confirm button (e.g. 'fa-solid fa-check'). */
+    ConfirmIcon = null;
+    ConfirmDisabled = false;
+    /** Tooltip / blocked-reason on the confirm button; falls back to ConfirmLabel. */
+    ConfirmTitle = null;
+    /** Show the spinner + busy label on the confirm button while an async confirm runs. */
+    ConfirmBusy = false;
+    ConfirmBusyLabel = 'Working…';
+    /** Whether the save-as-draft button appears (some workshops have no draft concept). */
+    ShowDraft = true;
+    DraftLabel = 'Keep as draft';
+    DraftIcon = 'fa-regular fa-floppy-disk';
+    DraftDisabled = false;
+    DiscardLabel = 'Discard';
+    TabSelected = new EventEmitter();
+    TabClosed = new EventEmitter();
+    NewTabRequested = new EventEmitter();
+    TabReordered = new EventEmitter();
+    /** The primary verb (create / build / …). */
+    Confirm = new EventEmitter();
+    SaveDraft = new EventEmitter();
+    Discard = new EventEmitter();
+    static ɵfac = function WorkspaceCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkspaceCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkspaceCardComponent, selectors: [["mj-workspace-card"]], inputs: { Tabs: "Tabs", ActiveId: "ActiveId", NewTabLabel: "NewTabLabel", AriaLabel: "AriaLabel", ShowFooter: "ShowFooter", ConfirmLabel: "ConfirmLabel", ConfirmIcon: "ConfirmIcon", ConfirmDisabled: "ConfirmDisabled", ConfirmTitle: "ConfirmTitle", ConfirmBusy: "ConfirmBusy", ConfirmBusyLabel: "ConfirmBusyLabel", ShowDraft: "ShowDraft", DraftLabel: "DraftLabel", DraftIcon: "DraftIcon", DraftDisabled: "DraftDisabled", DiscardLabel: "DiscardLabel" }, outputs: { TabSelected: "TabSelected", TabClosed: "TabClosed", NewTabRequested: "NewTabRequested", TabReordered: "TabReordered", Confirm: "Confirm", SaveDraft: "SaveDraft", Discard: "Discard" }, ngContentSelectors: _c1, decls: 8, vars: 5, consts: [[1, "ws-card"], [1, "ws-card__head"], [3, "TabSelected", "TabClosed", "NewTabRequested", "TabReordered", "Tabs", "ActiveId", "NewTabLabel"], [1, "ws-card__headmeta"], [1, "ws-card__body"], [1, "ws-card__foot"], ["type", "button", 1, "mj-btn", "mj-btn--primary", 3, "click", "disabled", "title"], ["type", "button", 1, "mj-btn", "mj-btn--outline", 3, "disabled"], ["type", "button", 1, "mj-btn", "mj-btn--flat", 3, "click"], [1, "ws-card__footnote"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 3, "class"], ["aria-hidden", "true"], ["type", "button", 1, "mj-btn", "mj-btn--outline", 3, "click", "disabled"]], template: function WorkspaceCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "section", 0)(1, "header", 1)(2, "mj-workspace-tab-strip", 2);
+            i0.ɵɵlistener("TabSelected", function WorkspaceCardComponent_Template_mj_workspace_tab_strip_TabSelected_2_listener($event) { return ctx.TabSelected.emit($event); })("TabClosed", function WorkspaceCardComponent_Template_mj_workspace_tab_strip_TabClosed_2_listener($event) { return ctx.TabClosed.emit($event); })("NewTabRequested", function WorkspaceCardComponent_Template_mj_workspace_tab_strip_NewTabRequested_2_listener() { return ctx.NewTabRequested.emit(); })("TabReordered", function WorkspaceCardComponent_Template_mj_workspace_tab_strip_TabReordered_2_listener($event) { return ctx.TabReordered.emit($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 3);
+            i0.ɵɵprojection(4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵprojection(6, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(7, WorkspaceCardComponent_Conditional_7_Template, 9, 5, "footer", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.AriaLabel);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Tabs", ctx.Tabs)("ActiveId", ctx.ActiveId)("NewTabLabel", ctx.NewTabLabel);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ShowFooter ? 7 : -1);
+        } }, dependencies: [CommonModule, WorkspaceTabStripComponent], styles: ["\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n\n\n.ws-card[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  overflow: hidden;\n  \n\n\n\n\n  container-type: size;\n  container-name: workspace;\n}\n\n.ws-card__head[_ngcontent-%COMP%] {\n  flex: none;\n}\n\n\n\n.ws-card__headmeta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 10px 14px;\n}\n\n\n.ws-card__headmeta[_ngcontent-%COMP%]:empty {\n  display: none;\n}\n\n\n\n\n.ws-card__body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 14px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n\n\n\n\n.ws-card__foot[_ngcontent-%COMP%] {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 4px 14px 12px;\n}\n\n\n.ws-card__footnote[_ngcontent-%COMP%] {\n  margin-left: auto;\n  max-width: 46ch;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.ws-card__footnote[_ngcontent-%COMP%]:empty {\n  display: none;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceCardComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-workspace-card', imports: [CommonModule, WorkspaceTabStripComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="ws-card" [attr.aria-label]="AriaLabel">
+      <header class="ws-card__head">
+        <mj-workspace-tab-strip
+          [Tabs]="Tabs"
+          [ActiveId]="ActiveId"
+          [NewTabLabel]="NewTabLabel"
+          (TabSelected)="TabSelected.emit($event)"
+          (TabClosed)="TabClosed.emit($event)"
+          (NewTabRequested)="NewTabRequested.emit()"
+          (TabReordered)="TabReordered.emit($event)">
+        </mj-workspace-tab-strip>
+        <div class="ws-card__headmeta">
+          <ng-content select="[workspaceHeader]"></ng-content>
+        </div>
+      </header>
+      <div class="ws-card__body">
+        <ng-content></ng-content>
+      </div>
+      <!-- Standardized action bar (Marcelo 2026-07-21): the SAME three verbs on every workspace —
+           a primary confirm/submit whose LABEL is the only thing that varies per use case, a neutral
+           save-as-draft, and a neutral discard — so no workshop hand-rolls its own footer. Pinned
+           below the scrolling body. Opt-in via [ShowFooter]; a [workspaceFooterNote] slot carries any
+           per-workshop caption beside the buttons. -->
+      @if (ShowFooter) {
+        <footer class="ws-card__foot">
+          <button type="button" class="mj-btn mj-btn--primary"
+            [disabled]="ConfirmDisabled || ConfirmBusy"
+            [title]="ConfirmTitle || ConfirmLabel"
+            (click)="Confirm.emit()">
+            @if (ConfirmBusy) {
+              <i class="fa-solid fa-spinner fa-spin" aria-hidden="true"></i> {{ ConfirmBusyLabel }}
+            } @else {
+              @if (ConfirmIcon) { <i [class]="ConfirmIcon" aria-hidden="true"></i> } {{ ConfirmLabel }}
+            }
+          </button>
+          @if (ShowDraft) {
+            <button type="button" class="mj-btn mj-btn--outline" [disabled]="DraftDisabled" (click)="SaveDraft.emit()">
+              @if (DraftIcon) { <i [class]="DraftIcon" aria-hidden="true"></i> } {{ DraftLabel }}
+            </button>
+          }
+          <button type="button" class="mj-btn mj-btn--flat" (click)="Discard.emit()">{{ DiscardLabel }}</button>
+          <span class="ws-card__footnote"><ng-content select="[workspaceFooterNote]"></ng-content></span>
+        </footer>
+      }
+    </section>
+  `, styles: ["/* The reusable workspace card frame \u2014 design tokens only. The height chain (host fills parent \u2192 card\n   fills host \u2192 body is the flex:1 scroller) is load-bearing: it's what lets the BODY scroll in place\n   while the tab strip + identity band stay pinned. */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n/* One object against the page: --mj-bg-surface, rounded, with the body's scroll contained inside. */\n.ws-card {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  overflow: hidden;\n  /* SIZING CONTAINER (design rule, Marcelo 2026-07-21): the card is a query container, so content\n     inside sizes with CONTAINER units (cqh/cqw/cqi) \u2014 relative to THIS card (a window/pane), never the\n     viewport (vh/vw). vh would size to the whole screen regardless of the pane the card sits in. The\n     card's own size comes from the flex chain (parent-driven), so size containment is safe here. */\n  container-type: size;\n  container-name: workspace;\n}\n\n.ws-card__head {\n  flex: none;\n}\n\n/* Identity band below the tab row (never in line with the tabs) \u2014 the slot the workshop projects into. */\n.ws-card__headmeta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 10px 14px;\n}\n/* Collapse the band entirely when the workshop projects nothing into it (no empty padded strip). */\n.ws-card__headmeta:empty {\n  display: none;\n}\n\n/* The single scrollable body. Standard gutters + a stacked-column default (the compact-workspace\n   layout); a workshop's projected content flows here. */\n.ws-card__body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 14px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* The standardized action bar \u2014 pinned below the scrolling body, so the verbs stay reachable without\n   scrolling to the end of a long form. NO top border (Marcelo 2026-07-21): the buttons should read as\n   part of the sheet, not a boxed-off strip \u2014 the card's own frame is the only border we want. */\n.ws-card__foot {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 4px 14px 12px;\n}\n/* Per-workshop caption beside the verbs (projected). Collapses when nothing is slotted. */\n.ws-card__footnote {\n  margin-left: auto;\n  max-width: 46ch;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.ws-card__footnote:empty {\n  display: none;\n}\n"] }]
+    }], null, { Tabs: [{
+            type: Input
+        }], ActiveId: [{
+            type: Input
+        }], NewTabLabel: [{
+            type: Input
+        }], AriaLabel: [{
+            type: Input
+        }], ShowFooter: [{
+            type: Input
+        }], ConfirmLabel: [{
+            type: Input
+        }], ConfirmIcon: [{
+            type: Input
+        }], ConfirmDisabled: [{
+            type: Input
+        }], ConfirmTitle: [{
+            type: Input
+        }], ConfirmBusy: [{
+            type: Input
+        }], ConfirmBusyLabel: [{
+            type: Input
+        }], ShowDraft: [{
+            type: Input
+        }], DraftLabel: [{
+            type: Input
+        }], DraftIcon: [{
+            type: Input
+        }], DraftDisabled: [{
+            type: Input
+        }], DiscardLabel: [{
+            type: Input
+        }], TabSelected: [{
+            type: Output
+        }], TabClosed: [{
+            type: Output
+        }], NewTabRequested: [{
+            type: Output
+        }], TabReordered: [{
+            type: Output
+        }], Confirm: [{
+            type: Output
+        }], SaveDraft: [{
+            type: Output
+        }], Discard: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkspaceCardComponent, { className: "WorkspaceCardComponent", filePath: "lib/transfer-pending/workspace-tabs/workspace-card.component.ts", lineNumber: 76 }); })();
+//# sourceMappingURL=workspace-card.component.js.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-card.component.js","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-card.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-store.d.ts

@@ -0,0 +1,47 @@
+import { WorkspaceTab, WorkspaceTabState } from './workspace-tabs.types.js';
+/**
+ * The pure, framework-free state machine behind the workspace-tab strip.
+ *
+ * Deliberately extracted from the component (per the tier-1 boundary doctrine in
+ * TEST-ARCHITECTURE: pure seams get exhaustively unit-tested; the Angular shell around them stays
+ * at tier 4). No Angular, no DB, no app types — synchronous and total.
+ *
+ * v1 semantics: session-scoped only. Nothing here touches persistence.
+ */
+export declare class WorkspaceTabStore<TState = unknown> {
+    private tabs;
+    private activeId;
+    /** Current tabs, in strip order. Returns a copy — callers must not mutate internal state. */
+    get Tabs(): WorkspaceTab<TState>[];
+    get ActiveId(): string | null;
+    get ActiveTab(): WorkspaceTab<TState> | null;
+    get Count(): number;
+    /** True when any tab holds unsaved edits — the "you'll lose work" signal for the host. */
+    get HasDirtyTabs(): boolean;
+    /**
+     * Add a tab and make it active. An existing tab with the same Id is NOT duplicated — it is
+     * activated instead (re-opening the same draft focuses it, which is what a user means).
+     */
+    Open(tab: WorkspaceTab<TState>): WorkspaceTab<TState>;
+    Activate(id: string): boolean;
+    /**
+     * Close a tab. When the closed tab was active, activation falls to its NEIGHBOUR — the tab to its
+     * right, else the one to its left, else null. (Closing the tab you're looking at should land you
+     * somewhere sensible, not on nothing.)
+     */
+    Close(id: string): boolean;
+    /** Replace a tab's host-owned payload. Marks the tab dirty unless told otherwise. */
+    UpdateState(id: string, state: TState, markDirty?: boolean): boolean;
+    /** Move a tab through its lifecycle. Clears the rejection reason on any non-rejected state. */
+    SetStatus(id: string, status: WorkspaceTabState, rejectionReason?: string | null): boolean;
+    /** Mark a tab saved/clean without touching its payload. */
+    MarkClean(id: string): boolean;
+    /**
+     * Move a tab from one position to another (drag-reorder). Active tab + payloads are untouched — only
+     * strip ORDER changes. Out-of-range or no-op indices return false and change nothing.
+     */
+    Reorder(fromIndex: number, toIndex: number): boolean;
+    /** Drop every tab (session end / explicit discard-all). */
+    Clear(): void;
+}
+//# sourceMappingURL=workspace-tab-store.d.ts.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-store.d.ts","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tab-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEzE;;;;;;;;GAQG;AACH,qBAAa,iBAAiB,CAAC,MAAM,GAAG,OAAO;IAC7C,OAAO,CAAC,IAAI,CAA8B;IAC1C,OAAO,CAAC,QAAQ,CAAuB;IAEvC,6FAA6F;IAC7F,IAAW,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAExC;IAED,IAAW,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAW,SAAS,IAAI,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,CAElD;IAED,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,0FAA0F;IAC1F,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED;;;OAGG;IACI,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;IAWrD,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAMpC;;;;OAIG;IACI,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAcjC,qFAAqF;IAC9E,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,UAAO,GAAG,OAAO;IAQxE,+FAA+F;IACxF,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,eAAe,GAAE,MAAM,GAAG,IAAW,GAAG,OAAO;IAQvG,2DAA2D;IACpD,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAOrC;;;OAGG;IACI,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAQ3D,2DAA2D;IACpD,KAAK,IAAI,IAAI;CAIrB"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-store.js

@@ -0,0 +1,112 @@
+/**
+ * The pure, framework-free state machine behind the workspace-tab strip.
+ *
+ * Deliberately extracted from the component (per the tier-1 boundary doctrine in
+ * TEST-ARCHITECTURE: pure seams get exhaustively unit-tested; the Angular shell around them stays
+ * at tier 4). No Angular, no DB, no app types — synchronous and total.
+ *
+ * v1 semantics: session-scoped only. Nothing here touches persistence.
+ */
+export class WorkspaceTabStore {
+    tabs = [];
+    activeId = null;
+    /** Current tabs, in strip order. Returns a copy — callers must not mutate internal state. */
+    get Tabs() {
+        return [...this.tabs];
+    }
+    get ActiveId() {
+        return this.activeId;
+    }
+    get ActiveTab() {
+        return this.tabs.find((t) => t.Id === this.activeId) ?? null;
+    }
+    get Count() {
+        return this.tabs.length;
+    }
+    /** True when any tab holds unsaved edits — the "you'll lose work" signal for the host. */
+    get HasDirtyTabs() {
+        return this.tabs.some((t) => t.Dirty === true);
+    }
+    /**
+     * Add a tab and make it active. An existing tab with the same Id is NOT duplicated — it is
+     * activated instead (re-opening the same draft focuses it, which is what a user means).
+     */
+    Open(tab) {
+        const existing = this.tabs.find((t) => t.Id === tab.Id);
+        if (existing) {
+            this.activeId = existing.Id;
+            return existing;
+        }
+        this.tabs.push(tab);
+        this.activeId = tab.Id;
+        return tab;
+    }
+    Activate(id) {
+        if (!this.tabs.some((t) => t.Id === id))
+            return false;
+        this.activeId = id;
+        return true;
+    }
+    /**
+     * Close a tab. When the closed tab was active, activation falls to its NEIGHBOUR — the tab to its
+     * right, else the one to its left, else null. (Closing the tab you're looking at should land you
+     * somewhere sensible, not on nothing.)
+     */
+    Close(id) {
+        const index = this.tabs.findIndex((t) => t.Id === id);
+        if (index === -1)
+            return false;
+        const wasActive = this.activeId === id;
+        this.tabs.splice(index, 1);
+        if (wasActive) {
+            const neighbour = this.tabs[index] ?? this.tabs[index - 1] ?? null;
+            this.activeId = neighbour ? neighbour.Id : null;
+        }
+        return true;
+    }
+    /** Replace a tab's host-owned payload. Marks the tab dirty unless told otherwise. */
+    UpdateState(id, state, markDirty = true) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.State = state;
+        if (markDirty)
+            tab.Dirty = true;
+        return true;
+    }
+    /** Move a tab through its lifecycle. Clears the rejection reason on any non-rejected state. */
+    SetStatus(id, status, rejectionReason = null) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.Status = status;
+        tab.RejectionReason = status === 'rejected' ? rejectionReason : null;
+        return true;
+    }
+    /** Mark a tab saved/clean without touching its payload. */
+    MarkClean(id) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.Dirty = false;
+        return true;
+    }
+    /**
+     * Move a tab from one position to another (drag-reorder). Active tab + payloads are untouched — only
+     * strip ORDER changes. Out-of-range or no-op indices return false and change nothing.
+     */
+    Reorder(fromIndex, toIndex) {
+        const n = this.tabs.length;
+        if (fromIndex === toIndex || fromIndex < 0 || fromIndex >= n || toIndex < 0 || toIndex >= n)
+            return false;
+        const [moved] = this.tabs.splice(fromIndex, 1);
+        this.tabs.splice(toIndex, 0, moved);
+        return true;
+    }
+    /** Drop every tab (session end / explicit discard-all). */
+    Clear() {
+        this.tabs = [];
+        this.activeId = null;
+    }
+}
+//# sourceMappingURL=workspace-tab-store.js.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-store.js","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tab-store.ts"],"names":[],"mappings":"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"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { WorkspaceTab } from './workspace-tabs.types.js';
+import * as i0 from "@angular/core";
+/** A drag-reorder request from the strip: move the tab at `previousIndex` to `currentIndex`. */
+export interface TabReorder {
+    previousIndex: number;
+    currentIndex: number;
+}
+/**
+ * The workspace tab strip — presentation over `WorkspaceTabStore` (UI plan §8.0).
+ *
+ * Dumb by design: it renders the tabs it is handed and emits intent. The store holds the state
+ * machine; the host owns what a tab's payload means. That split keeps it framework-clean + transferable.
+ *
+ * **Browser-tab behavior lives HERE** (Marcelo 2026-07-21) so every consumer inherits it:
+ *  - pinned new-tab button; the tab LIST scrolls horizontally *behind* it on overflow;
+ *  - tabs size to their text up to `--ws-tab-max`, then ellipsize; the inline unsaved-dot pushes the label;
+ *  - the tab body keeps the default arrow cursor (like browser tabs);
+ *  - the full label shows via the reusable `mjTip` tooltip when a tab is truncated (delayed, non-interactive).
+ */
+export declare class WorkspaceTabStripComponent {
+    Tabs: WorkspaceTab[];
+    ActiveId: string | null;
+    ShowNewTab: boolean;
+    NewTabLabel: string;
+    TabSelected: EventEmitter<string>;
+    TabClosed: EventEmitter<string>;
+    NewTabRequested: EventEmitter<void>;
+    TabReordered: EventEmitter<TabReorder>;
+    /** CDK drop — emit the reorder intent; the host applies it to the store (the strip stays dumb). */
+    onDrop(event: CdkDragDrop<WorkspaceTab[]>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceTabStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceTabStripComponent, "mj-workspace-tab-strip", never, { "Tabs": { "alias": "Tabs"; "required": false; }; "ActiveId": { "alias": "ActiveId"; "required": false; }; "ShowNewTab": { "alias": "ShowNewTab"; "required": false; }; "NewTabLabel": { "alias": "NewTabLabel"; "required": false; }; }, { "TabSelected": "TabSelected"; "TabClosed": "TabClosed"; "NewTabRequested": "NewTabRequested"; "TabReordered": "TabReordered"; }, never, never, true, never>;
+}
+//# sourceMappingURL=workspace-tab-strip.component.d.ts.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-strip.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,YAAY,EAAE,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAwB,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;;AAGtD,gGAAgG;AAChG,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,qBAwDa,0BAA0B;IAC5B,IAAI,EAAE,YAAY,EAAE,CAAM;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,UAAU,UAAQ;IAClB,WAAW,SAAS;IAEnB,WAAW,uBAA8B;IACzC,SAAS,uBAA8B;IACvC,eAAe,qBAA4B;IAC3C,YAAY,2BAAkC;IAExD,mGAAmG;IAC5F,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,GAAG,IAAI;yCAZ5C,0BAA0B;2CAA1B,0BAA0B;CAiBtC"}