@datalayer/core 1.1.50 → 1.1.57

package/lib/state/substates/OrganizationState.js

@@ -9,6 +9,11 @@ export const organizationStore = createStore((set, get) => ({
     updateOrganizations: (organizations) => set((state) => ({
         organizations,
     })),
+    updateOrganization: organization => set((state) => ({
+        organizations: state.organizations.map(known => known.id === organization.id
+            ? { ...known, ...organization }
+            : known),
+    })),
 }));
 export function useOrganizationStore(selector) {
     return useStore(organizationStore, selector);

package/lib/state/substates/ProfileState.d.ts

@@ -0,0 +1,34 @@
+import type { IUser } from '../../models';
+/** The profile of the authenticated user, as the surfaces show it. */
+export type IProfile = {
+    id?: string;
+    uid?: string;
+    handle?: string;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    displayName?: string;
+    initials?: string;
+    avatarUrl?: string;
+    avatarIcon?: string;
+    banner?: string;
+    origin?: string;
+    roles?: string[];
+};
+export type ProfileState = {
+    profile?: IProfile;
+    /** Replace the profile wholesale. */
+    setProfile: (profile?: IProfile) => void;
+    /** Merge what a flow just learned into the profile. */
+    updateProfile: (partial: Partial<IProfile>) => void;
+    /** The IAM user as the profile — login and refresh feed through this. */
+    setProfileFromUser: (user?: IUser) => void;
+    /** Logout. */
+    clearProfile: () => void;
+};
+export declare const profileStore: import("zustand").StoreApi<ProfileState>;
+export declare function useProfileStore(): ProfileState;
+export declare function useProfileStore<T>(selector: (state: ProfileState) => T): T;
+/** The profile, for surfaces that show it. */
+export declare const useProfile: () => IProfile | undefined;
+export default useProfileStore;

package/lib/state/substates/ProfileState.js

@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) 2023-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * ProfileState — the one place the authenticated user's profile lives.
+ *
+ * The avatar and the banner used to be read from whatever carried them at
+ * each call site — the IAM user, a whoami response, a form snapshot — and
+ * the surfaces drifted: a banner updated on the profile page did not reach
+ * the user menu until the page reloaded. Every surface showing the profile
+ * (user menu, sidebars, profile views) reads this store instead, and every
+ * flow that learns something about the profile (login, `GET /me`, a profile
+ * update) writes it here.
+ *
+ * The store is fed automatically by {@link IAMState} on login, profile
+ * update and logout, and by the `useMe` query with the full profile — the
+ * consumers only ever read.
+ *
+ * @module state/substates/ProfileState
+ */
+import { useStore } from 'zustand';
+import { createStore } from 'zustand/vanilla';
+const userToProfile = (user) => user
+    ? {
+        id: user.id,
+        uid: user.uid,
+        handle: user.handle,
+        email: user.email,
+        firstName: user.firstName,
+        lastName: user.lastName,
+        displayName: user.displayName,
+        initials: user.initials,
+        avatarUrl: user.avatarUrl,
+        avatarIcon: user.avatarIcon,
+        banner: user.banner,
+        origin: user.origin,
+        roles: user.roles,
+    }
+    : undefined;
+export const profileStore = createStore(set => ({
+    profile: undefined,
+    setProfile: profile => set({ profile }),
+    updateProfile: partial => set(state => ({ profile: { ...state.profile, ...partial } })),
+    setProfileFromUser: user => set(state => {
+        const profile = userToProfile(user);
+        if (!profile) {
+            return state;
+        }
+        // A login refresh may know less than a profile update that already
+        // landed (the anonymous whoami has no banner): merge, newest wins,
+        // but never erase a field with undefined.
+        const merged = { ...state.profile };
+        for (const [key, value] of Object.entries(profile)) {
+            if (value !== undefined) {
+                merged[key] = value;
+            }
+        }
+        return { profile: merged };
+    }),
+    clearProfile: () => set({ profile: undefined }),
+}));
+export function useProfileStore(selector) {
+    return useStore(profileStore, selector);
+}
+/** The profile, for surfaces that show it. */
+export const useProfile = () => useProfileStore(state => state.profile);
+export default useProfileStore;

package/lib/state/substates/TeamState.d.ts

@@ -4,6 +4,12 @@ export type ITeamState = {
 };
 export type TeamState = ITeamState & {
     update: (teams: IBaseTeam[]) => void;
+    /**
+     * Merge what just changed into the team of the list — the way a settings
+     * save keeps every surface reading this store current (avatar, banner,
+     * name…) without refetching the list.
+     */
+    updateTeam: (team: Partial<IBaseTeam> & Pick<IBaseTeam, 'id'>) => void;
 };
 export declare const teamStore: import("zustand").StoreApi<TeamState>;
 export declare function useTeamStore(): TeamState;

package/lib/state/substates/TeamState.js

@@ -10,6 +10,9 @@ export const teamStore = createStore((set, get) => ({
     update: (teams) => set((state) => ({
         teams,
     })),
+    updateTeam: team => set((state) => ({
+        teams: state.teams.map(known => known.id === team.id ? { ...known, ...team } : known),
+    })),
 }));
 export function useTeamStore(selector) {
     return useStore(teamStore, selector);

package/lib/state/substates/index.d.ts

@@ -2,6 +2,7 @@ export * from './CoreState';
 export * from './DatasourceState';
 export * from './IAMState';
 export * from './LayoutState';
+export * from './ProfileState';
 export * from './OrganizationState';
 export * from './SurveysState';
 export * from './TeamState';

package/lib/state/substates/index.js

@@ -6,6 +6,7 @@ export * from './CoreState.js';
 export * from './DatasourceState.js';
 export * from './IAMState.js';
 export * from './LayoutState.js';
+export * from './ProfileState.js';
 export * from './OrganizationState.js';
 export * from './SurveysState.js';
 export * from './TeamState.js';

package/lib/views/iam/SignInSimple.d.ts

@@ -16,7 +16,7 @@ export interface SignInSimpleProps {
     onSignIn?: (token: string, handle: string) => void;
     /**
      * Called when the user authenticates with an API key.
-     * If not provided the "Sign In with an API Key" button is hidden.
+     * If not provided the "Sign in with an API Key" button is hidden.
      */
     onApiKeySignIn?: (apiKey: string) => void;
     /**

package/lib/views/iam/SignInSimple.js

@@ -103,8 +103,7 @@ const SignInInputGlobalStyle = createGlobalStyle `
 // ── Component ────────────────────────────────────────────────────────
 export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl: loginUrlProp, name, title = 'Datalayer OTEL', description = 'Sign in to access the observability dashboard.', icon, leadingIcon = _jsx(TelescopeIcon, { size: 24 }), github = false, google = false, linkedin = false, apiKey = false, signUp = true, socialSignInNavigationTarget, asDoc = false, hideHero = false, calloutTitle, calloutDescription, passwordToggleLabel = 'Sign in with a password', signUpTitle = "Don't have an account?", signUpDescription = 'Create a free Datalayer account with your email address.', signUpLabel = 'Sign up with email', signUpHref = 'https://datalayer.ai/signup', forgotPasswordHref = '/password', forgotPasswordLabel = 'Forgot password?', showForgotPassword = true, socialButtonMarginTop = 3, actionButtonMaxWidth = 320, }) => {
     const compactDocMode = asDoc && !hideHero;
-    const headingText = name ??
-        (asDoc && title === 'Datalayer OTEL' ? 'Datalayer Sign In' : title);
+    const headingText = name ?? (asDoc && title === 'Datalayer OTEL' ? 'Datalayer Sign In' : title);
     const headingIcon = icon ?? (asDoc ? _jsx(SignInIcon, { size: 24 }) : leadingIcon);
     const loginUrl = useMemo(() => {
         if (loginUrlProp)
@@ -361,7 +360,7 @@ export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl: loginUrlProp,
                                     alignItems: 'center',
                                     justifyContent: 'space-between',
                                     mt: 3,
-                                }, children: [_jsx(Button, { variant: "primary", disabled: loading || asDoc || !handle || !password, onClick: submit, children: loading ? 'Signing in…' : 'Sign in' }), showForgotPassword && (_jsx(Link, { as: "button", sx: {
+                                }, children: [_jsx(Button, { variant: "primary", disabled: loading || asDoc || !handle || !password, onClick: submit, children: loading ? 'Signing in…' : 'Sign In' }), showForgotPassword && (_jsx(Link, { as: "button", sx: {
                                             fontSize: 1,
                                             cursor: asDoc ? 'not-allowed' : 'pointer',
                                             background: 'none',
@@ -383,7 +382,7 @@ export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl: loginUrlProp,
                                     alignItems: 'center',
                                     gap: 2,
                                     my: 3,
-                                }, children: [_jsx(Box, { sx: { flex: 1, height: '1px', bg: 'border.default' } }), _jsx(Text, { sx: { fontSize: 0, color: 'fg.muted' }, children: "or" }), _jsx(Box, { sx: { flex: 1, height: '1px', bg: 'border.default' } })] }), _jsx(Button, { block: true, leadingVisual: KeyIcon, disabled: asDoc || loading || socialLoading, onClick: () => setShowApiKeyDialog(true), sx: { maxWidth: actionButtonMaxWidth, mx: 'auto' }, children: "Sign In with an API Key" }), showApiKeyDialog && (_jsx(Box, { role: "dialog", "aria-modal": "true", "aria-labelledby": "signin-api-key-title", onKeyDown: event => {
+                                }, children: [_jsx(Box, { sx: { flex: 1, height: '1px', bg: 'border.default' } }), _jsx(Text, { sx: { fontSize: 0, color: 'fg.muted' }, children: "or" }), _jsx(Box, { sx: { flex: 1, height: '1px', bg: 'border.default' } })] }), _jsx(Button, { block: true, leadingVisual: KeyIcon, disabled: asDoc || loading || socialLoading, onClick: () => setShowApiKeyDialog(true), sx: { maxWidth: actionButtonMaxWidth, mx: 'auto' }, children: "Sign in with an API Key" }), showApiKeyDialog && (_jsx(Box, { role: "dialog", "aria-modal": "true", "aria-labelledby": "signin-api-key-title", onKeyDown: event => {
                                     if (event.key === 'Escape') {
                                         closeApiKeyDialog();
                                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "1.1.50",
+  "version": "1.1.57",
   "type": "module",
   "workspaces": [
     ".",
@@ -90,7 +90,7 @@
     "watch:lib:src": "tsc -b -w",
     "type-check:watch": "tsc -b -w --noEmit",
     "examples": "run-p jupyter:start examples:vite",
-    "examples:vite": "VITE_DATALAYER_URL=http://localhost:8888 vite --config vite.examples.config.ts",
+    "examples:vite": "VITE_DATALAYER_IAM_URL=http://localhost:8888 vite --config vite.examples.config.ts",
     "examples:nextjs": "npm run dev --workspace=nextjj-example",
     "jupyter:start": "./dev/sh/start-jupyter-server.sh",
     "prepare": "husky || true",