@flyingrobots/bijou-tui 7.2.0 → 8.0.0-rc.1

package/dist/app-frame-overlay-help.js

@@ -0,0 +1,39 @@
+import { frameMessage } from './app-frame-i18n.js';
+import { helpViewSurface } from './help.js';
+import { createPagerStateForSurface, pagerSurface } from './pager.js';
+export function renderHelpOverlay(model, source, i18n) {
+    const maxDialogWidth = Math.max(28, Math.min(model.columns - 4, 88));
+    const bodyWidth = Math.max(20, maxDialogWidth - 4);
+    const helpSurface = helpViewSurface(source, {
+        title: undefined,
+        width: bodyWidth,
+        defaultGroupName: frameMessage(i18n, 'help.group.general', 'General'),
+    });
+    const pagerHeight = Math.max(4, Math.min(helpSurface.height + 1, Math.max(4, model.rows - 8)));
+    const pagerState = createPagerStateForSurface(helpSurface, {
+        width: bodyWidth,
+        height: pagerHeight,
+    });
+    const scrollY = Math.max(0, Math.min(model.helpScrollY, pagerState.scroll.maxY));
+    const scrolledState = {
+        ...pagerState,
+        scroll: { ...pagerState.scroll, y: scrollY },
+    };
+    return {
+        body: pagerSurface(helpSurface, scrolledState, {
+            showScrollbar: true,
+            showStatus: true,
+        }),
+        maxScrollY: pagerState.scroll.maxY,
+        scrollY,
+    };
+}
+export function isHelpScrollAction(action) {
+    return (action.type === 'scroll-up' ||
+        action.type === 'scroll-down' ||
+        action.type === 'page-up' ||
+        action.type === 'page-down' ||
+        action.type === 'top' ||
+        action.type === 'bottom');
+}
+//# sourceMappingURL=app-frame-overlay-help.js.map

package/dist/app-frame-overlay-help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-help.js","sourceRoot":"","sources":["../src/app-frame-overlay-help.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAsB,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,UAAU,iBAAiB,CAC/B,KAGC,EACD,MAAqB,EACrB,IAAkB;IAMlB,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,EAAE;QAC1C,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,gBAAgB,EAAE,YAAY,CAAC,IAAI,EAAE,oBAAoB,EAAE,SAAS,CAAC;KACtE,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAC9D,CAAC;IACF,MAAM,UAAU,GAAG,0BAA0B,CAAC,WAAW,EAAE;QACzD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,WAAW;KACpB,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CACtB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CACpD,CAAC;IACF,MAAM,aAAa,GAAG;QACpB,GAAG,UAAU;QACb,MAAM,EAAE,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE;KAC7C,CAAC;IACF,OAAO;QACL,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,aAAa,EAAE;YAC7C,aAAa,EAAE,IAAI;YACnB,UAAU,EAAE,IAAI;SACjB,CAAC;QACF,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;QAClC,OAAO;KACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,MAAmB;IAanB,OAAO,CACL,MAAM,CAAC,IAAI,KAAK,WAAW;QAC3B,MAAM,CAAC,IAAI,KAAK,aAAa;QAC7B,MAAM,CAAC,IAAI,KAAK,SAAS;QACzB,MAAM,CAAC,IAAI,KAAK,WAAW;QAC3B,MAAM,CAAC,IAAI,KAAK,KAAK;QACrB,MAAM,CAAC,IAAI,KAAK,QAAQ,CACzB,CAAC;AACJ,CAAC"}

package/dist/app-frame-overlay-layout.d.ts

@@ -0,0 +1,7 @@
+import type { CreateFramedAppOptions, FramePage } from './app-frame.js';
+import { type ResolvedFrameShellTheme, type ResolvedSettingsLayout } from './app-frame-overlay-contract.js';
+import type { InternalFrameModel } from './app-frame-types.js';
+export declare function resolveSettingsLayout<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>, shellThemes: readonly ResolvedFrameShellTheme[]): ResolvedSettingsLayout<Msg> | undefined;
+export declare function clampSettingsFocus<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedSettingsLayout<Msg>): number;
+export declare function clampSettingsScroll<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedSettingsLayout<Msg>): number;
+//# sourceMappingURL=app-frame-overlay-layout.d.ts.map

package/dist/app-frame-overlay-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-layout.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-layout.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,sBAAsB,EACtB,SAAS,EAGV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAGL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC5B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,GAAG,EAClD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EACjD,WAAW,EAAE,SAAS,uBAAuB,EAAE,GAC9C,sBAAsB,CAAC,GAAG,CAAC,GAAG,SAAS,CAyDzC;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAC/C,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAClC,MAAM,CAOR;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAChD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAClC,MAAM,CAER"}

package/dist/app-frame-overlay-layout.js

@@ -0,0 +1,90 @@
+import { preparePreferenceSections, resolvePreferenceRowLayout, } from '@flyingrobots/bijou';
+import { FRAME_SHELL_THEME_ROW_ID, } from './app-frame-overlay-contract.js';
+import { frameStartAnchor } from './app-frame-i18n.js';
+import { resolveFrameSettings } from './app-frame-overlay-settings.js';
+export function resolveSettingsLayout(model, options, pagesById, shellThemes) {
+    const settings = resolveFrameSettings(model, options, pagesById, shellThemes);
+    if (settings == null)
+        return undefined;
+    const sections = settings.sections.filter((section) => section.rows.length > 0);
+    if (sections.length === 0)
+        return undefined;
+    const drawerWidth = resolveSettingsDrawerWidth(model.columns);
+    const anchor = frameStartAnchor(options.i18n);
+    const startCol = anchor === 'left' ? 0 : Math.max(0, model.columns - drawerWidth);
+    const contentWidth = Math.max(16, drawerWidth - 4);
+    const preferenceSections = preparePreferenceSections(toPreferenceSections(sections));
+    const rows = [];
+    let line = 0;
+    for (const [sectionIndex, section] of preferenceSections.entries()) {
+        const sourceSection = sections[sectionIndex];
+        if (sourceSection === undefined)
+            continue;
+        if (sectionIndex > 0)
+            line += 1;
+        line += 2;
+        for (const [rowIndex, preparedRow] of section.rows.entries()) {
+            const row = sourceSection.rows[rowIndex];
+            if (row === undefined)
+                continue;
+            const rowLayout = resolvePreferenceRowLayout(preparedRow, contentWidth);
+            rows.push({
+                index: rows.length,
+                line,
+                height: rowLayout.height,
+                row,
+                behavior: row.id === FRAME_SHELL_THEME_ROW_ID
+                    ? 'cycle-shell-theme'
+                    : undefined,
+            });
+            line += rowLayout.height;
+            if (rowIndex < section.rows.length - 1)
+                line += 1;
+        }
+    }
+    const contentHeight = Math.max(1, model.rows - 2);
+    const totalLines = Math.max(1, line);
+    return {
+        settings: { ...settings, sections },
+        preferenceSections,
+        rows,
+        anchor,
+        startCol,
+        drawerWidth,
+        contentWidth,
+        contentHeight,
+        totalLines,
+        maxScrollY: Math.max(0, totalLines - contentHeight),
+    };
+}
+export function clampSettingsFocus(model, layout) {
+    return layout.rows.length === 0
+        ? 0
+        : Math.max(0, Math.min(model.settingsFocusIndex, layout.rows.length - 1));
+}
+export function clampSettingsScroll(model, layout) {
+    return Math.max(0, Math.min(model.settingsScrollY, layout.maxScrollY));
+}
+function resolveSettingsDrawerWidth(columns) {
+    const bounded = Math.max(24, columns);
+    return Math.min(Math.max(28, Math.floor(bounded * 0.3)), Math.max(28, bounded - 4), 42);
+}
+function toPreferenceSections(sections) {
+    return sections.map((section) => ({
+        id: section.id,
+        title: section.title,
+        rows: section.rows.map(toPreferenceRow),
+    }));
+}
+function toPreferenceRow(row) {
+    return {
+        id: row.id,
+        label: row.label,
+        description: row.description,
+        valueLabel: row.valueLabel,
+        kind: row.kind,
+        checked: row.checked,
+        enabled: row.enabled,
+    };
+}
+//# sourceMappingURL=app-frame-overlay-layout.js.map

package/dist/app-frame-overlay-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-layout.js","sourceRoot":"","sources":["../src/app-frame-overlay-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAG3B,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EACL,wBAAwB,GAIzB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,UAAU,qBAAqB,CACnC,KAAyC,EACzC,OAA+C,EAC/C,SAAiD,EACjD,WAA+C;IAE/C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IAC9E,IAAI,QAAQ,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACvC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CACvC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CACrC,CAAC;IACF,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAC5C,MAAM,WAAW,GAAG,0BAA0B,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,QAAQ,GACZ,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC;IACnE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,kBAAkB,GAAG,yBAAyB,CAClD,oBAAoB,CAAC,QAAQ,CAAC,CAC/B,CAAC;IACF,MAAM,IAAI,GAA2B,EAAE,CAAC;IACxC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC7C,IAAI,aAAa,KAAK,SAAS;YAAE,SAAS;QAC1C,IAAI,YAAY,GAAG,CAAC;YAAE,IAAI,IAAI,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,CAAC;QACV,KAAK,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YAC7D,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,GAAG,KAAK,SAAS;gBAAE,SAAS;YAChC,MAAM,SAAS,GAAG,0BAA0B,CAC1C,WAAW,EACX,YAAY,CACb,CAAC;YACF,IAAI,CAAC,IAAI,CAAC;gBACR,KAAK,EAAE,IAAI,CAAC,MAAM;gBAClB,IAAI;gBACJ,MAAM,EAAE,SAAS,CAAC,MAAM;gBACxB,GAAG;gBACH,QAAQ,EACN,GAAG,CAAC,EAAE,KAAK,wBAAwB;oBACjC,CAAC,CAAC,mBAAmB;oBACrB,CAAC,CAAC,SAAS;aAChB,CAAC,CAAC;YACH,IAAI,IAAI,SAAS,CAAC,MAAM,CAAC;YACzB,IAAI,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;gBAAE,IAAI,IAAI,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IACD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACrC,OAAO;QACL,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE;QACnC,kBAAkB;QAClB,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,aAAa;QACb,UAAU;QACV,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;KACpD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,KAAyC,EACzC,MAAmC;IAEnC,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CACN,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAC3D,CAAC;AACR,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,KAAyC,EACzC,MAAmC;IAEnC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,SAAS,0BAA0B,CAAC,OAAe;IACjD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACtC,OAAO,IAAI,CAAC,GAAG,CACb,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,EACvC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC,EACzB,EAAE,CACH,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,QAA6C;IAE7C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAChC,EAAE,EAAE,OAAO,CAAC,EAAE;QACd,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC;KACxC,CAAC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAM,GAAyB;IACrD,OAAO;QACL,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,WAAW,EAAE,GAAG,CAAC,WAAW;QAC5B,UAAU,EAAE,GAAG,CAAC,UAAU;QAC1B,IAAI,EAAE,GAAG,CAAC,IAAI;QACd,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,OAAO,EAAE,GAAG,CAAC,OAAO;KACrB,CAAC;AACJ,CAAC"}

package/dist/app-frame-overlay-navigation.d.ts

@@ -0,0 +1,11 @@
+import type { FrameInputArea, FramePage } from './app-frame.js';
+import type { ResolvedNotificationCenterLayout, ResolvedSettingsLayout } from './app-frame-overlay-contract.js';
+import { type FramedAppMsg, type InternalFrameModel } from './app-frame-types.js';
+import type { Cmd } from './types.js';
+export declare function resolveInputAreas<PageModel, Msg>(page: FramePage<PageModel, Msg>, pageModel: PageModel): readonly FrameInputArea<PageModel, Msg>[];
+export declare function findInputAreaByPaneId<PageModel, Msg>(inputAreas: readonly FrameInputArea<PageModel, Msg>[], paneId: string | undefined): FrameInputArea<PageModel, Msg> | undefined;
+export declare function moveSettingsFocus<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedSettingsLayout<Msg>, delta: number): InternalFrameModel<PageModel, Msg>;
+export declare function scrollSettingsBy<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedSettingsLayout<Msg>, delta: number): InternalFrameModel<PageModel, Msg>;
+export declare function scrollNotificationCenterBy<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedNotificationCenterLayout<Msg>, delta: number): InternalFrameModel<PageModel, Msg>;
+export declare function cycleNotificationCenterFilter<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, layout: ResolvedNotificationCenterLayout<Msg>): [InternalFrameModel<PageModel, Msg>, Cmd<FramedAppMsg<Msg>>[]];
+//# sourceMappingURL=app-frame-overlay-navigation.d.ts.map

package/dist/app-frame-overlay-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-navigation.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,gCAAgC,EAChC,sBAAsB,EACvB,MAAM,iCAAiC,CAAC;AAKzC,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEtC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,GAAG,EAC9C,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/B,SAAS,EAAE,SAAS,GACnB,SAAS,cAAc,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAE3C;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,GAAG,EAClD,UAAU,EAAE,SAAS,cAAc,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,EACrD,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,cAAc,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,SAAS,CAI5C;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,GAAG,EAC9C,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,sBAAsB,CAAC,GAAG,CAAC,EACnC,KAAK,EAAE,MAAM,GACZ,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,CAsBpC;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAC7C,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,sBAAsB,CAAC,GAAG,CAAC,EACnC,KAAK,EAAE,MAAM,GACZ,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,CAQpC;AAED,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,GAAG,EACvD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,gCAAgC,CAAC,GAAG,CAAC,EAC7C,KAAK,EAAE,MAAM,GACZ,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,CAWpC;AAED,wBAAgB,6BAA6B,CAAC,SAAS,EAAE,GAAG,EAC1D,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,MAAM,EAAE,gCAAgC,CAAC,GAAG,CAAC,GAC5C,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAuBhE"}

package/dist/app-frame-overlay-navigation.js

@@ -0,0 +1,72 @@
+import { clampSettingsFocus, clampSettingsScroll, } from './app-frame-overlay-layout.js';
+import { emitMsgForPage, } from './app-frame-types.js';
+export function resolveInputAreas(page, pageModel) {
+    return page.inputAreas?.(pageModel) ?? [];
+}
+export function findInputAreaByPaneId(inputAreas, paneId) {
+    return paneId == null
+        ? undefined
+        : inputAreas.find((area) => area.paneId === paneId);
+}
+export function moveSettingsFocus(model, layout, delta) {
+    if (layout.rows.length === 0)
+        return model;
+    const nextFocus = Math.max(0, Math.min(clampSettingsFocus(model, layout) + delta, layout.rows.length - 1));
+    const focusedRow = layout.rows[nextFocus];
+    if (focusedRow === undefined)
+        return model;
+    return {
+        ...model,
+        settingsFocusIndex: nextFocus,
+        settingsScrollY: ensureSettingsRangeVisible(focusedRow.line, focusedRow.height, clampSettingsScroll(model, layout), layout.contentHeight, layout.maxScrollY),
+    };
+}
+export function scrollSettingsBy(model, layout, delta) {
+    return {
+        ...model,
+        settingsScrollY: Math.max(0, Math.min(clampSettingsScroll(model, layout) + delta, layout.maxScrollY)),
+    };
+}
+export function scrollNotificationCenterBy(model, layout, delta) {
+    return {
+        ...model,
+        notificationCenterScrollY: Math.max(0, Math.min(model.notificationCenterScrollY + delta, layout.maxScrollY)),
+    };
+}
+export function cycleNotificationCenterFilter(model, layout) {
+    const filters = layout.center.filters;
+    if (filters.length < 2)
+        return [model, []];
+    const index = Math.max(0, filters.indexOf(layout.center.activeFilter));
+    const next = filters[(index + 1) % filters.length] ?? filters[0];
+    if (next === undefined)
+        return [model, []];
+    if (layout.center.onFilterChange != null) {
+        const action = layout.center.onFilterChange(next);
+        return [
+            { ...model, notificationCenterScrollY: 0 },
+            action === undefined
+                ? []
+                : [emitMsgForPage(model.activePageId, action)],
+        ];
+    }
+    return [
+        {
+            ...model,
+            runtimeNotificationHistoryFilter: next,
+            notificationCenterScrollY: 0,
+        },
+        [],
+    ];
+}
+function ensureSettingsRangeVisible(startLine, height, scrollY, visibleLines, maxScrollY) {
+    let next = scrollY;
+    const endLine = startLine + Math.max(1, height) - 1;
+    if (startLine < next)
+        next = startLine;
+    else if (endLine >= next + visibleLines) {
+        next = endLine - visibleLines + 1;
+    }
+    return Math.max(0, Math.min(next, maxScrollY));
+}
+//# sourceMappingURL=app-frame-overlay-navigation.js.map

package/dist/app-frame-overlay-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-navigation.js","sourceRoot":"","sources":["../src/app-frame-overlay-navigation.ts"],"names":[],"mappings":"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"}

package/dist/app-frame-overlay-notifications.d.ts

@@ -0,0 +1,10 @@
+import type { BijouContext } from '@flyingrobots/bijou';
+import type { CreateFramedAppOptions, FramePage } from './app-frame.js';
+import { type ResolvedFrameNotificationCenter, type ResolvedNotificationCenterLayout } from './app-frame-overlay-contract.js';
+import type { InternalFrameModel } from './app-frame-types.js';
+import { type Overlay } from './overlay.js';
+export declare function resolveFrameNotificationCenter<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>): ResolvedFrameNotificationCenter<Msg> | undefined;
+export declare function resolveNotificationCenterLayout<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>, ctx?: BijouContext): ResolvedNotificationCenterLayout<Msg> | undefined;
+export declare function renderNotificationCenterDrawer<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>, titleOverride?: string, ctx?: BijouContext): Overlay | undefined;
+export declare function resolveNotificationFooterCue<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>): string | undefined;
+//# sourceMappingURL=app-frame-overlay-notifications.d.ts.map

package/dist/app-frame-overlay-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-notifications.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-notifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAEL,KAAK,+BAA+B,EACpC,KAAK,gCAAgC,EACtC,MAAM,iCAAiC,CAAC;AAOzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAGpD,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,GAAG,EAC3D,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,GAChD,+BAA+B,CAAC,GAAG,CAAC,GAAG,SAAS,CAoClD;AACD,wBAAgB,+BAA+B,CAAC,SAAS,EAAE,GAAG,EAC5D,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EACjD,GAAG,CAAC,EAAE,YAAY,GACjB,gCAAgC,CAAC,GAAG,CAAC,GAAG,SAAS,CAyBnD;AAED,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,GAAG,EAC3D,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EACjD,aAAa,CAAC,EAAE,MAAM,EACtB,GAAG,CAAC,EAAE,YAAY,GACjB,OAAO,GAAG,SAAS,CAkCrB;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,GAAG,EACzD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,GAChD,MAAM,GAAG,SAAS,CAKpB"}

package/dist/app-frame-overlay-notifications.js

@@ -0,0 +1,107 @@
+import { DEFAULT_NOTIFICATION_CENTER_FILTERS, } from './app-frame-overlay-contract.js';
+import { frameEndAnchor, frameMessage, frameNotificationCue, frameNotificationFilterLabel, } from './app-frame-i18n.js';
+import { countNotificationHistory } from './notification.js';
+import { drawer } from './overlay.js';
+import { createPagerStateForSurface, pagerSurface } from './pager.js';
+import { renderNotificationCenterSurface } from './app-frame-overlay-render-notifications.js';
+export function resolveFrameNotificationCenter(model, options, pagesById) {
+    const activePage = pagesById.get(model.activePageId);
+    const pageModel = model.pageModels[model.activePageId];
+    const provided = activePage == null || pageModel === undefined
+        ? undefined
+        : options.notificationCenter?.({
+            model,
+            activePage,
+            pageModel,
+            runtimeNotifications: model.runtimeNotifications,
+        });
+    if (provided != null) {
+        const filters = provided.filters != null && provided.filters.length > 0
+            ? provided.filters
+            : DEFAULT_NOTIFICATION_CENTER_FILTERS;
+        const activeFilter = filters.includes(provided.activeFilter ?? 'ALL')
+            ? (provided.activeFilter ?? 'ALL')
+            : (filters[0] ?? 'ALL');
+        return {
+            title: provided.title ??
+                frameMessage(options.i18n, 'notifications.title', 'Notifications'),
+            state: provided.state,
+            filters,
+            activeFilter,
+            onFilterChange: provided.onFilterChange,
+        };
+    }
+    return options.runtimeNotifications === false
+        ? undefined
+        : {
+            title: frameMessage(options.i18n, 'notifications.title', 'Notifications'),
+            state: model.runtimeNotifications,
+            filters: DEFAULT_NOTIFICATION_CENTER_FILTERS,
+            activeFilter: model.runtimeNotificationHistoryFilter,
+        };
+}
+export function resolveNotificationCenterLayout(model, options, pagesById, ctx) {
+    const center = resolveFrameNotificationCenter(model, options, pagesById);
+    if (center == null)
+        return undefined;
+    const drawerWidth = resolveNotificationCenterDrawerWidth(model.columns);
+    const anchor = frameEndAnchor(options.i18n);
+    const startCol = anchor === 'left'
+        ? 0
+        : Math.max(0, model.columns - drawerWidth);
+    const contentWidth = Math.max(18, drawerWidth - 4);
+    const content = renderNotificationCenterSurface(center, contentWidth, options.i18n, ctx);
+    const contentHeight = Math.max(1, model.rows - 2);
+    const pagerState = createPagerStateForSurface(content, {
+        width: contentWidth,
+        height: contentHeight,
+    });
+    return {
+        center,
+        anchor,
+        startCol,
+        drawerWidth,
+        contentWidth,
+        contentHeight,
+        content,
+        maxScrollY: pagerState.scroll.maxY,
+    };
+}
+export function renderNotificationCenterDrawer(model, options, pagesById, titleOverride, ctx) {
+    const layout = resolveNotificationCenterLayout(model, options, pagesById, ctx);
+    if (layout == null)
+        return undefined;
+    const pagerState = createPagerStateForSurface(layout.content, {
+        width: layout.contentWidth,
+        height: layout.contentHeight,
+    });
+    const body = pagerSurface(layout.content, {
+        ...pagerState,
+        scroll: {
+            ...pagerState.scroll,
+            y: Math.max(0, Math.min(model.notificationCenterScrollY, layout.maxScrollY)),
+        },
+    }, { showScrollbar: layout.maxScrollY > 0, showStatus: false });
+    return drawer({
+        anchor: layout.anchor,
+        title: titleOverride ?? `${layout.center.title} • ${frameNotificationFilterLabel(options.i18n, layout.center.activeFilter)}`,
+        content: body,
+        borderToken: ctx?.border('primary'),
+        bgToken: ctx?.surface('elevated'),
+        ctx,
+        width: layout.drawerWidth,
+        screenWidth: model.columns,
+        screenHeight: model.rows,
+    });
+}
+export function resolveNotificationFooterCue(model, options, pagesById) {
+    const center = resolveFrameNotificationCenter(model, options, pagesById);
+    if (center == null)
+        return undefined;
+    return frameNotificationCue(options.i18n, center.state.items.length, countNotificationHistory(center.state, center.activeFilter));
+}
+function resolveNotificationCenterDrawerWidth(columns) {
+    const bounded = Math.max(28, columns);
+    return Math.min(Math.max(32, Math.floor(bounded * 0.34)), Math.max(32, bounded - 4), 52);
+}
+//# sourceMappingURL=app-frame-overlay-notifications.js.map

package/dist/app-frame-overlay-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-notifications.js","sourceRoot":"","sources":["../src/app-frame-overlay-notifications.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mCAAmC,GAGpC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAgB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,MAAM,UAAU,8BAA8B,CAC5C,KAAyC,EACzC,OAA+C,EAC/C,SAAiD;IAEjD,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,UAAU,IAAI,IAAI,IAAI,SAAS,KAAK,SAAS;QAC5D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;YAC3B,KAAK;YACL,UAAU;YACV,SAAS;YACT,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;SACjD,CAAC,CAAC;IACP,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrB,MAAM,OAAO,GACX,QAAQ,CAAC,OAAO,IAAI,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YACrD,CAAC,CAAC,QAAQ,CAAC,OAAO;YAClB,CAAC,CAAC,mCAAmC,CAAC;QAC1C,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,IAAI,KAAK,CAAC;YACnE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,IAAI,KAAK,CAAC;YAClC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;QAC1B,OAAO;YACL,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACnB,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,eAAe,CAAC;YACpE,KAAK,EAAE,QAAQ,CAAC,KAAK;YACrB,OAAO;YACP,YAAY;YACZ,cAAc,EAAE,QAAQ,CAAC,cAAc;SACxC,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC,oBAAoB,KAAK,KAAK;QAC3C,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,eAAe,CAAC;YACzE,KAAK,EAAE,KAAK,CAAC,oBAAoB;YACjC,OAAO,EAAE,mCAAmC;YAC5C,YAAY,EAAE,KAAK,CAAC,gCAAgC;SACrD,CAAC;AACR,CAAC;AACD,MAAM,UAAU,+BAA+B,CAC7C,KAAyC,EACzC,OAA+C,EAC/C,SAAiD,EACjD,GAAkB;IAElB,MAAM,MAAM,GAAG,8BAA8B,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACzE,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACrC,MAAM,WAAW,GAAG,oCAAoC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACxE,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,KAAK,MAAM;QAChC,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,+BAA+B,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACzF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,0BAA0B,CAAC,OAAO,EAAE;QACrD,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC;IACH,OAAO;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,aAAa;QACb,OAAO;QACP,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;KACnC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,KAAyC,EACzC,OAA+C,EAC/C,SAAiD,EACjD,aAAsB,EACtB,GAAkB;IAElB,MAAM,MAAM,GAAG,+BAA+B,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/E,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACrC,MAAM,UAAU,GAAG,0BAA0B,CAAC,MAAM,CAAC,OAAO,EAAE;QAC5D,KAAK,EAAE,MAAM,CAAC,YAAY;QAC1B,MAAM,EAAE,MAAM,CAAC,aAAa;KAC7B,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,YAAY,CACvB,MAAM,CAAC,OAAO,EACd;QACE,GAAG,UAAU;QACb,MAAM,EAAE;YACN,GAAG,UAAU,CAAC,MAAM;YACpB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CACrB,KAAK,CAAC,yBAAyB,EAC/B,MAAM,CAAC,UAAU,CAClB,CAAC;SACH;KACF,EACD,EAAE,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAC5D,CAAC;IACF,OAAO,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,KAAK,EAAE,aAAa,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,MAC5C,4BAA4B,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CACvE,EAAE;QACF,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC;QACnC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,CAAC;QACjC,GAAG;QACH,KAAK,EAAE,MAAM,CAAC,WAAW;QACzB,WAAW,EAAE,KAAK,CAAC,OAAO;QAC1B,YAAY,EAAE,KAAK,CAAC,IAAI;KACzB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAC1C,KAAyC,EACzC,OAA+C,EAC/C,SAAiD;IAEjD,MAAM,MAAM,GAAG,8BAA8B,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACzE,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACrC,OAAO,oBAAoB,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EACjE,wBAAwB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,oCAAoC,CAAC,OAAe;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACtC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,EACtD,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACnC,CAAC"}

package/dist/app-frame-overlay-render-notifications.d.ts

@@ -0,0 +1,5 @@
+import { type BijouContext, type Surface } from '@flyingrobots/bijou';
+import type { I18nRuntime } from '@flyingrobots/bijou-i18n';
+import type { ResolvedFrameNotificationCenter } from './app-frame-overlay-contract.js';
+export declare function renderNotificationCenterSurface<Msg>(center: ResolvedFrameNotificationCenter<Msg>, width: number, i18n?: I18nRuntime, ctx?: BijouContext): Surface;
+//# sourceMappingURL=app-frame-overlay-render-notifications.d.ts.map

package/dist/app-frame-overlay-render-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-render-notifications.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-render-notifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,OAAO,EACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AAavF,wBAAgB,+BAA+B,CAAC,GAAG,EACjD,MAAM,EAAE,+BAA+B,CAAC,GAAG,CAAC,EAC5C,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,WAAW,EAClB,GAAG,CAAC,EAAE,YAAY,GACjB,OAAO,CA+DT"}

package/dist/app-frame-overlay-render-notifications.js

@@ -0,0 +1,57 @@
+import { createSurface, } from '@flyingrobots/bijou';
+import { frameMessage, frameNotificationFilterLabel, } from './app-frame-i18n.js';
+import { insetLineSurface } from './collection-surface.js';
+import { renderNotificationHistorySurface, renderNotificationReviewEntrySurface, } from './notification.js';
+import { vstackSurface } from './surface-layout.js';
+export function renderNotificationCenterSurface(center, width, i18n, ctx) {
+    const labels = notificationHistoryLabels(i18n);
+    const rows = [
+        insetLineSurface(frameMessage(i18n, 'notifications.summary.liveArchived', 'Live: {liveCount} • Archived: {archivedCount}', {
+            liveCount: center.state.items.length,
+            archivedCount: center.state.history.length,
+        }), width),
+        insetLineSurface(frameMessage(i18n, 'notifications.summary.filter', 'Filter: {filter}', {
+            filter: frameNotificationFilterLabel(i18n, center.activeFilter),
+        }), width),
+    ];
+    const liveItems = [...center.state.items].sort((left, right) => right.updatedAtMs - left.updatedAtMs || right.id - left.id);
+    if (liveItems.length > 0) {
+        rows.push(createSurface(width, 1));
+        const heading = frameMessage(i18n, 'notifications.currentStack', 'Current stack');
+        rows.push(insetLineSurface(ctx == null ? heading : ctx.style.bold(heading), width));
+        rows.push(createSurface(width, 1));
+        for (const [index, item] of liveItems.entries()) {
+            rows.push(renderNotificationReviewEntrySurface(item, {
+                width,
+                ctx,
+                actionLabel: labels.actionLabel,
+                metaLabel: `${item.variant} • live`,
+            }));
+            if (index < liveItems.length - 1)
+                rows.push(createSurface(width, 1));
+        }
+    }
+    rows.push(createSurface(width, 1));
+    rows.push(renderNotificationHistorySurface(center.state, {
+        width,
+        height: Number.MAX_SAFE_INTEGER,
+        filter: center.activeFilter,
+        ctx,
+        labels,
+    }));
+    return vstackSurface(...rows);
+}
+function notificationHistoryLabels(i18n) {
+    return {
+        filterLabel: (filter) => frameNotificationFilterLabel(i18n, filter),
+        headerLabel: ({ filterLabel, start, end, total }) => frameMessage(i18n, 'notifications.history.title', 'History • {filter} • {range}', {
+            filter: filterLabel,
+            range: total === 0
+                ? frameMessage(i18n, 'notifications.history.range.empty', '0 items')
+                : frameMessage(i18n, 'notifications.history.range.window', '{start}-{end} of {total}', { start, end, total }),
+        }),
+        emptyLabel: ({ filterLabel }) => frameMessage(i18n, 'notifications.history.empty', 'No archived notifications for {filter} yet.', { filter: filterLabel }),
+        actionLabel: (label) => frameMessage(i18n, 'notifications.history.action', 'Action: {label}', { label }),
+    };
+}
+//# sourceMappingURL=app-frame-overlay-render-notifications.js.map

package/dist/app-frame-overlay-render-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-render-notifications.js","sourceRoot":"","sources":["../src/app-frame-overlay-render-notifications.ts"],"names":[],"mappings":"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"}

package/dist/app-frame-overlay-render-settings.d.ts

@@ -0,0 +1,7 @@
+import { type BijouContext } from '@flyingrobots/bijou';
+import type { CreateFramedAppOptions, FramePage } from './app-frame.js';
+import type { ResolvedFrameShellTheme } from './app-frame-overlay-contract.js';
+import type { InternalFrameModel } from './app-frame-types.js';
+import { type Overlay } from './overlay.js';
+export declare function renderSettingsDrawer<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>, shellThemes: readonly ResolvedFrameShellTheme[], titleOverride?: string, ctx?: BijouContext): Overlay | undefined;
+//# sourceMappingURL=app-frame-overlay-render-settings.d.ts.map

package/dist/app-frame-overlay-render-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-render-settings.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-render-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,sBAAsB,EACtB,SAAS,EACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAO/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAGpD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG,EACjD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EACjD,WAAW,EAAE,SAAS,uBAAuB,EAAE,EAC/C,aAAa,CAAC,EAAE,MAAM,EACtB,GAAG,CAAC,EAAE,YAAY,GACjB,OAAO,GAAG,SAAS,CA+CrB"}

package/dist/app-frame-overlay-render-settings.js

@@ -0,0 +1,44 @@
+import { preferenceListSurface, } from '@flyingrobots/bijou';
+import { frameMessage } from './app-frame-i18n.js';
+import { clampSettingsFocus, clampSettingsScroll, resolveSettingsLayout, } from './app-frame-overlay-layout.js';
+import { drawer } from './overlay.js';
+import { createPagerStateForSurface, pagerSurface } from './pager.js';
+export function renderSettingsDrawer(model, options, pagesById, shellThemes, titleOverride, ctx) {
+    const layout = resolveSettingsLayout(model, options, pagesById, shellThemes);
+    if (layout == null)
+        return undefined;
+    const content = preferenceListSurface(layout.preferenceSections, {
+        width: layout.contentWidth,
+        selectedRowId: layout.rows[clampSettingsFocus(model, layout)]?.row.id,
+        ctx,
+        theme: layout.settings.listTheme,
+    });
+    const pagerState = createPagerStateForSurface(content, {
+        width: layout.contentWidth,
+        height: layout.contentHeight,
+    });
+    const body = pagerSurface(content, {
+        ...pagerState,
+        scroll: {
+            ...pagerState.scroll,
+            y: clampSettingsScroll(model, layout),
+        },
+    }, {
+        showScrollbar: layout.maxScrollY > 0,
+        showStatus: false,
+    });
+    return drawer({
+        anchor: layout.anchor,
+        title: titleOverride ??
+            layout.settings.title ??
+            frameMessage(options.i18n, 'settings.title', 'Settings'),
+        content: body,
+        borderToken: layout.settings.borderToken,
+        bgToken: layout.settings.bgToken,
+        ctx,
+        width: layout.drawerWidth,
+        screenWidth: model.columns,
+        screenHeight: model.rows,
+    });
+}
+//# sourceMappingURL=app-frame-overlay-render-settings.js.map

package/dist/app-frame-overlay-render-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-render-settings.js","sourceRoot":"","sources":["../src/app-frame-overlay-render-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,GAEtB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAgB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAClC,KAAyC,EACzC,OAA+C,EAC/C,SAAiD,EACjD,WAA+C,EAC/C,aAAsB,EACtB,GAAkB;IAElB,MAAM,MAAM,GAAG,qBAAqB,CAClC,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,CACZ,CAAC;IACF,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACrC,MAAM,OAAO,GAAG,qBAAqB,CAAC,MAAM,CAAC,kBAAkB,EAAE;QAC/D,KAAK,EAAE,MAAM,CAAC,YAAY;QAC1B,aAAa,EACX,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;QACxD,GAAG;QACH,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS;KACjC,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,0BAA0B,CAAC,OAAO,EAAE;QACrD,KAAK,EAAE,MAAM,CAAC,YAAY;QAC1B,MAAM,EAAE,MAAM,CAAC,aAAa;KAC7B,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,YAAY,CACvB,OAAO,EACP;QACE,GAAG,UAAU;QACb,MAAM,EAAE;YACN,GAAG,UAAU,CAAC,MAAM;YACpB,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC;SACtC;KACF,EACD;QACE,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,CAAC;QACpC,UAAU,EAAE,KAAK;KAClB,CACF,CAAC;IACF,OAAO,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,KAAK,EACH,aAAa;YACb,MAAM,CAAC,QAAQ,CAAC,KAAK;YACrB,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAgB,EAAE,UAAU,CAAC;QAC1D,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW;QACxC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO;QAChC,GAAG;QACH,KAAK,EAAE,MAAM,CAAC,WAAW;QACzB,WAAW,EAAE,KAAK,CAAC,OAAO;QAC1B,YAAY,EAAE,KAAK,CAAC,IAAI;KACzB,CAAC,CAAC;AACL,CAAC"}

package/dist/app-frame-overlay-settings.d.ts

@@ -0,0 +1,8 @@
+import type { I18nRuntime } from '@flyingrobots/bijou-i18n';
+import type { CreateFramedAppOptions, FramePage, FrameSettings } from './app-frame.js';
+import { type ResolvedFrameShellTheme } from './app-frame-overlay-contract.js';
+import type { InternalFrameModel } from './app-frame-types.js';
+export declare function resolveShellThemeOptionsText(shellThemes: readonly ResolvedFrameShellTheme[], i18n: I18nRuntime | undefined): string;
+export declare function mergeShellThemeSettings<Msg>(settings: FrameSettings<Msg> | undefined, shellThemes: readonly ResolvedFrameShellTheme[], activeShellThemeId: string | undefined, i18n: I18nRuntime | undefined): FrameSettings<Msg> | undefined;
+export declare function resolveFrameSettings<PageModel, Msg>(model: InternalFrameModel<PageModel, Msg>, options: CreateFramedAppOptions<PageModel, Msg>, pagesById: Map<string, FramePage<PageModel, Msg>>, shellThemes: readonly ResolvedFrameShellTheme[]): FrameSettings<Msg> | undefined;
+//# sourceMappingURL=app-frame-overlay-settings.d.ts.map

package/dist/app-frame-overlay-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-settings.d.ts","sourceRoot":"","sources":["../src/app-frame-overlay-settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EACV,sBAAsB,EACtB,SAAS,EAET,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM/D,wBAAgB,4BAA4B,CAC1C,WAAW,EAAE,SAAS,uBAAuB,EAAE,EAC/C,IAAI,EAAE,WAAW,GAAG,SAAS,GAC5B,MAAM,CAIR;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EACzC,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,EACxC,WAAW,EAAE,SAAS,uBAAuB,EAAE,EAC/C,kBAAkB,EAAE,MAAM,GAAG,SAAS,EACtC,IAAI,EAAE,WAAW,GAAG,SAAS,GAC5B,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CA4DhC;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG,EACjD,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,EAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EACjD,WAAW,EAAE,SAAS,uBAAuB,EAAE,GAC9C,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAahC"}

package/dist/app-frame-overlay-settings.js

@@ -0,0 +1,63 @@
+import { FRAME_SHELL_THEME_ROW_ID, } from './app-frame-overlay-contract.js';
+import { frameMessage } from './app-frame-i18n.js';
+import { resolveCurrentShellTheme, resolveNextShellTheme, } from './app-frame-overlay-shell-theme.js';
+export function resolveShellThemeOptionsText(shellThemes, i18n) {
+    const labels = shellThemes.map((theme) => theme.label);
+    if (labels.length === 0)
+        return '';
+    return i18n == null ? labels.join(', ') : i18n.formatList(labels, i18n.locale);
+}
+export function mergeShellThemeSettings(settings, shellThemes, activeShellThemeId, i18n) {
+    if (shellThemes.length < 2)
+        return settings;
+    const current = resolveCurrentShellTheme(shellThemes, activeShellThemeId);
+    const next = resolveNextShellTheme(shellThemes, activeShellThemeId);
+    if (current == null || next == null)
+        return settings;
+    const row = {
+        id: FRAME_SHELL_THEME_ROW_ID,
+        label: frameMessage(i18n, 'settings.shellTheme.label', 'Shell theme'),
+        description: current.description ??
+            frameMessage(i18n, 'settings.shellTheme.description', 'Current theme: {theme}. Options: {options}.', {
+                theme: current.label,
+                options: resolveShellThemeOptionsText(shellThemes, i18n),
+            }),
+        valueLabel: current.label,
+        kind: 'choice',
+        feedback: {
+            title: frameMessage(i18n, 'settings.title', 'Settings'),
+            message: frameMessage(i18n, 'settings.shellTheme.feedback', 'Shell theme set to {theme}.', { theme: next.label }),
+        },
+    };
+    const title = frameMessage(i18n, 'settings.section.shell', 'Shell');
+    if (settings == null) {
+        return {
+            title: frameMessage(i18n, 'settings.title', 'Settings'),
+            sections: [{ id: 'shell', title, rows: [row] }],
+        };
+    }
+    const shell = settings.sections.find((section) => section.id === 'shell');
+    if (shell == null) {
+        return {
+            ...settings,
+            sections: [{ id: 'shell', title, rows: [row] }, ...settings.sections],
+        };
+    }
+    const existing = shell.rows.findIndex((candidate) => candidate.id === FRAME_SHELL_THEME_ROW_ID);
+    const rows = existing >= 0
+        ? shell.rows.map((candidate, index) => index === existing ? row : candidate)
+        : [...shell.rows, row];
+    return {
+        ...settings,
+        sections: settings.sections.map((section) => section === shell ? { ...shell, rows } : section),
+    };
+}
+export function resolveFrameSettings(model, options, pagesById, shellThemes) {
+    const activePage = pagesById.get(model.activePageId);
+    const pageModel = model.pageModels[model.activePageId];
+    const provided = activePage == null || pageModel === undefined
+        ? undefined
+        : options.settings?.({ model, activePage, pageModel });
+    return mergeShellThemeSettings(provided, shellThemes, model.activeShellThemeId, options.i18n);
+}
+//# sourceMappingURL=app-frame-overlay-settings.js.map

package/dist/app-frame-overlay-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-overlay-settings.js","sourceRoot":"","sources":["../src/app-frame-overlay-settings.ts"],"names":[],"mappings":"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"}