@nivaro/react 0.1.296 → 0.1.298

package/dist/index.d.ts

@@ -1191,9 +1191,24 @@ export declare function DefinitionsPanel({ definitions, runCounts, isLoading }:
     isLoading?: boolean;
 }): JSX.Element;
 
-export declare function DelegationCard({ user, onSaved }: {
-    user: ManagedUser;
+export declare function DelegationCard({ user, onSaved, forUser, coversFor }: {
+    user: ManagedUser & {
+        ooo_start?: string | null;
+        ooo_end?: string | null;
+    };
     onSaved: () => void;
+    /** Set when an admin edits SOMEONE ELSE's delegation — saves go through the
+     *  admin routes and the copy names the person instead of "you". */
+    forUser?: {
+        id: string;
+        firstName: string;
+    };
+    /** People currently routing their work to this person. */
+    coversFor?: Array<{
+        id: string;
+        name: string;
+        email?: string | null;
+    }>;
 }): JSX.Element;
 
 export declare function DelegationConsoleView({ className, onNotice }: DelegationConsoleViewProps): JSX.Element;
@@ -3910,6 +3925,124 @@ declare interface PendingTask {
     priority?: string;
 }
 
+/**
+ * The identity band at the top of someone's page: who they are, whether
+ * they are reachable right now, and the three ways to reach them. Admin-only
+ * facts (account kind, directory verdict) ride as extra pills — the band is
+ * the one place both viewers read first, so it must be honest at a glance.
+ */
+export declare function PersonHeader({ profile: p, isAdmin }: {
+    profile: PersonProfileData;
+    isAdmin: boolean;
+}): JSX.Element;
+
+/**
+ * Someone else's page. A colleague gets the slim read: who they are, how to
+ * reach them, whether they are around and who covers them, what they own.
+ * An admin gets the same page plus three tabs — Access, Activity, Admin
+ * tools — that hold every control the old admin-only user editor had.
+ */
+export declare function PersonProfile({ userId, className, initialTab }: {
+    userId: string;
+    className?: string;
+    initialTab?: PersonProfileTab;
+}): JSX.Element;
+
+export declare interface PersonProfileData {
+    id: string;
+    first_name: string | null;
+    last_name: string | null;
+    name: string;
+    email: string;
+    title: string | null;
+    department: string | null;
+    company: string | null;
+    phone: string | null;
+    office_location: string | null;
+    status: string;
+    role_id: string | null;
+    role_name: string | null;
+    role_admin: boolean;
+    is_out_of_office: boolean;
+    ooo_start: string | null;
+    ooo_end: string | null;
+    delegate: (PersonRef & {
+        expires_at: string | null;
+    }) | null;
+    manager: PersonRef | null;
+    direct_reports: PersonRef[];
+    covers_for: PersonRef[];
+    custom_status: {
+        text: string;
+        emoji?: string | null;
+        expires_at?: string | null;
+    } | null;
+    timezone: string | null;
+    last_access: string | null;
+    created_at: string | null;
+    presence: {
+        online: boolean;
+        idle_minutes: number | null;
+        last_seen: string | null;
+    };
+    teams: Array<{
+        id: number;
+        name: string;
+        slug: string | null;
+        member_count: number;
+    }>;
+    seats: Array<{
+        template_id: string;
+        template_name: string;
+        states: Array<{
+            key: string;
+            label: string;
+            groups: number;
+        }>;
+    }>;
+    seat_count: number;
+    scopes: Array<{
+        dimension: string;
+        label: string;
+        values: string[];
+    }>;
+    open_tasks: number;
+    admin: {
+        account_kind: string | null;
+        city: string | null;
+        state: string | null;
+        country: string | null;
+        employee_id: string | null;
+        external_id: boolean;
+        directory_status: string | null;
+        directory_checked_at: string | null;
+        has_static_token: boolean;
+        is_redacted: boolean;
+        link_app: string | null;
+        current_path: string | null;
+        sessions: number;
+        activity_30d: number;
+        logins: Array<{
+            at: string;
+            method: string;
+            ip: string | null;
+            new_ip: boolean;
+        }>;
+    } | null;
+}
+
+export declare type PersonProfileTab = 'overview' | 'access' | 'activity' | 'tools';
+
+/** Mirror of the server's PersonProfile (services/user-profile.ts). */
+declare interface PersonRef {
+    id: string;
+    name: string;
+    email: string | null;
+    title?: string | null;
+    is_out_of_office?: boolean;
+    ooo_end?: string | null;
+}
+
 declare type PinnedCfg = {
     when?: {
         field: string;
@@ -4046,9 +4179,36 @@ declare interface PreviewFile {
  *  self-served here. Renders nothing when no definitions exist. */
 export declare function ProfileFieldsCard(): JSX.Element | null;
 
-export declare function ProfileView({ userId, className }: {
+/**
+ * The people page's vocabulary — one card frame, one input, one switch, one
+ * two-step destructive button, one label/value cell, one person chip. Both
+ * the own-profile cards (ProfileView) and someone-else's page (PersonProfile)
+ * draw from here so the two never drift.
+ */
+export declare function ProfileSectionCard({ icon, title, hint, children, actions, tone, className, testId }: {
+    icon: ReactNode;
+    title: string;
+    hint?: string;
+    children: ReactNode;
+    actions?: ReactNode;
+    /** `danger` frames the card amber — offboarding, merge, force reload. */
+    tone?: 'default' | 'danger';
+    className?: string;
+    testId?: string;
+}): JSX.Element;
+
+/**
+ * The people page. Your own profile is the settings surface (identity,
+ * notifications, security, preferences); anyone else's is PersonProfile —
+ * slim for a colleague, full-featured for an admin.
+ */
+export declare function ProfileView({ userId, className, initialTab, extra }: {
     userId?: string | null;
     className?: string;
+    /** Which tab an admin lands on for someone else's page. */
+    initialTab?: 'overview' | 'access' | 'activity' | 'tools';
+    /** Host-only cards for the OWN profile (a browser-push card, say), rendered in the right column. */
+    extra?: React.ReactNode;
 }): JSX.Element;
 
 export declare function QualityRulesView({ className }: {
@@ -5957,6 +6117,8 @@ partners: IntegrationPartnerCard[];
 
 export declare function usePeerReadAt(room: string | null): string | null;
 
+export declare function usePersonProfile(userId: string | null | undefined): UseQueryResult<NoInfer<PersonProfileData | null>, Error>;
+
 /**
  * The quick picker BEFORE a record exists — the "+ New" menus open it, and on
  * Create the host navigates to the new-record page with the picks in