@things-factory/ai-dashboard 0.0.0-stage → 10.1.213

package/dist-client/components/proposal-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proposal-preview.js","sourceRoot":"","sources":["../../client/components/proposal-preview.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The preview under a card the conversation offers (ADR-0160 decisions 6, 9). The proposal holds the definition only;\n * the preview asks the server to run it as whoever is looking at the conversation, so a value is never kept in the\n * conversation and nobody sees data their own doors do not open.\n */\nimport '@material/web/icon/icon.js'\nimport '@things-factory/ai-assistant/dist-client/index.js'\n\nimport { LitElement, css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\n\nimport { cardApi, type CardRun } from '../utils/card-api.js'\nimport { drawsNothing, issueLine, partialLine } from '../utils/card-words.js'\n\nconst t = (key: string, options: Record<string, unknown> = {}) => String(i18next.t(key, options))\n\n@customElement('ai-dashboard-proposal-preview')\nexport class ProposalPreview extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: block;\n      margin: 4px 0 8px;\n    }\n\n    .frame {\n      padding: 10px 12px 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 10px;\n      background: var(--md-sys-color-surface-container-lowest);\n    }\n\n    .waiting,\n    .note {\n      font-size: 12px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    .note {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      margin-top: 6px;\n      --md-icon-size: 14px;\n    }\n\n    .issue {\n      font-size: 12px;\n      color: var(--md-sys-color-error);\n    }\n\n    .partial {\n      color: var(--ui-warn, #b26a00);\n    }\n  `\n\n  @property({ attribute: false }) proposal: any\n  @property({ attribute: false }) sessionId?: string\n  @property({ attribute: false }) proposalKey?: string\n\n  @state() private run?: CardRun\n  @state() private failed?: string\n  private readFor?: string\n\n  updated() {\n    const key = this.sessionId && this.proposalKey ? `${this.sessionId}/${this.proposalKey}` : undefined\n    if (key && key !== this.readFor) this.read(key)\n  }\n\n  private async read(key: string) {\n    this.readFor = key\n    try {\n      const run = await cardApi.preview(this.sessionId!, this.proposalKey!)\n      if (this.readFor === key) this.run = run\n    } catch (error: any) {\n      if (this.readFor === key) this.failed = error?.message ?? String(error)\n    }\n  }\n\n  render() {\n    if (this.failed) return html`<div class=\"frame issue\">${this.failed}</div>`\n    if (!this.run) return html`<div class=\"frame waiting\">${t('ai-dashboard.preview.reading')}</div>`\n    const issue = issueLine(this.run, t)\n    const partial = partialLine(this.run, t)\n    return html`<div class=\"frame\">\n      ${issue\n        ? html`<div class=\"issue\">${issue.text}</div>`\n        : drawsNothing(this.run)\n          ? html`<div class=\"waiting\">${t('ai-dashboard.card.nothing')}</div>`\n          : html`<ox-assistant-workspace-view compact .workspace=${{ name: this.proposalKey, title: this.proposal?.card?.name ?? '', blocks: [this.run.block] }}></ox-assistant-workspace-view>`}\n      ${partial ? html`<div class=\"note partial\"><md-icon>warning</md-icon>${partial}</div>` : nothing}\n      <div class=\"note\"><md-icon>bolt</md-icon>${t('ai-dashboard.preview.note', { day: this.run.asOf })}</div>\n    </div>`\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './utils/card-api.js';
+export * from './utils/card-words.js';
+export * from './components/dashboard-card.js';

package/dist-client/index.js

@@ -0,0 +1,4 @@
+export * from './utils/card-api.js';
+export * from './utils/card-words.js';
+export * from './components/dashboard-card.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA","sourcesContent":["export * from './utils/card-api.js'\nexport * from './utils/card-words.js'\nexport * from './components/dashboard-card.js'\n"]}

package/dist-client/pages/my-dashboard-page.d.ts

@@ -0,0 +1,46 @@
+import '@material/web/icon/icon.js';
+import '../components/dashboard-card.js';
+import '../components/card-library.js';
+import { PageView } from '@operato/shell';
+declare const MyDashboardPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class MyDashboardPage extends MyDashboardPage_base {
+    static styles: import("lit").CSSResult[];
+    private places;
+    private loaded;
+    private error?;
+    private editing;
+    private onChanged;
+    get context(): {
+        title: string;
+        frame: string;
+        actions: ({
+            title: string;
+            action: () => void;
+            icon: string;
+            emphasis?: undefined;
+        } | {
+            title: string;
+            action: () => void;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+        })[];
+    };
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changes: Map<string, unknown>): void;
+    pageUpdated(changes: any): Promise<void>;
+    private load;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderBoard;
+    private renderEmpty;
+    /** Sends a request to the conversation beside the page - this screen's, where the card tool is in front. */
+    private askFor;
+    private make;
+    private openLibrary;
+    private placeOf;
+    private arrange;
+    private onCardAction;
+}
+export {};

package/dist-client/pages/my-dashboard-page.js

@@ -0,0 +1,376 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * 나의 대시보드 - the cards a person placed, drawn from the data as them (ADR-0160 decision 8).
+ *
+ * Cards are made in the AI conversation beside the page (its card tool is in front here) and saved by pressing the
+ * card there; the library holds one's own cards and those shared with one. The page asks no model: each card asks
+ * the server to run its definition, each on its own, so a slow card waits in its place.
+ */
+import '@material/web/icon/icon.js';
+import '../components/dashboard-card.js';
+import '../components/card-library.js';
+import { css, html, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { PageView } from '@operato/shell';
+import { DocumentPageStyles, ScrollbarStyles } from '@operato/styles';
+import { askAssistant } from '@things-factory/ai-assistant/dist-client/index.js';
+import { cardApi, DASHBOARD_CHANGED, dashboardChanged } from '../utils/card-api.js';
+import { movedPlaces } from '../utils/card-words.js';
+import { openCardAiPrompt, openCardRename, openCardShare, openCardVersions } from '../components/card-dialogs.js';
+const t = (key, options = {}) => String(i18next.t(key, options));
+/** The requests the empty dashboard offers - each sent to the conversation beside the page as it is. */
+const EXAMPLES = ['ai-dashboard.example.receivables', 'ai-dashboard.example.cash-trend', 'ai-dashboard.example.month-count'];
+let MyDashboardPage = class MyDashboardPage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.places = [];
+        this.loaded = false;
+        this.editing = false;
+        this.onChanged = () => this.load();
+    }
+    static { this.styles = [
+        DocumentPageStyles,
+        ScrollbarStyles,
+        css `
+      .page {
+        gap: var(--spacing-large, 16px);
+      }
+
+      .lead {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px 16px;
+      }
+
+      .lead p {
+        flex: 1;
+        min-width: 240px;
+        margin: 0;
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+
+      .chip {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 4px 10px;
+        border-radius: 999px;
+        background: var(--ui-accent-wash, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent));
+        color: var(--ui-accent, var(--md-sys-color-primary));
+        font-size: var(--ui-t-small, 12px);
+        font-weight: 600;
+        --md-icon-size: 16px;
+      }
+
+      .board {
+        container-type: inline-size;
+      }
+
+      .grid {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        grid-auto-rows: minmax(250px, auto);
+        grid-auto-flow: dense;
+        gap: 16px;
+      }
+
+      .grid > * {
+        grid-column: span var(--w, 2);
+        grid-row: span var(--h, 1);
+      }
+
+      @container (max-width: 1100px) {
+        .grid {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        .grid > .w3,
+        .grid > .w4 {
+          --w: 2;
+        }
+      }
+
+      @container (max-width: 640px) {
+        .grid {
+          grid-template-columns: minmax(0, 1fr);
+        }
+
+        .grid > * {
+          --w: 1 !important;
+        }
+      }
+
+      .empty {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 14px;
+        max-width: 640px;
+        margin: 6vh auto 0;
+        padding: 36px 28px;
+        border: 1px dashed var(--ui-line, var(--md-sys-color-outline-variant));
+        border-radius: 16px;
+        background: radial-gradient(120% 100% at 50% 0%, var(--ui-accent-wash, color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent)) 0%, transparent 70%);
+        text-align: center;
+      }
+
+      .empty .mark {
+        display: grid;
+        place-items: center;
+        width: 56px;
+        height: 56px;
+        border-radius: 16px;
+        background: var(--ui-accent, var(--md-sys-color-primary));
+        color: var(--ui-on-accent, var(--md-sys-color-on-primary));
+        --md-icon-size: 30px;
+        box-shadow: 0 10px 24px -12px var(--ui-accent, var(--md-sys-color-primary));
+      }
+
+      .empty h2 {
+        margin: 4px 0 0;
+        font-size: var(--ui-t-page, 18px);
+        font-weight: 650;
+      }
+
+      .empty p {
+        margin: 0;
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+
+      .examples {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        width: 100%;
+        margin-top: 6px;
+      }
+
+      .examples button,
+      .empty .library {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 10px 14px;
+        border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));
+        border-radius: 10px;
+        background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));
+        color: var(--ui-ink, var(--md-sys-color-on-surface));
+        font: inherit;
+        text-align: start;
+        cursor: pointer;
+        transition:
+          border-color 0.15s ease,
+          transform 0.15s ease;
+        --md-icon-size: 18px;
+      }
+
+      .examples button md-icon {
+        color: var(--ui-accent, var(--md-sys-color-primary));
+      }
+
+      .examples button:hover,
+      .examples button:focus-visible,
+      .empty .library:hover {
+        border-color: var(--ui-accent, var(--md-sys-color-primary));
+        transform: translateY(-1px);
+        outline: none;
+      }
+
+      .empty .library {
+        justify-content: center;
+        border-style: dashed;
+        background: transparent;
+      }
+
+      .notice {
+        margin: 0;
+        padding: 12px 14px;
+        border-radius: 10px;
+        background: color-mix(in srgb, var(--ui-crit, #c62828) 8%, transparent);
+      }
+
+      .note {
+        margin: 0;
+        font-size: var(--ui-t-small, 12px);
+        color: var(--ui-faint, var(--md-sys-color-on-surface-variant));
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: t('ai-dashboard.title'),
+            frame: 'document',
+            actions: [
+                { title: t(this.editing ? 'ai-dashboard.button.done' : 'ai-dashboard.button.arrange'), action: () => (this.editing = !this.editing), icon: this.editing ? 'check' : 'dashboard_customize' },
+                { title: t('ai-dashboard.button.library'), action: () => this.openLibrary(), icon: 'collections_bookmark' },
+                { title: t('ai-dashboard.button.make'), action: () => this.make(), icon: 'auto_awesome', emphasis: { raised: true } }
+            ]
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener(DASHBOARD_CHANGED, this.onChanged);
+    }
+    disconnectedCallback() {
+        window.removeEventListener(DASHBOARD_CHANGED, this.onChanged);
+        super.disconnectedCallback();
+    }
+    updated(changes) {
+        /* The action bar follows the mode - its words say what pressing it does now. */
+        if (changes.has('editing'))
+            this.updateContext();
+    }
+    /* Not awaited: the shell sets the tab's title only after this returns. */
+    async pageUpdated(changes) {
+        if (this.active && changes.active)
+            this.load();
+    }
+    async load() {
+        try {
+            this.places = await cardApi.myDashboard();
+            this.error = undefined;
+        }
+        catch (error) {
+            this.error = error?.message ?? String(error);
+        }
+        finally {
+            this.loaded = true;
+        }
+    }
+    render() {
+        return html `<div class="page">
+      ${this.error
+            ? html `<p class="notice">${this.error}</p>`
+            : this.loaded && !this.places.length
+                ? this.renderEmpty()
+                : this.places.length
+                    ? this.renderBoard()
+                    : nothing}
+    </div>`;
+    }
+    renderBoard() {
+        const sorted = [...this.places].sort((a, b) => a.order - b.order);
+        return html `<div class="lead">
+        <p>${t('ai-dashboard.page.lead')}</p>
+        ${this.editing ? html `<span class="chip"><md-icon>dashboard_customize</md-icon>${t('ai-dashboard.page.arranging')}</span>` : nothing}
+      </div>
+      <div class="board">
+        <div class="grid" @card-action=${(event) => this.onCardAction(event)}>
+          ${sorted.map((place, i) => html `<ai-dashboard-card
+              class="w${place.width} h${place.height}"
+              style="--w: ${place.width}; --h: ${place.height}"
+              data-place=${place.id}
+              .card=${place.card}
+              .width=${place.width}
+              .height=${place.height}
+              ?editing=${this.editing}
+              ?first=${i === 0}
+              ?last=${i === sorted.length - 1}
+            ></ai-dashboard-card>`)}
+        </div>
+      </div>
+      <p class="note">${t('ai-dashboard.page.no-tokens')}</p>`;
+    }
+    renderEmpty() {
+        return html `<div class="empty">
+      <span class="mark"><md-icon>auto_awesome</md-icon></span>
+      <h2>${t('ai-dashboard.page.empty-title')}</h2>
+      <p>${t('ai-dashboard.page.empty-text')}</p>
+      <div class="examples">
+        ${EXAMPLES.map(key => html `<button @click=${() => this.askFor(t(key))}><md-icon>chat_bubble</md-icon><span>${t(key)}</span></button>`)}
+      </div>
+      <button class="library" @click=${() => this.openLibrary()}><md-icon>collections_bookmark</md-icon>${t('ai-dashboard.page.from-library')}</button>
+      <p class="note">${t('ai-dashboard.page.no-tokens')}</p>
+    </div>`;
+    }
+    /** Sends a request to the conversation beside the page - this screen's, where the card tool is in front. */
+    async askFor(ask) {
+        await askAssistant({ ask, continueCurrent: true });
+    }
+    make() {
+        askAssistant({ draft: t('ai-dashboard.page.make-draft'), continueCurrent: true });
+    }
+    openLibrary() {
+        openPopup(html `<ai-dashboard-card-library></ai-dashboard-card-library>`, { backdrop: true, size: 'large', title: t('ai-dashboard.library.title') });
+    }
+    placeOf(card) {
+        return this.places.find(one => one.card.id === card.id);
+    }
+    async arrange(next) {
+        const before = this.places;
+        this.places = next;
+        try {
+            await cardApi.arrange(next.map(({ id, order, width, height }) => ({ id, order, width, height })));
+        }
+        catch (error) {
+            this.places = before;
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+    }
+    async onCardAction(event) {
+        const { action, card } = event.detail;
+        const place = this.placeOf(card);
+        try {
+            switch (action) {
+                case 'ai':
+                    return openCardAiPrompt(card);
+                case 'rename':
+                    return openCardRename(card);
+                case 'share':
+                    return openCardShare(card);
+                case 'versions':
+                    return openCardVersions(card);
+                case 'copy':
+                    await cardApi.copy(card.id);
+                    notify({ level: 'info', message: t('ai-dashboard.text.copied', { name: card.name }) });
+                    return dashboardChanged();
+                case 'unplace':
+                    if (!place)
+                        return;
+                    await cardApi.unplace(place.id);
+                    notify({ level: 'info', message: t('ai-dashboard.text.unplaced', { name: card.name }) });
+                    return this.load();
+                case 'left':
+                case 'right':
+                    return place && this.arrange(movedPlaces(this.places, place.id, action === 'left' ? -1 : 1));
+                case 'wider':
+                case 'narrower':
+                case 'taller':
+                case 'shorter': {
+                    if (!place)
+                        return;
+                    const width = Math.min(4, Math.max(1, place.width + (action === 'wider' ? 1 : action === 'narrower' ? -1 : 0)));
+                    const height = Math.min(2, Math.max(1, place.height + (action === 'taller' ? 1 : action === 'shorter' ? -1 : 0)));
+                    return this.arrange(this.places.map(one => (one.id === place.id ? { ...one, width, height } : one)));
+                }
+            }
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], MyDashboardPage.prototype, "places", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MyDashboardPage.prototype, "loaded", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], MyDashboardPage.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MyDashboardPage.prototype, "editing", void 0);
+MyDashboardPage = __decorate([
+    customElement('my-dashboard-page')
+], MyDashboardPage);
+export { MyDashboardPage };
+//# sourceMappingURL=my-dashboard-page.js.map

package/dist-client/pages/my-dashboard-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-dashboard-page.js","sourceRoot":"","sources":["../../client/pages/my-dashboard-page.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * 나의 대시보드 - the cards a person placed, drawn from the data as them (ADR-0160 decision 8).\n *\n * Cards are made in the AI conversation beside the page (its card tool is in front here) and saved by pressing the\n * card there; the library holds one's own cards and those shared with one. The page asks no model: each card asks\n * the server to run its definition, each on its own, so a slow card waits in its place.\n */\nimport '@material/web/icon/icon.js'\nimport '../components/dashboard-card.js'\nimport '../components/card-library.js'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { DocumentPageStyles, ScrollbarStyles } from '@operato/styles'\nimport { askAssistant } from '@things-factory/ai-assistant/dist-client/index.js'\n\nimport { cardApi, DASHBOARD_CHANGED, dashboardChanged, type CardItem, type PlaceItem } from '../utils/card-api.js'\nimport { movedPlaces } from '../utils/card-words.js'\nimport { openCardAiPrompt, openCardRename, openCardShare, openCardVersions } from '../components/card-dialogs.js'\nimport type { CardAction } from '../components/dashboard-card.js'\n\nconst t = (key: string, options: Record<string, unknown> = {}) => String(i18next.t(key, options))\n\n/** The requests the empty dashboard offers - each sent to the conversation beside the page as it is. */\nconst EXAMPLES = ['ai-dashboard.example.receivables', 'ai-dashboard.example.cash-trend', 'ai-dashboard.example.month-count']\n\n@customElement('my-dashboard-page')\nexport class MyDashboardPage extends localize(i18next)(PageView) {\n  static styles = [\n    DocumentPageStyles,\n    ScrollbarStyles,\n    css`\n      .page {\n        gap: var(--spacing-large, 16px);\n      }\n\n      .lead {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px 16px;\n      }\n\n      .lead p {\n        flex: 1;\n        min-width: 240px;\n        margin: 0;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n\n      .chip {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 4px 10px;\n        border-radius: 999px;\n        background: var(--ui-accent-wash, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent));\n        color: var(--ui-accent, var(--md-sys-color-primary));\n        font-size: var(--ui-t-small, 12px);\n        font-weight: 600;\n        --md-icon-size: 16px;\n      }\n\n      .board {\n        container-type: inline-size;\n      }\n\n      .grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        grid-auto-rows: minmax(250px, auto);\n        grid-auto-flow: dense;\n        gap: 16px;\n      }\n\n      .grid > * {\n        grid-column: span var(--w, 2);\n        grid-row: span var(--h, 1);\n      }\n\n      @container (max-width: 1100px) {\n        .grid {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .grid > .w3,\n        .grid > .w4 {\n          --w: 2;\n        }\n      }\n\n      @container (max-width: 640px) {\n        .grid {\n          grid-template-columns: minmax(0, 1fr);\n        }\n\n        .grid > * {\n          --w: 1 !important;\n        }\n      }\n\n      .empty {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 14px;\n        max-width: 640px;\n        margin: 6vh auto 0;\n        padding: 36px 28px;\n        border: 1px dashed var(--ui-line, var(--md-sys-color-outline-variant));\n        border-radius: 16px;\n        background: radial-gradient(120% 100% at 50% 0%, var(--ui-accent-wash, color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent)) 0%, transparent 70%);\n        text-align: center;\n      }\n\n      .empty .mark {\n        display: grid;\n        place-items: center;\n        width: 56px;\n        height: 56px;\n        border-radius: 16px;\n        background: var(--ui-accent, var(--md-sys-color-primary));\n        color: var(--ui-on-accent, var(--md-sys-color-on-primary));\n        --md-icon-size: 30px;\n        box-shadow: 0 10px 24px -12px var(--ui-accent, var(--md-sys-color-primary));\n      }\n\n      .empty h2 {\n        margin: 4px 0 0;\n        font-size: var(--ui-t-page, 18px);\n        font-weight: 650;\n      }\n\n      .empty p {\n        margin: 0;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n\n      .examples {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        width: 100%;\n        margin-top: 6px;\n      }\n\n      .examples button,\n      .empty .library {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 10px 14px;\n        border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n        border-radius: 10px;\n        background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));\n        color: var(--ui-ink, var(--md-sys-color-on-surface));\n        font: inherit;\n        text-align: start;\n        cursor: pointer;\n        transition:\n          border-color 0.15s ease,\n          transform 0.15s ease;\n        --md-icon-size: 18px;\n      }\n\n      .examples button md-icon {\n        color: var(--ui-accent, var(--md-sys-color-primary));\n      }\n\n      .examples button:hover,\n      .examples button:focus-visible,\n      .empty .library:hover {\n        border-color: var(--ui-accent, var(--md-sys-color-primary));\n        transform: translateY(-1px);\n        outline: none;\n      }\n\n      .empty .library {\n        justify-content: center;\n        border-style: dashed;\n        background: transparent;\n      }\n\n      .notice {\n        margin: 0;\n        padding: 12px 14px;\n        border-radius: 10px;\n        background: color-mix(in srgb, var(--ui-crit, #c62828) 8%, transparent);\n      }\n\n      .note {\n        margin: 0;\n        font-size: var(--ui-t-small, 12px);\n        color: var(--ui-faint, var(--md-sys-color-on-surface-variant));\n      }\n    `\n  ]\n\n  @state() private places: PlaceItem[] = []\n  @state() private loaded = false\n  @state() private error?: string\n  @state() private editing = false\n\n  private onChanged = () => this.load()\n\n  get context() {\n    return {\n      title: t('ai-dashboard.title'),\n      frame: 'document',\n      actions: [\n        { title: t(this.editing ? 'ai-dashboard.button.done' : 'ai-dashboard.button.arrange'), action: () => (this.editing = !this.editing), icon: this.editing ? 'check' : 'dashboard_customize' },\n        { title: t('ai-dashboard.button.library'), action: () => this.openLibrary(), icon: 'collections_bookmark' },\n        { title: t('ai-dashboard.button.make'), action: () => this.make(), icon: 'auto_awesome', emphasis: { raised: true } }\n      ]\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener(DASHBOARD_CHANGED, this.onChanged)\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(DASHBOARD_CHANGED, this.onChanged)\n    super.disconnectedCallback()\n  }\n\n  updated(changes: Map<string, unknown>) {\n    /* The action bar follows the mode - its words say what pressing it does now. */\n    if (changes.has('editing')) this.updateContext()\n  }\n\n  /* Not awaited: the shell sets the tab's title only after this returns. */\n  async pageUpdated(changes: any) {\n    if ((this as any).active && changes.active) this.load()\n  }\n\n  private async load() {\n    try {\n      this.places = await cardApi.myDashboard()\n      this.error = undefined\n    } catch (error: any) {\n      this.error = error?.message ?? String(error)\n    } finally {\n      this.loaded = true\n    }\n  }\n\n  render() {\n    return html`<div class=\"page\">\n      ${this.error\n        ? html`<p class=\"notice\">${this.error}</p>`\n        : this.loaded && !this.places.length\n          ? this.renderEmpty()\n          : this.places.length\n            ? this.renderBoard()\n            : nothing}\n    </div>`\n  }\n\n  private renderBoard() {\n    const sorted = [...this.places].sort((a, b) => a.order - b.order)\n    return html`<div class=\"lead\">\n        <p>${t('ai-dashboard.page.lead')}</p>\n        ${this.editing ? html`<span class=\"chip\"><md-icon>dashboard_customize</md-icon>${t('ai-dashboard.page.arranging')}</span>` : nothing}\n      </div>\n      <div class=\"board\">\n        <div class=\"grid\" @card-action=${(event: CustomEvent) => this.onCardAction(event)}>\n          ${sorted.map(\n            (place, i) => html`<ai-dashboard-card\n              class=\"w${place.width} h${place.height}\"\n              style=\"--w: ${place.width}; --h: ${place.height}\"\n              data-place=${place.id}\n              .card=${place.card}\n              .width=${place.width}\n              .height=${place.height}\n              ?editing=${this.editing}\n              ?first=${i === 0}\n              ?last=${i === sorted.length - 1}\n            ></ai-dashboard-card>`\n          )}\n        </div>\n      </div>\n      <p class=\"note\">${t('ai-dashboard.page.no-tokens')}</p>`\n  }\n\n  private renderEmpty() {\n    return html`<div class=\"empty\">\n      <span class=\"mark\"><md-icon>auto_awesome</md-icon></span>\n      <h2>${t('ai-dashboard.page.empty-title')}</h2>\n      <p>${t('ai-dashboard.page.empty-text')}</p>\n      <div class=\"examples\">\n        ${EXAMPLES.map(key => html`<button @click=${() => this.askFor(t(key))}><md-icon>chat_bubble</md-icon><span>${t(key)}</span></button>`)}\n      </div>\n      <button class=\"library\" @click=${() => this.openLibrary()}><md-icon>collections_bookmark</md-icon>${t('ai-dashboard.page.from-library')}</button>\n      <p class=\"note\">${t('ai-dashboard.page.no-tokens')}</p>\n    </div>`\n  }\n\n  /** Sends a request to the conversation beside the page - this screen's, where the card tool is in front. */\n  private async askFor(ask: string) {\n    await askAssistant({ ask, continueCurrent: true })\n  }\n\n  private make() {\n    askAssistant({ draft: t('ai-dashboard.page.make-draft'), continueCurrent: true })\n  }\n\n  private openLibrary() {\n    openPopup(html`<ai-dashboard-card-library></ai-dashboard-card-library>`, { backdrop: true, size: 'large', title: t('ai-dashboard.library.title') })\n  }\n\n  private placeOf(card: CardItem) {\n    return this.places.find(one => one.card.id === card.id)\n  }\n\n  private async arrange(next: PlaceItem[]) {\n    const before = this.places\n    this.places = next\n    try {\n      await cardApi.arrange(next.map(({ id, order, width, height }) => ({ id, order, width, height })))\n    } catch (error: any) {\n      this.places = before\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    }\n  }\n\n  private async onCardAction(event: CustomEvent) {\n    const { action, card } = event.detail as { action: CardAction; card: CardItem }\n    const place = this.placeOf(card)\n    try {\n      switch (action) {\n        case 'ai':\n          return openCardAiPrompt(card)\n        case 'rename':\n          return openCardRename(card)\n        case 'share':\n          return openCardShare(card)\n        case 'versions':\n          return openCardVersions(card)\n        case 'copy':\n          await cardApi.copy(card.id)\n          notify({ level: 'info', message: t('ai-dashboard.text.copied', { name: card.name }) })\n          return dashboardChanged()\n        case 'unplace':\n          if (!place) return\n          await cardApi.unplace(place.id)\n          notify({ level: 'info', message: t('ai-dashboard.text.unplaced', { name: card.name }) })\n          return this.load()\n        case 'left':\n        case 'right':\n          return place && this.arrange(movedPlaces(this.places, place.id, action === 'left' ? -1 : 1))\n        case 'wider':\n        case 'narrower':\n        case 'taller':\n        case 'shorter': {\n          if (!place) return\n          const width = Math.min(4, Math.max(1, place.width + (action === 'wider' ? 1 : action === 'narrower' ? -1 : 0)))\n          const height = Math.min(2, Math.max(1, place.height + (action === 'taller' ? 1 : action === 'shorter' ? -1 : 0)))\n          return this.arrange(this.places.map(one => (one.id === place.id ? { ...one, width, height } : one)))\n        }\n      }\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    }\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: string): "my-dashboard" | undefined;

package/dist-client/route.js

@@ -0,0 +1,9 @@
+/* The page this module brings to an application that puts it in its menu (ADR-0160 decision 10). */
+export default function route(page) {
+    switch (page) {
+        case 'my-dashboard':
+            import('./pages/my-dashboard-page.js');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,cAAc;YACjB,MAAM,CAAC,8BAA8B,CAAC,CAAA;YACtC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["/* The page this module brings to an application that puts it in its menu (ADR-0160 decision 10). */\nexport default function route(page: string) {\n  switch (page) {\n    case 'my-dashboard':\n      import('./pages/my-dashboard-page.js')\n      return page\n  }\n}\n"]}