@vertesia/ui 0.64.0 → 0.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertesia/ui",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "description": "Vertesia UI components and and hooks",
   "type": "module",
   "main": "./lib/index.js",
@@ -55,9 +55,10 @@
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.0",
     "ts-md5": "^1.3.1",
-    "@vertesia/json": "0.64.0",
-    "@vertesia/common": "0.64.0",
-    "@vertesia/client": "0.64.0"
+    "json-schema": "^0.4.0",
+    "@vertesia/client": "0.65.0",
+    "@vertesia/common": "0.65.0",
+    "@vertesia/json": "0.65.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.27.0",
@@ -68,6 +69,7 @@
     "@types/node": "^22.15.21",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.1",
+    "@types/json-schema": "^7.0.15",
     "eslint": "^9.27.0",
     "eslint-import-resolver-typescript": "^4.3.5",
     "eslint-plugin-import": "^2.31.0",

package/src/core/components/shadcn/selectBox.tsx

@@ -179,7 +179,7 @@ export function VSelectBox<T = any>({ options, optionLabel, value, onChange, add
                         className,
                         border && 'border border-border',
                         'flex flex-row gap-2 items-center justify-between p-2 rounded-md group relative',
-                        !disabled && "cursor-pointer hover:bg-muted"
+                        !disabled ? "cursor-pointer hover:bg-muted" : "cursor-not-allowed text-muted",
                     )}
                 >
                     <div

package/src/env/index.ts

@@ -64,8 +64,12 @@ export class VertesiaEnvironment implements Readonly<EnvProps> {
         return this.type === "production";
     }
 
+    get isStable() {
+        return this.type === "production" || this.type === "preview" || this.type === "dr";
+    }
+
     get isDev() {
-        return !this.isProd;
+        return !this.isStable;
     }
 
     get isPreview() {

package/src/features/agent/PayloadBuilder.tsx

@@ -1,9 +1,10 @@
 import { AsyncExecutionResult, VertesiaClient } from "@vertesia/client";
-import { ExecutionEnvironmentRef, Interaction, JSONSchema, mergePromptsSchema, PopulatedInteraction } from "@vertesia/common";
+import { ExecutionEnvironmentRef, Interaction, mergePromptsSchema, PopulatedInteraction, supportsToolUse } from "@vertesia/common";
 import { JSONObject } from "@vertesia/json";
 import { useUserSession } from "@vertesia/ui/session";
 import Ajv, { ValidateFunction } from "ajv";
 import React, { createContext, useContext, useEffect, useState } from "react";
+import type { JSONSchema4 } from "json-schema";
 
 export interface ConversationWorkflowPayload {
     interaction?: Interaction | undefined;
@@ -18,10 +19,10 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     _start: boolean = false;
 
     payload: ConversationWorkflowPayload;
-    interactionParamsSchema?: JSONSchema | null;
+    private _interactionParamsSchema?: JSONSchema4 | null;
     private _inputValidator?: {
         validate: ValidateFunction;
-        schema: JSONSchema;
+        schema: JSONSchema4;
     };
 
     constructor(public vertesia: VertesiaClient, public updateState: (data: PayloadBuilder) => void) {
@@ -32,12 +33,13 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     }
 
     onStateChanged() {
-        this.updateState(this.clone());
+        const newInstance = this.clone();
+        this.updateState(newInstance);
     }
 
     clone() {
         const builder = new PayloadBuilder(this.vertesia, this.updateState);
-        builder.interactionParamsSchema = this.interactionParamsSchema;
+        builder._interactionParamsSchema = this._interactionParamsSchema;
         builder.payload = this.payload;
         builder._interactive = this._interactive;
         builder._inputValidator = this._inputValidator;
@@ -61,15 +63,10 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     set interaction(interaction: Interaction | undefined) {
         if (interaction?.id !== this.payload.interaction?.id) {
             this.payload.interaction = interaction;
-            this.interactionParamsSchema = mergePromptsSchema(this.interaction as PopulatedInteraction) as JSONSchema;
+            this._interactionParamsSchema = mergePromptsSchema(this.interaction as PopulatedInteraction) as JSONSchema4;
             // Reset the validator when schema changes
             this._inputValidator = undefined;
             if (interaction) {
-                if (interaction.model) {
-                    this.payload.model = interaction.model;
-                } else {
-                    this.payload.model = undefined;
-                }
                 if (interaction.environment) {
                     if (typeof interaction.environment === 'string') {
                         this.vertesia.environments.retrieve(interaction.environment).then((environment) => this.environment = environment);
@@ -77,6 +74,12 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
                         this.payload.environment = interaction.environment;
                     }
                 }
+                if (interaction.model) {
+                    this.payload.model = interaction.model;
+                } else {
+                    this.payload.model = this.environment?.default_model && supportsToolUse(this.environment.default_model, this.environment.provider)
+                        ? this.environment.default_model : undefined;
+                }
             }
             this.onStateChanged();
         }
@@ -88,6 +91,9 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     set environment(environment: ExecutionEnvironmentRef | undefined) {
         if (environment?.id !== this.payload.environment?.id) {
             this.payload.environment = environment;
+            this.payload.model = environment?.default_model && supportsToolUse(environment.default_model, environment.provider)
+                ? environment.default_model : undefined;
+
             this.onStateChanged();
         }
     }
@@ -134,6 +140,17 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
         return this._start;
     }
 
+    get interactionParamsSchema(): JSONSchema4 | null | undefined {
+        return this._interactionParamsSchema;
+    }
+
+    set interactionParamsSchema(schema: JSONSchema4 | null | undefined) {
+        if (this._interactionParamsSchema !== schema) {
+            this._interactionParamsSchema = schema;
+            this.onStateChanged();
+        }
+    }
+
     reset() {
         this._start = false;
         this._interactive = true;
@@ -144,7 +161,7 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
             environment: undefined,
             prompt_data: undefined
         };
-        this.interactionParamsSchema = null;
+        this._interactionParamsSchema = null;
         this._inputValidator = undefined;
 
         this.onStateChanged();
@@ -156,16 +173,16 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     }
 
     validateInput(): { isValid: boolean; errorMessage?: string } {
-        if (!this.interactionParamsSchema) {
+        if (!this._interactionParamsSchema) {
             return { isValid: true };
         }
 
         // If schema has changed or validator not initialized, recompile
-        if (!this._inputValidator || this._inputValidator.schema !== this.interactionParamsSchema) {
+        if (!this._inputValidator || this._inputValidator.schema !== this._interactionParamsSchema) {
             const ajv = new Ajv({ strict: false });
             this._inputValidator = {
-                validate: ajv.compile(this.interactionParamsSchema),
-                schema: this.interactionParamsSchema
+                validate: ajv.compile(this._interactionParamsSchema),
+                schema: this._interactionParamsSchema
             };
         }
 

package/src/features/agent/chat/ModernAgentOutput/Header.tsx

@@ -8,7 +8,6 @@ import {
     DownloadCloudIcon,
     ExternalLink,
     MoreVertical,
-    Plus,
     XIcon,
 } from "lucide-react";
 import { PayloadBuilderProvider, usePayloadBuilder } from "../../PayloadBuilder";
@@ -148,11 +147,6 @@ function MoreDropdown({
         }
     };
 
-    const startNewAgent = () => {
-        builder.reset();
-        resetWorkflow?.();
-    }
-
     const openUrl = (url: string) => {
         window.open(url, "_blank");
         return url;
@@ -215,11 +209,6 @@ function MoreDropdown({
                                     }}>
                                         <XIcon className="size-3.5 mr-2 text-destructive" /> Cancel Workflow
                                     </CommandItem>
-                                    {!isModal && (
-                                        <CommandItem className="text-xs" onSelect={startNewAgent}>
-                                            <Plus className="size-3.5 mr-2 text-muted" /> Start a new Agent
-                                        </CommandItem>
-                                    )}
                                 </CommandGroup>
                             </CommandList>
                         </Command>

package/src/features/magic-pdf/PdfPageProvider.tsx

@@ -83,14 +83,14 @@ function getBasePath(objectId: string) {
     return `${ADVANCED_PROCESSING_PREFIX}/${objectId}`;
 }
 
-function getPageImagePath(objectId: string, pageNumber: number, ext = ".jpeg") {
+function getPageImagePath(objectId: string, pageNumber: number, ext = ".jpg") {
     return `${getBasePath(objectId)}/pages/page-${pageNumber}${ext}`;
 }
 
 function getPageAnnotatedImagePath(
     objectId: string,
     pageNumber: number,
-    ext = ".jpeg",
+    ext = ".jpg",
 ) {
     return `${getBasePath(objectId)}/pages/page-${pageNumber}-annotated${ext}`;
 }
@@ -98,7 +98,7 @@ function getPageAnnotatedImagePath(
 function getPageInstrumentedImagePath(
     objectId: string,
     pageNumber: number,
-    ext = ".jpeg",
+    ext = ".jpg",
 ) {
     return `${getBasePath(objectId)}/pages/page-${pageNumber}.instrumented${ext}`;
 }