@things-factory/ai-assistant 10.1.88 → 10.1.91

package/dist-client/pages/assistant-workspace-page.js

@@ -0,0 +1,263 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * The AI 작업판 page (operato-application/design/ai/workspace.md).
+ *
+ * `assistant-workspace?session=<id>&name=<name>[&version=<n>]`. It reads the conversation through its own
+ * door (`chatMessages`), so a private conversation shows nothing to someone outside it and a version behind a
+ * door the reader cannot pass is not among the versions (ADR-0073). A new version arriving while the page is
+ * open is announced, never swapped in under the reader.
+ */
+import '@material/web/icon/icon.js';
+import '../components/workspace-view.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { navigate, PageView } from '@operato/shell';
+import { ScrollbarStyles } from '@operato/styles';
+import { startSessionActivityFeed, subscribeSessionActivity } from '../utils/assistant-activity.js';
+import { workspaceAddress, workspaceVersions } from '../utils/workspace.js';
+const MESSAGES = gql `
+  query ($sessionId: String!, $limit: Int, $offset: Int) {
+    chatMessages(sessionId: $sessionId, limit: $limit, offset: $offset) {
+      id
+      createdAt
+      proposalsJson
+    }
+  }
+`;
+const PAGE = 200;
+const MOST = 5000;
+const t = (key, defaultValue, options = {}) => String(i18next.t(`ai-assistant.workspace.${key}`, { defaultValue, ...options }));
+let AssistantWorkspacePage = class AssistantWorkspacePage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.sessionId = '';
+        this.name = '';
+        this.wanted = 0;
+        this.versions = [];
+        this.loading = false;
+        this.failure = '';
+        /** A version that arrived after the page was drawn - announced, not shown until asked. */
+        this.newer = 0;
+    }
+    static { this.styles = [
+        ScrollbarStyles,
+        css `
+      :host {
+        display: block;
+        overflow: auto;
+        padding: 20px 24px 40px;
+        box-sizing: border-box;
+        background: var(--md-sys-color-surface);
+      }
+
+      .page {
+        max-width: 1100px;
+        margin: 0 auto;
+      }
+
+      header {
+        display: flex;
+        align-items: flex-start;
+        gap: 12px;
+        margin-bottom: 16px;
+      }
+
+      header .what {
+        flex: 1;
+        min-width: 0;
+      }
+
+      header h1 {
+        margin: 0;
+        font-size: 24px;
+        line-height: 1.3;
+      }
+
+      header .summary {
+        margin-top: 4px;
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      header select {
+        padding: 4px 8px;
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: 6px;
+        background: var(--md-sys-color-surface-container-lowest);
+        color: inherit;
+        font: inherit;
+      }
+
+      .notice {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 14px;
+        padding: 8px 12px;
+        border-radius: 8px;
+        background: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+      }
+
+      .notice button {
+        padding: 3px 10px;
+        border: 1px solid currentColor;
+        border-radius: 6px;
+        background: transparent;
+        color: inherit;
+        font: inherit;
+        cursor: pointer;
+      }
+
+      .empty {
+        padding: 40px 0;
+        color: var(--md-sys-color-on-surface-variant);
+        text-align: center;
+      }
+    `
+    ]; }
+    get context() {
+        const shown = this.shown;
+        return { title: shown?.workspace.title || t('title', 'AI workspace') };
+    }
+    get shown() {
+        if (!this.versions.length)
+            return undefined;
+        return this.versions.find(one => one.version === this.wanted) ?? this.versions[this.versions.length - 1];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        startSessionActivityFeed();
+        this.unsubscribe = subscribeSessionActivity(activity => {
+            if (activity.sessionId === this.sessionId && activity.kind === 'message')
+                void this.load(true);
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+        super.disconnectedCallback();
+    }
+    async pageUpdated(_changes, lifecycle) {
+        const params = lifecycle?.params ?? {};
+        const sessionId = String(params.session || '');
+        const name = String(params.name || '');
+        const wanted = Number(params.version) || 0;
+        const changed = sessionId !== this.sessionId || name !== this.name;
+        this.sessionId = sessionId;
+        this.name = name;
+        this.wanted = wanted;
+        if (changed) {
+            this.newer = 0;
+            await this.load(false);
+        }
+    }
+    async load(arriving) {
+        if (!this.sessionId || !this.name)
+            return;
+        const before = this.versions.length;
+        if (!arriving)
+            this.loading = true;
+        this.failure = '';
+        try {
+            const messages = [];
+            for (let offset = 0; offset < MOST; offset += PAGE) {
+                const result = await client.query({ query: MESSAGES, variables: { sessionId: this.sessionId, limit: PAGE, offset }, fetchPolicy: 'no-cache' });
+                if (result.errors?.length)
+                    throw new Error(result.errors[0].message);
+                const page = result.data?.chatMessages ?? [];
+                messages.push(...page);
+                if (page.length < PAGE)
+                    break;
+            }
+            const versions = workspaceVersions(messages, this.name);
+            this.versions = versions;
+            if (arriving && versions.length > before && before > 0)
+                this.newer = versions[versions.length - 1].version;
+        }
+        catch (error) {
+            this.failure = error?.message || String(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    go(version) {
+        this.newer = 0;
+        navigate(workspaceAddress(this.sessionId, this.name, version));
+    }
+    render() {
+        const shown = this.shown;
+        if (this.loading && !shown)
+            return html `<div class="empty">${t('loading', 'loading the workspace…')}</div>`;
+        if (this.failure)
+            return html `<div class="empty">${t('unreadable-page', 'could not read this workspace: {reason}', { reason: this.failure })}</div>`;
+        /*
+         * Nothing to show says only what is true: this reader sees no such workspace. Whether it never existed, is in
+         * a private conversation or sits behind a door is not said - saying which would itself tell.
+         */
+        if (!shown)
+            return html `<div class="empty">${t('not-found', 'there is no workspace here that you can see.')}</div>`;
+        const latest = this.versions[this.versions.length - 1].version;
+        return html `<div class="page">
+      ${this.newer && this.newer !== shown.version
+            ? html `<div class="notice" role="status">
+            <md-icon>update</md-icon>
+            <span>${t('newer', 'a newer version ({version}) is ready.', { version: this.newer })}</span>
+            <button @click=${() => this.go(this.newer)}>${t('show-newer', 'show it')}</button>
+          </div>`
+            : nothing}
+      <header>
+        <div class="what">
+          <h1>${shown.workspace.title}</h1>
+          ${shown.workspace.summary ? html `<div class="summary">${shown.workspace.summary}</div>` : nothing}
+        </div>
+        ${this.versions.length > 1
+            ? html `<select aria-label=${t('versions', 'versions')} @change=${(e) => this.go(Number(e.target.value))}>
+              ${this.versions
+                .slice()
+                .reverse()
+                .map(one => html `<option value=${one.version} ?selected=${one.version === shown.version}>
+                    ${t('version', 'version {version} of {of}', { version: one.version, of: latest })}${one.createdAt ? ` · ${new Date(one.createdAt).toLocaleString(i18next.language || undefined)}` : ''}
+                  </option>`)}
+            </select>`
+            : nothing}
+      </header>
+      <ox-assistant-workspace-view .workspace=${shown.workspace}></ox-assistant-workspace-view>
+    </div>`;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "sessionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "name", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "wanted", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AssistantWorkspacePage.prototype, "versions", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "failure", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantWorkspacePage.prototype, "newer", void 0);
+AssistantWorkspacePage = __decorate([
+    customElement('assistant-workspace-page')
+], AssistantWorkspacePage);
+export { AssistantWorkspacePage };
+//# sourceMappingURL=assistant-workspace-page.js.map

package/dist-client/pages/assistant-workspace-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-workspace-page.js","sourceRoot":"","sources":["../../client/pages/assistant-workspace-page.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The AI 작업판 page (operato-application/design/ai/workspace.md).\n *\n * `assistant-workspace?session=<id>&name=<name>[&version=<n>]`. It reads the conversation through its own\n * door (`chatMessages`), so a private conversation shows nothing to someone outside it and a version behind a\n * door the reader cannot pass is not among the versions (ADR-0073). A new version arriving while the page is\n * open is announced, never swapped in under the reader.\n */\nimport '@material/web/icon/icon.js'\nimport '../components/workspace-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { startSessionActivityFeed, subscribeSessionActivity } from '../utils/assistant-activity.js'\nimport { workspaceAddress, workspaceVersions, type WorkspaceVersion } from '../utils/workspace.js'\n\nconst MESSAGES = gql`\n  query ($sessionId: String!, $limit: Int, $offset: Int) {\n    chatMessages(sessionId: $sessionId, limit: $limit, offset: $offset) {\n      id\n      createdAt\n      proposalsJson\n    }\n  }\n`\n\nconst PAGE = 200\nconst MOST = 5000\n\nconst t = (key: string, defaultValue: string, options: Record<string, unknown> = {}) =>\n  String(i18next.t(`ai-assistant.workspace.${key}`, { defaultValue, ...options }))\n\n@customElement('assistant-workspace-page')\nexport class AssistantWorkspacePage extends localize(i18next)(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        overflow: auto;\n        padding: 20px 24px 40px;\n        box-sizing: border-box;\n        background: var(--md-sys-color-surface);\n      }\n\n      .page {\n        max-width: 1100px;\n        margin: 0 auto;\n      }\n\n      header {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        margin-bottom: 16px;\n      }\n\n      header .what {\n        flex: 1;\n        min-width: 0;\n      }\n\n      header h1 {\n        margin: 0;\n        font-size: 24px;\n        line-height: 1.3;\n      }\n\n      header .summary {\n        margin-top: 4px;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n\n      header select {\n        padding: 4px 8px;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 6px;\n        background: var(--md-sys-color-surface-container-lowest);\n        color: inherit;\n        font: inherit;\n      }\n\n      .notice {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 14px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n      }\n\n      .notice button {\n        padding: 3px 10px;\n        border: 1px solid currentColor;\n        border-radius: 6px;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        cursor: pointer;\n      }\n\n      .empty {\n        padding: 40px 0;\n        color: var(--md-sys-color-on-surface-variant);\n        text-align: center;\n      }\n    `\n  ]\n\n  @state() private sessionId = ''\n  @state() private name = ''\n  @state() private wanted = 0\n  @state() private versions: WorkspaceVersion[] = []\n  @state() private loading = false\n  @state() private failure = ''\n  /** A version that arrived after the page was drawn - announced, not shown until asked. */\n  @state() private newer = 0\n\n  private unsubscribe?: () => void\n\n  get context() {\n    const shown = this.shown\n    return { title: shown?.workspace.title || t('title', 'AI workspace') }\n  }\n\n  private get shown(): WorkspaceVersion | undefined {\n    if (!this.versions.length) return undefined\n    return this.versions.find(one => one.version === this.wanted) ?? this.versions[this.versions.length - 1]\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    startSessionActivityFeed()\n    this.unsubscribe = subscribeSessionActivity(activity => {\n      if (activity.sessionId === this.sessionId && activity.kind === 'message') void this.load(true)\n    })\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.()\n    super.disconnectedCallback()\n  }\n\n  async pageUpdated(_changes: any, lifecycle: any) {\n    const params = lifecycle?.params ?? {}\n    const sessionId = String(params.session || '')\n    const name = String(params.name || '')\n    const wanted = Number(params.version) || 0\n    const changed = sessionId !== this.sessionId || name !== this.name\n    this.sessionId = sessionId\n    this.name = name\n    this.wanted = wanted\n    if (changed) {\n      this.newer = 0\n      await this.load(false)\n    }\n  }\n\n  private async load(arriving: boolean) {\n    if (!this.sessionId || !this.name) return\n    const before = this.versions.length\n    if (!arriving) this.loading = true\n    this.failure = ''\n    try {\n      const messages: any[] = []\n      for (let offset = 0; offset < MOST; offset += PAGE) {\n        const result = await client.query({ query: MESSAGES, variables: { sessionId: this.sessionId, limit: PAGE, offset }, fetchPolicy: 'no-cache' })\n        if (result.errors?.length) throw new Error(result.errors[0].message)\n        const page = result.data?.chatMessages ?? []\n        messages.push(...page)\n        if (page.length < PAGE) break\n      }\n      const versions = workspaceVersions(messages, this.name)\n      this.versions = versions\n      if (arriving && versions.length > before && before > 0) this.newer = versions[versions.length - 1].version\n    } catch (error: any) {\n      this.failure = error?.message || String(error)\n    } finally {\n      this.loading = false\n    }\n  }\n\n  private go(version?: number) {\n    this.newer = 0\n    navigate(workspaceAddress(this.sessionId, this.name, version))\n  }\n\n  render() {\n    const shown = this.shown\n    if (this.loading && !shown) return html`<div class=\"empty\">${t('loading', 'loading the workspace…')}</div>`\n    if (this.failure) return html`<div class=\"empty\">${t('unreadable-page', 'could not read this workspace: {reason}', { reason: this.failure })}</div>`\n    /*\n     * Nothing to show says only what is true: this reader sees no such workspace. Whether it never existed, is in\n     * a private conversation or sits behind a door is not said - saying which would itself tell.\n     */\n    if (!shown) return html`<div class=\"empty\">${t('not-found', 'there is no workspace here that you can see.')}</div>`\n\n    const latest = this.versions[this.versions.length - 1].version\n    return html`<div class=\"page\">\n      ${this.newer && this.newer !== shown.version\n        ? html`<div class=\"notice\" role=\"status\">\n            <md-icon>update</md-icon>\n            <span>${t('newer', 'a newer version ({version}) is ready.', { version: this.newer })}</span>\n            <button @click=${() => this.go(this.newer)}>${t('show-newer', 'show it')}</button>\n          </div>`\n        : nothing}\n      <header>\n        <div class=\"what\">\n          <h1>${shown.workspace.title}</h1>\n          ${shown.workspace.summary ? html`<div class=\"summary\">${shown.workspace.summary}</div>` : nothing}\n        </div>\n        ${this.versions.length > 1\n          ? html`<select aria-label=${t('versions', 'versions')} @change=${(e: Event) => this.go(Number((e.target as HTMLSelectElement).value))}>\n              ${this.versions\n                .slice()\n                .reverse()\n                .map(\n                  one => html`<option value=${one.version} ?selected=${one.version === shown.version}>\n                    ${t('version', 'version {version} of {of}', { version: one.version, of: latest })}${one.createdAt ? ` · ${new Date(one.createdAt).toLocaleString(i18next.language || undefined)}` : ''}\n                  </option>`\n                )}\n            </select>`\n          : nothing}\n      </header>\n      <ox-assistant-workspace-view .workspace=${shown.workspace}></ox-assistant-workspace-view>\n    </div>`\n  }\n}\n"]}

package/dist-client/route.d.ts

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

package/dist-client/route.js

@@ -0,0 +1,10 @@
+/* The pages ai-assistant brings to every application that installs it. */
+export default function route(page) {
+    switch (page) {
+        /* The AI 작업판 - results too large for the dock (design/ai/workspace.md). */
+        case 'assistant-workspace':
+            import('./pages/assistant-workspace-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,0EAA0E;AAC1E,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,2EAA2E;QAC3E,KAAK,qBAAqB;YACxB,MAAM,CAAC,qCAAqC,CAAC,CAAA;YAC7C,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["/* The pages ai-assistant brings to every application that installs it. */\nexport default function route(page: string) {\n  switch (page) {\n    /* The AI 작업판 - results too large for the dock (design/ai/workspace.md). */\n    case 'assistant-workspace':\n      import('./pages/assistant-workspace-page.js')\n      return page\n  }\n}\n"]}