@gaia-ai/addon-gaia-ui 0.17.2 → 0.19.0

package/dist/src/Entity/ticket/Screen/ticket-content-screen.js

@@ -1,13 +1,18 @@
 import { actionItem, } from '../../../Component/footer-actions/index.js';
 import { copyThrough } from '../../../lib/clipboard.js';
+import { serverMessage } from '../../../lib/jsonapi-error.js';
 import { BORDER, textNode } from '../../../lib/vnode.js';
 import { AsyncScreen, } from '../../../Screen/async-screen.js';
-import { TicketContent, } from '../Component/ticket-content/index.js';
+import { runRowAction } from '../../../Screen/row-action.js';
+import { ADDONS_KEY, hasAddonsMessages, TicketContent, } from '../Component/ticket-content/index.js';
 import { initialExpandedKeys, resolveSelectedKey, retainExpandedKeys, ticketContentModel, ticketContentRowId, } from '../Component/ticket-content/model.js';
 import { handleTicketCopy, ticketCopyActions, ticketEditAction, ticketHeaderTree, ticketTitleOf, } from '../Component/ticket-detail/index.js';
 import { ticketTeaserLines, ticketTeaserTree, } from '../Component/ticket-teaser/index.js';
+import { readTicketAddons } from '../Data/addons.js';
+import { loadTicketDetail } from '../Data/detail.js';
 import { ticketDetailInputContext } from '../Data/input.js';
 import { loadTicketView, readTicket, refreshTicket, saveTicket, ticketLoaded, watchTicket, } from '../Data/store.js';
+import { updateTicketFrozen } from '../Data/write.js';
 /** Overview width when the context carries none — a pipe has no terminal. */
 const DEFAULT_COLUMNS = 80;
 /**
@@ -20,12 +25,16 @@ export class TicketContentScreen extends AsyncScreen {
     initializedKey;
     labels;
     status = '';
+    freezeBusy = new Set();
     releaseStore;
     expanded = new Set();
     viewMode = 'full';
     /** Visit-local: the sidebar pane and Planning document tab last chosen. */
     sidebarTab;
     documentKey;
+    /** Overview only (GAIA-661); a stale load after navigating away is dropped. */
+    addonsPreview;
+    addonsPreviewGeneration = 0;
     modelMemo;
     compact() {
         return this.viewMode !== 'full';
@@ -69,6 +78,10 @@ export class TicketContentScreen extends AsyncScreen {
             ...(this.documentKey === undefined
                 ? {}
                 : { documentKey: this.documentKey }),
+            ...(this.addonsPreview === undefined
+                ? {}
+                : { addonsPreview: this.addonsPreview }),
+            onOpenAddons: () => this.openAddons(context),
             onSidebarTab: (tab) => live(() => {
                 this.sidebarTab = tab;
             }),
@@ -129,8 +142,31 @@ export class TicketContentScreen extends AsyncScreen {
                 this.replaceReady(document);
             context.requestDraw();
         });
+        this.loadAddonsPreview(context);
         context.requestDraw();
     }
+    /** The inline card's data (GAIA-661); Overview only, loaded once per visit. */
+    loadAddonsPreview(context) {
+        this.addonsPreview = undefined;
+        if (this.tab !== 'overview')
+            return;
+        const client = context.services?.client;
+        const ticketId = context.params?.ticketId;
+        if (!client || !ticketId)
+            return;
+        const generation = ++this.addonsPreviewGeneration;
+        void readTicketAddons(client, ticketId)
+            .then((model) => {
+            if (generation !== this.addonsPreviewGeneration || !context.isActive())
+                return;
+            this.addonsPreview = model;
+            context.requestDraw();
+        })
+            // Best-effort preview (matches route.ts's optional-fetch convention): a
+            // failed fetch just leaves the card absent rather than crashing the
+            // Overview screen or surfacing an unhandled rejection.
+            .catch(() => undefined);
+    }
     leave() {
         this.releaseStore?.();
         this.releaseStore = undefined;
@@ -157,8 +193,31 @@ export class TicketContentScreen extends AsyncScreen {
     setLabels(labels) {
         this.labels = labels;
     }
-    select(index, context) {
+    /**
+     * The model's selectable keys, plus the inline addons card's row (GAIA-661
+     * D1) when the Overview preview has a message worth reaching: a Tab/arrow
+     * visit stops there and Enter opens the full send/poll screen, the same
+     * keyboard reach the Details/Stats/Related sidebar card already has via its
+     * own (Technical details) row.
+     */
+    selectableKeys(context) {
         const keys = this.syncModel(context).selectableKeys;
+        if (this.tab === 'overview' &&
+            this.addonsPreview &&
+            hasAddonsMessages(this.addonsPreview)) {
+            return [...keys, ADDONS_KEY];
+        }
+        return keys;
+    }
+    openAddons(context) {
+        if (!context.isActive())
+            return;
+        context.navigate?.('ticket.addons', {
+            ticketId: context.params?.ticketId ?? '',
+        });
+    }
+    select(index, context) {
+        const keys = this.selectableKeys(context);
         if (keys.length === 0)
             return false;
         const next = Math.max(0, Math.min(index, keys.length - 1));
@@ -172,10 +231,16 @@ export class TicketContentScreen extends AsyncScreen {
     activate(index, context) {
         if (!this.document)
             return false;
-        const keys = this.syncModel(context).selectableKeys;
+        const keys = this.selectableKeys(context);
         const key = keys[index];
         if (key === undefined)
             return false;
+        if (key === ADDONS_KEY) {
+            this.selectedKey = key;
+            context.requestDraw();
+            this.openAddons(context);
+            return true;
+        }
         const next = new Set(this.expanded);
         if (next.has(key))
             next.delete(key);
@@ -186,18 +251,61 @@ export class TicketContentScreen extends AsyncScreen {
         context.requestDraw();
         return true;
     }
+    isFrozen() {
+        return this.document?.data?.attributes?.frozen === true;
+    }
+    /**
+     * PATCH `frozen` through the write client, then re-read on the session
+     * client so the ladder and document agree with the server.
+     */
+    toggleFrozen(context) {
+        const id = this.document?.data?.id ?? context.params?.ticketId;
+        if (!id || !context.services)
+            return true;
+        const next = !this.isFrozen();
+        const guard = this.captureLifecycle(context);
+        return runRowAction({
+            rowId: id,
+            busy: this.freezeBusy,
+            context,
+            perform: async () => {
+                try {
+                    await updateTicketFrozen(context.services?.writeClient ?? context.services?.client, id, next);
+                }
+                catch (caught) {
+                    throw new Error(serverMessage(caught));
+                }
+                return { message: next ? 'frozen' : 'no longer frozen' };
+            },
+            refresh: async (ctx) => {
+                refreshTicket(ctx);
+                if (!ctx.services)
+                    return;
+                const document = await loadTicketDetail(ctx.services.client, id, this.includes);
+                this.replaceReadyIfCurrent(guard, saveTicket(ctx, document), ctx);
+            },
+            setStatus: (status) => {
+                this.status = status;
+            },
+            captureLifecycle: () => guard,
+            lifecycleIsCurrent: (current, ctx) => this.lifecycleIsCurrent(current, ctx),
+            failPrefix: 'freeze failed',
+        });
+    }
     handleInput(input, context) {
         if (super.handleInput(input, context))
             return true;
         if (this.state !== 'ready' || this.viewMode !== 'full')
             return false;
-        const keys = this.syncModel(context).selectableKeys;
+        const keys = this.selectableKeys(context);
         const selectedIndex = this.selectedIndexOf(keys);
         if (input === 'y' || input === 'Y') {
             this.status = handleTicketCopy(input, context, this.document) ?? '';
             context.requestDraw();
             return true;
         }
+        if (input === 'f')
+            return this.toggleFrozen(context);
         if ((input === 'enter' || input === ' ') && keys.length > 0)
             return this.activate(selectedIndex, context);
         if (keys.length > 1 && (input === 'j' || input === 'down'))
@@ -258,7 +366,7 @@ export class TicketContentScreen extends AsyncScreen {
                     }),
                 ], this.labels),
             };
-        const keys = this.syncModel(context).selectableKeys;
+        const keys = this.selectableKeys(context);
         const selectedIndex = this.selectedIndexOf(keys);
         return {
             selectable: keys.length,
@@ -272,13 +380,16 @@ export class TicketContentScreen extends AsyncScreen {
     actions(context) {
         if (!this.document || this.viewMode !== 'full')
             return [];
-        const selectable = this.syncModel(context).selectableKeys.length;
+        const selectable = this.selectableKeys(context).length;
         return [
             actionItem('detail-tab', 'Tab', 'section'),
             actionItem('detail-edit', 'e', 'edit'),
-            ...ticketCopyActions(),
+            // Freeze and paging before copy: at 80 columns the footer clips the
+            // tail, and `Y:Copy link` is the hint that yields.
+            actionItem('detail-freeze', 'f', this.isFrozen() ? 'unfreeze' : 'freeze'),
             actionItem('detail-arrows', '↑↓', selectable > 1 ? 'select' : 'scroll'),
             actionItem('detail-page', 'PgUp/PgDn', 'page'),
+            ...ticketCopyActions(),
             ...(selectable > 0
                 ? [actionItem('detail-enter', 'Enter/Space', 'expand')]
                 : []),
@@ -294,10 +405,13 @@ export class TicketContentScreen extends AsyncScreen {
         this.modelMemo = undefined;
         this.sidebarTab = undefined;
         this.documentKey = undefined;
+        this.addonsPreview = undefined;
+        this.addonsPreviewGeneration += 1;
         this.selectedKey = undefined;
         this.initializedKey = undefined;
         this.labels = undefined;
         this.status = '';
+        this.freezeBusy.clear();
         this.expanded = new Set();
         this.viewMode = 'full';
     }
@@ -341,7 +455,7 @@ export class TicketContentScreen extends AsyncScreen {
             memo.labels === this.labels &&
             memo.now === now)
             return memo.model;
-        const model = ticketContentModel(document, this.tab, this.labels, now);
+        const model = ticketContentModel(document, this.tab, this.labels, now, context.services?.baseUrl);
         this.modelMemo = { document, labels: this.labels, now, model };
         return model;
     }

package/dist/src/Entity/ticket/Screen/ticket-detail.js

@@ -17,6 +17,8 @@ const INCLUDES = [
     'owner_user_id',
     'sub_tickets',
     'referenced_tickets',
+    'reviewers',
+    'pending_reviews',
 ];
 /** Public Overview route: the ticket's overview view and its interaction state. */
 export class TicketDetailScreen extends TicketContentScreen {
@@ -41,8 +43,8 @@ export class TicketDetailScreen extends TicketContentScreen {
     fullNonInteractive(document, context) {
         const nowSeconds = context.nowSeconds?.() ?? Math.floor(Date.now() / 1000);
         return flattenSections([
-            ...detailSections(document, this.labels, nowSeconds).filter((section) => section.heading === 'State' || section.heading === 'Labels'),
-            ...sectionsForTab(document, 0, this.labels, nowSeconds),
+            ...detailSections(document, this.labels, nowSeconds, context.services?.baseUrl).filter((section) => section.heading === 'State' || section.heading === 'Labels'),
+            ...sectionsForTab(document, 0, this.labels, nowSeconds, context.services?.baseUrl),
         ]).lines;
     }
 }

package/dist/src/Entity/ticket/Screen/tickets.d.ts

@@ -41,8 +41,8 @@ export declare class TicketsScreen extends ListScreen<TicketRow, void> {
         }, {
             readonly key: "run";
             readonly label: "RUN";
-            readonly width: 8;
-            readonly fields: readonly ["derived_status"];
+            readonly width: 12;
+            readonly fields: readonly ["derived_status", "stall_reason"];
             readonly get: (r: TicketRow) => string;
         }, {
             readonly key: "parent";

package/dist/src/Entity/ticket/Screen/user-tickets.d.ts

@@ -42,8 +42,8 @@ export declare abstract class MemberTicketsScreen extends ListScreen<TicketRow,
         }, {
             readonly key: "run";
             readonly label: "RUN";
-            readonly width: 8;
-            readonly fields: readonly ["derived_status"];
+            readonly width: 12;
+            readonly fields: readonly ["derived_status", "stall_reason"];
             readonly get: (r: TicketRow) => string;
         }, {
             readonly key: "parent";

package/dist/src/Routing/routes.js

@@ -21,6 +21,7 @@ import { MyWorkScreen } from '../Entity/ticket/Screen/my-work.js';
 import { MyWorkParentFilterScreen } from '../Entity/ticket/Screen/my-work-parent-filter-form.js';
 import { ParentFilterScreen } from '../Entity/ticket/Screen/parent-filter-form.js';
 import { ProjectFilterScreen } from '../Entity/ticket/Screen/project-filter-form.js';
+import { AddonActionFormScreen, TicketAddonsScreen, } from '../Entity/ticket/Screen/ticket-addons.js';
 import { TicketAgentsScreen } from '../Entity/ticket/Screen/ticket-agents.js';
 import { TicketCommentsScreen } from '../Entity/ticket/Screen/ticket-comments.js';
 import { TicketDetailScreen } from '../Entity/ticket/Screen/ticket-detail.js';
@@ -102,6 +103,8 @@ const BUILT_IN = [
     TicketPlanningScreen,
     TicketCommentsScreen,
     TicketRunsScreen,
+    TicketAddonsScreen,
+    AddonActionFormScreen,
     RunDetailScreen,
     EditRunFormScreen,
 ];

package/dist/src/Widget/multiselect.js

@@ -11,11 +11,15 @@ const multiselectWidget = {
     inlineValue: false,
     render(ctx) {
         const rows = [`${ctx.field.label}:`];
+        const list = ctx.list() ?? [];
         if (ctx.error !== undefined) {
-            return [...rows, ...note(ctx.error, BODY_INDENT, ctx.width)];
+            rows.push(...note(ctx.error, BODY_INDENT, ctx.width));
+            // A failed roster can still hold prefilled selections the toggle keys
+            // act on and Save writes; they stay visible so none changes unseen.
+            if (list.length === 0)
+                return rows;
         }
-        const list = ctx.list() ?? [];
-        if (list.length === 0) {
+        else if (list.length === 0) {
             // The honest empty case: the query SUCCEEDED and there is nothing to
             // offer. `trusted` is false when a form-level failure means no read
             // succeeded at all, and then the popup knows nothing about this bag and

package/dist/src/types.d.ts

@@ -48,6 +48,11 @@ export interface DropshClient {
      * declaring it costs no HTTP plumbing and no new dependency.
      */
     create(type: string, body: ResourceWriteBody): Promise<unknown>;
+    /**
+     * POST a raw document to a path — dropsh's `post`, for the custom resources
+     * that are not an entity create (the addon inbox send).
+     */
+    post(path: string, body: unknown): Promise<unknown>;
 }
 /** A JSON:API relationship linkage. */
 export interface JsonApiRelationship {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gaia-ai/addon-gaia-ui",
-  "version": "0.17.2",
+  "version": "0.19.0",
   "description": "GAIA TUI: interactive terminal UI (dashboard, projects, tickets) as a dropsh `tui` renderer plugin.",
   "type": "module",
   "license": "MIT",
@@ -29,6 +29,7 @@
     "zustand": "^5.0.15"
   },
   "peerDependencies": {
-    "@gaia-ai/core": "^0.17.2"
+    "@gaia-ai/core": "^0.19.0",
+    "@gaia-ai/message": "^0.19.0"
   }
 }