@antelopejs/dms-ai 0.2.0 → 0.3.0

package/README.md

@@ -17,7 +17,7 @@ Codex is selectable once its CLI is installed.
 
 ## Installation
 
-Add the module to a project that already uses `@antelopejs/dms`:
+Add the module to a project that already uses `@antelopejs/dms` 0.9 (with `@antelopejs/interface-dms` 0.7 and `@antelopejs/dms-frontend` 0.6: the views read their data with its `useApiData`, and the module's routes under `/ai/**` reach the backend through the frontend server, which the module declares as a backend prefix with the session):
 
 ```bash
 ajs project modules add @antelopejs/dms-ai
@@ -234,6 +234,8 @@ pnpm --dir frontend-vue build
 pnpm --dir frontend-vue typecheck
 ```
 
+`pnpm test:node` runs every backend suite below in one go, after a single build (`DMS_PREBUILT=1` skips the build when `dist/` is already fresh, as in CI). The sidecar's opt-in Codex acceptance suite runs on its own with `CODEX_ACCEPTANCE=1 pnpm --dir sidecar test:acceptance`.
+
 `pnpm test:frontend-registration` checks backend registration and sidecar inputs with the sidecar launcher mocked, and that every page, block and child of the Assistant module is titled with `$dms_ai` keys present in both locales.
 `pnpm test:routes` drives the `/ai/*` routes against a stand-in sidecar: query translation, `503` while it is down, settings conversions, Undo stamping and the CSV export.
 `pnpm test:sidecar-lifecycle` starts a stand-in sidecar to check that a hot reload keeps it, a restart replaces it, a sidecar left by an earlier run is stopped, and Ctrl+C on the backend stops it.

package/dist/constants/frontend-module.d.ts

@@ -1,3 +1,5 @@
+import type { FrontendBackendProxy } from "@antelopejs/interface-dms/page";
 export declare const FRONTEND_MODULE_NAME = "@antelopejs/dms-ai-frontend-vue";
 export declare const FRONTEND_MODULE_DIR = "../frontend-vue";
 export declare const FRONTEND_MODULE_PRIORITY = 100;
+export declare const FRONTEND_BACKEND_PROXY: FrontendBackendProxy;

package/dist/constants/frontend-module.js

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FRONTEND_MODULE_PRIORITY = exports.FRONTEND_MODULE_DIR = exports.FRONTEND_MODULE_NAME = void 0;
+exports.FRONTEND_BACKEND_PROXY = exports.FRONTEND_MODULE_PRIORITY = exports.FRONTEND_MODULE_DIR = exports.FRONTEND_MODULE_NAME = void 0;
+const module_1 = require("./module");
 exports.FRONTEND_MODULE_NAME = "@antelopejs/dms-ai-frontend-vue";
 exports.FRONTEND_MODULE_DIR = "../frontend-vue";
 exports.FRONTEND_MODULE_PRIORITY = 100;
+exports.FRONTEND_BACKEND_PROXY = {
+    path: `${module_1.ROUTE_PREFIX}/**`,
+    auth: "session",
+};
 //# sourceMappingURL=frontend-module.js.map

package/dist/constants/frontend-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"frontend-module.js","sourceRoot":"","sources":["../../src/constants/frontend-module.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,iCAAiC,CAAC;AACzD,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,wBAAwB,GAAG,GAAG,CAAC"}
+{"version":3,"file":"frontend-module.js","sourceRoot":"","sources":["../../src/constants/frontend-module.ts"],"names":[],"mappings":";;;AACA,qCAAwC;AAE3B,QAAA,oBAAoB,GAAG,iCAAiC,CAAC;AACzD,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,wBAAwB,GAAG,GAAG,CAAC;AAO/B,QAAA,sBAAsB,GAAyB;IAC1D,IAAI,EAAE,GAAG,qBAAY,KAAK;IAC1B,IAAI,EAAE,SAAS;CAChB,CAAC"}

package/dist/constants/pages.d.ts

@@ -32,9 +32,9 @@ export declare const PAGE_ROUTES: {
     readonly USAGE_SUMMARY: "/ai/metrics/usage/summary?days=14";
     readonly CHANGES: "/ai/changes";
     readonly RECENT_CHANGES: "/ai/recent-changes";
-    readonly CHANGE_UNDO: "/ai/changes/{_id}/undo";
-    readonly CHANGE_UNDO_CONFIRM: "/ai/changes/{id}/undo-confirm";
-    readonly CHANGE_REDO: "/ai/changes/{_id}/redo";
+    readonly CHANGE_UNDO: "/ai/changes/{{row._id}}/undo";
+    readonly CHANGE_UNDO_CONFIRM: "/ai/changes/{{row._id}}/undo-confirm";
+    readonly CHANGE_REDO: "/ai/changes/{{row._id}}/redo";
     readonly ACTIVITY: "/ai/activity";
     readonly ACTIVITY_EXPORT: "/ai/activity/export.csv";
     readonly SKILLS_CATALOG: "/ai/skills/catalog";
@@ -43,7 +43,7 @@ export declare const PAGE_ROUTES: {
 };
 export declare const PAGE_LINKS: {
     readonly CHANGES: "/modules/ai/changes";
-    readonly CHANGE_SET: "/modules/ai/changes?set={_id}";
+    readonly CHANGE_SET: "/modules/ai/changes?set={{row._id}}";
     readonly ACTIVITY: "/modules/ai/activity";
     readonly SETTINGS: "/modules/ai/settings";
     readonly SKILL_SETTINGS: "/modules/ai/settings#dms-form-settings-section-skills";

package/dist/constants/pages.js

@@ -39,9 +39,9 @@ exports.PAGE_ROUTES = {
     USAGE_SUMMARY: `${module_1.ROUTE_PREFIX}/metrics/usage/summary?days=${USAGE_DAYS}`,
     CHANGES: `${module_1.ROUTE_PREFIX}/changes`,
     RECENT_CHANGES: `${module_1.ROUTE_PREFIX}/recent-changes`,
-    CHANGE_UNDO: `${module_1.ROUTE_PREFIX}/changes/{_id}/undo`,
-    CHANGE_UNDO_CONFIRM: `${module_1.ROUTE_PREFIX}/changes/{id}/undo-confirm`,
-    CHANGE_REDO: `${module_1.ROUTE_PREFIX}/changes/{_id}/redo`,
+    CHANGE_UNDO: `${module_1.ROUTE_PREFIX}/changes/{{row._id}}/undo`,
+    CHANGE_UNDO_CONFIRM: `${module_1.ROUTE_PREFIX}/changes/{{row._id}}/undo-confirm`,
+    CHANGE_REDO: `${module_1.ROUTE_PREFIX}/changes/{{row._id}}/redo`,
     ACTIVITY: `${module_1.ROUTE_PREFIX}/activity`,
     ACTIVITY_EXPORT: `${module_1.ROUTE_PREFIX}/activity/export.csv`,
     SKILLS_CATALOG: `${module_1.ROUTE_PREFIX}/skills/catalog`,
@@ -50,7 +50,7 @@ exports.PAGE_ROUTES = {
 };
 exports.PAGE_LINKS = {
     CHANGES: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.CHANGES}`,
-    CHANGE_SET: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.CHANGES}?set={_id}`,
+    CHANGE_SET: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.CHANGES}?set={{row._id}}`,
     ACTIVITY: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.ACTIVITY}`,
     SETTINGS: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.SETTINGS}`,
     SKILL_SETTINGS: `${MODULE_PAGES_PATH}/${exports.PAGE_IDS.SETTINGS}#dms-form-${SETTINGS_FORM_KEY}-section-${exports.SETTINGS_SKILLS_SECTION}`,

package/dist/constants/pages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.js","sourceRoot":"","sources":["../../src/constants/pages.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AAE3B,QAAA,cAAc,GAAG,cAAc,CAAC;AAChC,QAAA,sBAAsB,GAAG,UAAU,CAAC;AAGjD,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAE3B,QAAA,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,CAAC;CACH,CAAC;AAGE,QAAA,qBAAqB,GAAG,aAAa,CAAC;AAGtC,QAAA,kBAAkB,GAAG,CAAC,CAAC;AAEvB,QAAA,eAAe,GAAG,CAAC,CAAC;AAEpB,QAAA,kBAAkB,GAAG,EAAE,CAAC;AAErC,MAAM,UAAU,GAAG,EAAE,CAAC;AAGtB,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACxB,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAGnC,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,qBAAY,SAAS;IAChC,YAAY,EAAE,GAAG,qBAAY,eAAe;IAC5C,aAAa,EAAE,GAAG,qBAAY,gBAAgB;IAC9C,eAAe,EAAE,GAAG,qBAAY,kBAAkB;IAClD,GAAG,EAAE,GAAG,qBAAY,cAAc;IAClC,MAAM,EAAE,GAAG,qBAAY,iBAAiB;IACxC,OAAO,EAAE,GAAG,qBAAY,kBAAkB;IAC1C,SAAS,EAAE,GAAG,qBAAY,4BAA4B,uBAAe,EAAE;IACvE,KAAK,EAAE,GAAG,qBAAY,uBAAuB,UAAU,EAAE;IACzD,aAAa,EAAE,GAAG,qBAAY,+BAA+B,UAAU,EAAE;IACzE,OAAO,EAAE,GAAG,qBAAY,UAAU;IAClC,cAAc,EAAE,GAAG,qBAAY,iBAAiB;IAChD,WAAW,EAAE,GAAG,qBAAY,qBAAqB;IACjD,mBAAmB,EAAE,GAAG,qBAAY,4BAA4B;IAChE,WAAW,EAAE,GAAG,qBAAY,qBAAqB;IACjD,QAAQ,EAAE,GAAG,qBAAY,WAAW;IACpC,eAAe,EAAE,GAAG,qBAAY,sBAAsB;IACtD,cAAc,EAAE,GAAG,qBAAY,iBAAiB;IAChD,eAAe,EAAE,GAAG,qBAAY,mBAAmB;IACnD,QAAQ,EAAE,GAAG,qBAAY,WAAW;CAC5B,CAAC;AAGE,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,OAAO,EAAE;IACnD,UAAU,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,OAAO,YAAY;IAChE,QAAQ,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,EAAE;IACrD,QAAQ,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,EAAE;IACrD,cAAc,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,aAAa,iBAAiB,YAAY,+BAAuB,EAAE;CACpH,CAAC"}
+{"version":3,"file":"pages.js","sourceRoot":"","sources":["../../src/constants/pages.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AAE3B,QAAA,cAAc,GAAG,cAAc,CAAC;AAChC,QAAA,sBAAsB,GAAG,UAAU,CAAC;AAGjD,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAE3B,QAAA,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,CAAC;CACH,CAAC;AAGE,QAAA,qBAAqB,GAAG,aAAa,CAAC;AAGtC,QAAA,kBAAkB,GAAG,CAAC,CAAC;AAEvB,QAAA,eAAe,GAAG,CAAC,CAAC;AAEpB,QAAA,kBAAkB,GAAG,EAAE,CAAC;AAErC,MAAM,UAAU,GAAG,EAAE,CAAC;AAGtB,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACxB,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAGnC,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,qBAAY,SAAS;IAChC,YAAY,EAAE,GAAG,qBAAY,eAAe;IAC5C,aAAa,EAAE,GAAG,qBAAY,gBAAgB;IAC9C,eAAe,EAAE,GAAG,qBAAY,kBAAkB;IAClD,GAAG,EAAE,GAAG,qBAAY,cAAc;IAClC,MAAM,EAAE,GAAG,qBAAY,iBAAiB;IACxC,OAAO,EAAE,GAAG,qBAAY,kBAAkB;IAC1C,SAAS,EAAE,GAAG,qBAAY,4BAA4B,uBAAe,EAAE;IACvE,KAAK,EAAE,GAAG,qBAAY,uBAAuB,UAAU,EAAE;IACzD,aAAa,EAAE,GAAG,qBAAY,+BAA+B,UAAU,EAAE;IACzE,OAAO,EAAE,GAAG,qBAAY,UAAU;IAClC,cAAc,EAAE,GAAG,qBAAY,iBAAiB;IAChD,WAAW,EAAE,GAAG,qBAAY,2BAA2B;IACvD,mBAAmB,EAAE,GAAG,qBAAY,mCAAmC;IACvE,WAAW,EAAE,GAAG,qBAAY,2BAA2B;IACvD,QAAQ,EAAE,GAAG,qBAAY,WAAW;IACpC,eAAe,EAAE,GAAG,qBAAY,sBAAsB;IACtD,cAAc,EAAE,GAAG,qBAAY,iBAAiB;IAChD,eAAe,EAAE,GAAG,qBAAY,mBAAmB;IACnD,QAAQ,EAAE,GAAG,qBAAY,WAAW;CAC5B,CAAC;AAGE,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,OAAO,EAAE;IACnD,UAAU,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,OAAO,kBAAkB;IACtE,QAAQ,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,EAAE;IACrD,QAAQ,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,EAAE;IACrD,cAAc,EAAE,GAAG,iBAAiB,IAAI,gBAAQ,CAAC,QAAQ,aAAa,iBAAiB,YAAY,+BAAuB,EAAE;CACpH,CAAC"}

package/dist/index.js

@@ -30,6 +30,7 @@ async function start() {
         sourcePath: node_path_1.default.join(__dirname, frontend_module_1.FRONTEND_MODULE_DIR),
         renderer: { name: "vue", version: "3" },
         priority: frontend_module_1.FRONTEND_MODULE_PRIORITY,
+        backendProxies: [frontend_module_1.FRONTEND_BACKEND_PROXY],
     });
     const [moduleRoots, skillDirs, builderEnabled] = await Promise.all([
         (0, module_roots_1.collectModuleRoots)(),

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAmBA,8BAEC;AAED,sBAyBC;AAOD,0BAEC;AAzDD,0DAA6B;AAC7B,gEAA6D;AAC7D,yDAAmE;AACnE,iDAAwD;AACxD,kDAAsD;AACtD,qCAA6D;AAC7D,iEAIqC;AACrC,iDAAyD;AACzD,2DAA8D;AAC9D,6DAAgE;AAChE,6DAAyD;AACzD,qDAAuD;AACvD,mBAAiB;AACjB,oBAAkB;AAElB,SAAgB,SAAS,CAAC,MAAe;IACvC,IAAA,kBAAS,EAAC,IAAA,oBAAW,EAAC,MAAM,CAAC,CAAC,CAAC;AACjC,CAAC;AAEM,KAAK,UAAU,KAAK;IACzB,IAAA,4BAAe,GAAE,CAAC;IAClB,MAAM,IAAA,wBAAiB,EAAC;QACtB,IAAI,EAAE,sCAAoB;QAC1B,UAAU,EAAE,mBAAI,CAAC,IAAI,CAAC,SAAS,EAAE,qCAAmB,CAAC;QACrD,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;QACvC,QAAQ,EAAE,0CAAwB;KACnC,CAAC,CAAC;IAIH,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACjE,IAAA,iCAAkB,GAAE;QACpB,IAAA,mCAAmB,GAAE;QACrB,IAAA,6BAAkB,GAAE;KACrB,CAAC,CAAC;IACH,KAAK,IAAA,4BAAY,EAAC;QAChB,eAAe,EAAE,OAAO,CAAC,GAAG,EAAE;QAC9B,GAAG,IAAA,kBAAS,GAAE;QACd,WAAW;QACX,SAAS;QACT,cAAc;KACf,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;QACf,iBAAO,CAAC,KAAK,CAAC,GAAG,4BAAkB,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC;AAOD,SAAgB,OAAO;IACrB,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAoBA,8BAEC;AAED,sBA0BC;AAOD,0BAEC;AA3DD,0DAA6B;AAC7B,gEAA6D;AAC7D,yDAAmE;AACnE,iDAAwD;AACxD,kDAAsD;AACtD,qCAA6D;AAC7D,iEAKqC;AACrC,iDAAyD;AACzD,2DAA8D;AAC9D,6DAAgE;AAChE,6DAAyD;AACzD,qDAAuD;AACvD,mBAAiB;AACjB,oBAAkB;AAElB,SAAgB,SAAS,CAAC,MAAe;IACvC,IAAA,kBAAS,EAAC,IAAA,oBAAW,EAAC,MAAM,CAAC,CAAC,CAAC;AACjC,CAAC;AAEM,KAAK,UAAU,KAAK;IACzB,IAAA,4BAAe,GAAE,CAAC;IAClB,MAAM,IAAA,wBAAiB,EAAC;QACtB,IAAI,EAAE,sCAAoB;QAC1B,UAAU,EAAE,mBAAI,CAAC,IAAI,CAAC,SAAS,EAAE,qCAAmB,CAAC;QACrD,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;QACvC,QAAQ,EAAE,0CAAwB;QAClC,cAAc,EAAE,CAAC,wCAAsB,CAAC;KACzC,CAAC,CAAC;IAIH,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACjE,IAAA,iCAAkB,GAAE;QACpB,IAAA,mCAAmB,GAAE;QACrB,IAAA,6BAAkB,GAAE;KACrB,CAAC,CAAC;IACH,KAAK,IAAA,4BAAY,EAAC;QAChB,eAAe,EAAE,OAAO,CAAC,GAAG,EAAE;QAC9B,GAAG,IAAA,kBAAS,GAAE;QACd,WAAW;QACX,SAAS;QACT,cAAc;KACf,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;QACf,iBAAO,CAAC,KAAK,CAAC,GAAG,4BAAkB,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC;AAOD,SAAgB,OAAO;IACrB,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC"}

package/dist/pages/skills/page.js

@@ -82,8 +82,6 @@ let AISkillsPage = class AISkillsPage extends (0, page_1.PageController)(pages_1
         labelKey: "name",
         searchPlaceholder: text("search"),
         displays: [{ id: CARDS_DISPLAY }],
-        tableDisplay: false,
-        defaultDisplay: CARDS_DISPLAY,
         pageSize: CARDS_PAGE_SIZE,
         defaultSort: { field: "uses30d", desc: true },
         card: {

package/dist/pages/skills/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/pages/skills/page.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/pages/skills/page.ts"],"names":[],"mappings":"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"}

package/frontend-vue/app/components/ActivityDetail.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
+import { computed, ref } from "vue";
 import DecisionLabel from "../views/DecisionLabel.vue";
 import DiffView from "../views/DiffView.vue";
 import RowStepper from "../views/RowStepper.vue";
 import ResultPill from "../views/ResultPill.vue";
 import UnavailableState from "../views/UnavailableState.vue";
-import { useAiRequest } from "../views/composables/useAiRequest";
+import { useAiData } from "../views/composables/useAiData";
 import { useAssistant } from "../views/composables/useAssistant";
 import { useViewFormat } from "../views/composables/useViewFormat";
 import { AI_PAGES, AI_ROUTES, CHANGE_SET_QUERY_KEY } from "../views/constants";
@@ -30,29 +30,27 @@ interface Props {
 const props = defineProps<Props>();
 
 const { t } = useI18n();
-const { $authFetch } = useAuthFetch();
 const { moment, toolLabel, clock } = useViewFormat();
 const assistant = useAssistant();
-const detail = useAiRequest<ActivityDetailPayload>();
 const isRawShown = ref(false);
 
 const OUTPUT_MAX_LINES = 14;
 const RAW_MAX_LINES = 20;
 
 const rowId = computed(() => props.rowData?.id ?? props.rowData?._id);
+// Read with the page: a deep link (`?record=<id>`) renders the entry on the
+// server and hands it over. The drawer opened again shows the entry read
+// before and reads it again, as a pending call may have ended since.
+const detail = useAiData<ActivityDetailPayload>(() =>
+	rowId.value
+		? `${AI_ROUTES.activity}/${encodeURIComponent(rowId.value)}`
+		: null,
+);
 
 function load(): void {
-	const id = rowId.value;
-	if (!id) return;
-	void detail.run(() =>
-		$authFetch<ActivityDetailPayload>(
-			`${AI_ROUTES.activity}/${encodeURIComponent(id)}`,
-		),
-	);
+	void detail.refresh();
 }
 
-watch(rowId, load, { immediate: true });
-
 const row = computed(() => props.rowData);
 const eyebrow = computed(() => {
 	const current = row.value;

package/frontend-vue/app/components/ChangesView.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { useDmsRoute } from "#dms/frontend-module";
 import ChangeSetPanel from "../views/ChangeSetPanel.vue";
 import UnavailableState from "../views/UnavailableState.vue";
-import { useAiRequest } from "../views/composables/useAiRequest";
+import { useAiData, useAiPagedData } from "../views/composables/useAiData";
 import { useAssistant } from "../views/composables/useAssistant";
 import { useViewFormat } from "../views/composables/useViewFormat";
 import {
@@ -20,34 +20,18 @@ import type {
 import {
 	changeSetIcon,
 	matchesSearch,
-	readSelectedSet,
 	writeSelectedSet,
 } from "../views/utils/change-sets";
 
 type ScopeFilter = ScopeId | "all";
 
 const { t } = useI18n();
-const { $authFetch } = useAuthFetch();
 const { moment } = useViewFormat();
 const assistant = useAssistant();
 const route = useDmsRoute();
 
-const list = useAiRequest<ListPayload<ChangeSetSummary>>();
-const status = useAiRequest<AssistantStatus>();
-const changeSets = ref<ChangeSetSummary[]>([]);
-const total = ref(0);
 const scope = ref<ScopeFilter>("all");
 const search = ref("");
-const selectedId = ref<string | undefined>(readSelectedSet());
-// The list loads on the client only: until its first answer the server and
-// the hydrating client both draw the skeleton, never a premature empty state.
-const hasLoaded = ref(false);
-
-const SCOPE_ITEMS = computed(() => [
-	{ value: "all", label: t("dms_ai.views.changes.filter_all") },
-	{ value: "safe", label: t("dms_ai.views.changes.filter_safe") },
-	{ value: "vibe", label: t("dms_ai.views.changes.filter_code") },
-]);
 
 function listQuery(offset: number): Record<string, string | number> {
 	const query: Record<string, string | number> = {
@@ -58,46 +42,69 @@ function listQuery(offset: number): Record<string, string | number> {
 	return { ...query, scope: scope.value, filter_scope: `is:${scope.value}` };
 }
 
-async function loadPage(offset: number): Promise<void> {
-	const page = await list.run(() =>
-		$authFetch<ListPayload<ChangeSetSummary>>(AI_ROUTES.changes, {
-			query: listQuery(offset),
+type ChangesPage = ListPayload<ChangeSetSummary>;
+
+/** The sets the pages hold, in order. */
+function loadedCount(pages: ChangesPage[]): number {
+	return pages.reduce((count, page) => count + page.results.length, 0);
+}
+
+// The status and the list's first page are read with the page: a server
+// render shows them, and the selected set's panel, at once. "Load more"
+// appends a page under the scope's key; the page's refreshes read every
+// page loaded again.
+const status = useAiData<AssistantStatus>(AI_ROUTES.status);
+const list = useAiPagedData<ChangesPage, number>(
+	() => `dms-ai:changes:${scope.value}`,
+	({ $authFetch, cursor, signal }) =>
+		$authFetch<ChangesPage>(AI_ROUTES.changes, {
+			query: listQuery(cursor ?? 0),
+			signal,
 		}),
-	);
-	hasLoaded.value = true;
-	if (!page) return;
-	changeSets.value =
-		offset === 0 ? page.results : [...changeSets.value, ...page.results];
-	total.value = page.total;
-	if (selectedId.value === undefined) selectedId.value = page.results[0]?.id;
+	{
+		nextCursor: (page, pages) => {
+			const loaded = loadedCount(pages);
+			return page.results.length > 0 && loaded < page.total ? loaded : null;
+		},
+	},
+);
+const changeSets = computed(() =>
+	list.pages.value.flatMap((page) => page.results),
+);
+const total = computed(() => list.pages.value.at(-1)?.total ?? 0);
+
+function selectedFromRoute(): string | undefined {
+	const id = route.query[CHANGE_SET_QUERY_KEY];
+	return typeof id === "string" && id ? id : undefined;
 }
 
+/** The set picked here or named by the URL (`?set=`); the first one until then. */
+const pickedId = ref<string | undefined>(selectedFromRoute());
+const selectedId = computed(() => pickedId.value ?? changeSets.value[0]?.id);
+
+const SCOPE_ITEMS = computed(() => [
+	{ value: "all", label: t("dms_ai.views.changes.filter_all") },
+	{ value: "safe", label: t("dms_ai.views.changes.filter_safe") },
+	{ value: "vibe", label: t("dms_ai.views.changes.filter_code") },
+]);
+
 function reload(): Promise<void> {
-	return loadPage(0);
+	return list.refresh();
 }
 
+/** Appends the next page; a failure keeps the sets listed and the button. */
 function loadMore(): Promise<void> {
-	return loadPage(changeSets.value.length);
+	return list.loadMore();
 }
 
-onMounted(() => {
-	void status.run(() => $authFetch<AssistantStatus>(AI_ROUTES.status));
-	void reload();
+watch(selectedFromRoute, (id) => {
+	if (id) pickedId.value = id;
 });
 
-watch(scope, reload);
-
-watch(
-	() => route.query[CHANGE_SET_QUERY_KEY],
-	(id) => {
-		if (id) selectedId.value = id;
-	},
-);
-
 function select(id: string | number | undefined): void {
 	if (id === undefined) return;
-	selectedId.value = String(id);
-	writeSelectedSet(selectedId.value);
+	pickedId.value = String(id);
+	writeSelectedSet(pickedId.value);
 }
 
 function sublabel(set: ChangeSetSummary): string {
@@ -134,9 +141,10 @@ const isCheckpointOff = computed(
 );
 const isFirstLoad = computed(
 	() =>
-		(!hasLoaded.value || list.isLoading.value) && changeSets.value.length === 0,
+		changeSets.value.length === 0 &&
+		(list.pending.value || list.status.value === "idle"),
 );
-const hasMore = computed(() => changeSets.value.length < total.value);
+const hasMore = computed(() => list.hasMore.value);
 const listLabel = computed(() =>
 	t("dms_ai.views.changes.list_label", { count: total.value }),
 );
@@ -230,7 +238,6 @@ const emptyActions = computed(() =>
 					v-if="selectedId"
 					:key="selectedId"
 					:change-set-id="selectedId"
-					@changed="reload"
 				/>
 			</DmsMasterDetail>
 			<div v-if="hasMore" class="flex lg:w-[380px] lg:justify-center">
@@ -239,7 +246,7 @@ const emptyActions = computed(() =>
 					variant="outline"
 					size="sm"
 					icon="i-ph-caret-down"
-					:loading="list.isLoading.value"
+					:loading="list.loadingMore.value"
 					:label="t('dms_ai.views.common.load_more')"
 					@click="loadMore"
 				/>

package/frontend-vue/app/plugins/ai.client.ts

@@ -70,6 +70,7 @@ import { runWhenLoggedIn } from "../runtime/session-gate";
 import { installToggleShortcut } from "../runtime/shortcuts";
 import {
 	createSidecarStatusController,
+	type SidecarInfoPayload,
 	type SidecarStatus,
 	type SidecarStatusController,
 } from "../runtime/sidecar-status";
@@ -395,8 +396,13 @@ function createRuntime(
 	const holds = createStreamHolds();
 	const sidecarStatus = followSidecarStatus(controller, client);
 	const activity = createAssistantActivity({
-		fetchStatus: () =>
-			deps.$authFetch(STATUS_PATH) as Promise<AssistantStatusPayload>,
+		// The application's read: polled for as long as the app runs, while
+		// the interval says so.
+		readStatus: (interval) =>
+			useApiData<AssistantStatusPayload>(STATUS_PATH, {
+				refreshInterval: interval,
+				refreshOnPageRefresh: false,
+			}),
 		chat: chat.transport,
 		shouldPoll: () =>
 			!panel.isOpen.value ||
@@ -413,7 +419,6 @@ function createRuntime(
 		activity,
 		currentPage,
 	});
-	void activity.refresh();
 	const stops = [
 		installToggleShortcut({ onToggle: panel.toggle }),
 		followPanel({ panel, activity, holds }, client),
@@ -462,8 +467,13 @@ async function startAssistant(
 		devReload: useDevReload(),
 		router: useDmsRouter(),
 	};
-	const controller = createSidecarStatusController(() =>
-		deps.$authFetch(SIDECAR_INFO_PATH),
+	// Read once the gate opens, then polled while the sidecar comes back.
+	const controller = createSidecarStatusController((interval) =>
+		useApiData<SidecarInfoPayload>(SIDECAR_INFO_PATH, {
+			immediate: false,
+			refreshInterval: interval,
+			refreshOnPageRefresh: false,
+		}),
 	);
 	if (!(await controller.init())) {
 		context.runWithContext(() => unregisterSidePanel(SIDE_PANEL_ID));
@@ -496,7 +506,7 @@ export default defineDmsPlugin((context) => {
 	const appMounted = new Promise<void>((resolve) =>
 		context.hook("app:mounted", resolve),
 	);
-	const { loggedIn } = useUserSession();
+	const { loggedIn } = useDmsUserSession();
 	const stopGate = runWhenLoggedIn(
 		() => loggedIn.value,
 		() =>

package/frontend-vue/app/runtime/assistant-activity.ts

@@ -1,4 +1,4 @@
-import { computed, type ComputedRef, type Ref, ref } from "vue";
+import { computed, type ComputedRef, type Ref, ref, watch } from "vue";
 import type { ChatTransport } from "./chat-transport";
 import { STATUS_POLL_MS } from "./constants";
 import { isTypedMessage } from "./typed-message";
@@ -35,10 +35,24 @@ export interface AssistantActivity {
 	stop: () => void;
 }
 
+/** The read of the backend's status: `useApiData`, polled every `interval`. */
+export interface AssistantStatusRead {
+	data: Readonly<Ref<AssistantStatusPayload | null>>;
+	refresh: () => Promise<void>;
+}
+
+/**
+ * Opens the status read, polled every `interval` ms while it is above 0 and
+ * not polled while it is 0.
+ */
+export type OpenAssistantStatusRead = (
+	interval: () => number,
+) => AssistantStatusRead;
+
 export interface AssistantActivityOptions {
-	fetchStatus: () => Promise<AssistantStatusPayload>;
+	readStatus: OpenAssistantStatusRead;
 	chat: ChatTransport;
-	/** Whether polling is useful now: the tab shows and the panel is closed. */
+	/** Whether polling is useful now: the panel is closed, or its stream is down. */
 	shouldPoll: () => boolean;
 }
 
@@ -55,8 +69,9 @@ function sum(
 
 /**
  * What the tab knows of the assistant's work across chats, from the backend's
- * status (polled while the panel is closed) and from the conversation lists
- * the sidecar broadcasts while the stream is open.
+ * status (polled while the panel is closed or its stream down: the polling
+ * follows `shouldPoll`) and from the conversation lists the sidecar
+ * broadcasts while the stream is open.
  */
 export function createAssistantActivity(
 	options: AssistantActivityOptions,
@@ -65,16 +80,21 @@ export function createAssistantActivity(
 	const workingConversations = ref(0);
 	const lastError = ref<string | null>(null);
 
-	const refresh = async (): Promise<void> => {
-		try {
-			const status = await options.fetchStatus();
-			pendingApprovals.value = status.pendingApprovals ?? 0;
-			workingConversations.value = status.workingConversations ?? 0;
-			lastError.value = status.lastError ?? null;
-		} catch {
-			return;
-		}
-	};
+	const isStopped = ref(false);
+	const status = options.readStatus(() =>
+		!isStopped.value && options.shouldPoll() ? STATUS_POLL_MS : 0,
+	);
+	// A failed read keeps the last answer: the counts stay as they were.
+	const stopFollowing = watch(
+		status.data,
+		(payload) => {
+			if (!payload) return;
+			pendingApprovals.value = payload.pendingApprovals ?? 0;
+			workingConversations.value = payload.workingConversations ?? 0;
+			lastError.value = payload.lastError ?? null;
+		},
+		{ immediate: true },
+	);
 
 	const stopListening = options.chat.onMessage((msg) => {
 		if (!isListFrame(msg)) return;
@@ -85,10 +105,6 @@ export function createAssistantActivity(
 		);
 	});
 
-	const timer = setInterval(() => {
-		if (options.shouldPoll()) void refresh();
-	}, STATUS_POLL_MS);
-
 	return {
 		pendingApprovals,
 		workingConversations,
@@ -96,9 +112,10 @@ export function createAssistantActivity(
 			() => pendingApprovals.value > 0 || workingConversations.value > 0,
 		),
 		lastError,
-		refresh,
+		refresh: () => status.refresh(),
 		stop: () => {
-			clearInterval(timer);
+			isStopped.value = true;
+			stopFollowing();
 			stopListening();
 		},
 	};