@pagelines/sdk 1.0.643 → 1.0.644

package/README.md

@@ -396,7 +396,7 @@ const andrew = getDemoAgentByHandle('andrew')
 
 **Public-Only Access**: `getPublicAgent()` and `getAgentByEmail()` only return agents with `visibility: 'public'`.
 
-**Authentication Required**: User operations require valid JWT token in `sdk.token.value`.
+**Authentication Required**: User operations require a valid opaque session token in `sdk.token.value`.
 
 **Rate Limiting**: Widget includes 10 comments/hour per agent, 100 likes/hour (future).
 

package/dist/FModal.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 var M = Object.defineProperty;
 var m = (e, l) => M(e, "name", { value: l, configurable: !0 });
-import { defineComponent as $, ref as y, onMounted as g, openBlock as s, createElementBlock as c, createElementVNode as i, normalizeClass as d, computed as C, watch as E, onUnmounted as A, createBlock as x, Teleport as V, createVNode as h, Transition as k, withCtx as w, createCommentVNode as n, normalizeProps as L, guardReactiveProps as S, withModifiers as T, toDisplayString as N, renderSlot as z } from "vue";
+import { defineComponent as $, ref as v, onMounted as g, openBlock as s, createElementBlock as c, createElementVNode as i, normalizeClass as d, computed as C, watch as E, onUnmounted as A, createBlock as x, Teleport as V, createVNode as h, Transition as k, withCtx as w, createCommentVNode as n, normalizeProps as L, guardReactiveProps as S, withModifiers as T, toDisplayString as N, renderSlot as z } from "vue";
 const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, U = /* @__PURE__ */ $({
   name: "FClose",
   __name: "FClose",
@@ -9,7 +9,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
   },
   emits: ["click"],
   setup(e) {
-    const l = y(!1);
+    const l = v(!1);
     return g(() => {
       setTimeout(() => {
         l.value = !0;
@@ -33,7 +33,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
       ])
     ], 8, j));
   }
-}), D = { class: "flex h-full overflow-scroll no-scrollbar items-center justify-center text-center p-4 py-8" }, K = {
+}), D = { class: "flex min-h-full items-center justify-center text-center p-4" }, K = {
   key: 0,
   class: "text-base p-4 font-semibold"
 }, R = {
@@ -58,7 +58,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
   },
   emits: ["update:vis", "close", "escape"],
   setup(e, { emit: l }) {
-    const u = l, o = y(!1);
+    const u = l, o = v(!1);
     function r(t) {
       const { reason: a } = t;
       u("update:vis", !1), u("close", !0), a === "escape" && u("escape", !0);
@@ -66,7 +66,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
     m(r, "close");
     const F = C(() => {
       const t = e.modalClass ? [e.modalClass] : ["max-w-screen-md p-24"], a = e.styleClass ? [e.styleClass] : ["bg-theme-0", "shadow-xl"];
-      return e.fullScreen ? t.push("fixed inset-0") : t.push("rounded-2xl my-6 mx-3"), [
+      return e.fullScreen ? t.push("fixed inset-0") : t.push("rounded-2xl"), [
         "relative",
         "text-left",
         "transform",
@@ -76,7 +76,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
         ...t,
         ...a
       ];
-    }), v = y(!1), f = [];
+    }), y = v(!1), f = [];
     function b(t) {
       t.key === "Escape" && e.vis && r({ reason: "escape" });
     }
@@ -85,7 +85,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
       const t = E(
         () => e.vis,
         (a) => {
-          a ? setTimeout(() => v.value = !0, 300) : v.value = !1;
+          a ? setTimeout(() => y.value = !0, 300) : y.value = !1;
         },
         { immediate: !0 }
       );
@@ -137,7 +137,7 @@ const j = ["aria-label"], P = { class: "absolute top-1/2 left-1/2 -translate-x-1
           _: 1
         }),
         i("div", {
-          class: "fixed inset-0 z-40 overflow-y-auto",
+          class: "fixed inset-0 z-40 overflow-y-auto overscroll-contain no-scrollbar",
           onClick: a[3] || (a[3] = (p) => r({ reason: "escape" }))
         }, [
           i("div", D, [

package/dist/FModal.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FModal.vue_vue_type_script_setup_true_lang.js","sources":["../../../src/ui/common/FClose.vue","../../../src/ui/common/FModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref } from 'vue'\n\ndefineOptions({ name: 'FClose' })\n\ndefineProps<{\n  ariaLabel?: string\n}>()\n\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst inView = ref(false)\n\nonMounted(() => {\n  setTimeout(() => {\n    inView.value = true\n  }, 100)\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"ariaLabel || 'Close'\"\n    class=\"close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90\"\n    @click=\"$emit('click', $event)\"\n  >\n    <!-- Background circle (invisible, for hover area) -->\n    <span class=\"absolute inset-0 rounded-full transition-all\" />\n\n    <!-- Close lines container -->\n    <span class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden\">\n      <!-- Line 1 - animates from bottom-left to center, rotates 45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 rotate-45' : 'translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.15s\"\n      />\n\n      <!-- Line 2 - animates from top-left to center, rotates -45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 -rotate-45' : '-translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.45s\"\n      />\n    </span>\n  </button>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport FClose from './FClose.vue'\n\ndefineOptions({ name: 'FModal' })\n\nconst {\n  vis = false,\n  modalClass,\n  styleClass,\n  fullScreen = false,\n  hasClose = false,\n  title = '',\n  transitionMode = 'modal',\n  teleportTo = 'body',\n  disableTeleport = false,\n} = defineProps<{\n  vis?: boolean\n  modalClass?: string\n  styleClass?: string\n  fullScreen?: boolean\n  hasClose?: boolean\n  title?: string\n  transitionMode?: 'modal' | 'slideUp'\n  teleportTo?: string | Element\n  disableTeleport?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n  'close': [value: boolean]\n  'escape': [value: boolean]\n}>()\n\nconst isMounted = ref(false)\n\nfunction close(args: { reason: 'escape' | 'reset' }): void {\n  const { reason } = args\n  emit('update:vis', false)\n  emit('close', true)\n  if (reason === 'escape')\n    emit('escape', true)\n}\n\nconst classes = computed(() => {\n  const cls = modalClass ? [modalClass] : ['max-w-screen-md p-24']\n  const style = styleClass ? [styleClass] : ['bg-theme-0', 'shadow-xl']\n\n  if (fullScreen)\n    cls.push('fixed inset-0')\n  else\n    cls.push('rounded-2xl my-6 mx-3')\n\n  return [\n    'relative',\n    'text-left',\n    'transform',\n    'transition-all',\n    'w-full',\n    'overflow-hidden',\n    ...cls,\n    ...style,\n  ]\n})\n\nconst afterVisible = ref(false)\nconst cleanups: (() => void)[] = []\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape' && vis)\n    close({ reason: 'escape' })\n}\n\nonMounted(async () => {\n  isMounted.value = true\n\n  const unwatch = watch(\n    () => vis,\n    (vis) => {\n      if (vis) {\n        setTimeout(() => (afterVisible.value = true), 300)\n      } else {\n        afterVisible.value = false\n      }\n    },\n    { immediate: true },\n  )\n\n  cleanups.push(unwatch)\n\n  if (typeof document !== 'undefined') {\n    document.addEventListener('keydown', onKeydown)\n    cleanups.push(() => document.removeEventListener('keydown', onKeydown))\n  }\n})\n\nonUnmounted(() => {\n  cleanups.forEach((c) => c())\n})\n\nconst modalTransition = computed(() => {\n  if (transitionMode === 'slideUp') {\n    return {\n      enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      enterFromClass: 'opacity-0 translate-y-full scale-95',\n      enterToClass: 'opacity-100 translate-y-0 scale-100',\n      leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n      leaveToClass: 'opacity-0 translate-y-full scale-95',\n    }\n  }\n  return {\n    enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    enterFromClass: 'opacity-0 scale-75',\n    enterToClass: 'opacity-100 translate-y-0 scale-100',\n    leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n    leaveToClass: 'opacity-0 scale-75',\n  }\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<template>\n  <Teleport v-if=\"isMounted\" :to=\"teleportTo\" :disabled=\"disableTeleport\">\n    <div\n      class=\"fixed inset-0 z-50\"\n      aria-labelledby=\"modal-title\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"!vis ? 'pointer-events-none' : ''\"\n    >\n      <Transition\n        enter-active-class=\"ease-out duration-300\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"ease-in duration-200\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"vis\"\n          class=\"fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity\"\n          @click=\"close({ reason: 'escape' })\"\n        />\n      </Transition>\n      <div\n        class=\"fixed inset-0 z-40 overflow-y-auto\"\n        @click=\"close({ reason: 'escape' })\"\n      >\n        <div class=\"flex h-full overflow-scroll no-scrollbar items-center justify-center text-center p-4 py-8\">\n          <Transition v-bind=\"modalTransition\">\n            <div\n              v-if=\"vis\"\n              :class=\"classes\"\n              class=\"w-full\"\n              @click.stop\n            >\n              <div\n                v-if=\"hasClose || title || $slots.actions\"\n                :class=\"!title && (hasClose || $slots.actions) ? 'absolute top-0 right-0 z-10' : 'flex justify-between items-center'\"\n              >\n                <h2 v-if=\"title\" class=\"text-base p-4 font-semibold\">\n                  {{ title }}\n                </h2>\n                <div v-if=\"hasClose || $slots.actions\" class=\"flex items-center gap-2 px-2\">\n                  <slot name=\"actions\" />\n                  <FClose\n                    v-if=\"hasClose\"\n                    class=\"relative\"\n                    data-test-id=\"close-modal\"\n                    @click.stop=\"close({ reason: 'escape' })\"\n                  />\n                </div>\n              </div>\n              <slot />\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"names":["inView","ref","onMounted","_createElementBlock","__props","_cache","$event","$emit","_createElementVNode","_hoisted_2","_normalizeClass","__default__","emit","__emit","isMounted","close","args","reason","__name","classes","computed","cls","style","afterVisible","cleanups","onKeydown","event","unwatch","watch","vis","onUnmounted","c","modalTransition","_createBlock","_Teleport","_createVNode","_Transition","_hoisted_1","$slots","_toDisplayString","_openBlock","_hoisted_3","_renderSlot","_ctx","FClose"],"mappings":"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"}
+{"version":3,"file":"FModal.vue_vue_type_script_setup_true_lang.js","sources":["../../../src/ui/common/FClose.vue","../../../src/ui/common/FModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref } from 'vue'\n\ndefineOptions({ name: 'FClose' })\n\ndefineProps<{\n  ariaLabel?: string\n}>()\n\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst inView = ref(false)\n\nonMounted(() => {\n  setTimeout(() => {\n    inView.value = true\n  }, 100)\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"ariaLabel || 'Close'\"\n    class=\"close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90\"\n    @click=\"$emit('click', $event)\"\n  >\n    <!-- Background circle (invisible, for hover area) -->\n    <span class=\"absolute inset-0 rounded-full transition-all\" />\n\n    <!-- Close lines container -->\n    <span class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden\">\n      <!-- Line 1 - animates from bottom-left to center, rotates 45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 rotate-45' : 'translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.15s\"\n      />\n\n      <!-- Line 2 - animates from top-left to center, rotates -45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 -rotate-45' : '-translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.45s\"\n      />\n    </span>\n  </button>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport FClose from './FClose.vue'\n\ndefineOptions({ name: 'FModal' })\n\nconst {\n  vis = false,\n  modalClass,\n  styleClass,\n  fullScreen = false,\n  hasClose = false,\n  title = '',\n  transitionMode = 'modal',\n  teleportTo = 'body',\n  disableTeleport = false,\n} = defineProps<{\n  vis?: boolean\n  modalClass?: string\n  styleClass?: string\n  fullScreen?: boolean\n  hasClose?: boolean\n  title?: string\n  transitionMode?: 'modal' | 'slideUp'\n  teleportTo?: string | Element\n  disableTeleport?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n  'close': [value: boolean]\n  'escape': [value: boolean]\n}>()\n\nconst isMounted = ref(false)\n\nfunction close(args: { reason: 'escape' | 'reset' }): void {\n  const { reason } = args\n  emit('update:vis', false)\n  emit('close', true)\n  if (reason === 'escape')\n    emit('escape', true)\n}\n\nconst classes = computed(() => {\n  const cls = modalClass ? [modalClass] : ['max-w-screen-md p-24']\n  const style = styleClass ? [styleClass] : ['bg-theme-0', 'shadow-xl']\n\n  if (fullScreen)\n    cls.push('fixed inset-0')\n  else\n    cls.push('rounded-2xl')\n\n  return [\n    'relative',\n    'text-left',\n    'transform',\n    'transition-all',\n    'w-full',\n    'overflow-hidden',\n    ...cls,\n    ...style,\n  ]\n})\n\nconst afterVisible = ref(false)\nconst cleanups: (() => void)[] = []\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape' && vis)\n    close({ reason: 'escape' })\n}\n\nonMounted(async () => {\n  isMounted.value = true\n\n  const unwatch = watch(\n    () => vis,\n    (vis) => {\n      if (vis) {\n        setTimeout(() => (afterVisible.value = true), 300)\n      } else {\n        afterVisible.value = false\n      }\n    },\n    { immediate: true },\n  )\n\n  cleanups.push(unwatch)\n\n  if (typeof document !== 'undefined') {\n    document.addEventListener('keydown', onKeydown)\n    cleanups.push(() => document.removeEventListener('keydown', onKeydown))\n  }\n})\n\nonUnmounted(() => {\n  cleanups.forEach((c) => c())\n})\n\nconst modalTransition = computed(() => {\n  if (transitionMode === 'slideUp') {\n    return {\n      enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      enterFromClass: 'opacity-0 translate-y-full scale-95',\n      enterToClass: 'opacity-100 translate-y-0 scale-100',\n      leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n      leaveToClass: 'opacity-0 translate-y-full scale-95',\n    }\n  }\n  return {\n    enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    enterFromClass: 'opacity-0 scale-75',\n    enterToClass: 'opacity-100 translate-y-0 scale-100',\n    leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n    leaveToClass: 'opacity-0 scale-75',\n  }\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<template>\n  <Teleport v-if=\"isMounted\" :to=\"teleportTo\" :disabled=\"disableTeleport\">\n    <div\n      class=\"fixed inset-0 z-50\"\n      aria-labelledby=\"modal-title\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"!vis ? 'pointer-events-none' : ''\"\n    >\n      <Transition\n        enter-active-class=\"ease-out duration-300\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"ease-in duration-200\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"vis\"\n          class=\"fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity\"\n          @click=\"close({ reason: 'escape' })\"\n        />\n      </Transition>\n      <div\n        class=\"fixed inset-0 z-40 overflow-y-auto overscroll-contain no-scrollbar\"\n        @click=\"close({ reason: 'escape' })\"\n      >\n        <!-- min-h-full, never h-full: a taller-than-viewport panel must grow this\n             row so the outer layer scrolls; h-full + items-center centers the\n             overflow and clips the modal top unreachably. p-4 = the 1em minimum\n             viewport gap for tall modals. -->\n        <div class=\"flex min-h-full items-center justify-center text-center p-4\">\n          <Transition v-bind=\"modalTransition\">\n            <div\n              v-if=\"vis\"\n              :class=\"classes\"\n              class=\"w-full\"\n              @click.stop\n            >\n              <div\n                v-if=\"hasClose || title || $slots.actions\"\n                :class=\"!title && (hasClose || $slots.actions) ? 'absolute top-0 right-0 z-10' : 'flex justify-between items-center'\"\n              >\n                <h2 v-if=\"title\" class=\"text-base p-4 font-semibold\">\n                  {{ title }}\n                </h2>\n                <div v-if=\"hasClose || $slots.actions\" class=\"flex items-center gap-2 px-2\">\n                  <slot name=\"actions\" />\n                  <FClose\n                    v-if=\"hasClose\"\n                    class=\"relative\"\n                    data-test-id=\"close-modal\"\n                    @click.stop=\"close({ reason: 'escape' })\"\n                  />\n                </div>\n              </div>\n              <slot />\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"names":["inView","ref","onMounted","_createElementBlock","__props","_cache","$event","$emit","_createElementVNode","_hoisted_2","_normalizeClass","__default__","emit","__emit","isMounted","close","args","reason","__name","classes","computed","cls","style","afterVisible","cleanups","onKeydown","event","unwatch","watch","vis","onUnmounted","c","modalTransition","_createBlock","_Teleport","_createVNode","_Transition","_hoisted_1","$slots","_toDisplayString","_openBlock","_hoisted_3","_renderSlot","_ctx","FClose"],"mappings":"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"}

package/dist/agent/ui/ElCreateAgent.vue.d.ts

@@ -99,6 +99,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             actionUrl: string;
             help?: string | undefined;
         } | undefined;
+        operation?: {
+            kind: "wake" | "sleep" | "restart" | "rebuild" | "config_apply";
+            status: "failed" | "running" | "coalesced";
+            startedAt: string;
+            detail?: string | undefined;
+        } | undefined;
     }) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCreated?: ((agent: {
@@ -197,6 +203,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             actionUrl: string;
             help?: string | undefined;
         } | undefined;
+        operation?: {
+            kind: "wake" | "sleep" | "restart" | "rebuild" | "config_apply";
+            status: "failed" | "running" | "coalesced";
+            startedAt: string;
+            detail?: string | undefined;
+        } | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/api.d.ts

@@ -1,9 +1,4 @@
 import { ApiResponse } from '@pagelines/core';
-export interface RefreshFetchHooks {
-    getDeviceId: () => string | null;
-    onAccessTokenRefreshed: (token: string) => void;
-    onTerminalFailure: () => void;
-}
 export interface ApiClientSettings {
     isDev: boolean;
     apiBase?: string;
@@ -14,4 +9,10 @@ export interface ApiClientSettings {
  * Centralizes the isDev/apiBase/production URL logic used across SDK clients.
  */
 export declare function resolveApiBase(apiBase?: string, isDev?: boolean): string;
-export declare function createApiFetch(settings: ApiClientSettings, responseHandler?: (response: ApiResponse) => void, refreshHooks?: RefreshFetchHooks): typeof globalThis.fetch;
+export declare function createApiFetch(settings: ApiClientSettings, responseHandler?: (response: ApiResponse) => void, 
+/**
+ * Fires when the server answers 401 TOKEN_ERROR — the one long-lived
+ * session token is dead (revoked / expired / signed out elsewhere).
+ * There is no refresh to attempt; the caller clears its session state.
+ */
+onSessionDead?: () => void): typeof globalThis.fetch;

package/dist/demo/index.d.ts

@@ -108,5 +108,11 @@ export declare function getDemoAgentByHandle(handle: string): Partial<{
         actionUrl: string;
         help?: string | undefined;
     } | undefined;
+    operation?: {
+        kind: "wake" | "sleep" | "restart" | "rebuild" | "config_apply";
+        status: "failed" | "running" | "coalesced";
+        startedAt: string;
+        detail?: string | undefined;
+    } | undefined;
 }> | undefined;
 export { staticAgents } from '@/modules/agent/static/data';