@lantos1618/better-ui 0.9.0 → 0.9.2

package/dist/components/index.js

@@ -425,6 +425,7 @@ function ChatProvider({ endpoint = "/api/chat", tools, toolStateStore: externalS
 
 // src/components/Thread.tsx
 var import_react6 = require("react");
+var import_lucide_react = require("lucide-react");
 
 // src/components/Message.tsx
 var import_ai2 = require("ai");
@@ -831,18 +832,29 @@ function Thread({ className, emptyMessage, suggestions }) {
     }
   }, [messages, isLoading]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: scrollRef, className: `${className || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "p-6 space-y-6", children: [
-    messages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-center py-16", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-[var(--bui-fg-faint,#52525b)] text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[var(--bui-fg-secondary,#a1a1aa)] mb-4", children: emptyMessage || "Send a message to get started" }),
-      suggestions && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap justify-center gap-2 mt-4", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    messages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-center text-sm text-[var(--bui-fg-secondary,#a1a1aa)]", children: emptyMessage || "Send a message to get started" }),
+      suggestions && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-8 flex flex-col divide-y divide-[var(--bui-border,#27272a)] border-y border-[var(--bui-border,#27272a)]", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "button",
         {
           onClick: () => sendMessage(suggestion),
-          className: "px-3 py-1.5 text-xs text-[var(--bui-fg-secondary,#a1a1aa)] bg-[var(--bui-bg-elevated,#27272a)] border border-[var(--bui-border-strong,#3f3f46)] rounded-full hover:bg-[var(--bui-bg-hover,#3f3f46)] hover:text-[var(--bui-fg,#f4f4f5)] transition-colors",
-          children: suggestion
+          className: "group flex items-center justify-between gap-4 px-5 py-4 text-left text-sm text-[var(--bui-fg,#f4f4f5)] transition-colors hover:bg-[var(--bui-bg-hover,#27272a)]",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex-1", children: suggestion }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_lucide_react.ArrowRight,
+              {
+                size: 14,
+                strokeWidth: 1.75,
+                "aria-hidden": "true",
+                className: "shrink-0 text-[var(--bui-fg-faint,#52525b)] transition-all group-hover:translate-x-0.5 group-hover:text-[var(--bui-fg-secondary,#a1a1aa)]"
+              }
+            )
+          ]
         },
         suggestion
       )) })
-    ] }) }),
+    ] }),
     messages.map((message, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Message,
       {
@@ -865,6 +877,7 @@ function Thread({ className, emptyMessage, suggestions }) {
 
 // src/components/Composer.tsx
 var import_react7 = require("react");
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Composer({ className, placeholder = "Ask something..." }) {
   const { sendMessage, isLoading } = useChatContext();
@@ -892,8 +905,9 @@ function Composer({ className, placeholder = "Ask something..." }) {
       {
         type: "submit",
         disabled: isLoading || !input.trim(),
-        className: "absolute right-2 top-1/2 -translate-y-1/2 p-2 text-[var(--bui-fg-secondary,#a1a1aa)] hover:text-[var(--bui-fg,#f4f4f5)] disabled:opacity-30 disabled:cursor-not-allowed transition-colors",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14.5 1.5L7 9M14.5 1.5L10 14.5L7 9M14.5 1.5L1.5 6L7 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+        "aria-label": "Send",
+        className: "absolute right-2 top-1/2 -translate-y-1/2 flex h-8 w-8 items-center justify-center rounded-full bg-[var(--bui-primary,#18181b)] text-[var(--bui-user-fg,#f4f4f5)] transition-all enabled:hover:bg-[var(--bui-primary-hover,#27272a)] enabled:active:scale-95 disabled:bg-[var(--bui-bg-elevated,#27272a)] disabled:text-[var(--bui-fg-faint,#52525b)] disabled:cursor-not-allowed",
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Send, { size: 14, strokeWidth: 1.75 })
       }
     )
   ] });

package/dist/components/index.mjs

@@ -367,6 +367,7 @@ function ChatProvider({ endpoint = "/api/chat", tools, toolStateStore: externalS
 
 // src/components/Thread.tsx
 import { useRef as useRef3, useEffect as useEffect4 } from "react";
+import { ArrowRight } from "lucide-react";
 
 // src/components/Message.tsx
 import {
@@ -777,18 +778,29 @@ function Thread({ className, emptyMessage, suggestions }) {
     }
   }, [messages, isLoading]);
   return /* @__PURE__ */ jsx5("div", { ref: scrollRef, className: `${className || ""}`, children: /* @__PURE__ */ jsxs4("div", { className: "p-6 space-y-6", children: [
-    messages.length === 0 && /* @__PURE__ */ jsx5("div", { className: "text-center py-16", children: /* @__PURE__ */ jsxs4("div", { className: "text-[var(--bui-fg-faint,#52525b)] text-sm", children: [
-      /* @__PURE__ */ jsx5("p", { className: "text-[var(--bui-fg-secondary,#a1a1aa)] mb-4", children: emptyMessage || "Send a message to get started" }),
-      suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap justify-center gap-2 mt-4", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx5(
+    messages.length === 0 && /* @__PURE__ */ jsxs4("div", { className: "py-12", children: [
+      /* @__PURE__ */ jsx5("p", { className: "text-center text-sm text-[var(--bui-fg-secondary,#a1a1aa)]", children: emptyMessage || "Send a message to get started" }),
+      suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx5("div", { className: "mt-8 flex flex-col divide-y divide-[var(--bui-border,#27272a)] border-y border-[var(--bui-border,#27272a)]", children: suggestions.map((suggestion) => /* @__PURE__ */ jsxs4(
         "button",
         {
           onClick: () => sendMessage(suggestion),
-          className: "px-3 py-1.5 text-xs text-[var(--bui-fg-secondary,#a1a1aa)] bg-[var(--bui-bg-elevated,#27272a)] border border-[var(--bui-border-strong,#3f3f46)] rounded-full hover:bg-[var(--bui-bg-hover,#3f3f46)] hover:text-[var(--bui-fg,#f4f4f5)] transition-colors",
-          children: suggestion
+          className: "group flex items-center justify-between gap-4 px-5 py-4 text-left text-sm text-[var(--bui-fg,#f4f4f5)] transition-colors hover:bg-[var(--bui-bg-hover,#27272a)]",
+          children: [
+            /* @__PURE__ */ jsx5("span", { className: "flex-1", children: suggestion }),
+            /* @__PURE__ */ jsx5(
+              ArrowRight,
+              {
+                size: 14,
+                strokeWidth: 1.75,
+                "aria-hidden": "true",
+                className: "shrink-0 text-[var(--bui-fg-faint,#52525b)] transition-all group-hover:translate-x-0.5 group-hover:text-[var(--bui-fg-secondary,#a1a1aa)]"
+              }
+            )
+          ]
         },
         suggestion
       )) })
-    ] }) }),
+    ] }),
     messages.map((message, i) => /* @__PURE__ */ jsx5(
       Message,
       {
@@ -811,6 +823,7 @@ function Thread({ className, emptyMessage, suggestions }) {
 
 // src/components/Composer.tsx
 import { useState as useState3 } from "react";
+import { Send } from "lucide-react";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Composer({ className, placeholder = "Ask something..." }) {
   const { sendMessage, isLoading } = useChatContext();
@@ -838,8 +851,9 @@ function Composer({ className, placeholder = "Ask something..." }) {
       {
         type: "submit",
         disabled: isLoading || !input.trim(),
-        className: "absolute right-2 top-1/2 -translate-y-1/2 p-2 text-[var(--bui-fg-secondary,#a1a1aa)] hover:text-[var(--bui-fg,#f4f4f5)] disabled:opacity-30 disabled:cursor-not-allowed transition-colors",
-        children: /* @__PURE__ */ jsx6("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx6("path", { d: "M14.5 1.5L7 9M14.5 1.5L10 14.5L7 9M14.5 1.5L1.5 6L7 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+        "aria-label": "Send",
+        className: "absolute right-2 top-1/2 -translate-y-1/2 flex h-8 w-8 items-center justify-center rounded-full bg-[var(--bui-primary,#18181b)] text-[var(--bui-user-fg,#f4f4f5)] transition-all enabled:hover:bg-[var(--bui-primary-hover,#27272a)] enabled:active:scale-95 disabled:bg-[var(--bui-bg-elevated,#27272a)] disabled:text-[var(--bui-fg-faint,#52525b)] disabled:cursor-not-allowed",
+        children: /* @__PURE__ */ jsx6(Send, { size: 14, strokeWidth: 1.75 })
       }
     )
   ] });

package/dist/openapi/index.d.mts

@@ -1,30 +1,8 @@
-import { T as Tool } from '../tool-yZTixiN2.mjs';
+import { T as Tool, g as ToolContext } from '../tool-yZTixiN2.mjs';
 import { J as JsonSchema } from '../schema-DdZf6066.mjs';
 import 'zod';
 import 'react';
 
-/**
- * OpenAPI 3.1 spec generator for Better UI tools.
- *
- * Converts a tool registry into a valid OpenAPI document.
- * Each tool becomes a POST endpoint at `/api/tools/{toolName}`.
- *
- * @example
- * ```typescript
- * import { generateOpenAPISpec } from '@lantos1618/better-ui/openapi';
- * import { tools } from './tools';
- *
- * const spec = generateOpenAPISpec({
- *   title: 'My AI Tools API',
- *   version: '1.0.0',
- *   tools,
- * });
- *
- * // Serve as JSON
- * app.get('/openapi.json', (req, res) => res.json(spec));
- * ```
- */
-
 interface OpenAPISpecConfig {
     /** API title */
     title: string;
@@ -109,5 +87,36 @@ declare function generateOpenAPISpec(config: OpenAPISpecConfig): OpenAPISpec;
  * ```
  */
 declare function openAPIHandler(config: OpenAPISpecConfig): (req: Request) => Response;
+interface ToolRouterConfig {
+    /** Tool registry */
+    tools: Record<string, Tool>;
+    /** Base path prefix (default: '/api/tools') */
+    basePath?: string;
+    /** Optional context passed to every tool execution */
+    context?: Partial<ToolContext>;
+    /** Called before tool execution — throw to reject */
+    onBeforeExecute?: (toolName: string, input: unknown, req: Request) => Promise<void> | void;
+}
+/**
+ * Create a request handler that routes to individual tool endpoints.
+ * Each tool is callable at `POST {basePath}/{toolName}`.
+ *
+ * Also serves the OpenAPI spec at `GET {basePath}` and a Swagger UI at `GET {basePath}/docs`.
+ *
+ * @example
+ * ```typescript
+ * // Next.js catch-all: app/api/tools/[...path]/route.ts
+ * import { toolRouter } from '@lantos1618/better-ui/openapi';
+ * const router = toolRouter({ tools });
+ * export const GET = router;
+ * export const POST = router;
+ *
+ * // Now callable:
+ * // POST /api/tools/weather  { "city": "Tokyo" }  -> { "result": { "temp": 22, ... } }
+ * // GET  /api/tools           -> OpenAPI JSON spec
+ * // GET  /api/tools/docs      -> Swagger UI
+ * ```
+ */
+declare function toolRouter(config: ToolRouterConfig): (req: Request) => Promise<Response>;
 
-export { type OpenAPISpec, type OpenAPISpecConfig, generateOpenAPISpec, openAPIHandler };
+export { type OpenAPISpec, type OpenAPISpecConfig, type ToolRouterConfig, generateOpenAPISpec, openAPIHandler, toolRouter };

package/dist/openapi/index.d.ts

@@ -1,30 +1,8 @@
-import { T as Tool } from '../tool-yZTixiN2.js';
+import { T as Tool, g as ToolContext } from '../tool-yZTixiN2.js';
 import { J as JsonSchema } from '../schema-DdZf6066.js';
 import 'zod';
 import 'react';
 
-/**
- * OpenAPI 3.1 spec generator for Better UI tools.
- *
- * Converts a tool registry into a valid OpenAPI document.
- * Each tool becomes a POST endpoint at `/api/tools/{toolName}`.
- *
- * @example
- * ```typescript
- * import { generateOpenAPISpec } from '@lantos1618/better-ui/openapi';
- * import { tools } from './tools';
- *
- * const spec = generateOpenAPISpec({
- *   title: 'My AI Tools API',
- *   version: '1.0.0',
- *   tools,
- * });
- *
- * // Serve as JSON
- * app.get('/openapi.json', (req, res) => res.json(spec));
- * ```
- */
-
 interface OpenAPISpecConfig {
     /** API title */
     title: string;
@@ -109,5 +87,36 @@ declare function generateOpenAPISpec(config: OpenAPISpecConfig): OpenAPISpec;
  * ```
  */
 declare function openAPIHandler(config: OpenAPISpecConfig): (req: Request) => Response;
+interface ToolRouterConfig {
+    /** Tool registry */
+    tools: Record<string, Tool>;
+    /** Base path prefix (default: '/api/tools') */
+    basePath?: string;
+    /** Optional context passed to every tool execution */
+    context?: Partial<ToolContext>;
+    /** Called before tool execution — throw to reject */
+    onBeforeExecute?: (toolName: string, input: unknown, req: Request) => Promise<void> | void;
+}
+/**
+ * Create a request handler that routes to individual tool endpoints.
+ * Each tool is callable at `POST {basePath}/{toolName}`.
+ *
+ * Also serves the OpenAPI spec at `GET {basePath}` and a Swagger UI at `GET {basePath}/docs`.
+ *
+ * @example
+ * ```typescript
+ * // Next.js catch-all: app/api/tools/[...path]/route.ts
+ * import { toolRouter } from '@lantos1618/better-ui/openapi';
+ * const router = toolRouter({ tools });
+ * export const GET = router;
+ * export const POST = router;
+ *
+ * // Now callable:
+ * // POST /api/tools/weather  { "city": "Tokyo" }  -> { "result": { "temp": 22, ... } }
+ * // GET  /api/tools           -> OpenAPI JSON spec
+ * // GET  /api/tools/docs      -> Swagger UI
+ * ```
+ */
+declare function toolRouter(config: ToolRouterConfig): (req: Request) => Promise<Response>;
 
-export { type OpenAPISpec, type OpenAPISpecConfig, generateOpenAPISpec, openAPIHandler };
+export { type OpenAPISpec, type OpenAPISpecConfig, type ToolRouterConfig, generateOpenAPISpec, openAPIHandler, toolRouter };

package/dist/openapi/index.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var openapi_exports = {};
 __export(openapi_exports, {
   generateOpenAPISpec: () => generateOpenAPISpec,
-  openAPIHandler: () => openAPIHandler
+  openAPIHandler: () => openAPIHandler,
+  toolRouter: () => toolRouter
 });
 module.exports = __toCommonJS(openapi_exports);
 
@@ -253,8 +254,86 @@ function openAPIHandler(config) {
     }
   });
 }
+function toolRouter(config) {
+  const basePath = config.basePath ?? "/api/tools";
+  return async (req) => {
+    const url = new URL(req.url);
+    const path = url.pathname;
+    if (req.method === "OPTIONS") {
+      return new Response(null, {
+        headers: {
+          "Access-Control-Allow-Origin": "*",
+          "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
+          "Access-Control-Allow-Headers": "Content-Type, Authorization"
+        }
+      });
+    }
+    if (req.method === "GET" && (path === basePath || path === basePath + "/")) {
+      const spec = generateOpenAPISpec({
+        title: "Tool API",
+        version: "1.0.0",
+        tools: config.tools,
+        basePath,
+        serverUrl: url.origin
+      });
+      return new Response(JSON.stringify(spec, null, 2), {
+        headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
+      });
+    }
+    if (req.method === "GET" && (path === basePath + "/docs" || path === basePath + "/docs/")) {
+      const html = `<!DOCTYPE html><html><head><meta charset="utf-8"><title>API Docs</title>
+<link rel="stylesheet" href="https://unpkg.com/swagger-ui-dist@5/swagger-ui.css">
+</head><body><div id="swagger-ui"></div>
+<script src="https://unpkg.com/swagger-ui-dist@5/swagger-ui-bundle.js"></script>
+<script>SwaggerUIBundle({url:'${basePath}',dom_id:'#swagger-ui',deepLinking:true});</script>
+</body></html>`;
+      return new Response(html, {
+        headers: { "Content-Type": "text/html", "Access-Control-Allow-Origin": "*" }
+      });
+    }
+    if (req.method === "POST" && path.startsWith(basePath + "/")) {
+      const toolName = path.slice(basePath.length + 1).replace(/\/$/, "");
+      if (!toolName) {
+        return Response.json({ error: "Missing tool name" }, { status: 400 });
+      }
+      if (!Object.prototype.hasOwnProperty.call(config.tools, toolName)) {
+        return Response.json({ error: "Tool not found" }, { status: 404 });
+      }
+      const tool = config.tools[toolName];
+      let input;
+      try {
+        input = await req.json();
+      } catch {
+        return Response.json({ error: "Invalid JSON body" }, { status: 400 });
+      }
+      try {
+        if (config.onBeforeExecute) {
+          await config.onBeforeExecute(toolName, input, req);
+        }
+        const result = await tool.run(input, {
+          isServer: true,
+          headers: req.headers,
+          ...config.context
+        });
+        return Response.json({ result }, {
+          headers: { "Access-Control-Allow-Origin": "*" }
+        });
+      } catch (error) {
+        if (error instanceof Error && error.name === "ZodError") {
+          return Response.json({ error: error.message }, { status: 400 });
+        }
+        return Response.json(
+          { error: error instanceof Error ? error.message : "Tool execution failed" },
+          { status: 500 }
+        );
+      }
+    }
+    return Response.json({ error: "Not found" }, { status: 404 });
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   generateOpenAPISpec,
-  openAPIHandler
+  openAPIHandler,
+  toolRouter
 });

package/dist/openapi/index.mjs

@@ -91,7 +91,85 @@ function openAPIHandler(config) {
     }
   });
 }
+function toolRouter(config) {
+  const basePath = config.basePath ?? "/api/tools";
+  return async (req) => {
+    const url = new URL(req.url);
+    const path = url.pathname;
+    if (req.method === "OPTIONS") {
+      return new Response(null, {
+        headers: {
+          "Access-Control-Allow-Origin": "*",
+          "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
+          "Access-Control-Allow-Headers": "Content-Type, Authorization"
+        }
+      });
+    }
+    if (req.method === "GET" && (path === basePath || path === basePath + "/")) {
+      const spec = generateOpenAPISpec({
+        title: "Tool API",
+        version: "1.0.0",
+        tools: config.tools,
+        basePath,
+        serverUrl: url.origin
+      });
+      return new Response(JSON.stringify(spec, null, 2), {
+        headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
+      });
+    }
+    if (req.method === "GET" && (path === basePath + "/docs" || path === basePath + "/docs/")) {
+      const html = `<!DOCTYPE html><html><head><meta charset="utf-8"><title>API Docs</title>
+<link rel="stylesheet" href="https://unpkg.com/swagger-ui-dist@5/swagger-ui.css">
+</head><body><div id="swagger-ui"></div>
+<script src="https://unpkg.com/swagger-ui-dist@5/swagger-ui-bundle.js"></script>
+<script>SwaggerUIBundle({url:'${basePath}',dom_id:'#swagger-ui',deepLinking:true});</script>
+</body></html>`;
+      return new Response(html, {
+        headers: { "Content-Type": "text/html", "Access-Control-Allow-Origin": "*" }
+      });
+    }
+    if (req.method === "POST" && path.startsWith(basePath + "/")) {
+      const toolName = path.slice(basePath.length + 1).replace(/\/$/, "");
+      if (!toolName) {
+        return Response.json({ error: "Missing tool name" }, { status: 400 });
+      }
+      if (!Object.prototype.hasOwnProperty.call(config.tools, toolName)) {
+        return Response.json({ error: "Tool not found" }, { status: 404 });
+      }
+      const tool = config.tools[toolName];
+      let input;
+      try {
+        input = await req.json();
+      } catch {
+        return Response.json({ error: "Invalid JSON body" }, { status: 400 });
+      }
+      try {
+        if (config.onBeforeExecute) {
+          await config.onBeforeExecute(toolName, input, req);
+        }
+        const result = await tool.run(input, {
+          isServer: true,
+          headers: req.headers,
+          ...config.context
+        });
+        return Response.json({ result }, {
+          headers: { "Access-Control-Allow-Origin": "*" }
+        });
+      } catch (error) {
+        if (error instanceof Error && error.name === "ZodError") {
+          return Response.json({ error: error.message }, { status: 400 });
+        }
+        return Response.json(
+          { error: error instanceof Error ? error.message : "Tool execution failed" },
+          { status: 500 }
+        );
+      }
+    }
+    return Response.json({ error: "Not found" }, { status: 404 });
+  };
+}
 export {
   generateOpenAPISpec,
-  openAPIHandler
+  openAPIHandler,
+  toolRouter
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lantos1618/better-ui",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "A minimal, type-safe AI-first UI framework for building tools",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -92,6 +92,7 @@
     "@ai-sdk/anthropic": "^3.0.0",
     "@ai-sdk/google": "^3.0.0",
     "jose": "^6.0.0",
+    "lucide-react": "^1.9.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -123,6 +124,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^30.3.0",
     "jose": "^6.2.2",
+    "lucide-react": "^1.9.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "ts-jest": "^29.4.9",