@lowdefy/server-dev 0.0.0-experimental-20260420110710 → 0.0.0-experimental-20260420135540

package/lib/server/apiWrapper.js

@@ -20,6 +20,7 @@ import { getSecretsFromEnv } from '@lowdefy/node-utils';
 import { serializer } from '@lowdefy/helpers';
 import { v4 as uuid } from 'uuid';
 
+import agents from '../../build/plugins/agents.js';
 import config from '../build/config.js';
 import connections from '../../build/plugins/connections.js';
 import createLogger from './log/createLogger.js';
@@ -65,6 +66,7 @@ function apiWrapper(handler) {
     const context = {
       // Important to give absolute path so Next can trace build files
       rid: uuid(),
+      agents,
       buildDirectory,
       configDirectory: process.env.LOWDEFY_DIRECTORY_CONFIG || process.cwd(),
       config,

package/manager/utils/createCustomPluginTypesMap.mjs

@@ -39,6 +39,7 @@ async function getPluginDefinitions({ directories }) {
 async function createCustomPluginTypesMap({ directories, logger }) {
   const customTypesMap = {
     actions: {},
+    agents: {},
     auth: {
       adapters: {},
       callbacks: {},

package/next.config.js

@@ -4,7 +4,12 @@ const blockPackages = require('./build/blockPackages.json');
 // Transpile @lowdefy/client plus all block plugin packages that may
 // contain CSS imports (e.g., AG Grid themes, loaders, markdown).
 // Built dynamically so custom user plugins are included automatically.
-const transpilePackages = ['@lowdefy/client', ...blockPackages];
+const transpilePackages = [
+  '@lowdefy/client',
+  '@ant-design/x',
+  '@ant-design/x-markdown',
+  ...blockPackages,
+];
 
 const nextConfig = {
   basePath: lowdefyConfig.basePath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-dev",
-  "version": "0.0.0-experimental-20260420110710",
+  "version": "0.0.0-experimental-20260420135540",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -36,33 +36,34 @@
     ".npmrc"
   ],
   "dependencies": {
-    "@lowdefy/actions-core": "0.0.0-experimental-20260420110710",
-    "@lowdefy/api": "0.0.0-experimental-20260420110710",
-    "@lowdefy/block-utils": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-aggrid": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-antd": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-basic": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-echarts": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-loaders": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-markdown": "0.0.0-experimental-20260420110710",
-    "@lowdefy/build": "0.0.0-experimental-20260420110710",
-    "@lowdefy/client": "0.0.0-experimental-20260420110710",
-    "@lowdefy/connection-axios-http": "0.0.0-experimental-20260420110710",
-    "@lowdefy/engine": "0.0.0-experimental-20260420110710",
-    "@lowdefy/errors": "0.0.0-experimental-20260420110710",
-    "@lowdefy/helpers": "0.0.0-experimental-20260420110710",
-    "@lowdefy/layout": "0.0.0-experimental-20260420110710",
-    "@lowdefy/logger": "0.0.0-experimental-20260420110710",
-    "@lowdefy/node-utils": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-change-case": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-dayjs": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-diff": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-js": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-mql": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-nunjucks": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-uuid": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-yaml": "0.0.0-experimental-20260420110710",
-    "@lowdefy/plugin-next-auth": "0.0.0-experimental-20260420110710",
+    "@lowdefy/actions-core": "0.0.0-experimental-20260420135540",
+    "@lowdefy/api": "0.0.0-experimental-20260420135540",
+    "@lowdefy/block-utils": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-aggrid": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-antd": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-antd-x": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-basic": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-echarts": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-loaders": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-markdown": "0.0.0-experimental-20260420135540",
+    "@lowdefy/build": "0.0.0-experimental-20260420135540",
+    "@lowdefy/client": "0.0.0-experimental-20260420135540",
+    "@lowdefy/connection-axios-http": "0.0.0-experimental-20260420135540",
+    "@lowdefy/engine": "0.0.0-experimental-20260420135540",
+    "@lowdefy/errors": "0.0.0-experimental-20260420135540",
+    "@lowdefy/helpers": "0.0.0-experimental-20260420135540",
+    "@lowdefy/layout": "0.0.0-experimental-20260420135540",
+    "@lowdefy/logger": "0.0.0-experimental-20260420135540",
+    "@lowdefy/node-utils": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-change-case": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-dayjs": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-diff": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-js": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-mql": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-nunjucks": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-uuid": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-yaml": "0.0.0-experimental-20260420135540",
+    "@lowdefy/plugin-next-auth": "0.0.0-experimental-20260420135540",
     "@ant-design/cssinjs": "2.1.2",
     "antd": "6.3.1",
     "dayjs": "1.11.19",

package/package.original.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-dev",
-  "version": "0.0.0-experimental-20260420110710",
+  "version": "0.0.0-experimental-20260420135540",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -44,33 +44,34 @@
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
-    "@lowdefy/actions-core": "0.0.0-experimental-20260420110710",
-    "@lowdefy/api": "0.0.0-experimental-20260420110710",
-    "@lowdefy/block-utils": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-aggrid": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-antd": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-basic": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-echarts": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-loaders": "0.0.0-experimental-20260420110710",
-    "@lowdefy/blocks-markdown": "0.0.0-experimental-20260420110710",
-    "@lowdefy/build": "0.0.0-experimental-20260420110710",
-    "@lowdefy/client": "0.0.0-experimental-20260420110710",
-    "@lowdefy/connection-axios-http": "0.0.0-experimental-20260420110710",
-    "@lowdefy/engine": "0.0.0-experimental-20260420110710",
-    "@lowdefy/errors": "0.0.0-experimental-20260420110710",
-    "@lowdefy/helpers": "0.0.0-experimental-20260420110710",
-    "@lowdefy/layout": "0.0.0-experimental-20260420110710",
-    "@lowdefy/logger": "0.0.0-experimental-20260420110710",
-    "@lowdefy/node-utils": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-change-case": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-dayjs": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-diff": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-js": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-mql": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-nunjucks": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-uuid": "0.0.0-experimental-20260420110710",
-    "@lowdefy/operators-yaml": "0.0.0-experimental-20260420110710",
-    "@lowdefy/plugin-next-auth": "0.0.0-experimental-20260420110710",
+    "@lowdefy/actions-core": "0.0.0-experimental-20260420135540",
+    "@lowdefy/api": "0.0.0-experimental-20260420135540",
+    "@lowdefy/block-utils": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-aggrid": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-antd": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-antd-x": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-basic": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-echarts": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-loaders": "0.0.0-experimental-20260420135540",
+    "@lowdefy/blocks-markdown": "0.0.0-experimental-20260420135540",
+    "@lowdefy/build": "0.0.0-experimental-20260420135540",
+    "@lowdefy/client": "0.0.0-experimental-20260420135540",
+    "@lowdefy/connection-axios-http": "0.0.0-experimental-20260420135540",
+    "@lowdefy/engine": "0.0.0-experimental-20260420135540",
+    "@lowdefy/errors": "0.0.0-experimental-20260420135540",
+    "@lowdefy/helpers": "0.0.0-experimental-20260420135540",
+    "@lowdefy/layout": "0.0.0-experimental-20260420135540",
+    "@lowdefy/logger": "0.0.0-experimental-20260420135540",
+    "@lowdefy/node-utils": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-change-case": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-dayjs": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-diff": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-js": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-mql": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-nunjucks": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-uuid": "0.0.0-experimental-20260420135540",
+    "@lowdefy/operators-yaml": "0.0.0-experimental-20260420135540",
+    "@lowdefy/plugin-next-auth": "0.0.0-experimental-20260420135540",
     "@ant-design/cssinjs": "2.1.2",
     "antd": "6.3.1",
     "dayjs": "1.11.19",

package/pages/_app.js

@@ -57,19 +57,11 @@ function App({ Component }) {
     lowdefyRef.current.theme = rootConfig.theme;
   }
 
-  const { algorithm, token, components } = useDarkMode({
-    antd: lowdefyRef.current.theme?.antd,
+  const algorithm = useDarkMode({
+    baseAlgorithm: lowdefyRef.current.theme?.antd?.algorithm,
     configDarkMode: lowdefyRef.current.theme?.darkMode,
   });
 
-  const {
-    lightToken: _lightToken,
-    darkToken: _darkToken,
-    lightComponents: _lightComponents,
-    darkComponents: _darkComponents,
-    ...antdConfig
-  } = lowdefyRef.current.theme?.antd ?? {};
-
   // Runtime error callback — pushes errors to state for ErrorBar display.
   // Accepts Error objects (with .name) or plain objects (with .type) from build warnings.
   lowdefyRef.current._runtimeErrorCallback = useCallback((error) => {
@@ -103,9 +95,7 @@ function App({ Component }) {
     <StyleProvider layer>
       <ConfigProvider
         theme={{
-          ...antdConfig,
-          token,
-          components,
+          ...lowdefyRef.current.theme?.antd,
           cssVar: { key: 'lowdefy' },
           hashed: false,
           algorithm,

package/pages/_document.js

@@ -26,27 +26,6 @@ const VALID_COLOR_MODES = ['system', 'light', 'dark'];
 const configColorMode = VALID_COLOR_MODES.includes(themeConfig.darkMode)
   ? themeConfig.darkMode
   : 'system';
-const darkBg = themeConfig?.antd?.darkToken?.colorBgLayout ?? '#000';
-const lightBg = themeConfig?.antd?.lightToken?.colorBgLayout ?? '';
-
-// Escape characters that could break out of the enclosing <script> tag or
-// terminate a JS string literal. Used to defuse the js/bad-code-sanitization
-// class of injection for values embedded into the pre-hydration inline script.
-const SCRIPT_ESCAPES = {
-  '<': '\\u003C',
-  '>': '\\u003E',
-  '\b': '\\b',
-  '\f': '\\f',
-  '\n': '\\n',
-  '\r': '\\r',
-  '\t': '\\t',
-  '\0': '\\0',
-  '\u2028': '\\u2028',
-  '\u2029': '\\u2029',
-};
-function safeScriptJson(value) {
-  return JSON.stringify(value).replace(/[<>\b\f\n\r\t\0\u2028\u2029]/g, (c) => SCRIPT_ESCAPES[c]);
-}
 
 class LowdefyDocument extends Document {
   render() {
@@ -64,19 +43,12 @@ class LowdefyDocument extends Document {
               __html: `(function(){var s=document.createElement("style");s.id="__lf-layer-order";s.textContent="@layer theme, base, antd, components, utilities;";document.head.prepend(s);new MutationObserver(function(){if(document.head.firstChild!==s)document.head.prepend(s)}).observe(document.head,{childList:true})})();`,
             }}
           />
-          {/* Synchronous pre-hydration background script — prevents mode-mismatch
-              flash on page navigation. Mirrors useDarkMode.js resolution order:
-              configDarkMode → localStorage → prefers-color-scheme. Uses the user's
-              configured colorBgLayout tokens when present (theme.antd.darkToken and
-              theme.antd.lightToken), falling back to #000 in dark and no inline style
-              in light so default behavior is unchanged. */}
+          {/* Synchronous dark-mode background script — prevents white flash during
+              page navigation when the user is in dark mode. Mirrors the logic in
+              useDarkMode.js: configDarkMode → localStorage → prefers-color-scheme. */}
           <script
             dangerouslySetInnerHTML={{
-              __html: `(function(){var c=${safeScriptJson(configColorMode)};var db=${safeScriptJson(
-                darkBg
-              )};var lb=${safeScriptJson(
-                lightBg
-              )};var d;if(c==="dark")d=true;else if(c==="light")d=false;else{try{var p=localStorage.getItem("lowdefy_darkMode");if(p==="dark")d=true;else if(p==="light")d=false;else d=window.matchMedia("(prefers-color-scheme:dark)").matches}catch(e){d=window.matchMedia("(prefers-color-scheme:dark)").matches}}var bg=d?db:lb;if(bg)document.documentElement.style.backgroundColor=bg})();`,
+              __html: `(function(){var c="${configColorMode}";if(c==="light")return;var d=false;if(c==="dark"){d=true}else{try{var p=localStorage.getItem("lowdefy_darkMode");if(p==="dark")d=true;else if(p==="light")d=false;else d=window.matchMedia("(prefers-color-scheme:dark)").matches}catch(e){d=window.matchMedia("(prefers-color-scheme:dark)").matches}}if(d)document.documentElement.style.backgroundColor="#000"})();`,
             }}
           />
           <link rel="manifest" href={`${basePath}/manifest.webmanifest`} />

package/pages/api/agent/[...path].js

@@ -0,0 +1,133 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import crypto from 'crypto';
+
+import { callAgent } from '@lowdefy/api';
+import { createPhaseLogger } from '@lowdefy/ai-utils';
+import { type } from '@lowdefy/helpers';
+
+import apiWrapper from '../../../lib/server/apiWrapper.js';
+
+async function handler({ context, req, res }) {
+  if (req.method !== 'POST') {
+    throw new Error('Only POST requests are supported.');
+  }
+  const segments = req.query.path;
+  if (!segments || segments.length < 2) {
+    res.status(400).json({ error: 'Invalid agent path' });
+    return;
+  }
+  const agentId = segments[segments.length - 1];
+  const pageId = segments.slice(0, -1).join('/');
+  context.logger.info({ color: 'gray' }, `Agent: ${pageId} → ${agentId}`);
+  const { conversationId } = req.query;
+  const { messages, urlQuery, sharedState, turnId: clientTurnId } = req.body;
+  if (!Array.isArray(messages)) {
+    res.status(400).json({ error: 'messages must be an array' });
+    return;
+  }
+  if (urlQuery != null && (typeof urlQuery !== 'object' || Array.isArray(urlQuery))) {
+    res.status(400).json({ error: 'urlQuery must be an object' });
+    return;
+  }
+  if (sharedState != null && !type.isObject(sharedState)) {
+    res.status(400).json({ error: 'sharedState must be an object' });
+    return;
+  }
+
+  const turnId =
+    typeof clientTurnId === 'string' && clientTurnId ? clientTurnId : crypto.randomUUID();
+  const turnStart = Date.now();
+  const phaseLogger = createPhaseLogger({
+    logger: context.logger,
+    agentId,
+    pageId,
+    conversationId: conversationId ?? undefined,
+    turnId,
+    turnStart,
+  });
+
+  const bodySize = (() => {
+    try {
+      return Buffer.byteLength(JSON.stringify(req.body ?? ''));
+    } catch {
+      return -1;
+    }
+  })();
+  const hasFiles = Array.isArray(messages)
+    ? messages.some((m) => (m?.parts ?? []).some((p) => p?.type === 'file'))
+    : false;
+  phaseLogger.phase('ingress.received', {
+    bodySize,
+    messageCount: messages.length,
+    hasFiles,
+    sharedStateKeys: sharedState ? Object.keys(sharedState).length : 0,
+    urlQueryKeys: urlQuery ? Object.keys(urlQuery).length : 0,
+  });
+
+  const { response: webResponse } = await callAgent(context, {
+    agentId,
+    pageId,
+    messages,
+    conversationId: conversationId ?? undefined,
+    sharedState: sharedState ?? undefined,
+    urlQuery: urlQuery ?? undefined,
+    phaseLogger,
+    turnId,
+  });
+
+  // Stream the Web Response body to the Next.js response
+  res.setHeader('Content-Type', 'text/event-stream');
+  res.setHeader('Cache-Control', 'no-cache');
+  res.setHeader('Connection', 'keep-alive');
+  res.setHeader('Content-Encoding', 'none');
+  res.setHeader('Transfer-Encoding', 'chunked');
+
+  phaseLogger.phase('ingress.stream.forward.start');
+
+  const reader = webResponse.body.getReader();
+  const decoder = new TextDecoder();
+  let done = false;
+  let firstByteLogged = false;
+  let chunkCount = 0;
+  let totalBytes = 0;
+  while (!done) {
+    const { value, done: readerDone } = await reader.read();
+    done = readerDone;
+    if (value) {
+      if (!firstByteLogged) {
+        firstByteLogged = true;
+        phaseLogger.phase('ingress.stream.first_byte', { bytes: value.byteLength });
+      }
+      chunkCount += 1;
+      totalBytes += value.byteLength;
+      res.write(decoder.decode(value, { stream: true }));
+    }
+  }
+  res.end();
+  phaseLogger.phase('ingress.stream.forward.done', { chunkCount, totalBytes });
+}
+
+export const config = {
+  api: {
+    bodyParser: {
+      sizeLimit: '10mb',
+    },
+  },
+};
+
+export default apiWrapper(handler);