@things-factory/ai-dashboard 10.1.213 → 10.1.215

package/dist-client/components/dashboard-card.js

@@ -9,6 +9,8 @@ import '@things-factory/ai-assistant/dist-client/index.js';
 import { LitElement, css, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
+import '@operato/popup/ox-popup-menu.js';
+import { OxPopupMenu } from '@operato/popup/ox-popup-menu.js';
 import { cardApi } from '../utils/card-api.js';
 import { drawsNothing, issueLine, ownershipLine, partialLine, readLine, viewIcon } from '../utils/card-words.js';
 const t = (key, options = {}) => String(i18next.t(key, options));
@@ -22,11 +24,6 @@ let AiDashboardCard = class AiDashboardCard extends localize(i18next)(LitElement
         this.first = false;
         this.last = false;
         this.loading = false;
-        this.menu = false;
-        this.closeMenu = (event) => {
-            if (!event.composedPath().includes(this))
-                this.menu = false;
-        };
     }
     static { this.styles = css `
     :host {
@@ -156,50 +153,6 @@ let AiDashboardCard = class AiDashboardCard extends localize(i18next)(LitElement
       }
     }
 
-    .menu {
-      position: absolute;
-      top: 44px;
-      right: 10px;
-      z-index: 2;
-      display: flex;
-      flex-direction: column;
-      min-width: 180px;
-      padding: 6px;
-      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));
-      box-shadow: 0 12px 32px -12px rgb(0 0 0 / 40%);
-    }
-
-    .menu button {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      padding: 8px 10px;
-      border: 0;
-      border-radius: 6px;
-      background: transparent;
-      color: var(--ui-ink, var(--md-sys-color-on-surface));
-      font: inherit;
-      font-size: var(--ui-t-body, 13px);
-      text-align: start;
-      cursor: pointer;
-      --md-icon-size: 18px;
-    }
-
-    .menu button:hover,
-    .menu button:focus-visible {
-      background: var(--ui-hover, var(--md-sys-color-surface-container-high));
-      outline: none;
-    }
-
-    .menu hr {
-      width: 100%;
-      margin: 4px 0;
-      border: 0;
-      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
-    }
-
     .body {
       flex: 1;
       min-height: 0;
@@ -321,14 +274,6 @@ let AiDashboardCard = class AiDashboardCard extends localize(i18next)(LitElement
       font-variant-numeric: tabular-nums;
     }
   `; }
-    connectedCallback() {
-        super.connectedCallback();
-        document.addEventListener('click', this.closeMenu, true);
-    }
-    disconnectedCallback() {
-        document.removeEventListener('click', this.closeMenu, true);
-        super.disconnectedCallback();
-    }
     updated(changes) {
         /* A new card, or a new version of it, is read again; nothing else is. */
         const key = this.card ? `${this.card.id}@${this.card.version}` : undefined;
@@ -360,7 +305,6 @@ let AiDashboardCard = class AiDashboardCard extends localize(i18next)(LitElement
         }
     }
     act(action) {
-        this.menu = false;
         if (action === 'refresh')
             return this.refresh();
         this.dispatchEvent(new CustomEvent('card-action', { detail: { action, card: this.card }, bubbles: true, composed: true }));
@@ -387,26 +331,36 @@ let AiDashboardCard = class AiDashboardCard extends localize(i18next)(LitElement
           ${owner
             ? html `<button class="icon" title=${t('ai-dashboard.card.ai')} aria-label=${t('ai-dashboard.card.ai')} @click=${() => this.act('ai')}><md-icon>auto_awesome</md-icon></button>`
             : nothing}
-          <button class="icon" title=${t('ai-dashboard.card.more')} aria-label=${t('ai-dashboard.card.more')} aria-expanded=${this.menu ? 'true' : 'false'} @click=${() => (this.menu = !this.menu)}>
+          <button class="icon" title=${t('ai-dashboard.card.more')} aria-label=${t('ai-dashboard.card.more')} aria-haspopup="menu" @click=${(e) => this.openMenu(e, owner)}>
             <md-icon>more_vert</md-icon>
           </button>
         </div>
       </header>
-      ${this.menu ? this.renderMenu(owner) : nothing}
       <div class="body">${this.renderBody()}</div>
       ${this.run && !this.run.issue ? this.renderFooter() : nothing}
       ${this.editing ? this.renderEdit() : nothing}
     </article>`;
     }
-    renderMenu(owner) {
-        const item = (action, icon, key) => html `<button role="menuitem" @click=${() => this.act(action)}><md-icon>${icon}</md-icon>${t(key)}</button>`;
-        return html `<div class="menu" role="menu">
-      ${owner ? item('ai', 'auto_awesome', 'ai-dashboard.card.ai') : nothing} ${owner ? item('rename', 'edit', 'ai-dashboard.card.rename') : nothing}
-      ${owner ? item('share', 'share', 'ai-dashboard.card.share') : nothing} ${owner ? item('versions', 'history', 'ai-dashboard.card.versions') : nothing}
-      ${item('copy', 'content_copy', owner ? 'ai-dashboard.card.duplicate' : 'ai-dashboard.card.copy')}
-      <hr />
-      ${item('unplace', 'remove_circle_outline', 'ai-dashboard.card.unplace')}
-    </div>`;
+    /**
+     * The card's actions in the platform's popup menu, placed in the body under the button - a menu drawn inside the card
+     * was cut by the card's own edge and the grid's (2026-10-25).
+     */
+    openMenu(event, owner) {
+        event.stopPropagation();
+        const at = event.currentTarget.getBoundingClientRect();
+        const item = (action, icon, key) => html `<ox-popup-menuitem label=${t(key)} @select=${() => this.act(action)}><md-icon slot="icon">${icon}</md-icon></ox-popup-menuitem>`;
+        OxPopupMenu.open({
+            template: html `
+        ${owner ? item('ai', 'auto_awesome', 'ai-dashboard.card.ai') : nothing} ${owner ? item('rename', 'edit', 'ai-dashboard.card.rename') : nothing}
+        ${owner ? item('share', 'share', 'ai-dashboard.card.share') : nothing} ${owner ? item('versions', 'history', 'ai-dashboard.card.versions') : nothing}
+        ${item('copy', 'content_copy', owner ? 'ai-dashboard.card.duplicate' : 'ai-dashboard.card.copy')}
+        <div separator></div>
+        ${item('unplace', 'remove_circle_outline', 'ai-dashboard.card.unplace')}
+      `,
+            top: at.bottom,
+            right: window.innerWidth - at.right,
+            parent: document.body
+        });
     }
     renderBody() {
         if (this.failed)
@@ -475,10 +429,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], AiDashboardCard.prototype, "loading", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AiDashboardCard.prototype, "menu", void 0);
 __decorate([
     state(),
     __metadata("design:type", Date)

package/dist-client/components/dashboard-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-card.js","sourceRoot":"","sources":["../../client/components/dashboard-card.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * One card on the dashboard - its name and what it reads, the block its definition draws as the viewer, when it was\n * read and how much of its source it was drawn from (ADR-0160 decisions 4-6, 8). Drawing it asks the server to run\n * the definition; no model is asked.\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 CardItem, type CardRun } from '../utils/card-api.js'\nimport { drawsNothing, issueLine, ownershipLine, partialLine, readLine, viewIcon } from '../utils/card-words.js'\n\nconst t = (key: string, options: Record<string, unknown> = {}) => String(i18next.t(key, options))\n\nexport type CardAction = 'refresh' | 'ai' | 'rename' | 'share' | 'versions' | 'copy' | 'unplace' | 'left' | 'right' | 'wider' | 'narrower' | 'taller' | 'shorter'\n\n@customElement('ai-dashboard-card')\nexport class AiDashboardCard extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: block;\n      min-width: 0;\n      min-height: 0;\n    }\n\n    article {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      box-sizing: border-box;\n      border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n      border-radius: var(--ui-r, 12px);\n      background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));\n      overflow: hidden;\n      transition:\n        box-shadow 0.18s ease,\n        border-color 0.18s ease,\n        transform 0.18s ease;\n    }\n\n    article:hover {\n      border-color: color-mix(in srgb, var(--ui-accent, var(--md-sys-color-primary)) 35%, var(--ui-line, transparent));\n      box-shadow: 0 6px 20px -12px rgb(0 0 0 / 35%);\n    }\n\n    :host([editing]) article {\n      border-style: dashed;\n      border-color: var(--ui-accent, var(--md-sys-color-primary));\n    }\n\n    header {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 14px 14px 6px 16px;\n    }\n\n    .kind {\n      flex: none;\n      display: grid;\n      place-items: center;\n      width: 30px;\n      height: 30px;\n      border-radius: 8px;\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      --md-icon-size: 18px;\n    }\n\n    .titles {\n      flex: 1;\n      min-width: 0;\n    }\n\n    h4 {\n      margin: 0;\n      font-size: var(--ui-t-title, 15px);\n      font-weight: 600;\n      line-height: 1.3;\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .sub {\n      display: block;\n      margin-top: 2px;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .tools {\n      flex: none;\n      display: flex;\n      gap: 2px;\n      opacity: 0.55;\n      transition: opacity 0.15s ease;\n    }\n\n    article:hover .tools,\n    article:focus-within .tools,\n    :host([editing]) .tools {\n      opacity: 1;\n    }\n\n    button.icon {\n      display: grid;\n      place-items: center;\n      width: 30px;\n      height: 30px;\n      padding: 0;\n      border: 0;\n      border-radius: 8px;\n      background: transparent;\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      cursor: pointer;\n      --md-icon-size: 18px;\n    }\n\n    button.icon:hover,\n    button.icon:focus-visible {\n      background: var(--ui-hover, var(--md-sys-color-surface-container-high));\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      outline: none;\n    }\n\n    button.icon[disabled] {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    button.icon.spin md-icon {\n      animation: spin 0.9s linear infinite;\n    }\n\n    @keyframes spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    .menu {\n      position: absolute;\n      top: 44px;\n      right: 10px;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      min-width: 180px;\n      padding: 6px;\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      box-shadow: 0 12px 32px -12px rgb(0 0 0 / 40%);\n    }\n\n    .menu button {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 8px 10px;\n      border: 0;\n      border-radius: 6px;\n      background: transparent;\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      font: inherit;\n      font-size: var(--ui-t-body, 13px);\n      text-align: start;\n      cursor: pointer;\n      --md-icon-size: 18px;\n    }\n\n    .menu button:hover,\n    .menu button:focus-visible {\n      background: var(--ui-hover, var(--md-sys-color-surface-container-high));\n      outline: none;\n    }\n\n    .menu hr {\n      width: 100%;\n      margin: 4px 0;\n      border: 0;\n      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    }\n\n    .body {\n      flex: 1;\n      min-height: 0;\n      padding: 4px 16px 8px;\n      overflow: auto;\n    }\n\n    .skeleton {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      padding-top: 8px;\n    }\n\n    .skeleton span {\n      display: block;\n      height: 14px;\n      border-radius: 6px;\n      background: linear-gradient(90deg, var(--ui-line-soft, #eee) 0%, var(--ui-panel-2, #f6f6f6) 50%, var(--ui-line-soft, #eee) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 1.4s ease-in-out infinite;\n    }\n\n    .skeleton span:nth-child(1) {\n      width: 40%;\n      height: 28px;\n    }\n\n    .skeleton span:nth-child(2) {\n      width: 85%;\n    }\n\n    .skeleton span:nth-child(3) {\n      width: 65%;\n    }\n\n    @keyframes shimmer {\n      from {\n        background-position: 200% 0;\n      }\n      to {\n        background-position: -200% 0;\n      }\n    }\n\n    .issue {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      margin-top: 8px;\n      padding: 12px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--ui-crit, #c62828) 8%, transparent);\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      font-size: var(--ui-t-body, 13px);\n      --md-icon-size: 18px;\n    }\n\n    .issue md-icon {\n      flex: none;\n      color: var(--ui-crit, #c62828);\n    }\n\n    .issue.access {\n      background: var(--ui-panel-2, var(--md-sys-color-surface-container));\n    }\n\n    .issue.access md-icon {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n\n    .nothing {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      height: 100%;\n      min-height: 120px;\n      color: var(--ui-faint, var(--md-sys-color-on-surface-variant));\n      font-size: var(--ui-t-body, 13px);\n      text-align: center;\n      --md-icon-size: 28px;\n    }\n\n    footer {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 4px 10px;\n      padding: 6px 16px 12px;\n      font-size: var(--ui-t-micro, 11px);\n      color: var(--ui-faint, var(--md-sys-color-on-surface-variant));\n    }\n\n    footer .partial {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      color: var(--ui-warn, #b26a00);\n      --md-icon-size: 14px;\n    }\n\n    .edit {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 4px;\n      padding: 8px;\n      border-top: 1px dashed var(--ui-line, var(--md-sys-color-outline-variant));\n      background: var(--ui-panel-2, var(--md-sys-color-surface-container-low));\n    }\n\n    .edit .size {\n      margin: 0 6px;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-variant-numeric: tabular-nums;\n    }\n  `\n\n  @property({ attribute: false }) card?: CardItem\n  /** The place's size, when it is on the dashboard. */\n  @property({ type: Number }) width = 2\n  @property({ type: Number }) height = 1\n  @property({ type: Boolean, reflect: true }) editing = false\n  @property({ type: Boolean }) first = false\n  @property({ type: Boolean }) last = false\n\n  @state() private run?: CardRun\n  @state() private failed?: string\n  @state() private loading = false\n  @state() private menu = false\n  @state() private readAt?: Date\n\n  private readingFor?: string\n  private closeMenu = (event: Event) => {\n    if (!event.composedPath().includes(this)) this.menu = false\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this.closeMenu, true)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.closeMenu, true)\n    super.disconnectedCallback()\n  }\n\n  updated(changes: Map<string, unknown>) {\n    /* A new card, or a new version of it, is read again; nothing else is. */\n    const key = this.card ? `${this.card.id}@${this.card.version}` : undefined\n    if (changes.has('card') && key && key !== this.readingFor) this.refresh()\n  }\n\n  /** Draws the card again from the data - the server runs its definition as the viewer. */\n  async refresh() {\n    if (!this.card) return\n    const key = `${this.card.id}@${this.card.version}`\n    this.readingFor = key\n    this.loading = true\n    this.failed = undefined\n    try {\n      const run = await cardApi.run(this.card.id)\n      if (this.readingFor !== key) return\n      this.run = run\n      this.readAt = new Date()\n    } catch (error: any) {\n      if (this.readingFor === key) this.failed = error?.message ?? String(error)\n    } finally {\n      if (this.readingFor === key) this.loading = false\n    }\n  }\n\n  private act(action: CardAction) {\n    this.menu = false\n    if (action === 'refresh') return this.refresh()\n    this.dispatchEvent(new CustomEvent('card-action', { detail: { action, card: this.card }, bubbles: true, composed: true }))\n  }\n\n  render() {\n    const card = this.card\n    if (!card) return nothing\n    const owner = card.access === 'owner'\n    const source = this.run?.source?.labelKey ? t(this.run.source.labelKey) : ''\n    const ownership = ownershipLine(card, t)\n    const sub = [card.description || source, ownership].filter(Boolean).join(' · ')\n    return html`<article aria-busy=${this.loading ? 'true' : 'false'}>\n      <header>\n        <span class=\"kind\"><md-icon>${viewIcon(card.definition)}</md-icon></span>\n        <div class=\"titles\">\n          <h4 title=${card.name}>${card.name}</h4>\n          ${sub ? html`<span class=\"sub\" title=${sub}>${sub}</span>` : nothing}\n        </div>\n        <div class=\"tools\">\n          <button class=\"icon ${this.loading ? 'spin' : ''}\" title=${t('ai-dashboard.card.refresh')} aria-label=${t('ai-dashboard.card.refresh')} ?disabled=${this.loading} @click=${() => this.act('refresh')}>\n            <md-icon>refresh</md-icon>\n          </button>\n          ${owner\n            ? html`<button class=\"icon\" title=${t('ai-dashboard.card.ai')} aria-label=${t('ai-dashboard.card.ai')} @click=${() => this.act('ai')}><md-icon>auto_awesome</md-icon></button>`\n            : nothing}\n          <button class=\"icon\" title=${t('ai-dashboard.card.more')} aria-label=${t('ai-dashboard.card.more')} aria-expanded=${this.menu ? 'true' : 'false'} @click=${() => (this.menu = !this.menu)}>\n            <md-icon>more_vert</md-icon>\n          </button>\n        </div>\n      </header>\n      ${this.menu ? this.renderMenu(owner) : nothing}\n      <div class=\"body\">${this.renderBody()}</div>\n      ${this.run && !this.run.issue ? this.renderFooter() : nothing}\n      ${this.editing ? this.renderEdit() : nothing}\n    </article>`\n  }\n\n  private renderMenu(owner: boolean) {\n    const item = (action: CardAction, icon: string, key: string) => html`<button role=\"menuitem\" @click=${() => this.act(action)}><md-icon>${icon}</md-icon>${t(key)}</button>`\n    return html`<div class=\"menu\" role=\"menu\">\n      ${owner ? item('ai', 'auto_awesome', 'ai-dashboard.card.ai') : nothing} ${owner ? item('rename', 'edit', 'ai-dashboard.card.rename') : nothing}\n      ${owner ? item('share', 'share', 'ai-dashboard.card.share') : nothing} ${owner ? item('versions', 'history', 'ai-dashboard.card.versions') : nothing}\n      ${item('copy', 'content_copy', owner ? 'ai-dashboard.card.duplicate' : 'ai-dashboard.card.copy')}\n      <hr />\n      ${item('unplace', 'remove_circle_outline', 'ai-dashboard.card.unplace')}\n    </div>`\n  }\n\n  private renderBody() {\n    if (this.failed) return html`<div class=\"issue\"><md-icon>error</md-icon><span>${this.failed}</span></div>`\n    if (!this.run) return html`<div class=\"skeleton\" aria-hidden=\"true\"><span></span><span></span><span></span></div>`\n    const issue = issueLine(this.run, t)\n    if (issue) return html`<div class=\"issue ${issue.access ? 'access' : ''}\"><md-icon>${issue.access ? 'lock' : 'error'}</md-icon><span>${issue.text}</span></div>`\n    if (drawsNothing(this.run)) return html`<div class=\"nothing\"><md-icon>inbox</md-icon><span>${t('ai-dashboard.card.nothing')}</span></div>`\n    return html`<ox-assistant-workspace-view compact .workspace=${{ name: this.card!.id, title: this.card!.name, blocks: [this.run.block] }}></ox-assistant-workspace-view>`\n  }\n\n  private renderFooter() {\n    const partial = partialLine(this.run!, t)\n    return html`<footer>\n      <span>${readLine(this.run!, this.readAt ?? new Date(), t, i18next.language)}</span>\n      ${partial ? html`<span class=\"partial\"><md-icon>warning</md-icon>${partial}</span>` : nothing}\n    </footer>`\n  }\n\n  private renderEdit() {\n    const button = (action: CardAction, icon: string, key: string, disabled = false) =>\n      html`<button class=\"icon\" title=${t(key)} aria-label=${t(key)} ?disabled=${disabled} @click=${() => this.act(action)}><md-icon>${icon}</md-icon></button>`\n    return html`<div class=\"edit\">\n      ${button('left', 'arrow_back', 'ai-dashboard.edit.left', this.first)} ${button('right', 'arrow_forward', 'ai-dashboard.edit.right', this.last)}\n      ${button('narrower', 'remove', 'ai-dashboard.edit.narrower', this.width <= 1)}\n      <span class=\"size\">${this.width} × ${this.height}</span>\n      ${button('wider', 'add', 'ai-dashboard.edit.wider', this.width >= 4)}\n      ${button(this.height > 1 ? 'shorter' : 'taller', this.height > 1 ? 'unfold_less' : 'unfold_more', this.height > 1 ? 'ai-dashboard.edit.shorter' : 'ai-dashboard.edit.taller')}\n      ${button('unplace', 'delete_outline', 'ai-dashboard.card.unplace')}\n    </div>`\n  }\n}\n"]}
+{"version":3,"file":"dashboard-card.js","sourceRoot":"","sources":["../../client/components/dashboard-card.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * One card on the dashboard - its name and what it reads, the block its definition draws as the viewer, when it was\n * read and how much of its source it was drawn from (ADR-0160 decisions 4-6, 8). Drawing it asks the server to run\n * the definition; no model is asked.\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'\nimport '@operato/popup/ox-popup-menu.js'\nimport { OxPopupMenu } from '@operato/popup/ox-popup-menu.js'\n\nimport { cardApi, type CardItem, type CardRun } from '../utils/card-api.js'\nimport { drawsNothing, issueLine, ownershipLine, partialLine, readLine, viewIcon } from '../utils/card-words.js'\n\nconst t = (key: string, options: Record<string, unknown> = {}) => String(i18next.t(key, options))\n\nexport type CardAction = 'refresh' | 'ai' | 'rename' | 'share' | 'versions' | 'copy' | 'unplace' | 'left' | 'right' | 'wider' | 'narrower' | 'taller' | 'shorter'\n\n@customElement('ai-dashboard-card')\nexport class AiDashboardCard extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: block;\n      min-width: 0;\n      min-height: 0;\n    }\n\n    article {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      box-sizing: border-box;\n      border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n      border-radius: var(--ui-r, 12px);\n      background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));\n      overflow: hidden;\n      transition:\n        box-shadow 0.18s ease,\n        border-color 0.18s ease,\n        transform 0.18s ease;\n    }\n\n    article:hover {\n      border-color: color-mix(in srgb, var(--ui-accent, var(--md-sys-color-primary)) 35%, var(--ui-line, transparent));\n      box-shadow: 0 6px 20px -12px rgb(0 0 0 / 35%);\n    }\n\n    :host([editing]) article {\n      border-style: dashed;\n      border-color: var(--ui-accent, var(--md-sys-color-primary));\n    }\n\n    header {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 14px 14px 6px 16px;\n    }\n\n    .kind {\n      flex: none;\n      display: grid;\n      place-items: center;\n      width: 30px;\n      height: 30px;\n      border-radius: 8px;\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      --md-icon-size: 18px;\n    }\n\n    .titles {\n      flex: 1;\n      min-width: 0;\n    }\n\n    h4 {\n      margin: 0;\n      font-size: var(--ui-t-title, 15px);\n      font-weight: 600;\n      line-height: 1.3;\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .sub {\n      display: block;\n      margin-top: 2px;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .tools {\n      flex: none;\n      display: flex;\n      gap: 2px;\n      opacity: 0.55;\n      transition: opacity 0.15s ease;\n    }\n\n    article:hover .tools,\n    article:focus-within .tools,\n    :host([editing]) .tools {\n      opacity: 1;\n    }\n\n    button.icon {\n      display: grid;\n      place-items: center;\n      width: 30px;\n      height: 30px;\n      padding: 0;\n      border: 0;\n      border-radius: 8px;\n      background: transparent;\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      cursor: pointer;\n      --md-icon-size: 18px;\n    }\n\n    button.icon:hover,\n    button.icon:focus-visible {\n      background: var(--ui-hover, var(--md-sys-color-surface-container-high));\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      outline: none;\n    }\n\n    button.icon[disabled] {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    button.icon.spin md-icon {\n      animation: spin 0.9s linear infinite;\n    }\n\n    @keyframes spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    .body {\n      flex: 1;\n      min-height: 0;\n      padding: 4px 16px 8px;\n      overflow: auto;\n    }\n\n    .skeleton {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      padding-top: 8px;\n    }\n\n    .skeleton span {\n      display: block;\n      height: 14px;\n      border-radius: 6px;\n      background: linear-gradient(90deg, var(--ui-line-soft, #eee) 0%, var(--ui-panel-2, #f6f6f6) 50%, var(--ui-line-soft, #eee) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 1.4s ease-in-out infinite;\n    }\n\n    .skeleton span:nth-child(1) {\n      width: 40%;\n      height: 28px;\n    }\n\n    .skeleton span:nth-child(2) {\n      width: 85%;\n    }\n\n    .skeleton span:nth-child(3) {\n      width: 65%;\n    }\n\n    @keyframes shimmer {\n      from {\n        background-position: 200% 0;\n      }\n      to {\n        background-position: -200% 0;\n      }\n    }\n\n    .issue {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      margin-top: 8px;\n      padding: 12px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--ui-crit, #c62828) 8%, transparent);\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n      font-size: var(--ui-t-body, 13px);\n      --md-icon-size: 18px;\n    }\n\n    .issue md-icon {\n      flex: none;\n      color: var(--ui-crit, #c62828);\n    }\n\n    .issue.access {\n      background: var(--ui-panel-2, var(--md-sys-color-surface-container));\n    }\n\n    .issue.access md-icon {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n\n    .nothing {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      height: 100%;\n      min-height: 120px;\n      color: var(--ui-faint, var(--md-sys-color-on-surface-variant));\n      font-size: var(--ui-t-body, 13px);\n      text-align: center;\n      --md-icon-size: 28px;\n    }\n\n    footer {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 4px 10px;\n      padding: 6px 16px 12px;\n      font-size: var(--ui-t-micro, 11px);\n      color: var(--ui-faint, var(--md-sys-color-on-surface-variant));\n    }\n\n    footer .partial {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      color: var(--ui-warn, #b26a00);\n      --md-icon-size: 14px;\n    }\n\n    .edit {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 4px;\n      padding: 8px;\n      border-top: 1px dashed var(--ui-line, var(--md-sys-color-outline-variant));\n      background: var(--ui-panel-2, var(--md-sys-color-surface-container-low));\n    }\n\n    .edit .size {\n      margin: 0 6px;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-variant-numeric: tabular-nums;\n    }\n  `\n\n  @property({ attribute: false }) card?: CardItem\n  /** The place's size, when it is on the dashboard. */\n  @property({ type: Number }) width = 2\n  @property({ type: Number }) height = 1\n  @property({ type: Boolean, reflect: true }) editing = false\n  @property({ type: Boolean }) first = false\n  @property({ type: Boolean }) last = false\n\n  @state() private run?: CardRun\n  @state() private failed?: string\n  @state() private loading = false\n  @state() private readAt?: Date\n\n  private readingFor?: string\n\n  updated(changes: Map<string, unknown>) {\n    /* A new card, or a new version of it, is read again; nothing else is. */\n    const key = this.card ? `${this.card.id}@${this.card.version}` : undefined\n    if (changes.has('card') && key && key !== this.readingFor) this.refresh()\n  }\n\n  /** Draws the card again from the data - the server runs its definition as the viewer. */\n  async refresh() {\n    if (!this.card) return\n    const key = `${this.card.id}@${this.card.version}`\n    this.readingFor = key\n    this.loading = true\n    this.failed = undefined\n    try {\n      const run = await cardApi.run(this.card.id)\n      if (this.readingFor !== key) return\n      this.run = run\n      this.readAt = new Date()\n    } catch (error: any) {\n      if (this.readingFor === key) this.failed = error?.message ?? String(error)\n    } finally {\n      if (this.readingFor === key) this.loading = false\n    }\n  }\n\n  private act(action: CardAction) {\n    if (action === 'refresh') return this.refresh()\n    this.dispatchEvent(new CustomEvent('card-action', { detail: { action, card: this.card }, bubbles: true, composed: true }))\n  }\n\n  render() {\n    const card = this.card\n    if (!card) return nothing\n    const owner = card.access === 'owner'\n    const source = this.run?.source?.labelKey ? t(this.run.source.labelKey) : ''\n    const ownership = ownershipLine(card, t)\n    const sub = [card.description || source, ownership].filter(Boolean).join(' · ')\n    return html`<article aria-busy=${this.loading ? 'true' : 'false'}>\n      <header>\n        <span class=\"kind\"><md-icon>${viewIcon(card.definition)}</md-icon></span>\n        <div class=\"titles\">\n          <h4 title=${card.name}>${card.name}</h4>\n          ${sub ? html`<span class=\"sub\" title=${sub}>${sub}</span>` : nothing}\n        </div>\n        <div class=\"tools\">\n          <button class=\"icon ${this.loading ? 'spin' : ''}\" title=${t('ai-dashboard.card.refresh')} aria-label=${t('ai-dashboard.card.refresh')} ?disabled=${this.loading} @click=${() => this.act('refresh')}>\n            <md-icon>refresh</md-icon>\n          </button>\n          ${owner\n            ? html`<button class=\"icon\" title=${t('ai-dashboard.card.ai')} aria-label=${t('ai-dashboard.card.ai')} @click=${() => this.act('ai')}><md-icon>auto_awesome</md-icon></button>`\n            : nothing}\n          <button class=\"icon\" title=${t('ai-dashboard.card.more')} aria-label=${t('ai-dashboard.card.more')} aria-haspopup=\"menu\" @click=${(e: MouseEvent) => this.openMenu(e, owner)}>\n            <md-icon>more_vert</md-icon>\n          </button>\n        </div>\n      </header>\n      <div class=\"body\">${this.renderBody()}</div>\n      ${this.run && !this.run.issue ? this.renderFooter() : nothing}\n      ${this.editing ? this.renderEdit() : nothing}\n    </article>`\n  }\n\n  /**\n   * The card's actions in the platform's popup menu, placed in the body under the button - a menu drawn inside the card\n   * was cut by the card's own edge and the grid's (2026-10-25).\n   */\n  private openMenu(event: MouseEvent, owner: boolean) {\n    event.stopPropagation()\n    const at = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    const item = (action: CardAction, icon: string, key: string) =>\n      html`<ox-popup-menuitem label=${t(key)} @select=${() => this.act(action)}><md-icon slot=\"icon\">${icon}</md-icon></ox-popup-menuitem>`\n    OxPopupMenu.open({\n      template: html`\n        ${owner ? item('ai', 'auto_awesome', 'ai-dashboard.card.ai') : nothing} ${owner ? item('rename', 'edit', 'ai-dashboard.card.rename') : nothing}\n        ${owner ? item('share', 'share', 'ai-dashboard.card.share') : nothing} ${owner ? item('versions', 'history', 'ai-dashboard.card.versions') : nothing}\n        ${item('copy', 'content_copy', owner ? 'ai-dashboard.card.duplicate' : 'ai-dashboard.card.copy')}\n        <div separator></div>\n        ${item('unplace', 'remove_circle_outline', 'ai-dashboard.card.unplace')}\n      `,\n      top: at.bottom,\n      right: window.innerWidth - at.right,\n      parent: document.body\n    })\n  }\n\n  private renderBody() {\n    if (this.failed) return html`<div class=\"issue\"><md-icon>error</md-icon><span>${this.failed}</span></div>`\n    if (!this.run) return html`<div class=\"skeleton\" aria-hidden=\"true\"><span></span><span></span><span></span></div>`\n    const issue = issueLine(this.run, t)\n    if (issue) return html`<div class=\"issue ${issue.access ? 'access' : ''}\"><md-icon>${issue.access ? 'lock' : 'error'}</md-icon><span>${issue.text}</span></div>`\n    if (drawsNothing(this.run)) return html`<div class=\"nothing\"><md-icon>inbox</md-icon><span>${t('ai-dashboard.card.nothing')}</span></div>`\n    return html`<ox-assistant-workspace-view compact .workspace=${{ name: this.card!.id, title: this.card!.name, blocks: [this.run.block] }}></ox-assistant-workspace-view>`\n  }\n\n  private renderFooter() {\n    const partial = partialLine(this.run!, t)\n    return html`<footer>\n      <span>${readLine(this.run!, this.readAt ?? new Date(), t, i18next.language)}</span>\n      ${partial ? html`<span class=\"partial\"><md-icon>warning</md-icon>${partial}</span>` : nothing}\n    </footer>`\n  }\n\n  private renderEdit() {\n    const button = (action: CardAction, icon: string, key: string, disabled = false) =>\n      html`<button class=\"icon\" title=${t(key)} aria-label=${t(key)} ?disabled=${disabled} @click=${() => this.act(action)}><md-icon>${icon}</md-icon></button>`\n    return html`<div class=\"edit\">\n      ${button('left', 'arrow_back', 'ai-dashboard.edit.left', this.first)} ${button('right', 'arrow_forward', 'ai-dashboard.edit.right', this.last)}\n      ${button('narrower', 'remove', 'ai-dashboard.edit.narrower', this.width <= 1)}\n      <span class=\"size\">${this.width} × ${this.height}</span>\n      ${button('wider', 'add', 'ai-dashboard.edit.wider', this.width >= 4)}\n      ${button(this.height > 1 ? 'shorter' : 'taller', this.height > 1 ? 'unfold_less' : 'unfold_more', this.height > 1 ? 'ai-dashboard.edit.shorter' : 'ai-dashboard.edit.taller')}\n      ${button('unplace', 'delete_outline', 'ai-dashboard.card.unplace')}\n    </div>`\n  }\n}\n"]}

package/dist-client/index.d.ts

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

package/dist-client/index.js

@@ -1,4 +1,6 @@
 export * from './utils/card-api.js';
 export * from './utils/card-words.js';
 export * from './components/dashboard-card.js';
+/* The requests an empty dashboard offers - set by the application. */
+export * from './utils/examples.js';
 //# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -1 +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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,sEAAsE;AACtE,cAAc,qBAAqB,CAAA","sourcesContent":["export * from './utils/card-api.js'\nexport * from './utils/card-words.js'\nexport * from './components/dashboard-card.js'\n/* The requests an empty dashboard offers - set by the application. */\nexport * from './utils/examples.js'\n"]}

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

@@ -18,10 +18,9 @@ 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 { dashboardExamples } from '../utils/examples.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);
@@ -279,9 +278,11 @@ let MyDashboardPage = class MyDashboardPage extends localize(i18next)(PageView)
       <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>
+      ${dashboardExamples().length
+            ? html `<div class="examples">
+            ${dashboardExamples().map(key => html `<button @click=${() => this.askFor(t(key))}><md-icon>chat_bubble</md-icon><span>${t(key)}</span></button>`)}
+          </div>`
+            : nothing}
       <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>`;

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

@@ -1 +1 @@
-{"version":3,"file":"my-dashboard-page.js","sourceRoot":"","sources":["../../client/pages/my-dashboard-page.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAA;AAEhF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAiC,MAAM,sBAAsB,CAAA;AAClH,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAGjH,MAAM,CAAC,GAAG,CAAC,GAAW,EAAE,UAAmC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;AAEjG,wGAAwG;AACxG,MAAM,QAAQ,GAAG,CAAC,kCAAkC,EAAE,iCAAiC,EAAE,kCAAkC,CAAC,CAAA;AAGrH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAAzD;;QA2KY,WAAM,GAAgB,EAAE,CAAA;QACxB,WAAM,GAAG,KAAK,CAAA;QAEd,YAAO,GAAG,KAAK,CAAA;QAExB,cAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAmKvC,CAAC;aAlVQ,WAAM,GAAG;QACd,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKF;KACF,AAxKY,CAwKZ;IASD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;YAC9B,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBAC3L,EAAE,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;gBAC3G,EAAE,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;aACtH;SACF,CAAA;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAC5D,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7D,KAAK,CAAC,oBAAoB,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,gFAAgF;QAChF,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,aAAa,EAAE,CAAA;IAClD,CAAC;IAED,0EAA0E;IAC1E,KAAK,CAAC,WAAW,CAAC,OAAY;QAC5B,IAAK,IAAY,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IACzD,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,GAAG,MAAM,OAAO,CAAC,WAAW,EAAE,CAAA;YACzC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;QACxB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QACpB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,KAAK,MAAM;YAC3C,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;gBAClC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;gBACpB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;oBAClB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;oBACpB,CAAC,CAAC,OAAO;WACV,CAAA;IACT,CAAC;IAEO,WAAW;QACjB,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;QACjE,OAAO,IAAI,CAAA;aACF,CAAC,CAAC,wBAAwB,CAAC;UAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,4DAA4D,CAAC,CAAC,6BAA6B,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;;;yCAGnG,CAAC,KAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAC7E,MAAM,CAAC,GAAG,CACV,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;wBACN,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;4BACxB,KAAK,CAAC,KAAK,UAAU,KAAK,CAAC,MAAM;2BAClC,KAAK,CAAC,EAAE;sBACb,KAAK,CAAC,IAAI;uBACT,KAAK,CAAC,KAAK;wBACV,KAAK,CAAC,MAAM;yBACX,IAAI,CAAC,OAAO;uBACd,CAAC,KAAK,CAAC;sBACR,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC;kCACX,CACvB;;;wBAGa,CAAC,CAAC,6BAA6B,CAAC,MAAM,CAAA;IAC5D,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAA;;YAEH,CAAC,CAAC,+BAA+B,CAAC;WACnC,CAAC,CAAC,8BAA8B,CAAC;;UAElC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,kBAAkB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,wCAAwC,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC;;uCAEvG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,2CAA2C,CAAC,CAAC,gCAAgC,CAAC;wBACrH,CAAC,CAAC,6BAA6B,CAAC;WAC7C,CAAA;IACT,CAAC;IAED,4GAA4G;IACpG,KAAK,CAAC,MAAM,CAAC,GAAW;QAC9B,MAAM,YAAY,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA;IACpD,CAAC;IAEO,IAAI;QACV,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA;IACnF,CAAC;IAEO,WAAW;QACjB,SAAS,CAAC,IAAI,CAAA,yDAAyD,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAA;IACrJ,CAAC;IAEO,OAAO,CAAC,IAAc;QAC5B,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAA;IACzD,CAAC;IAEO,KAAK,CAAC,OAAO,CAAC,IAAiB;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,IAAI,CAAC;YACH,MAAM,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;QACnG,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,KAAkB;QAC3C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAgD,CAAA;QAC/E,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAChC,IAAI,CAAC;YACH,QAAQ,MAAM,EAAE,CAAC;gBACf,KAAK,IAAI;oBACP,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC/B,KAAK,QAAQ;oBACX,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;gBAC7B,KAAK,OAAO;oBACV,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;gBAC5B,KAAK,UAAU;oBACb,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC/B,KAAK,MAAM;oBACT,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;oBAC3B,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAA;oBACtF,OAAO,gBAAgB,EAAE,CAAA;gBAC3B,KAAK,SAAS;oBACZ,IAAI,CAAC,KAAK;wBAAE,OAAM;oBAClB,MAAM,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;oBAC/B,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAA;oBACxF,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;gBACpB,KAAK,MAAM,CAAC;gBACZ,KAAK,OAAO;oBACV,OAAO,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC9F,KAAK,OAAO,CAAC;gBACb,KAAK,UAAU,CAAC;gBAChB,KAAK,QAAQ,CAAC;gBACd,KAAK,SAAS,CAAC,CAAC,CAAC;oBACf,IAAI,CAAC,KAAK;wBAAE,OAAM;oBAClB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBAC/G,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBACjH,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;gBACtG,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;;AAvKgB;IAAhB,KAAK,EAAE;;+CAAiC;AACxB;IAAhB,KAAK,EAAE;;+CAAuB;AACd;IAAhB,KAAK,EAAE;;8CAAuB;AACd;IAAhB,KAAK,EAAE;;gDAAwB;AA9KrB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAmV3B","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"]}
+{"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 { dashboardExamples } from '../utils/examples.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\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      ${dashboardExamples().length\n        ? html`<div class=\"examples\">\n            ${dashboardExamples().map(key => html`<button @click=${() => this.askFor(t(key))}><md-icon>chat_bubble</md-icon><span>${t(key)}</span></button>`)}\n          </div>`\n        : nothing}\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"]}