@vertesia/ui 0.78.0-dev-28b447d → 0.79.0

package/package.json

@@ -1,177 +1,172 @@
 {
-    "name": "@vertesia/ui",
-    "version": "0.78.0-dev-28b447d",
-    "description": "Vertesia UI components and and hooks",
-    "type": "module",
-    "main": "./lib/index.js",
-    "files": [
-        "lib",
-        "src",
-        "tsconfig.dist.json"
-    ],
-    "license": "Apache-2.0",
-    "homepage": "https://docs.vertesiahq.com",
-    "keywords": [
-        "vertesia",
-        "UI",
-        "react",
-        "components",
-        "hooks"
-    ],
-    "scripts": {
-        "build": "pnpm lint && pnpm exec rimraf ./lib && tsc -b && pnpm exec rollup -c",
-        "lint": "eslint \"src/**/*.{ts,tsx}\"",
-        "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix"
+  "name": "@vertesia/ui",
+  "version": "0.79.0",
+  "description": "Vertesia UI components and and hooks",
+  "type": "module",
+  "main": "./lib/index.js",
+  "files": [
+    "lib",
+    "src",
+    "tsconfig.dist.json"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://docs.vertesiahq.com",
+  "keywords": [
+    "vertesia",
+    "UI",
+    "react",
+    "components",
+    "hooks"
+  ],
+  "dependencies": {
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.36.8",
+    "@floating-ui/dom": "^1.7.1",
+    "@floating-ui/react": "^0.27.11",
+    "@headlessui/react": "^2.2.2",
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-separator": "^1.1.6",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "ajv": "^8.16.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "codemirror": "^6.0.1",
+    "dayjs": "^1.11.13",
+    "debounce": "^2.2.0",
+    "fast-xml-parser": "^5.2.3",
+    "firebase": "^10.12.2",
+    "framer-motion": "^12.23.12",
+    "json-schema": "^0.4.0",
+    "jwt-decode": "^4.0.0",
+    "lodash-es": "^4.17.21",
+    "lucide-react": "^0.511.0",
+    "monaco-editor": "^0.52.2",
+    "motion": "^12.12.1",
+    "react": "^19.1.0",
+    "react-calendar": "^6.0.0",
+    "react-date-picker": "^11.0.0",
+    "react-dom": "^19.1.0",
+    "react-error-boundary": "^6.0.0",
+    "react-markdown": "^10.1.0",
+    "react-resizable-panels": "^3.0.6",
+    "remark-gfm": "^4.0.1",
+    "tailwind-merge": "^3.3.0",
+    "ts-md5": "^1.3.1",
+    "unist-util-visit": "^5.0.0",
+    "@vertesia/client": "0.79.0",
+    "@vertesia/json": "0.79.0",
+    "@vertesia/common": "0.79.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.27.0",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/json-schema": "^7.0.15",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.15.21",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.1",
+    "eslint": "^9.27.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.40.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.38.0",
+    "vitest": "^3.0.9"
+  },
+  "exports": {
+    "./router": {
+      "types": "./lib/types/router/index.d.ts",
+      "default": "./lib/esm/router/index.js"
     },
-    "dependencies": {
-        "@codemirror/lang-json": "^6.0.1",
-        "@codemirror/state": "^6.5.2",
-        "@codemirror/view": "^6.36.8",
-        "@floating-ui/dom": "^1.7.1",
-        "@floating-ui/react": "^0.27.11",
-        "@headlessui/react": "^2.2.2",
-        "@monaco-editor/react": "^4.7.0",
-        "@radix-ui/react-checkbox": "^1.3.1",
-        "@radix-ui/react-dialog": "^1.1.13",
-        "@radix-ui/react-label": "^2.1.6",
-        "@radix-ui/react-popover": "^1.1.13",
-        "@radix-ui/react-separator": "^1.1.6",
-        "@radix-ui/react-slot": "^1.2.2",
-        "@radix-ui/react-tabs": "^1.1.11",
-        "@radix-ui/react-tooltip": "^1.2.6",
-        "@vertesia/client": "workspace:*",
-        "@vertesia/common": "workspace:*",
-        "@vertesia/json": "workspace:*",
-        "ajv": "^8.16.0",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "cmdk": "^1.1.1",
-        "codemirror": "^6.0.1",
-        "dayjs": "^1.11.13",
-        "debounce": "^2.2.0",
-        "fast-xml-parser": "^5.2.3",
-        "firebase": "^10.12.2",
-        "framer-motion": "^12.23.12",
-        "json-schema": "^0.4.0",
-        "jwt-decode": "^4.0.0",
-        "lodash-es": "^4.17.21",
-        "lucide-react": "^0.511.0",
-        "monaco-editor": "^0.52.2",
-        "motion": "^12.12.1",
-        "react": "^19.1.0",
-        "react-calendar": "^6.0.0",
-        "react-date-picker": "^11.0.0",
-        "react-dom": "^19.1.0",
-        "react-error-boundary": "^6.0.0",
-        "react-markdown": "^10.1.0",
-        "react-resizable-panels": "^3.0.6",
-        "remark-gfm": "^4.0.1",
-        "tailwind-merge": "^3.3.0",
-        "ts-md5": "^1.3.1",
-        "unist-util-visit": "^5.0.0"
+    "./env": {
+      "types": "./lib/types/env/index.d.ts",
+      "default": "./lib/esm/env/index.js"
     },
-    "devDependencies": {
-        "@eslint/js": "^9.27.0",
-        "@rollup/plugin-commonjs": "^28.0.3",
-        "@rollup/plugin-json": "^6.1.0",
-        "@rollup/plugin-node-resolve": "^16.0.1",
-        "@types/json-schema": "^7.0.15",
-        "@types/lodash-es": "^4.17.12",
-        "@types/node": "^22.15.21",
-        "@types/react": "^19.1.0",
-        "@types/react-dom": "^19.1.1",
-        "eslint": "^9.27.0",
-        "eslint-import-resolver-typescript": "^4.4.4",
-        "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^5.2.0",
-        "rimraf": "^6.0.1",
-        "rollup": "^4.40.2",
-        "rollup-plugin-terser": "^7.0.2",
-        "typescript": "~5.8.3",
-        "typescript-eslint": "^8.38.0",
-        "vitest": "^3.0.9"
+    "./session": {
+      "types": "./lib/types/session/index.d.ts",
+      "default": "./lib/esm/session/index.js"
     },
-    "exports": {
-        "./router": {
-            "types": "./lib/types/router/index.d.ts",
-            "default": "./lib/esm/router/index.js"
-        },
-        "./env": {
-            "types": "./lib/types/env/index.d.ts",
-            "default": "./lib/esm/env/index.js"
-        },
-        "./session": {
-            "types": "./lib/types/session/index.d.ts",
-            "default": "./lib/esm/session/index.js"
-        },
-        "./core": {
-            "types": "./lib/types/core/index.d.ts",
-            "default": "./lib/esm/core/index.js"
-        },
-        "./widgets": {
-            "types": "./lib/types/widgets/index.d.ts",
-            "default": "./lib/esm/widgets/index.js"
-        },
-        "./code": {
-            "types": "./lib/types/code/index.d.ts",
-            "default": "./lib/esm/code/index.js"
-        },
-        "./form": {
-            "types": "./lib/types/form/index.d.ts",
-            "default": "./lib/esm/form/index.js"
-        },
-        "./layout": {
-            "types": "./lib/types/layout/index.d.ts",
-            "default": "./lib/esm/layout/index.js"
-        },
-        "./features": {
-            "types": "./lib/types/features/index.d.ts",
-            "default": "./lib/esm/features/index.js"
-        },
-        "./shell": {
-            "types": "./lib/types/shell/index.d.ts",
-            "default": "./lib/esm/shell/index.js"
-        }
+    "./core": {
+      "types": "./lib/types/core/index.d.ts",
+      "default": "./lib/esm/core/index.js"
     },
-    "types": "./lib/index.d.ts",
-    "typesVersions": {
-        "*": {
-            "router": [
-                "./lib/types/router/index.d.ts"
-            ],
-            "env": [
-                "./lib/types/env/index.d.ts"
-            ],
-            "session": [
-                "./lib/types/session/index.d.ts"
-            ],
-            "core": [
-                "./lib/types/core/index.d.ts"
-            ],
-            "widgets": [
-                "./lib/types/widgets/index.d.ts"
-            ],
-            "code": [
-                "./lib/types/code/index.d.ts"
-            ],
-            "features": [
-                "./lib/types/features/index.d.ts"
-            ],
-            "layout": [
-                "./lib/types/layout/index.d.ts"
-            ],
-            "form": [
-                "./lib/types/form/index.d.ts"
-            ],
-            "shell": [
-                "./lib/types/shell/index.d.ts"
-            ]
-        }
+    "./widgets": {
+      "types": "./lib/types/widgets/index.d.ts",
+      "default": "./lib/esm/widgets/index.js"
     },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/vertesia/composableai.git",
-        "directory": "packages/ui"
+    "./code": {
+      "types": "./lib/types/code/index.d.ts",
+      "default": "./lib/esm/code/index.js"
+    },
+    "./form": {
+      "types": "./lib/types/form/index.d.ts",
+      "default": "./lib/esm/form/index.js"
+    },
+    "./layout": {
+      "types": "./lib/types/layout/index.d.ts",
+      "default": "./lib/esm/layout/index.js"
+    },
+    "./features": {
+      "types": "./lib/types/features/index.d.ts",
+      "default": "./lib/esm/features/index.js"
+    },
+    "./shell": {
+      "types": "./lib/types/shell/index.d.ts",
+      "default": "./lib/esm/shell/index.js"
+    }
+  },
+  "types": "./lib/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "router": [
+        "./lib/types/router/index.d.ts"
+      ],
+      "env": [
+        "./lib/types/env/index.d.ts"
+      ],
+      "session": [
+        "./lib/types/session/index.d.ts"
+      ],
+      "core": [
+        "./lib/types/core/index.d.ts"
+      ],
+      "widgets": [
+        "./lib/types/widgets/index.d.ts"
+      ],
+      "code": [
+        "./lib/types/code/index.d.ts"
+      ],
+      "features": [
+        "./lib/types/features/index.d.ts"
+      ],
+      "layout": [
+        "./lib/types/layout/index.d.ts"
+      ],
+      "form": [
+        "./lib/types/form/index.d.ts"
+      ],
+      "shell": [
+        "./lib/types/shell/index.d.ts"
+      ]
     }
-}
+  },
+  "scripts": {
+    "build": "pnpm lint && pnpm exec rimraf ./lib && tsc -b && pnpm exec rollup -c",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix"
+  }
+}

package/src/env/index.ts

@@ -12,7 +12,6 @@ export interface EnvProps {
     endpoints: {
         zeno: string,
         studio: string,
-        sts: string, // Security Token Service endpoint
     },
     firebase?: {
         apiKey: string,
@@ -118,4 +117,4 @@ export class VertesiaEnvironment implements Readonly<EnvProps> {
 
 const Env = new VertesiaEnvironment();
 
-export { Env };
+export { Env };

package/src/features/store/objects/DocumentSearchResults.tsx

@@ -27,13 +27,7 @@ const defaultLayout: ColumnLayout[] = [
 
 function getTableLayout(registry: TypeRegistry, type: string | undefined): ColumnLayout[] {
     const layout = type ? registry.getTypeLayout(type) : defaultLayout;
-    console.log('[DEBUG] getTableLayout called with type:', type);
-    console.log('[DEBUG] Layout from registry:', layout);
-    console.log('[DEBUG] Using defaultLayout?', layout === defaultLayout);
-    const result = layout ?? defaultLayout;
-    console.log('[DEBUG] Final layout:', result);
-    console.log('[DEBUG] Has Status field?', result.some(col => col.field === 'status'));
-    return result;
+    return layout ?? defaultLayout;
 }
 
 interface DocumentSearchResultsWithDropZoneProps {
@@ -97,17 +91,9 @@ export function DocumentSearchResults({ layout, onUpload, allowFilter = true, al
     const [selectedObject, setSelectedObject] = useState<ContentObjectItem | null>(null);
     const { typeRegistry } = useUserSession();
     const { search, isLoading, error, objects } = useWatchDocumentSearchResult();
-
-    console.log('[DEBUG] DocumentSearchResults - layout prop:', layout);
-    console.log('[DEBUG] DocumentSearchResults - search.query.type:', search.query.type);
-    console.log('[DEBUG] DocumentSearchResults - typeRegistry exists?', !!typeRegistry);
-
     const [actualLayout, setActualLayout] = useState<ColumnLayout[]>(
         typeRegistry ? layout || getTableLayout(typeRegistry, search.query.type) : defaultLayout,
     );
-
-    console.log('[DEBUG] DocumentSearchResults - actualLayout:', actualLayout);
-    console.log('[DEBUG] DocumentSearchResults - actualLayout has Status?', actualLayout.some(col => col.field === 'status'));
     //TODO _setRefreshTrigger state not used
     const [refreshTrigger, _setRefreshTrigger] = useState(0);
     const [loaded, setLoaded] = useState(0);

package/src/features/user/UserInfo.tsx

@@ -125,8 +125,6 @@ export function UserInfo({ userRef, showTitle = false, size = "md" }: UserInfoPr
             return <SystemAvatar showTitle={showTitle} size={size} />
         case PrincipalType.ServiceAccount:
             return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
-        case PrincipalType.Agent:
-            return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
         case PrincipalType.ApiKey:
             return <ApiKeyAvatar keyId={id} size={size} showTitle={showTitle} />
         default:

package/src/session/UserSession.ts

@@ -33,7 +33,6 @@ class UserSession {
             this.client = new VertesiaClient({
                 serverUrl: Env.endpoints.studio,
                 storeUrl: Env.endpoints.zeno,
-                tokenServerUrl: Env.endpoints.sts
             });
         }
 

package/src/session/UserSessionProvider.tsx

@@ -7,7 +7,7 @@ import { Env } from "@vertesia/ui/env";
 import { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY, UserSession, UserSessionContext } from "./UserSession";
 
 const devDomains = [".composable.sh", ".vertesia.dev", "vertesia.app"];
-const CENTRAL_AUTH_REDIRECT = "https://internal-auth.vertesia.app/?sts=https://sts-staging.vertesia.io";
+const CENTRAL_AUTH_REDIRECT = "https://internal-auth.vertesia.app/";
 
 function shouldRedirectToCentralAuth() {
     // Authentication is not supported in Docker environment.

package/src/session/auth/composable.ts

@@ -32,96 +32,95 @@ export async function fetchComposableToken(getIdToken: () => Promise<string | nu
         throw new Error('No id token found');
     }
 
-    // Use STS endpoint - either configured or default to sts.vertesia.io
-    const stsEndpoint = Env.endpoints.sts;
-    console.log('Using STS for token generation:', stsEndpoint);
-    Env.logger.info('Using STS for token generation', {
+    console.log('Fetching composable token from ' + Env.endpoints.studio);
+    Env.logger.info('Fetching composable token from' + Env.endpoints.studio, {
         vertesia: {
             account_id: accountId,
             project_id: projectId,
-            sts_url: stsEndpoint,
         },
     });
 
-    try {
-        // Call STS to generate a user token
-        const stsUrl = new URL(stsEndpoint + '/token/issue');
-        const requestBody = {
-            type: 'user',
+    const url = new URL(Env.endpoints.studio + '/auth/token');
+    if (accountId) url.searchParams.set('accountId', accountId);
+    if (projectId) url.searchParams.set('projectId', projectId);
+    if (ttl) url.searchParams.set('ttl', String(ttl));
+
+    console.log(`Getting composable token for account ${accountId} and project ${projectId}`);
+    Env.logger.info('Getting composable token', {
+        vertesia: {
             account_id: accountId,
             project_id: projectId,
-            expires_at: ttl ? Math.floor(Date.now() / 1000) + ttl : undefined,
-        };
-
-        const stsRes = await fetch(stsUrl, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Authorization': `Bearer ${idToken}` // Firebase token for authentication
-            },
-            body: JSON.stringify(requestBody)
-        });
-
-        if (idToken && stsRes?.status === 412) {
-            console.log("412: auth succeeded but user doesn't exist - signup required", stsRes?.status);
-            Env.logger.error("412: auth succeeded but user doesn't exist - signup required", {
-                vertesia: {
-                    account_id: accountId,
-                    project_id: projectId,
-                    status: stsRes?.status
-                },
-            });
-            const idTokenDecoded = jwtDecode(idToken) as any;
-            if (!idTokenDecoded?.email) {
-                Env.logger.error('No email found in id token');
-                throw new Error('No email found in id token');
-            }
-            Env.logger.error('User not found', {
-                vertesia: {
-                    account_id: accountId,
-                    project_id: projectId,
-                    email: idTokenDecoded.email
-                }
-            });
-            throw new UserNotFoundError('User not found', idTokenDecoded.email);
-        }
+        },
+    });
 
-        if (!stsRes.ok) {
-            const errorText = await stsRes.text();
-            console.error('STS token generation failed:', stsRes.status, errorText);
-            Env.logger.error('STS token generation failed', {
-                vertesia: {
-                    status: stsRes.status,
-                    error: errorText,
-                    account_id: accountId,
-                    project_id: projectId,
-                },
-            });
-            throw new Error(`Failed to get token from STS: ${stsRes.status}`);
+    const res = await fetch(url, {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${idToken}`
         }
+    }).catch(err => {
+        localStorage.removeItem(LastSelectedAccountId_KEY);
+        localStorage.removeItem(LastSelectedProjectId_KEY);
+        console.error('Failed to get composable token', err);
+        Env.logger.error('Failed to get composable token', {
+            vertesia: {
+                account_id: accountId,
+                project_id: projectId,
+                error: err,
+            },
+        });
+        throw new Error('Failed to get composable token');
+    });
 
-        const { token } = await stsRes.json();
-        console.log('Successfully got token from STS');
-        Env.logger.info('Successfully got token from STS');
-        return token;
-
-    } catch (error) {
-        if (error instanceof UserNotFoundError) {
-            throw error; // Re-throw UserNotFoundError
+    if (idToken && res?.status === 412) {
+        console.log("412: auth succeeded but user doesn't exist - signup required", res?.status);
+        Env.logger.error("412: auth succeeded but user doesn't exist - signup required", {
+            vertesia: {
+                account_id: accountId,
+                project_id: projectId,
+                status: res?.status
+            },
+        });
+        const idTokenDecoded = jwtDecode(idToken) as any;
+        if (!idTokenDecoded?.email) {
+            Env.logger.error('No email found in id token');
+            throw new Error('No email found in id token');
         }
+        Env.logger.error('User not found', {
+            vertesia: {
+                account_id: accountId,
+                project_id: projectId,
+                email: idTokenDecoded.email
+            }
+        });
+        throw new UserNotFoundError('User not found', idTokenDecoded.email);
+    }
 
-        localStorage.removeItem(LastSelectedAccountId_KEY);
-        localStorage.removeItem(LastSelectedProjectId_KEY);
-        console.error('Failed to get composable token from STS', error);
-        Env.logger.error('Failed to get composable token from STS', {
+    if (!res || !res.ok) {
+        console.error('Failed to get composable token', res);
+        Env.logger.error('Failed to get composable token', {
             vertesia: {
                 account_id: accountId,
                 project_id: projectId,
-                error: error,
+                status: res?.status,
             },
         });
         throw new Error('Failed to get composable token');
     }
+
+    const { token } = await res.json().catch(err => {
+        Env.logger.error('Failed to parse composable token', {
+            vertesia: {
+                account_id: accountId,
+                project_id: projectId,
+                error: err,
+            },
+        });
+        console.error('Failed to parse composable token', err);
+    });
+
+    return token;
 }
 
 /**
@@ -188,4 +187,4 @@ export class UserNotFoundError extends Error {
         this.name = 'UserNotFoundError';
         this.email = email;
     }
-}
+}