@datalayer/core 0.0.13 → 0.0.15

package/lib/client/mixins/RuntimesMixin.js

@@ -9,10 +9,10 @@
 import * as environments from '../../api/runtimes/environments';
 import * as runtimes from '../../api/runtimes/runtimes';
 import * as snapshots from '../../api/runtimes/snapshots';
-import { Environment } from '../models/Environment';
-import { Runtime } from '../models/Runtime';
-import { Snapshot } from '../models/Snapshot';
-import { HealthCheck } from '../models/HealthCheck';
+import { EnvironmentDTO } from '../../models/EnvironmentDTO';
+import { RuntimeDTO } from '../../models/RuntimeDTO';
+import { RuntimeSnapshotDTO } from '../../models/RuntimeSnapshotDTO';
+import { HealthCheck } from '../../models/HealthCheck';
 /** Runtimes mixin providing computational environment and runtime management. */
 export function RuntimesMixin(Base) {
     return class extends Base {
@@ -41,7 +41,7 @@ export function RuntimesMixin(Base) {
             const runtimesRunUrl = this.getRuntimesRunUrl();
             const response = await environments.listEnvironments(token, runtimesRunUrl);
             // Save for later use after first call
-            this.environments = response.environments.map(env => new Environment(env, this));
+            this.environments = response.environments.map(env => new EnvironmentDTO(env, this));
             return this.environments;
         }
         // ========================================================================
@@ -76,7 +76,7 @@ export function RuntimesMixin(Base) {
                         from: fromSnapshotId,
                     };
                     const response = await runtimes.createRuntime(token, data, runtimesRunUrl);
-                    return new Runtime(response.runtime, this);
+                    return new RuntimeDTO(response.runtime, this);
                 }
             }
             else {
@@ -91,7 +91,7 @@ export function RuntimesMixin(Base) {
             const token = this.getToken();
             const runtimesRunUrl = this.getRuntimesRunUrl();
             const response = await runtimes.listRuntimes(token, runtimesRunUrl);
-            return response.runtimes.map(r => new Runtime(r, this));
+            return response.runtimes.map(r => new RuntimeDTO(r, this));
         }
         /**
          * Get details for a specific runtime by pod name.
@@ -102,7 +102,7 @@ export function RuntimesMixin(Base) {
             const token = this.getToken();
             const runtimesRunUrl = this.getRuntimesRunUrl();
             const runtimeData = await runtimes.getRuntime(token, podName, runtimesRunUrl);
-            return new Runtime(runtimeData, this);
+            return new RuntimeDTO(runtimeData, this);
         }
         /**
          * Delete a runtime permanently.
@@ -148,7 +148,7 @@ export function RuntimesMixin(Base) {
                 stop,
             };
             const response = await snapshots.createSnapshot(token, data, runtimesRunUrl);
-            return new Snapshot(response.snapshot, this);
+            return new RuntimeSnapshotDTO(response.snapshot, this);
         }
         /**
          * List all runtime snapshots.
@@ -158,7 +158,7 @@ export function RuntimesMixin(Base) {
             const token = this.getToken();
             const runtimesRunUrl = this.getRuntimesRunUrl();
             const response = await snapshots.listSnapshots(token, runtimesRunUrl);
-            return response.snapshots.map(s => new Snapshot(s, this));
+            return response.snapshots.map(s => new RuntimeSnapshotDTO(s, this));
         }
         /**
          * Get details for a specific snapshot by ID.
@@ -169,7 +169,7 @@ export function RuntimesMixin(Base) {
             const token = this.getToken();
             const runtimesRunUrl = this.getRuntimesRunUrl();
             const response = await snapshots.getSnapshot(token, id, runtimesRunUrl);
-            return new Snapshot(response.snapshot, this);
+            return new RuntimeSnapshotDTO(response.snapshot, this);
         }
         /**
          * Delete a snapshot permanently.

package/lib/client/mixins/SpacerMixin.d.ts

@@ -1,8 +1,8 @@
 import type { Constructor } from '../utils/mixins';
-import { Notebook } from '../models/Notebook';
-import { Lexical } from '../models/Lexical';
-import { Space } from '../models/Space';
-import { HealthCheck } from '../models/HealthCheck';
+import { NotebookDTO } from '../../models/NotebookDTO';
+import { LexicalDTO } from '../../models/LexicalDTO';
+import { SpaceDTO } from '../../models/SpaceDTO';
+import { HealthCheck } from '../../models/HealthCheck';
 /** Options for content loading with CDN support. */
 export interface ContentLoadingOptions {
     /** Whether to try CDN first before API (default: true) */
@@ -17,7 +17,7 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * Get all workspaces for the authenticated user.
          * @returns Array of Space instances
          */
-        getMySpaces(): Promise<Space[]>;
+        getMySpaces(): Promise<SpaceDTO[]>;
         /**
          * Create a new workspace.
          * @param name - Space name
@@ -29,7 +29,7 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * @param isPublic - Whether the space is public
          * @returns Created Space instance
          */
-        createSpace(name: string, description: string, variant: string, spaceHandle: string, organizationId: string, seedSpaceId: string, isPublic: boolean): Promise<Space>;
+        createSpace(name: string, description: string, variant: string, spaceHandle: string, organizationId: string, seedSpaceId: string, isPublic: boolean): Promise<SpaceDTO>;
         /**
          * Create a new notebook.
          * @param spaceId - ID of the space to create the notebook in
@@ -38,13 +38,13 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * @param file - Optional file for notebook content
          * @returns Created Notebook instance
          */
-        createNotebook(spaceId: string, name: string, description: string, file?: File | Blob): Promise<Notebook>;
+        createNotebook(spaceId: string, name: string, description: string, file?: File | Blob): Promise<NotebookDTO>;
         /**
          * Get a notebook by ID.
          * @param id - Notebook ID
          * @returns Notebook instance
          */
-        getNotebook(id: string): Promise<Notebook>;
+        getNotebook(id: string): Promise<NotebookDTO>;
         /**
          * Update a notebook.
          * @param id - Notebook ID
@@ -52,7 +52,7 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * @param description - Optional new description for the notebook
          * @returns Updated Notebook instance
          */
-        updateNotebook(id: string, name?: string, description?: string): Promise<Notebook>;
+        updateNotebook(id: string, name?: string, description?: string): Promise<NotebookDTO>;
         /**
          * Create a new lexical document.
          * @param spaceId - ID of the space to create the lexical document in
@@ -61,13 +61,13 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * @param file - Optional file for document content
          * @returns Created Lexical instance
          */
-        createLexical(spaceId: string, name: string, description: string, file?: File | Blob): Promise<Lexical>;
+        createLexical(spaceId: string, name: string, description: string, file?: File | Blob): Promise<LexicalDTO>;
         /**
          * Get a lexical document by ID.
          * @param id - Document ID
          * @returns Lexical instance
          */
-        getLexical(id: string): Promise<Lexical>;
+        getLexical(id: string): Promise<LexicalDTO>;
         /**
          * Update a lexical document.
          * @param id - Document ID
@@ -75,20 +75,20 @@ export declare function SpacerMixin<TBase extends Constructor>(Base: TBase): {
          * @param description - Optional new description for the lexical document
          * @returns Updated Lexical instance
          */
-        updateLexical(id: string, name?: string, description?: string): Promise<Lexical>;
+        updateLexical(id: string, name?: string, description?: string): Promise<LexicalDTO>;
         /**
          * Get the items of a space as model instances.
          * @param spaceId - Space ID
          * @returns Array of Notebook and Lexical model instances
          */
-        getSpaceItems(spaceId: string): Promise<(Notebook | Lexical)[]>;
+        getSpaceItems(spaceId: string): Promise<(NotebookDTO | LexicalDTO)[]>;
         /**
          * Get a single item from a space.
          * @param itemId - Item ID to retrieve
          * @returns Notebook or Lexical model instance
          * @throws Error if item not found
          */
-        getSpaceItem(itemId: string): Promise<Notebook | Lexical>;
+        getSpaceItem(itemId: string): Promise<NotebookDTO | LexicalDTO>;
         /**
          * Delete an item from a space.
          * @param itemId - Item ID to delete

package/lib/client/mixins/SpacerMixin.js

@@ -12,10 +12,10 @@ import * as users from '../../api/spacer/users';
 import * as lexicals from '../../api/spacer/lexicals';
 import * as documents from '../../api/spacer/documents';
 import * as items from '../../api/spacer/items';
-import { Notebook } from '../models/Notebook';
-import { Lexical } from '../models/Lexical';
-import { Space } from '../models/Space';
-import { HealthCheck } from '../models/HealthCheck';
+import { NotebookDTO } from '../../models/NotebookDTO';
+import { LexicalDTO } from '../../models/LexicalDTO';
+import { SpaceDTO } from '../../models/SpaceDTO';
+import { HealthCheck } from '../../models/HealthCheck';
 import { convertSpaceItemsToModels } from '../utils/spacerUtils';
 /** Spacer mixin providing workspace and content management. */
 export function SpacerMixin(Base) {
@@ -31,7 +31,7 @@ export function SpacerMixin(Base) {
             const token = this.getToken();
             const spacerRunUrl = this.getSpacerRunUrl();
             const response = await users.getMySpaces(token, spacerRunUrl);
-            return response.spaces.map(s => new Space(s, this));
+            return response.spaces.map(s => new SpaceDTO(s, this));
         }
         // ========================================================================
         // Spaces
@@ -63,7 +63,7 @@ export function SpacerMixin(Base) {
             if (!response.space) {
                 throw new Error('Failed to create space: no space returned');
             }
-            return new Space(response.space, this);
+            return new SpaceDTO(response.space, this);
         }
         // ========================================================================
         // Notebooks
@@ -102,7 +102,7 @@ export function SpacerMixin(Base) {
             if (!response.notebook) {
                 throw new Error(`Notebook with ID '${id}' not found`);
             }
-            return new Notebook(response.notebook, this);
+            return new NotebookDTO(response.notebook, this);
         }
         /**
          * Update a notebook.
@@ -123,7 +123,7 @@ export function SpacerMixin(Base) {
             if (!response.notebook) {
                 throw new Error('Failed to update notebook: no notebook returned');
             }
-            return new Notebook(response.notebook, this);
+            return new NotebookDTO(response.notebook, this);
         }
         // ========================================================================
         // Lexicals
@@ -162,7 +162,7 @@ export function SpacerMixin(Base) {
             if (!response.document) {
                 throw new Error(`Lexical document with ID '${id}' not found`);
             }
-            return new Lexical(response.document, this);
+            return new LexicalDTO(response.document, this);
         }
         /**
          * Update a lexical document.
@@ -180,7 +180,7 @@ export function SpacerMixin(Base) {
             if (description !== undefined)
                 data.description = description;
             const response = await lexicals.updateLexical(token, id, data, spacerRunUrl);
-            return new Lexical(response.document, this);
+            return new LexicalDTO(response.document, this);
         }
         // ========================================================================
         // Items
@@ -213,11 +213,11 @@ export function SpacerMixin(Base) {
             // Determine item type and create appropriate model
             const item = response.item;
             if (item.type_s === 'notebook' || item.notebook_name_s !== undefined) {
-                return new Notebook(item, this);
+                return new NotebookDTO(item, this);
             }
             else if (item.type_s === 'lexical' ||
                 item.document_name_s !== undefined) {
-                return new Lexical(item, this);
+                return new LexicalDTO(item, this);
             }
             else {
                 throw new Error(`Unknown item type for item '${itemId}'`);

package/lib/client/utils/spacerUtils.d.ts

@@ -2,10 +2,10 @@
  * Utility functions for Spacer-related operations to avoid code duplication.
  * @module client/utils/spacerUtils
  */
-import type { GetSpaceItemsResponse } from '../../api/types/spacer';
+import type { GetSpaceItemsResponse } from '../../models/SpaceDTO';
 import type { DatalayerClient } from '../index';
-import { Notebook } from '../models/Notebook';
-import { Lexical } from '../models/Lexical';
+import { NotebookDTO } from '../../models/NotebookDTO';
+import { LexicalDTO } from '../../models/LexicalDTO';
 /**
  * Convert raw space items from API response to model instances.
  * This utility function is shared between Space.getItems() and SpacerMixin.getSpaceItems()
@@ -15,4 +15,4 @@ import { Lexical } from '../models/Lexical';
  * @param sdk - SDK instance to pass to model constructors
  * @returns Array of Notebook and Lexical model instances
  */
-export declare function convertSpaceItemsToModels(items: GetSpaceItemsResponse['items'], sdk: DatalayerClient): (Notebook | Lexical)[];
+export declare function convertSpaceItemsToModels(items: GetSpaceItemsResponse['items'], sdk: DatalayerClient): (NotebookDTO | LexicalDTO)[];

package/lib/client/utils/spacerUtils.js

@@ -2,8 +2,8 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { Notebook } from '../models/Notebook';
-import { Lexical } from '../models/Lexical';
+import { NotebookDTO } from '../../models/NotebookDTO';
+import { LexicalDTO } from '../../models/LexicalDTO';
 import { ItemTypes } from '../constants';
 /**
  * Convert raw space items from API response to model instances.
@@ -21,10 +21,10 @@ export function convertSpaceItemsToModels(items, sdk) {
         const itemType = item.type_s;
         // Only include notebooks and lexicals
         if (itemType === ItemTypes.NOTEBOOK) {
-            modelItems.push(new Notebook(item, sdk));
+            modelItems.push(new NotebookDTO(item, sdk));
         }
         else if (itemType === ItemTypes.LEXICAL) {
-            modelItems.push(new Lexical(item, sdk));
+            modelItems.push(new LexicalDTO(item, sdk));
         }
         // Skip everything else (exercises, cells, etc.)
     }

package/lib/components/checkout/StripeCheckout.js

@@ -7,34 +7,26 @@ import { createElement, useCallback, useEffect, useState } from 'react';
 import { Button, Flash, FormControl, Spinner, Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { useCache } from '../../hooks';
-import { useIAMStore } from '../../state';
 /**
  * Stripe checkout.
  */
 export function StripeCheckout({ checkoutPortal, }) {
-    const { iamRunUrl } = useIAMStore();
-    const { createCheckoutSession, refreshStripePrices } = useCache();
+    const { useCreateCheckoutSession, useStripePrices } = useCache();
     const [stripe, setStripe] = useState(null);
     const [components, setComponents] = useState(null);
     const [items, setItems] = useState(null);
     const [product, setProduct] = useState(null);
     const [checkout, setCheckout] = useState(false);
-    // Refresh Stripe items.
+    // Get Stripe prices using TanStack Query hook
+    const { data: pricesData } = useStripePrices();
+    // Update items when prices data changes
     useEffect(() => {
-        refreshStripePrices()
-            .then(response => {
-            if (response.success) {
-                setItems(response.prices);
-            }
-            else {
-                setItems([]);
-            }
-        })
-            .catch(error => {
-            console.error('Failed to fetch product items.', error);
-            setItems([]);
-        });
-    }, []);
+        if (pricesData) {
+            setItems(pricesData);
+        }
+    }, [pricesData]);
+    // Get checkout session mutation
+    const checkoutSessionMutation = useCreateCheckoutSession();
     // Load stripe components.
     useEffect(() => {
         import('@stripe/react-stripe-js').then(module => {
@@ -45,15 +37,19 @@ export function StripeCheckout({ checkoutPortal, }) {
     useEffect(() => {
         if (checkoutPortal?.metadata?.stripe_key) {
             import('@stripe/stripe-js').then(module => {
-                setStripe(module.loadStripe(checkoutPortal.metadata.stripe_key));
+                setStripe(module.loadStripe(checkoutPortal.metadata?.stripe_key ?? ''));
             });
         }
     }, [checkoutPortal?.metadata?.stripe_key]);
-    const fetchClientSecret = useCallback(() => {
+    const fetchClientSecret = useCallback(async () => {
         const location = document.location;
-        // Create a Checkout Session.
-        return createCheckoutSession(product, location);
-    }, [iamRunUrl, location, product?.id]);
+        // Create a Checkout Session using TanStack Query mutation
+        const result = await checkoutSessionMutation.mutateAsync({
+            product,
+            location,
+        });
+        return result;
+    }, [checkoutSessionMutation, product]);
     const options = { fetchClientSecret };
     let view = (_jsx(Box, { sx: { minHeight: '40px' }, children: _jsx(Spinner, {}) }));
     if (checkout) {

package/lib/components/context/OrganizationSelect.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { useState, useEffect, useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { Select } from '@primer/react';
 import { useCache, useUser } from './../../hooks';
 import { useLayoutStore } from '../../state';
@@ -11,25 +11,22 @@ const NO_ORGANIZATION_SELECTED_VALUE = 'NO_ORGANIZATION_SELECTED_VALUE';
 export const OrganizationSelect = () => {
     const user = useUser();
     const { organization, updateLayoutOrganization, updateLayoutSpace } = useLayoutStore();
-    const { refreshUserOrganizations, getUserOrganizations } = useCache();
-    const [organizations, setOrganizations] = useState(getUserOrganizations());
-    const [_, setSelection] = useState(organization);
+    const { useRefreshUserOrganizations, useUserOrganizations } = useCache();
+    const { mutate: refreshUserOrganizationsMutate } = useRefreshUserOrganizations();
+    const { data: organizations = [] } = useUserOrganizations();
     useEffect(() => {
-        refreshUserOrganizations(user).then(resp => {
-            if (resp.success) {
-                setOrganizations(getUserOrganizations());
-            }
-        });
-    }, [user]);
-    const onSelectionChange = useCallback((e) => {
-        const selectedOrganization = e.target.value;
+        if (user) {
+            refreshUserOrganizationsMutate();
+        }
+    }, [user, refreshUserOrganizationsMutate]);
+    const onSelectionChange = useCallback((event) => {
+        const selectedOrganization = event.target.value;
         const org = selectedOrganization === NO_ORGANIZATION_SELECTED_VALUE
             ? undefined
             : organizations[parseInt(selectedOrganization, 10)];
-        setSelection(org);
         updateLayoutOrganization(org);
         updateLayoutSpace(undefined);
-    }, [setSelection, organizations]);
-    return (_jsx(_Fragment, { children: _jsxs(Select, { block: true, width: "medium", onChange: onSelectionChange, children: [_jsx(Select.Option, { value: NO_ORGANIZATION_SELECTED_VALUE, selected: organization === undefined, children: "Please select an organization..." }), organizations.map((org, index) => (_jsx(Select.Option, { value: `${index}`, selected: org.id === organization?.id, children: org.name })))] }) }));
+    }, [organizations, updateLayoutOrganization, updateLayoutSpace]);
+    return (_jsx(_Fragment, { children: _jsxs(Select, { block: true, width: "medium", onChange: onSelectionChange, children: [_jsx(Select.Option, { value: NO_ORGANIZATION_SELECTED_VALUE, selected: organization === undefined, children: "Please select an organization..." }), organizations.map((org, index) => (_jsx(Select.Option, { value: `${index}`, selected: org.id === organization?.id, children: org.name }, org.id)))] }) }));
 };
 export default OrganizationSelect;

package/lib/components/context/SpaceSelect.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { useState, useEffect, useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { FormControl, Select } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { useCache, useUser } from './../../hooks';
@@ -11,33 +11,32 @@ import { useLayoutStore } from '../../state';
 export const SpaceSelect = () => {
     const user = useUser();
     const { organization, space, updateLayoutSpace } = useLayoutStore();
-    const { refreshUserSpaces, getUserSpaces, refreshOrganizationSpaces, getOrganizationSpaces, } = useCache();
-    const [spaces, setSpaces] = useState([]);
-    const [_, setSelection] = useState(space);
+    const { useRefreshUserSpaces, useUserSpaces, useRefreshOrganizationSpaces, useOrganizationSpaces, } = useCache();
+    const { mutate: refreshUserSpacesMutate } = useRefreshUserSpaces();
+    const { mutate: refreshOrganizationSpacesMutate } = useRefreshOrganizationSpaces();
+    const { data: organizationSpaces = [] } = useOrganizationSpaces(organization?.id ?? '');
+    const { data: userSpaces = [] } = useUserSpaces();
+    const spaces = organization ? organizationSpaces : userSpaces;
     useEffect(() => {
-        if (organization) {
-            refreshOrganizationSpaces(organization.id).then(resp => {
-                if (resp.success) {
-                    setSpaces(getOrganizationSpaces(organization.id));
-                }
-            });
+        if (organization?.id) {
+            refreshOrganizationSpacesMutate(organization.id);
         }
-        else {
-            refreshUserSpaces().then(resp => {
-                if (resp.success) {
-                    setSpaces(getUserSpaces());
-                }
-            });
+        else if (user) {
+            refreshUserSpacesMutate();
         }
-    }, [user, organization]);
-    const onSelectionChange = useCallback((e) => {
-        const selectedSpace = e.target.value;
-        const org = selectedSpace === undefined
+    }, [
+        organization?.id,
+        refreshOrganizationSpacesMutate,
+        refreshUserSpacesMutate,
+        user,
+    ]);
+    const onSelectionChange = useCallback((event) => {
+        const selectedSpaceIndex = Number.parseInt(event.target.value, 10);
+        const selectedSpace = Number.isNaN(selectedSpaceIndex) || selectedSpaceIndex < 0
             ? undefined
-            : spaces[parseInt(selectedSpace, 10)];
-        setSelection(org);
-        updateLayoutSpace(org);
-    }, [setSelection, spaces]);
-    return (_jsx(_Fragment, { children: _jsx(Box, { as: "form", children: _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Select a space" }), _jsx(FormControl.Caption, { children: "This will go with you while you navigate" }), _jsx(Select, { block: true, width: "medium", onChange: onSelectionChange, placeholder: "Please select an space...", children: spaces.map((sp, index) => (_jsx(Select.Option, { value: `${index}`, selected: sp.id === space?.id, children: sp.name }))) })] }) }) }));
+            : spaces[selectedSpaceIndex];
+        updateLayoutSpace(selectedSpace);
+    }, [spaces, updateLayoutSpace]);
+    return (_jsx(_Fragment, { children: _jsx(Box, { as: "form", children: _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Select a space" }), _jsx(FormControl.Caption, { children: "This will go with you while you navigate" }), _jsx(Select, { block: true, width: "medium", onChange: onSelectionChange, placeholder: "Please select an space...", children: spaces.map((sp, index) => (_jsx(Select.Option, { value: `${index}`, selected: sp.id === space?.id, children: sp.name }, sp.id))) })] }) }) }));
 };
 export default SpaceSelect;

package/lib/components/runtimes/RuntimeLauncherDialog.js

@@ -50,7 +50,7 @@ export function RuntimeLauncherDialog(props) {
     const jupyterLabAdapter = jupyterReactStore.jupyterLabAdapter;
     const [selection, setSelection] = useState((kernelSnapshot?.environment || environments[0]?.name) ?? '');
     const [timeLimit, setTimeLimit] = useState(Math.min(credits?.available ?? 0, 10));
-    const [runtimeName, setRuntimeName] = useState(environments[0]?.kernel?.givenNameTemplate || environments[0]?.title || '');
+    const [runtimeName, setRuntimeName] = useState(environments[0]?.runtime?.givenNameTemplate || environments[0]?.title || '');
     // Whether the runtim name has been changed by the user or not
     const [hasCustomRuntimeName, setHasCustomRuntimeName] = useState(false);
     const [userStorage, setUserStorage] = useState(false);
@@ -75,7 +75,7 @@ export function RuntimeLauncherDialog(props) {
         setSelection(selection);
         if (!hasCustomRuntimeName) {
             const spec = environments.find(env => env.name === selection);
-            setRuntimeName(spec?.kernel?.givenNameTemplate || spec?.title || '');
+            setRuntimeName(spec?.runtime?.givenNameTemplate || spec?.title || '');
         }
     }, [setSelection, hasCustomRuntimeName]);
     const handleSubmitRuntime = useCallback(async () => {

package/lib/components/runtimes/RuntimePickerCell.js

@@ -61,7 +61,7 @@ export function RuntimePickerCell(props) {
     }, [preference]);
     const setSelectedRuntimeDesc = useCallback((kernel) => {
         const datalayerMeta = model.getMetadata('datalayer') ?? {
-            kernel: undefined,
+            runtime: undefined,
         };
         if (!kernel) {
             delete datalayerMeta.kernel;

package/lib/components/runtimes/RuntimePickerNotebook.js

@@ -120,7 +120,7 @@ export function RuntimePickerNotebook(props) {
             : undefined;
         setValue(creditsLimit !== 0
             ? {
-                kernel: selectedRuntimeDesc
+                runtime: selectedRuntimeDesc
                     ? {
                         environmentName: ['browser', 'remote'].includes(selectedRuntimeDesc.location)
                             ? `${selectedRuntimeDesc.location}-${selectedRuntimeDesc.name}`

package/lib/components/runtimes/RuntimeTransfer.d.ts

@@ -3,7 +3,7 @@ export interface RuntimeTransfer {
     /**
      * Selected Kernel.
      */
-    kernel: Partial<Omit<IRuntimeOptions, 'kernelType'> & {
+    runtime: Partial<Omit<IRuntimeOptions, 'kernelType'> & {
         id: string;
     }> | null;
     /**

package/lib/hooks/useAuthorization.js

@@ -16,8 +16,10 @@ export const useAuthorization = () => {
     };
     // Account -------------------------------------------------------------------
     const checkUserAccountPermissions = (user, accountHandle) => {
-        if (user.handle !== accountHandle) {
-            goToApplicationStateError(`Permissions check failed for account handle: ${accountHandle} and user: ${user}`);
+        // Note: user object from API has handle_s property, not handle
+        const userHandle = user.handle_s || user.handle;
+        if (userHandle !== accountHandle) {
+            goToApplicationStateError(`Permissions check failed for account handle: ${accountHandle} and user handle: ${userHandle}`);
         }
     };
     // Platform -------------------------------------------------------------------