@hexclave/next 1.0.3 → 1.0.5

package/dist/components-page/account-settings/teams/team-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-page.js","names":["PageLayout","TeamUserProfileSection","TeamProfileImageSection","TeamDisplayNameSection","TeamMemberListSection","TeamMemberInvitationSection","TeamApiKeysSection","LeaveTeamSection"],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { PageLayout } from \"../page-layout\";\nimport { LeaveTeamSection } from \"./leave-team-section\";\nimport { TeamApiKeysSection } from \"./team-api-keys-section\";\nimport { TeamDisplayNameSection } from \"./team-display-name-section\";\nimport { TeamMemberInvitationSection } from \"./team-member-invitation-section\";\nimport { TeamMemberListSection } from \"./team-member-list-section\";\nimport { TeamProfileImageSection } from \"./team-profile-image-section\";\nimport { TeamUserProfileSection } from \"./team-profile-user-section\";\n\n\nexport function TeamPage(props: { team: Team }) {\n  return (\n    <PageLayout>\n      <TeamUserProfileSection key={`user-profile-${props.team.id}`} team={props.team} />\n      <TeamProfileImageSection key={`profile-image-${props.team.id}`} team={props.team} />\n      <TeamDisplayNameSection key={`display-name-${props.team.id}`} team={props.team} />\n      <TeamMemberListSection key={`member-list-${props.team.id}`} team={props.team} />\n      <TeamMemberInvitationSection key={`member-invitation-${props.team.id}`} team={props.team} />\n      <TeamApiKeysSection key={`api-keys-${props.team.id}`} team={props.team} />\n      <LeaveTeamSection key={`leave-team-${props.team.id}`} team={props.team} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,SAAS,OAAuB;AAC9C,QACE,4CAACA;EACC,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,2DAA+D,MAAM,MAAM,QAA9C,iBAAiB,MAAM,KAAK,KAA0B;EACpF,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,uDAA2D,MAAM,MAAM,QAA5C,eAAe,MAAM,KAAK,KAA0B;EAChF,2CAACC,mEAAuE,MAAM,MAAM,QAAlD,qBAAqB,MAAM,KAAK,KAA0B;EAC5F,2CAACC,iDAAqD,MAAM,MAAM,QAAzC,YAAY,MAAM,KAAK,KAA0B;EAC1E,2CAACC,4CAAqD,MAAM,MAAM,QAA3C,cAAc,MAAM,KAAK,KAA0B;KAC/D"}
+{"version":3,"file":"team-page.js","names":["PageLayout","TeamUserProfileSection","TeamProfileImageSection","TeamDisplayNameSection","TeamMemberListSection","TeamMemberInvitationSection","TeamApiKeysSection","LeaveTeamSection"],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { PageLayout } from \"../page-layout\";\nimport { LeaveTeamSection } from \"./leave-team-section\";\nimport { TeamApiKeysSection } from \"./team-api-keys-section\";\nimport { TeamDisplayNameSection } from \"./team-display-name-section\";\nimport { TeamMemberInvitationSection } from \"./team-member-invitation-section\";\nimport { TeamMemberListSection } from \"./team-member-list-section\";\nimport { TeamProfileImageSection } from \"./team-profile-image-section\";\nimport { TeamUserProfileSection } from \"./team-profile-user-section\";\n\n\nexport function TeamPage(props: { team: Team }) {\n  return (\n    <PageLayout>\n      <TeamUserProfileSection key={`user-profile-${props.team.id}`} team={props.team} />\n      <TeamProfileImageSection key={`profile-image-${props.team.id}`} team={props.team} />\n      <TeamDisplayNameSection key={`display-name-${props.team.id}`} team={props.team} />\n      <TeamMemberListSection key={`member-list-${props.team.id}`} team={props.team} />\n      <TeamMemberInvitationSection key={`member-invitation-${props.team.id}`} team={props.team} />\n      <TeamApiKeysSection key={`api-keys-${props.team.id}`} team={props.team} />\n      <LeaveTeamSection key={`leave-team-${props.team.id}`} team={props.team} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,SAAS,OAAuB;AAC9C,QACE,4CAACA;EACC,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,2DAA+D,MAAM,MAAM,QAA9C,iBAAiB,MAAM,KAAK,KAA0B;EACpF,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,uDAA2D,MAAM,MAAM,QAA5C,eAAe,MAAM,KAAK,KAA0B;EAChF,2CAACC,mEAAuE,MAAM,MAAM,QAAlD,qBAAqB,MAAM,KAAK,KAA0B;EAC5F,2CAACC,iDAAqD,MAAM,MAAM,QAAzC,YAAY,MAAM,KAAK,KAA0B;EAC1E,2CAACC,4CAAqD,MAAM,MAAM,QAA3C,cAAc,MAAM,KAAK,KAA0B;KAC/D"}

package/dist/components-page/account-settings/teams/team-profile-image-section.d.ts

@@ -1,4 +1,4 @@
-import { Team } from "../../../lib/stack-app/teams/index.js";
+import { Team } from "../../../lib/hexclave-app/teams/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components-page/account-settings/teams/team-profile-image-section.d.ts

package/dist/components-page/account-settings/teams/team-profile-image-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-profile-image-section.js","names":["Section","ProfileImageEditor"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { ProfileImageEditor } from \"../../../components/profile-image-editor\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function TeamProfileImageSection(props: { team: Team }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const updateTeamPermission = user.usePermission(props.team, '$update_team');\n\n  if (!updateTeamPermission) {\n    return null;\n  }\n\n  return (\n    <Section\n      title={t(\"Team profile image\")}\n      description={t(\"Upload an image for your team\")}\n    >\n      <ProfileImageEditor\n        user={props.team}\n        onProfileImageUrlChange={async (profileImageUrl) => {\n          await props.team.update({ profileImageUrl });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,wBAAwB,OAAuB;CAC7D,MAAM,EAAE,wDAAsB;AAI9B,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,2CAACA;EACC,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,gCAAgC;YAE/C,2CAACC;GACC,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;AAClD,UAAM,MAAM,KAAK,OAAO,EAAE,iBAAiB,CAAC;;IAE9C;GACM"}
+{"version":3,"file":"team-profile-image-section.js","names":["Section","ProfileImageEditor"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { ProfileImageEditor } from \"../../../components/profile-image-editor\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function TeamProfileImageSection(props: { team: Team }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const updateTeamPermission = user.usePermission(props.team, '$update_team');\n\n  if (!updateTeamPermission) {\n    return null;\n  }\n\n  return (\n    <Section\n      title={t(\"Team profile image\")}\n      description={t(\"Upload an image for your team\")}\n    >\n      <ProfileImageEditor\n        user={props.team}\n        onProfileImageUrlChange={async (profileImageUrl) => {\n          await props.team.update({ profileImageUrl });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,wBAAwB,OAAuB;CAC7D,MAAM,EAAE,wDAAsB;AAI9B,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,2CAACA;EACC,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,gCAAgC;YAE/C,2CAACC;GACC,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;AAClD,UAAM,MAAM,KAAK,OAAO,EAAE,iBAAiB,CAAC;;IAE9C;GACM"}

package/dist/components-page/account-settings/teams/team-profile-user-section.d.ts

@@ -1,4 +1,4 @@
-import { Team } from "../../../lib/stack-app/teams/index.js";
+import { Team } from "../../../lib/hexclave-app/teams/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components-page/account-settings/teams/team-profile-user-section.d.ts

package/dist/components-page/account-settings/teams/team-profile-user-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-profile-user-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { EditableText } from \"../editable-text\";\nimport { Section } from \"../section\";\n\nexport function TeamUserProfileSection(props: { team: Team }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const profile = user.useTeamProfile(props.team);\n\n  return (\n    <Section\n      title={t(\"Team user name\")}\n      description={t(\"Overwrite your user display name in this team\")}\n    >\n      <EditableText\n        value={profile.displayName || ''}\n        onSave={async (newDisplayName) => {\n          await profile.update({ displayName: newDisplayName });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,uBAAuB,OAAuB;CAC5D,MAAM,EAAE,wDAAsB;CAE9B,MAAM,6CADe,EAAE,IAAI,YAAY,CAAC,CACnB,eAAe,MAAM,KAAK;AAE/C,QACE,2CAACA;EACC,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GACC,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;AAChC,UAAM,QAAQ,OAAO,EAAE,aAAa,gBAAgB,CAAC;;IAEvD;GACM"}
+{"version":3,"file":"team-profile-user-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { EditableText } from \"../editable-text\";\nimport { Section } from \"../section\";\n\nexport function TeamUserProfileSection(props: { team: Team }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const profile = user.useTeamProfile(props.team);\n\n  return (\n    <Section\n      title={t(\"Team user name\")}\n      description={t(\"Overwrite your user display name in this team\")}\n    >\n      <EditableText\n        value={profile.displayName || ''}\n        onSave={async (newDisplayName) => {\n          await profile.update({ displayName: newDisplayName });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,uBAAuB,OAAuB;CAC5D,MAAM,EAAE,wDAAsB;CAE9B,MAAM,6CADe,EAAE,IAAI,YAAY,CAAC,CACnB,eAAe,MAAM,KAAK;AAE/C,QACE,2CAACA;EACC,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GACC,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;AAChC,UAAM,QAAQ,OAAO,EAAE,aAAa,gBAAgB,CAAC;;IAEvD;GACM"}

package/dist/components-page/account-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-settings.js","names":["MaybeFullPage","SidebarLayout","ProfilePage","Suspense","EmailsAndAuthPage","NotificationsPage","ActiveSessionsPage","ApiKeysPage","PaymentsPage","SettingsPage","TeamIcon","Typography","TeamPage","TeamCreationPage","Skeleton"],"sources":["../../src/components-page/account-settings.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Skeleton, Typography } from '@hexclave/ui';\nimport { Contact, ShieldCheck, Bell, Monitor, Key, Settings, CirclePlus, CreditCard } from 'lucide-react';\nimport React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useStackApp, useUser } from '..';\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { SidebarLayout } from '../components/elements/sidebar-layout';\nimport { TeamIcon } from '../components/team-icon';\nimport { useTranslation } from \"../lib/translations\";\nimport { ActiveSessionsPage } from \"./account-settings/active-sessions/active-sessions-page\";\nimport { ApiKeysPage } from \"./account-settings/api-keys/api-keys-page\";\nimport { EmailsAndAuthPage } from './account-settings/email-and-auth/email-and-auth-page';\nimport { NotificationsPage } from './account-settings/notifications/notifications-page';\nimport { ProfilePage } from \"./account-settings/profile-page/profile-page\";\nimport { PaymentsPage } from \"./account-settings/payments/payments-page\";\nimport { SettingsPage } from './account-settings/settings/settings-page';\nimport { TeamCreationPage } from './account-settings/teams/team-creation-page';\nimport { TeamPage } from './account-settings/teams/team-page';\n\nconst iconMap = {\n  Contact,\n  ShieldCheck,\n  Bell,\n  Monitor,\n  Key,\n  Settings,\n  CirclePlus,\n  CreditCard,\n} as const;\n\nconst Icon = ({ name }: { name: keyof typeof iconMap }) => {\n  const LucideIcon = iconMap[name];\n  return <LucideIcon className=\"mr-2 h-4 w-4\"/>;\n};\n\nexport function AccountSettings(props: {\n  fullPage?: boolean,\n  extraItems?: ({\n    title: string,\n    content: React.ReactNode,\n    id: string,\n  } & ({\n    icon?: React.ReactNode,\n  } | {\n    iconName?: keyof typeof iconMap,\n  }))[],\n  mockUser?: {\n    displayName?: string,\n    profileImageUrl?: string,\n  },\n  mockApiKeys?: Array<{\n    id: string,\n    description: string,\n    createdAt: string,\n    expiresAt?: string,\n    manuallyRevokedAt?: string,\n  }>,\n  mockProject?: {\n    config: {\n      allowUserApiKeys: boolean,\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n  mockSessions?: Array<{\n    id: string,\n    isCurrentSession: boolean,\n    isImpersonation?: boolean,\n    createdAt: string,\n    lastUsedAt?: string,\n    geoInfo?: {\n      ip?: string,\n      cityName?: string,\n    },\n  }>,\n}) {\n  const { t } = useTranslation();\n  const userFromHook = useUser({ or: props.mockUser ? 'return-null' : 'redirect' });\n  const stackApp = useStackApp();\n  const projectFromHook = stackApp.useProject();\n\n  // Use mock data if provided, otherwise use real data\n  const user = props.mockUser ? {\n    useTeams: () => [], // Mock empty teams for now\n    useBilling: () => ({ hasCustomer: false }), // Mock empty billing for now\n  } : userFromHook;\n\n  const project = props.mockProject || projectFromHook;\n  const teams = user?.useTeams() || [];\n  const billing = user?.useBilling() || null;\n  const teamsKey = useMemo(() => teams.map(team => team.id).join(\"|\"), [teams]);\n  const teamsById = useMemo(() => teams, [teamsKey]);\n  const userRef = useRef(userFromHook ?? null);\n  const userId = userFromHook?.id ?? null;\n  const [paymentsAvailability, setPaymentsAvailability] = useState<{\n    userHasProducts: boolean,\n    teamIdsWithProducts: Set<string>,\n    isReady: boolean,\n  }>(() => ({\n    userHasProducts: false,\n    teamIdsWithProducts: new Set<string>(),\n    isReady: !!props.mockUser,\n  }));\n\n  useEffect(() => {\n    userRef.current = userFromHook ?? null;\n  }, [userFromHook]);\n\n  useEffect(() => {\n    if (props.mockUser || !userId) {\n      return;\n    }\n    let cancelled = false;\n    runAsynchronouslyWithAlert(async () => {\n      const currentUser = userRef.current;\n      if (!currentUser || currentUser.id !== userId) {\n        return;\n      }\n      const [userProducts, teamsWithProducts] = await Promise.all([\n        currentUser.listProducts({ limit: 1 }),\n        Promise.all(teamsById.map(async (team) => {\n          const isTeamAdmin = await currentUser.hasPermission(team, \"team_admin\");\n          if (!isTeamAdmin) {\n            return null;\n          }\n          const teamProducts = await team.listProducts({ limit: 1 });\n          const hasTeamProducts = teamProducts.some((product) => product.customerType === \"team\");\n          return hasTeamProducts ? team.id : null;\n        })),\n      ]);\n      if (cancelled) {\n        return;\n      }\n      const userHasProducts = userProducts.some((product) => product.customerType === \"user\");\n      const teamIdsWithProducts = new Set<string>(teamsWithProducts.filter((id): id is string => id !== null));\n      setPaymentsAvailability({\n        userHasProducts,\n        teamIdsWithProducts,\n        isReady: true,\n      });\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [props.mockUser, teamsById, userId]);\n\n  const teamsWithProducts = useMemo(\n    () => teamsById.filter(team => paymentsAvailability.teamIdsWithProducts.has(team.id)),\n    [paymentsAvailability.teamIdsWithProducts, teamsById],\n  );\n  const shouldShowPaymentsTab = props.mockUser\n    || (paymentsAvailability.isReady\n      && (paymentsAvailability.userHasProducts || teamsWithProducts.length > 0));\n\n  // If we're not in mock mode and don't have a user, the useUser hook will handle redirect\n  if (!props.mockUser && !userFromHook) {\n    return null;\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className=\"self-stretch flex-grow w-full\">\n        <SidebarLayout\n          items={([\n            {\n              title: t('My Profile'),\n              type: 'item',\n              id: 'profile',\n              icon: <Icon name=\"Contact\"/>,\n              content: <ProfilePage mockUser={props.mockUser}/>,\n            },\n            {\n              title: t('Emails & Auth'),\n              type: 'item',\n              id: 'auth',\n              icon: <Icon name=\"ShieldCheck\"/>,\n              content: <Suspense fallback={<EmailsAndAuthPageSkeleton/>}>\n                <EmailsAndAuthPage mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            {\n              title: t('Notifications'),\n              type: 'item',\n              id: 'notifications',\n              icon: <Icon name=\"Bell\"/>,\n              content: <Suspense fallback={<NotificationsPageSkeleton/>}>\n                <NotificationsPage/>\n              </Suspense>,\n            },\n            {\n              title: t('Active Sessions'),\n              type: 'item',\n              id: 'sessions',\n              icon: <Icon name=\"Monitor\"/>,\n              content: <Suspense fallback={<ActiveSessionsPageSkeleton/>}>\n                <ActiveSessionsPage mockSessions={props.mockSessions} mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            ...(project.config.allowUserApiKeys ? [{\n              title: t('API Keys'),\n              type: 'item',\n              id: 'api-keys',\n              icon: <Icon name=\"Key\" />,\n              content: <Suspense fallback={<ApiKeysPageSkeleton/>}>\n                <ApiKeysPage mockApiKeys={props.mockApiKeys} mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : []),\n            ...(shouldShowPaymentsTab ? [{\n              title: t('Payments'),\n              type: 'item',\n              id: 'payments',\n              icon: <Icon name=\"CreditCard\" />,\n              content: <Suspense fallback={<PaymentsPageSkeleton/>}>\n                <PaymentsPage\n                  mockMode={!!props.mockUser}\n                  allowPersonal={paymentsAvailability.userHasProducts}\n                  availableTeams={teamsWithProducts}\n                />\n              </Suspense>,\n            }] as const : []),\n            {\n              title: t('Settings'),\n              type: 'item',\n              id: 'settings',\n              icon: <Icon name=\"Settings\"/>,\n              content: <SettingsPage mockMode={!!props.mockUser}/>,\n            },\n            ...(props.extraItems?.map(item => ({\n              title: item.title,\n              type: 'item',\n              id: item.id,\n              icon: (() => {\n                const iconName = (item as any).iconName as keyof typeof iconMap | undefined;\n                if (iconName) {\n                  return <Icon name={iconName}/>;\n                } else if ((item as any).icon) {\n                  return (item as any).icon;\n                }\n                return null;\n              })(),\n              content: item.content,\n            } as const)) || []),\n            ...(teams.length > 0 || project.config.clientTeamCreationEnabled) ? [{\n              title: t('Teams'),\n              type: 'divider',\n            }] as const : [],\n            ...teams.map(team => ({\n              title: <div className='flex gap-2 items-center w-full'>\n                <TeamIcon team={team}/>\n                <Typography className=\"max-w-[320px] md:w-[90%] truncate\">{team.displayName}</Typography>\n              </div>,\n              type: 'item',\n              id: `team-${team.id}`,\n              content: <Suspense fallback={<TeamPageSkeleton/>}>\n                <TeamPage team={team}/>\n              </Suspense>,\n            } as const)),\n            ...project.config.clientTeamCreationEnabled ? [{\n              title: t('Create a team'),\n              icon: <Icon name=\"CirclePlus\"/>,\n              type: 'item',\n              id: 'team-creation',\n              content: <Suspense fallback={<TeamCreationSkeleton/>}>\n                <TeamCreationPage mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : [],\n          ] as const).filter((p) => p.type === 'divider' || (p as any).content )}\n          title={t(\"Account Settings\")}\n        />\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction PageLayout(props: { children: React.ReactNode }) {\n  return (\n    <div className='flex flex-col gap-6'>\n      {props.children}\n    </div>\n  );\n}\n\nfunction EmailsAndAuthPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction ActiveSessionsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-4 w-full mb-4\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction ApiKeysPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction PaymentsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamCreationSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction NotificationsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"account-settings.js","names":["MaybeFullPage","SidebarLayout","ProfilePage","Suspense","EmailsAndAuthPage","NotificationsPage","ActiveSessionsPage","ApiKeysPage","PaymentsPage","SettingsPage","TeamIcon","Typography","TeamPage","TeamCreationPage","Skeleton"],"sources":["../../src/components-page/account-settings.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Skeleton, Typography } from '@hexclave/ui';\nimport { Contact, ShieldCheck, Bell, Monitor, Key, Settings, CirclePlus, CreditCard } from 'lucide-react';\nimport React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useStackApp, useUser } from '..';\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { SidebarLayout } from '../components/elements/sidebar-layout';\nimport { TeamIcon } from '../components/team-icon';\nimport { useTranslation } from \"../lib/translations\";\nimport { ActiveSessionsPage } from \"./account-settings/active-sessions/active-sessions-page\";\nimport { ApiKeysPage } from \"./account-settings/api-keys/api-keys-page\";\nimport { EmailsAndAuthPage } from './account-settings/email-and-auth/email-and-auth-page';\nimport { NotificationsPage } from './account-settings/notifications/notifications-page';\nimport { ProfilePage } from \"./account-settings/profile-page/profile-page\";\nimport { PaymentsPage } from \"./account-settings/payments/payments-page\";\nimport { SettingsPage } from './account-settings/settings/settings-page';\nimport { TeamCreationPage } from './account-settings/teams/team-creation-page';\nimport { TeamPage } from './account-settings/teams/team-page';\n\nconst iconMap = {\n  Contact,\n  ShieldCheck,\n  Bell,\n  Monitor,\n  Key,\n  Settings,\n  CirclePlus,\n  CreditCard,\n} as const;\n\nconst Icon = ({ name }: { name: keyof typeof iconMap }) => {\n  const LucideIcon = iconMap[name];\n  return <LucideIcon className=\"mr-2 h-4 w-4\"/>;\n};\n\nexport function AccountSettings(props: {\n  fullPage?: boolean,\n  extraItems?: ({\n    title: string,\n    content: React.ReactNode,\n    id: string,\n  } & ({\n    icon?: React.ReactNode,\n  } | {\n    iconName?: keyof typeof iconMap,\n  }))[],\n  mockUser?: {\n    displayName?: string,\n    profileImageUrl?: string,\n  },\n  mockApiKeys?: Array<{\n    id: string,\n    description: string,\n    createdAt: string,\n    expiresAt?: string,\n    manuallyRevokedAt?: string,\n  }>,\n  mockProject?: {\n    config: {\n      allowUserApiKeys: boolean,\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n  mockSessions?: Array<{\n    id: string,\n    isCurrentSession: boolean,\n    isImpersonation?: boolean,\n    createdAt: string,\n    lastUsedAt?: string,\n    geoInfo?: {\n      ip?: string,\n      cityName?: string,\n    },\n  }>,\n}) {\n  const { t } = useTranslation();\n  const userFromHook = useUser({ or: props.mockUser ? 'return-null' : 'redirect' });\n  const hexclaveApp = useStackApp();\n  const projectFromHook = hexclaveApp.useProject();\n\n  // Use mock data if provided, otherwise use real data\n  const user = props.mockUser ? {\n    useTeams: () => [], // Mock empty teams for now\n    useBilling: () => ({ hasCustomer: false }), // Mock empty billing for now\n  } : userFromHook;\n\n  const project = props.mockProject || projectFromHook;\n  const teams = user?.useTeams() || [];\n  const billing = user?.useBilling() || null;\n  const teamsKey = useMemo(() => teams.map(team => team.id).join(\"|\"), [teams]);\n  const teamsById = useMemo(() => teams, [teamsKey]);\n  const userRef = useRef(userFromHook ?? null);\n  const userId = userFromHook?.id ?? null;\n  const [paymentsAvailability, setPaymentsAvailability] = useState<{\n    userHasProducts: boolean,\n    teamIdsWithProducts: Set<string>,\n    isReady: boolean,\n  }>(() => ({\n    userHasProducts: false,\n    teamIdsWithProducts: new Set<string>(),\n    isReady: !!props.mockUser,\n  }));\n\n  useEffect(() => {\n    userRef.current = userFromHook ?? null;\n  }, [userFromHook]);\n\n  useEffect(() => {\n    if (props.mockUser || !userId) {\n      return;\n    }\n    let cancelled = false;\n    runAsynchronouslyWithAlert(async () => {\n      const currentUser = userRef.current;\n      if (!currentUser || currentUser.id !== userId) {\n        return;\n      }\n      const [userProducts, teamsWithProducts] = await Promise.all([\n        currentUser.listProducts({ limit: 1 }),\n        Promise.all(teamsById.map(async (team) => {\n          const isTeamAdmin = await currentUser.hasPermission(team, \"team_admin\");\n          if (!isTeamAdmin) {\n            return null;\n          }\n          const teamProducts = await team.listProducts({ limit: 1 });\n          const hasTeamProducts = teamProducts.some((product) => product.customerType === \"team\");\n          return hasTeamProducts ? team.id : null;\n        })),\n      ]);\n      if (cancelled) {\n        return;\n      }\n      const userHasProducts = userProducts.some((product) => product.customerType === \"user\");\n      const teamIdsWithProducts = new Set<string>(teamsWithProducts.filter((id): id is string => id !== null));\n      setPaymentsAvailability({\n        userHasProducts,\n        teamIdsWithProducts,\n        isReady: true,\n      });\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [props.mockUser, teamsById, userId]);\n\n  const teamsWithProducts = useMemo(\n    () => teamsById.filter(team => paymentsAvailability.teamIdsWithProducts.has(team.id)),\n    [paymentsAvailability.teamIdsWithProducts, teamsById],\n  );\n  const shouldShowPaymentsTab = props.mockUser\n    || (paymentsAvailability.isReady\n      && (paymentsAvailability.userHasProducts || teamsWithProducts.length > 0));\n\n  // If we're not in mock mode and don't have a user, the useUser hook will handle redirect\n  if (!props.mockUser && !userFromHook) {\n    return null;\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className=\"self-stretch flex-grow w-full\">\n        <SidebarLayout\n          items={([\n            {\n              title: t('My Profile'),\n              type: 'item',\n              id: 'profile',\n              icon: <Icon name=\"Contact\"/>,\n              content: <ProfilePage mockUser={props.mockUser}/>,\n            },\n            {\n              title: t('Emails & Auth'),\n              type: 'item',\n              id: 'auth',\n              icon: <Icon name=\"ShieldCheck\"/>,\n              content: <Suspense fallback={<EmailsAndAuthPageSkeleton/>}>\n                <EmailsAndAuthPage mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            {\n              title: t('Notifications'),\n              type: 'item',\n              id: 'notifications',\n              icon: <Icon name=\"Bell\"/>,\n              content: <Suspense fallback={<NotificationsPageSkeleton/>}>\n                <NotificationsPage/>\n              </Suspense>,\n            },\n            {\n              title: t('Active Sessions'),\n              type: 'item',\n              id: 'sessions',\n              icon: <Icon name=\"Monitor\"/>,\n              content: <Suspense fallback={<ActiveSessionsPageSkeleton/>}>\n                <ActiveSessionsPage mockSessions={props.mockSessions} mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            ...(project.config.allowUserApiKeys ? [{\n              title: t('API Keys'),\n              type: 'item',\n              id: 'api-keys',\n              icon: <Icon name=\"Key\" />,\n              content: <Suspense fallback={<ApiKeysPageSkeleton/>}>\n                <ApiKeysPage mockApiKeys={props.mockApiKeys} mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : []),\n            ...(shouldShowPaymentsTab ? [{\n              title: t('Payments'),\n              type: 'item',\n              id: 'payments',\n              icon: <Icon name=\"CreditCard\" />,\n              content: <Suspense fallback={<PaymentsPageSkeleton/>}>\n                <PaymentsPage\n                  mockMode={!!props.mockUser}\n                  allowPersonal={paymentsAvailability.userHasProducts}\n                  availableTeams={teamsWithProducts}\n                />\n              </Suspense>,\n            }] as const : []),\n            {\n              title: t('Settings'),\n              type: 'item',\n              id: 'settings',\n              icon: <Icon name=\"Settings\"/>,\n              content: <SettingsPage mockMode={!!props.mockUser}/>,\n            },\n            ...(props.extraItems?.map(item => ({\n              title: item.title,\n              type: 'item',\n              id: item.id,\n              icon: (() => {\n                const iconName = (item as any).iconName as keyof typeof iconMap | undefined;\n                if (iconName) {\n                  return <Icon name={iconName}/>;\n                } else if ((item as any).icon) {\n                  return (item as any).icon;\n                }\n                return null;\n              })(),\n              content: item.content,\n            } as const)) || []),\n            ...(teams.length > 0 || project.config.clientTeamCreationEnabled) ? [{\n              title: t('Teams'),\n              type: 'divider',\n            }] as const : [],\n            ...teams.map(team => ({\n              title: <div className='flex gap-2 items-center w-full'>\n                <TeamIcon team={team}/>\n                <Typography className=\"max-w-[320px] md:w-[90%] truncate\">{team.displayName}</Typography>\n              </div>,\n              type: 'item',\n              id: `team-${team.id}`,\n              content: <Suspense fallback={<TeamPageSkeleton/>}>\n                <TeamPage team={team}/>\n              </Suspense>,\n            } as const)),\n            ...project.config.clientTeamCreationEnabled ? [{\n              title: t('Create a team'),\n              icon: <Icon name=\"CirclePlus\"/>,\n              type: 'item',\n              id: 'team-creation',\n              content: <Suspense fallback={<TeamCreationSkeleton/>}>\n                <TeamCreationPage mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : [],\n          ] as const).filter((p) => p.type === 'divider' || (p as any).content )}\n          title={t(\"Account Settings\")}\n        />\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction PageLayout(props: { children: React.ReactNode }) {\n  return (\n    <div className='flex flex-col gap-6'>\n      {props.children}\n    </div>\n  );\n}\n\nfunction EmailsAndAuthPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction ActiveSessionsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-4 w-full mb-4\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction ApiKeysPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction PaymentsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamCreationSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction NotificationsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n"],"mappings":"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"}

package/dist/components-page/auth-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page.d.ts","names":[],"sources":["../../src/components-page/auth-page.tsx"],"mappings":";;;KAsBK,KAAA;EACH,gBAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,iBAAA;EACA,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,WAAA;IACE,MAAA;MACE,aAAA;MACA,iBAAA;MACA,cAAA;MACA,gBAAA;MACA,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA;AAAA,iBAMQ,QAAA,CAAS,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"auth-page.d.ts","names":[],"sources":["../../src/components-page/auth-page.tsx"],"mappings":";;;KA2BK,KAAA;EACH,gBAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,iBAAA;EACA,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,WAAA;IACE,MAAA;MACE,aAAA;MACA,iBAAA;MACA,cAAA;MACA,gBAAA;MACA,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA;AAAA,iBAWQ,QAAA,CAAS,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/auth-page.js

@@ -2,17 +2,22 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let ___index_js = require("../index.js");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _hexclave_shared = require("@hexclave/shared");
 let ___components_elements_maybe_full_page_js = require("../components/elements/maybe-full-page.js");
+let _hexclave_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
 let ___components_credential_sign_in_js = require("../components/credential-sign-in.js");
 let ___components_credential_sign_up_js = require("../components/credential-sign-up.js");
 let ___components_elements_separator_with_text_js = require("../components/elements/separator-with-text.js");
 let ___components_link_js = require("../components/link.js");
+let ___components_message_cards_known_error_message_card_js = require("../components/message-cards/known-error-message-card.js");
+let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
 let ___components_magic_link_sign_in_js = require("../components/magic-link-sign-in.js");
 let ___components_message_cards_predefined_message_card_js = require("../components/message-cards/predefined-message-card.js");
 let ___components_oauth_button_group_js = require("../components/oauth-button-group.js");
@@ -49,16 +54,56 @@ function Fallback(props) {
 		})
 	});
 }
+function AutomaticRedirect(props) {
+	const hexclaveApp = (0, ___index_js.useStackApp)();
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const redirectResult = (0, _hexclave_shared_dist_utils_react.use)((0, react.useMemo)(async () => {
+		try {
+			await (props.isRestricted ? hexclaveApp.redirectToOnboarding({ replace: true }) : props.type === "sign-in" ? hexclaveApp.redirectToAfterSignIn({ replace: true }) : hexclaveApp.redirectToAfterSignUp({ replace: true }));
+			return { status: "success" };
+		} catch (e) {
+			if (_hexclave_shared.KnownError.isKnownError(e)) return {
+				status: "known-error",
+				error: e
+			};
+			(0, _hexclave_shared_dist_utils_errors.captureError)("<AuthPage automaticRedirect />", e);
+			return { status: "unknown-error" };
+		}
+	}, [
+		hexclaveApp,
+		props.isRestricted,
+		props.type
+	]));
+	if (redirectResult.status === "known-error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_known_error_message_card_js.KnownErrorMessageCard, {
+		error: redirectResult.error,
+		fullPage: props.fullPage
+	});
+	if (redirectResult.status === "unknown-error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_predefined_message_card_js.PredefinedMessageCard, {
+		type: "unknownError",
+		fullPage: props.fullPage
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
+		title: t("Redirecting..."),
+		fullPage: props.fullPage
+	});
+}
 function Inner(props) {
-	const stackApp = (0, ___index_js.useStackApp)();
+	const hexclaveApp = (0, ___index_js.useStackApp)();
 	const user = (0, ___index_js.useUser)({ includeRestricted: true });
-	const projectFromHook = stackApp.useProject();
+	const projectFromHook = hexclaveApp.useProject();
 	const project = props.mockProject || projectFromHook;
 	const { t } = (0, ___lib_translations_js.useTranslation)();
-	if (props.automaticRedirect && user && !props.mockProject) {
-		(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(user.isRestricted ? stackApp.redirectToOnboarding({ replace: true }) : props.type === "sign-in" ? stackApp.redirectToAfterSignIn({ replace: true }) : stackApp.redirectToAfterSignUp({ replace: true }));
-		return null;
-	}
+	if (props.automaticRedirect && user && !props.mockProject) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+		fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
+			title: t("Redirecting..."),
+			fullPage: props.fullPage
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutomaticRedirect, {
+			fullPage: props.fullPage,
+			isRestricted: user.isRestricted,
+			type: props.type
+		})
+	});
 	if (user && !props.mockProject && !props.automaticRedirect) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_predefined_message_card_js.PredefinedMessageCard, {
 		type: "signedIn",
 		fullPage: props.fullPage
@@ -89,9 +134,9 @@ function Inner(props) {
 						t("Don't have an account?"),
 						" ",
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_link_js.StyledLink, {
-							href: stackApp.urls.signUp,
+							href: hexclaveApp.urls.signUp,
 							onClick: (e) => {
-								(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToSignUp());
+								(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(hexclaveApp.redirectToSignUp());
 								e.preventDefault();
 							},
 							children: t("Sign up")
@@ -100,9 +145,9 @@ function Inner(props) {
 						t("Already have an account?"),
 						" ",
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_link_js.StyledLink, {
-							href: stackApp.urls.signIn,
+							href: hexclaveApp.urls.signIn,
 							onClick: (e) => {
-								(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToSignIn());
+								(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(hexclaveApp.redirectToSignIn());
 								e.preventDefault();
 							},
 							children: t("Sign in")

package/dist/components-page/auth-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page.js","names":["Suspense","MaybeFullPage","Skeleton","PredefinedMessageCard","Typography","StyledLink","OAuthButtonGroup","PasskeyButton","SeparatorWithText","Tabs","TabsList","TabsTrigger","TabsContent","MagicLinkSignIn","CredentialSignUp","CredentialSignIn"],"sources":["../../src/components-page/auth-page.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from '@hexclave/ui';\nimport { Suspense } from 'react';\nimport { useStackApp, useUser } from '..';\nimport { CredentialSignIn } from '../components/credential-sign-in';\nimport { CredentialSignUp } from '../components/credential-sign-up';\nimport { MaybeFullPage } from '../components/elements/maybe-full-page';\nimport { SeparatorWithText } from '../components/elements/separator-with-text';\nimport { StyledLink } from '../components/link';\nimport { MagicLinkSignIn } from '../components/magic-link-sign-in';\nimport { PredefinedMessageCard } from '../components/message-cards/predefined-message-card';\nimport { OAuthButtonGroup } from '../components/oauth-button-group';\nimport { PasskeyButton } from '../components/passkey-button';\nimport { useTranslation } from '../lib/translations';\n\ntype Props = {\n  noPasswordRepeat?: boolean,\n  firstTab?: 'magic-link' | 'password',\n  fullPage?: boolean,\n  type: 'sign-in' | 'sign-up',\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}\n\nexport function AuthPage(props: Props) {\n  return <Suspense fallback={<Fallback {...props} />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback(props: Props) {\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6 flex flex-col\">\n          <Skeleton className='h-9 w-2/3 self-center' />\n\n          <Skeleton className='h-3 w-16 mt-8' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-3 w-24 mt-2' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-9 w-full mt-6' />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction Inner(props: Props) {\n  const stackApp = useStackApp();\n  const user = useUser({ includeRestricted: true });\n  const projectFromHook = stackApp.useProject();\n  const project = props.mockProject || projectFromHook;\n  const { t } = useTranslation();\n\n  if (props.automaticRedirect && user && !props.mockProject) {\n    runAsynchronously(\n      user.isRestricted\n        ? stackApp.redirectToOnboarding({ replace: true })\n        : props.type === 'sign-in'\n          ? stackApp.redirectToAfterSignIn({ replace: true })\n          : stackApp.redirectToAfterSignUp({ replace: true })\n    );\n    return null;\n  }\n\n  if (user && !props.mockProject && !props.automaticRedirect) {\n    return <PredefinedMessageCard type='signedIn' fullPage={props.fullPage} />;\n  }\n\n  if (props.type === 'sign-up' && !project.config.signUpEnabled) {\n    return <PredefinedMessageCard type='signUpDisabled' fullPage={props.fullPage} />;\n  }\n\n  const hasOAuthProviders = project.config.oauthProviders.length > 0;\n  const hasPasskey = (project.config.passkeyEnabled === true && props.type === \"sign-in\");\n  const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {props.type === 'sign-in' ? t(\"Sign in to your account\") : t(\"Create a new account\")}\n          </Typography>\n          {props.type === 'sign-in' ? (\n            project.config.signUpEnabled && (\n              <Typography>\n                {t(\"Don't have an account?\")}{\" \"}\n                <StyledLink href={stackApp.urls.signUp} onClick={(e) => {\n                  runAsynchronously(stackApp.redirectToSignUp());\n                  e.preventDefault();\n                }}>{t(\"Sign up\")}</StyledLink>\n              </Typography>\n            )\n          ) : (\n            <Typography>\n              {t(\"Already have an account?\")}{\" \"}\n              <StyledLink href={stackApp.urls.signIn} onClick={(e) => {\n                runAsynchronously(stackApp.redirectToSignIn());\n                e.preventDefault();\n              }}>{t(\"Sign in\")}</StyledLink>\n            </Typography>\n          )}\n        </div>\n        {(hasOAuthProviders || hasPasskey) && (\n          <div className='gap-4 flex flex-col items-stretch stack-scope'>\n            {hasOAuthProviders && <OAuthButtonGroup type={props.type} mockProject={props.mockProject} />}\n            {hasPasskey && <PasskeyButton type={props.type} />}\n          </div>\n        )}\n\n        {enableSeparator && <SeparatorWithText text={t('Or continue with')} />}\n        {project.config.credentialEnabled && project.config.magicLinkEnabled ? (\n          <Tabs defaultValue={props.firstTab || 'magic-link'}>\n            <TabsList className={cn('w-full mb-2', {\n              'flex-row-reverse': props.firstTab === 'password'\n            })}>\n              <TabsTrigger value='magic-link' className='flex-1'>{t(\"Email\")}</TabsTrigger>\n              <TabsTrigger value='password' className='flex-1'>{t(\"Email & Password\")}</TabsTrigger>\n            </TabsList>\n            <TabsContent value='magic-link'>\n              <MagicLinkSignIn />\n            </TabsContent>\n            <TabsContent value='password'>\n              {props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />}\n            </TabsContent>\n          </Tabs>\n        ) : project.config.credentialEnabled ? (\n          props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />\n        ) : project.config.magicLinkEnabled ? (\n          <MagicLinkSignIn />\n        ) : !(hasOAuthProviders || hasPasskey) ? <Typography variant={\"destructive\"} className=\"text-center\">{t(\"No authentication method enabled.\")}</Typography> : null}\n        {props.extraInfo && (\n          <div className={cn('flex flex-col items-center text-center text-sm text-gray-500', {\n            'mt-2': project.config.credentialEnabled || project.config.magicLinkEnabled,\n            'mt-6': !(project.config.credentialEnabled || project.config.magicLinkEnabled),\n          })}>\n            <div>{props.extraInfo}</div>\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"auth-page.js","names":["Suspense","MaybeFullPage","Skeleton","KnownError","KnownErrorMessageCard","PredefinedMessageCard","MessageCard","Typography","StyledLink","OAuthButtonGroup","PasskeyButton","SeparatorWithText","Tabs","TabsList","TabsTrigger","TabsContent","MagicLinkSignIn","CredentialSignUp","CredentialSignIn"],"sources":["../../src/components-page/auth-page.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownError } from '@hexclave/shared';\nimport { captureError } from '@hexclave/shared/dist/utils/errors';\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { use } from '@hexclave/shared/dist/utils/react';\nimport { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from '@hexclave/ui';\nimport { Suspense, useMemo } from 'react';\nimport { useStackApp, useUser } from '..';\nimport { CredentialSignIn } from '../components/credential-sign-in';\nimport { CredentialSignUp } from '../components/credential-sign-up';\nimport { MaybeFullPage } from '../components/elements/maybe-full-page';\nimport { SeparatorWithText } from '../components/elements/separator-with-text';\nimport { StyledLink } from '../components/link';\nimport { KnownErrorMessageCard } from '../components/message-cards/known-error-message-card';\nimport { MessageCard } from '../components/message-cards/message-card';\nimport { MagicLinkSignIn } from '../components/magic-link-sign-in';\nimport { PredefinedMessageCard } from '../components/message-cards/predefined-message-card';\nimport { OAuthButtonGroup } from '../components/oauth-button-group';\nimport { PasskeyButton } from '../components/passkey-button';\nimport { useTranslation } from '../lib/translations';\n\ntype Props = {\n  noPasswordRepeat?: boolean,\n  firstTab?: 'magic-link' | 'password',\n  fullPage?: boolean,\n  type: 'sign-in' | 'sign-up',\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}\n\ntype AutomaticRedirectResult =\n  | { status: \"success\" }\n  | { status: \"known-error\", error: KnownError }\n  | { status: \"unknown-error\" };\n\nexport function AuthPage(props: Props) {\n  return <Suspense fallback={<Fallback {...props} />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback(props: Props) {\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6 flex flex-col\">\n          <Skeleton className='h-9 w-2/3 self-center' />\n\n          <Skeleton className='h-3 w-16 mt-8' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-3 w-24 mt-2' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-9 w-full mt-6' />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction AutomaticRedirect(props: {\n  fullPage?: boolean,\n  isRestricted: boolean,\n  type: 'sign-in' | 'sign-up',\n}) {\n  const hexclaveApp = useStackApp();\n  const { t } = useTranslation();\n  const redirectResultPromise = useMemo(async (): Promise<AutomaticRedirectResult> => {\n    try {\n      await (\n        props.isRestricted\n          ? hexclaveApp.redirectToOnboarding({ replace: true })\n          : props.type === 'sign-in'\n            ? hexclaveApp.redirectToAfterSignIn({ replace: true })\n            : hexclaveApp.redirectToAfterSignUp({ replace: true })\n      );\n      return { status: \"success\" };\n    } catch (e) {\n      if (KnownError.isKnownError(e)) {\n        return { status: \"known-error\", error: e };\n      }\n      captureError(\"<AuthPage automaticRedirect />\", e);\n      return { status: \"unknown-error\" };\n    }\n  }, [hexclaveApp, props.isRestricted, props.type]);\n\n  const redirectResult = use(redirectResultPromise);\n  if (redirectResult.status === \"known-error\") {\n    return <KnownErrorMessageCard error={redirectResult.error} fullPage={props.fullPage} />;\n  }\n  if (redirectResult.status === \"unknown-error\") {\n    return <PredefinedMessageCard type='unknownError' fullPage={props.fullPage} />;\n  }\n  return <MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />;\n}\n\nfunction Inner(props: Props) {\n  const hexclaveApp = useStackApp();\n  const user = useUser({ includeRestricted: true });\n  const projectFromHook = hexclaveApp.useProject();\n  const project = props.mockProject || projectFromHook;\n  const { t } = useTranslation();\n\n  if (props.automaticRedirect && user && !props.mockProject) {\n    return <Suspense fallback={<MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />}>\n      <AutomaticRedirect fullPage={props.fullPage} isRestricted={user.isRestricted} type={props.type} />\n    </Suspense>;\n  }\n\n  if (user && !props.mockProject && !props.automaticRedirect) {\n    return <PredefinedMessageCard type='signedIn' fullPage={props.fullPage} />;\n  }\n\n  if (props.type === 'sign-up' && !project.config.signUpEnabled) {\n    return <PredefinedMessageCard type='signUpDisabled' fullPage={props.fullPage} />;\n  }\n\n  const hasOAuthProviders = project.config.oauthProviders.length > 0;\n  const hasPasskey = (project.config.passkeyEnabled === true && props.type === \"sign-in\");\n  const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {props.type === 'sign-in' ? t(\"Sign in to your account\") : t(\"Create a new account\")}\n          </Typography>\n          {props.type === 'sign-in' ? (\n            project.config.signUpEnabled && (\n              <Typography>\n                {t(\"Don't have an account?\")}{\" \"}\n                <StyledLink href={hexclaveApp.urls.signUp} onClick={(e) => {\n                  runAsynchronously(hexclaveApp.redirectToSignUp());\n                  e.preventDefault();\n                }}>{t(\"Sign up\")}</StyledLink>\n              </Typography>\n            )\n          ) : (\n            <Typography>\n              {t(\"Already have an account?\")}{\" \"}\n              <StyledLink href={hexclaveApp.urls.signIn} onClick={(e) => {\n                runAsynchronously(hexclaveApp.redirectToSignIn());\n                e.preventDefault();\n              }}>{t(\"Sign in\")}</StyledLink>\n            </Typography>\n          )}\n        </div>\n        {(hasOAuthProviders || hasPasskey) && (\n          <div className='gap-4 flex flex-col items-stretch stack-scope'>\n            {hasOAuthProviders && <OAuthButtonGroup type={props.type} mockProject={props.mockProject} />}\n            {hasPasskey && <PasskeyButton type={props.type} />}\n          </div>\n        )}\n\n        {enableSeparator && <SeparatorWithText text={t('Or continue with')} />}\n        {project.config.credentialEnabled && project.config.magicLinkEnabled ? (\n          <Tabs defaultValue={props.firstTab || 'magic-link'}>\n            <TabsList className={cn('w-full mb-2', {\n              'flex-row-reverse': props.firstTab === 'password'\n            })}>\n              <TabsTrigger value='magic-link' className='flex-1'>{t(\"Email\")}</TabsTrigger>\n              <TabsTrigger value='password' className='flex-1'>{t(\"Email & Password\")}</TabsTrigger>\n            </TabsList>\n            <TabsContent value='magic-link'>\n              <MagicLinkSignIn />\n            </TabsContent>\n            <TabsContent value='password'>\n              {props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />}\n            </TabsContent>\n          </Tabs>\n        ) : project.config.credentialEnabled ? (\n          props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />\n        ) : project.config.magicLinkEnabled ? (\n          <MagicLinkSignIn />\n        ) : !(hasOAuthProviders || hasPasskey) ? <Typography variant={\"destructive\"} className=\"text-center\">{t(\"No authentication method enabled.\")}</Typography> : null}\n        {props.extraInfo && (\n          <div className={cn('flex flex-col items-center text-center text-sm text-gray-500', {\n            'mt-2': project.config.credentialEnabled || project.config.magicLinkEnabled,\n            'mt-6': !(project.config.credentialEnabled || project.config.magicLinkEnabled),\n          })}>\n            <div>{props.extraInfo}</div>\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":"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"}

package/dist/components-page/cli-auth-confirm.js

@@ -8,12 +8,12 @@ let react = require("react");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___lib_hooks_js = require("../lib/hooks.js");
-let ___lib_stack_app_common_js = require("../lib/stack-app/common.js");
 let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
+let ___lib_hexclave_app_common_js = require("../lib/hexclave-app/common.js");
 
 //#region src/components-page/cli-auth-confirm.tsx
 async function postCliAuthComplete(app, body) {
-	return await app[___lib_stack_app_common_js.stackAppInternalsSymbol].sendRequest("/auth/cli/complete", {
+	return await app[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol].sendRequest("/auth/cli/complete", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(body)
@@ -125,7 +125,7 @@ function useCliAuthConfirmation() {
 				const accessToken = getStringField(tokens, "access_token");
 				const refreshToken = getStringField(tokens, "refresh_token");
 				if (!accessToken || !refreshToken) throw new Error("Anonymous CLI session claim did not return tokens");
-				await app[___lib_stack_app_common_js.stackAppInternalsSymbol].signInWithTokens({
+				await app[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol].signInWithTokens({
 					accessToken,
 					refreshToken
 				});

package/dist/components-page/cli-auth-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli-auth-confirm.js","names":["stackAppInternalsSymbol","MessageCard","Typography"],"sources":["../../src/components-page/cli-auth-confirm.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Typography } from \"@hexclave/ui\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app/common\";\nimport type { StackClientApp } from \"../lib/stack-app/apps/interfaces/client-app\";\nimport { useStackApp } from \"../lib/hooks\";\n\nasync function postCliAuthComplete(app: StackClientApp, body: Record<string, unknown>) {\n  return await app[stackAppInternalsSymbol].sendRequest(\"/auth/cli/complete\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify(body),\n  });\n}\n\nasync function ensureCliCompleteOk(result: Response) {\n  if (!result.ok) {\n    throw new Error(`Authorization failed: ${result.status} ${await result.text()}`);\n  }\n}\n\nasync function completeCliAuthWithRefreshToken(app: StackClientApp, loginCode: string, refreshToken: string) {\n  const result = await postCliAuthComplete(app, { login_code: loginCode, refresh_token: refreshToken });\n  await ensureCliCompleteOk(result);\n}\n\n// Hexclave rebrand: sessionStorage key — straight rename (per-tab, low TTL).\nconst CLI_AUTH_CONFIRMED_KEY = \"hexclave-cli-auth-confirmed\";\n\nfunction markConfirmed(loginCode: string) {\n  sessionStorage.setItem(CLI_AUTH_CONFIRMED_KEY, loginCode);\n}\n\nfunction isConfirmed(loginCode: string): boolean {\n  return sessionStorage.getItem(CLI_AUTH_CONFIRMED_KEY) === loginCode;\n}\n\nfunction clearConfirmed() {\n  sessionStorage.removeItem(CLI_AUTH_CONFIRMED_KEY);\n}\n\nfunction getError(err: unknown): Error {\n  return err instanceof Error ? err : new Error(String(err));\n}\n\nfunction getObjectField(data: unknown, fieldName: string): unknown {\n  return typeof data === \"object\" && data !== null && fieldName in data\n    ? data[fieldName as keyof typeof data]\n    : undefined;\n}\n\nfunction getStringField(data: unknown, fieldName: string): string | undefined {\n  const value = getObjectField(data, fieldName);\n  return typeof value === \"string\" ? value : undefined;\n}\n\nexport type CliAuthConfirmationStatus =\n  | \"idle\"\n  | \"invalid\"\n  | \"authorizing\"\n  | \"redirecting\"\n  | \"success\"\n  | \"error\";\n\nexport type CliAuthConfirmationState = {\n  status: CliAuthConfirmationStatus,\n  loginCode: string | null,\n  error: Error | null,\n  isLoading: boolean,\n  authorize: () => Promise<void>,\n  retry: () => void,\n};\n\nexport function useCliAuthConfirmation(): CliAuthConfirmationState {\n  const app = useStackApp();\n  const user = app.useUser({ includeRestricted: true });\n  const [status, setStatus] = useState<Exclude<CliAuthConfirmationStatus, \"invalid\">>(\"idle\");\n  const [error, setError] = useState<Error | null>(null);\n  const autoCompleteRef = useRef(false);\n  const authorizeInProgressRef = useRef(false);\n  const [loginCode] = useState(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get(\"login_code\");\n  });\n  const [confirmed] = useState(() => {\n    if (typeof window === 'undefined') return false;\n    return loginCode != null && isConfirmed(loginCode);\n  });\n\n  const completeWithCurrentUser = useCallback(async () => {\n    if (!loginCode) {\n      throw new Error(\"Missing login code in URL parameters\");\n    }\n    if (!user) {\n      throw new Error(\"Cannot complete CLI authorization without a signed-in user\");\n    }\n    const refreshToken = (await user.currentSession.getTokens()).refreshToken;\n    if (!refreshToken) {\n      throw new Error(\"Could not retrieve session token\");\n    }\n    await completeCliAuthWithRefreshToken(app, loginCode, refreshToken);\n  }, [app, loginCode, user]);\n\n  useEffect(() => {\n    if (!confirmed || !user || autoCompleteRef.current) {\n      return;\n    }\n    autoCompleteRef.current = true;\n    runAsynchronouslyWithAlert(async () => {\n      setStatus(\"authorizing\");\n      try {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n      } catch (err) {\n        setError(getError(err));\n        setStatus(\"error\");\n      }\n    });\n  }, [confirmed, user, completeWithCurrentUser]);\n\n  const authorize = useCallback(async () => {\n    if (authorizeInProgressRef.current) {\n      return;\n    }\n    authorizeInProgressRef.current = true;\n\n    try {\n      if (!loginCode) {\n        setError(new Error(\"Missing login code in URL parameters\"));\n        setStatus(\"error\");\n        return;\n      }\n\n      setError(null);\n      setStatus(\"authorizing\");\n      if (user) {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n        return;\n      }\n\n      const checkResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"check\" });\n      if (!checkResult.ok) {\n        throw new Error(`Failed to verify login code: ${checkResult.status} ${await checkResult.text()}`);\n      }\n      const checkData: unknown = await checkResult.json();\n      const cliSessionState = getStringField(checkData, \"cli_session_state\") ?? null;\n\n      if (cliSessionState === \"anonymous\") {\n        const claimResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"claim-anon-session\" });\n\n        if (!claimResult.ok) {\n          throw new Error(`Failed to claim anonymous session: ${claimResult.status} ${await claimResult.text()}`);\n        }\n\n        const tokens: unknown = await claimResult.json();\n        const accessToken = getStringField(tokens, \"access_token\");\n        const refreshToken = getStringField(tokens, \"refresh_token\");\n        if (!accessToken || !refreshToken) {\n          throw new Error(\"Anonymous CLI session claim did not return tokens\");\n        }\n        await app[stackAppInternalsSymbol].signInWithTokens({\n          accessToken,\n          refreshToken,\n        });\n        markConfirmed(loginCode);\n        setStatus(\"redirecting\");\n        await app.redirectToSignUp({ replace: true });\n        return;\n      }\n\n      markConfirmed(loginCode);\n      setStatus(\"redirecting\");\n      await app.redirectToSignIn({ replace: true });\n    } catch (err) {\n      setError(getError(err));\n      setStatus(\"error\");\n    } finally {\n      authorizeInProgressRef.current = false;\n    }\n  }, [app, completeWithCurrentUser, loginCode, user]);\n\n  const retry = useCallback(() => {\n    setError(null);\n    autoCompleteRef.current = false;\n    setStatus(\"idle\");\n  }, []);\n\n  const visibleStatus = loginCode == null ? \"invalid\" : status;\n  return {\n    status: visibleStatus,\n    loginCode,\n    error,\n    isLoading: visibleStatus === \"authorizing\" || visibleStatus === \"redirecting\",\n    authorize,\n    retry,\n  };\n}\n\nexport function CliAuthConfirmation({ fullPage = true }: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const cliAuth = useCliAuthConfirmation();\n\n  if (cliAuth.status === \"success\") {\n    return (\n      <MessageCard title={t(\"CLI Authorization Successful\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"The CLI application has been authorized successfully. You can close this window and return to the command line.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"error\") {\n    return (\n      <MessageCard\n        title={t(\"Authorization Failed\")}\n        fullPage={fullPage}\n        primaryButtonText={t(\"Try Again\")}\n        primaryAction={cliAuth.retry}\n      >\n        <Typography className=\"text-red-600\">\n          {t(\"Failed to authorize the CLI application:\")}\n        </Typography>\n        <Typography className=\"text-red-600\">\n          {cliAuth.error?.message}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"invalid\") {\n    return (\n      <MessageCard title={t(\"Invalid CLI Authorization Link\")} fullPage={fullPage}>\n        <Typography className=\"text-red-600\">\n          {t(\"This CLI authorization link is missing a login code. Please return to the command line and start the login process again.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"authorizing\" || cliAuth.status === \"redirecting\") {\n    return (\n      <MessageCard title={t(\"Completing Authorization...\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"Finishing up the CLI authorization...\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Authorize CLI Application\")}\n      fullPage={fullPage}\n      primaryButtonText={cliAuth.isLoading ? t(\"Authorizing...\") : t(\"Authorize\")}\n      primaryAction={cliAuth.authorize}\n    >\n      <Typography>\n        {t(\"A command line application is requesting access to your account. Click the button below to authorize it.\")}\n      </Typography>\n      <Typography variant=\"destructive\">\n        {t(\"WARNING: Make sure you trust the command line application, as it will gain access to your account. If you did not initiate this request, you can close this page and ignore it. We will never send you this link via email or any other means.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"cli-auth-confirm.js","names":["hexclaveAppInternalsSymbol","MessageCard","Typography"],"sources":["../../src/components-page/cli-auth-confirm.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Typography } from \"@hexclave/ui\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\nimport { hexclaveAppInternalsSymbol } from \"../lib/hexclave-app/common\";\nimport type { StackClientApp } from \"../lib/hexclave-app/apps/interfaces/client-app\";\nimport { useStackApp } from \"../lib/hooks\";\n\nasync function postCliAuthComplete(app: StackClientApp, body: Record<string, unknown>) {\n  return await app[hexclaveAppInternalsSymbol].sendRequest(\"/auth/cli/complete\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify(body),\n  });\n}\n\nasync function ensureCliCompleteOk(result: Response) {\n  if (!result.ok) {\n    throw new Error(`Authorization failed: ${result.status} ${await result.text()}`);\n  }\n}\n\nasync function completeCliAuthWithRefreshToken(app: StackClientApp, loginCode: string, refreshToken: string) {\n  const result = await postCliAuthComplete(app, { login_code: loginCode, refresh_token: refreshToken });\n  await ensureCliCompleteOk(result);\n}\n\n// Hexclave rebrand: sessionStorage key — straight rename (per-tab, low TTL).\nconst CLI_AUTH_CONFIRMED_KEY = \"hexclave-cli-auth-confirmed\";\n\nfunction markConfirmed(loginCode: string) {\n  sessionStorage.setItem(CLI_AUTH_CONFIRMED_KEY, loginCode);\n}\n\nfunction isConfirmed(loginCode: string): boolean {\n  return sessionStorage.getItem(CLI_AUTH_CONFIRMED_KEY) === loginCode;\n}\n\nfunction clearConfirmed() {\n  sessionStorage.removeItem(CLI_AUTH_CONFIRMED_KEY);\n}\n\nfunction getError(err: unknown): Error {\n  return err instanceof Error ? err : new Error(String(err));\n}\n\nfunction getObjectField(data: unknown, fieldName: string): unknown {\n  return typeof data === \"object\" && data !== null && fieldName in data\n    ? data[fieldName as keyof typeof data]\n    : undefined;\n}\n\nfunction getStringField(data: unknown, fieldName: string): string | undefined {\n  const value = getObjectField(data, fieldName);\n  return typeof value === \"string\" ? value : undefined;\n}\n\nexport type CliAuthConfirmationStatus =\n  | \"idle\"\n  | \"invalid\"\n  | \"authorizing\"\n  | \"redirecting\"\n  | \"success\"\n  | \"error\";\n\nexport type CliAuthConfirmationState = {\n  status: CliAuthConfirmationStatus,\n  loginCode: string | null,\n  error: Error | null,\n  isLoading: boolean,\n  authorize: () => Promise<void>,\n  retry: () => void,\n};\n\nexport function useCliAuthConfirmation(): CliAuthConfirmationState {\n  const app = useStackApp();\n  const user = app.useUser({ includeRestricted: true });\n  const [status, setStatus] = useState<Exclude<CliAuthConfirmationStatus, \"invalid\">>(\"idle\");\n  const [error, setError] = useState<Error | null>(null);\n  const autoCompleteRef = useRef(false);\n  const authorizeInProgressRef = useRef(false);\n  const [loginCode] = useState(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get(\"login_code\");\n  });\n  const [confirmed] = useState(() => {\n    if (typeof window === 'undefined') return false;\n    return loginCode != null && isConfirmed(loginCode);\n  });\n\n  const completeWithCurrentUser = useCallback(async () => {\n    if (!loginCode) {\n      throw new Error(\"Missing login code in URL parameters\");\n    }\n    if (!user) {\n      throw new Error(\"Cannot complete CLI authorization without a signed-in user\");\n    }\n    const refreshToken = (await user.currentSession.getTokens()).refreshToken;\n    if (!refreshToken) {\n      throw new Error(\"Could not retrieve session token\");\n    }\n    await completeCliAuthWithRefreshToken(app, loginCode, refreshToken);\n  }, [app, loginCode, user]);\n\n  useEffect(() => {\n    if (!confirmed || !user || autoCompleteRef.current) {\n      return;\n    }\n    autoCompleteRef.current = true;\n    runAsynchronouslyWithAlert(async () => {\n      setStatus(\"authorizing\");\n      try {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n      } catch (err) {\n        setError(getError(err));\n        setStatus(\"error\");\n      }\n    });\n  }, [confirmed, user, completeWithCurrentUser]);\n\n  const authorize = useCallback(async () => {\n    if (authorizeInProgressRef.current) {\n      return;\n    }\n    authorizeInProgressRef.current = true;\n\n    try {\n      if (!loginCode) {\n        setError(new Error(\"Missing login code in URL parameters\"));\n        setStatus(\"error\");\n        return;\n      }\n\n      setError(null);\n      setStatus(\"authorizing\");\n      if (user) {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n        return;\n      }\n\n      const checkResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"check\" });\n      if (!checkResult.ok) {\n        throw new Error(`Failed to verify login code: ${checkResult.status} ${await checkResult.text()}`);\n      }\n      const checkData: unknown = await checkResult.json();\n      const cliSessionState = getStringField(checkData, \"cli_session_state\") ?? null;\n\n      if (cliSessionState === \"anonymous\") {\n        const claimResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"claim-anon-session\" });\n\n        if (!claimResult.ok) {\n          throw new Error(`Failed to claim anonymous session: ${claimResult.status} ${await claimResult.text()}`);\n        }\n\n        const tokens: unknown = await claimResult.json();\n        const accessToken = getStringField(tokens, \"access_token\");\n        const refreshToken = getStringField(tokens, \"refresh_token\");\n        if (!accessToken || !refreshToken) {\n          throw new Error(\"Anonymous CLI session claim did not return tokens\");\n        }\n        await app[hexclaveAppInternalsSymbol].signInWithTokens({\n          accessToken,\n          refreshToken,\n        });\n        markConfirmed(loginCode);\n        setStatus(\"redirecting\");\n        await app.redirectToSignUp({ replace: true });\n        return;\n      }\n\n      markConfirmed(loginCode);\n      setStatus(\"redirecting\");\n      await app.redirectToSignIn({ replace: true });\n    } catch (err) {\n      setError(getError(err));\n      setStatus(\"error\");\n    } finally {\n      authorizeInProgressRef.current = false;\n    }\n  }, [app, completeWithCurrentUser, loginCode, user]);\n\n  const retry = useCallback(() => {\n    setError(null);\n    autoCompleteRef.current = false;\n    setStatus(\"idle\");\n  }, []);\n\n  const visibleStatus = loginCode == null ? \"invalid\" : status;\n  return {\n    status: visibleStatus,\n    loginCode,\n    error,\n    isLoading: visibleStatus === \"authorizing\" || visibleStatus === \"redirecting\",\n    authorize,\n    retry,\n  };\n}\n\nexport function CliAuthConfirmation({ fullPage = true }: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const cliAuth = useCliAuthConfirmation();\n\n  if (cliAuth.status === \"success\") {\n    return (\n      <MessageCard title={t(\"CLI Authorization Successful\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"The CLI application has been authorized successfully. You can close this window and return to the command line.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"error\") {\n    return (\n      <MessageCard\n        title={t(\"Authorization Failed\")}\n        fullPage={fullPage}\n        primaryButtonText={t(\"Try Again\")}\n        primaryAction={cliAuth.retry}\n      >\n        <Typography className=\"text-red-600\">\n          {t(\"Failed to authorize the CLI application:\")}\n        </Typography>\n        <Typography className=\"text-red-600\">\n          {cliAuth.error?.message}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"invalid\") {\n    return (\n      <MessageCard title={t(\"Invalid CLI Authorization Link\")} fullPage={fullPage}>\n        <Typography className=\"text-red-600\">\n          {t(\"This CLI authorization link is missing a login code. Please return to the command line and start the login process again.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"authorizing\" || cliAuth.status === \"redirecting\") {\n    return (\n      <MessageCard title={t(\"Completing Authorization...\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"Finishing up the CLI authorization...\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Authorize CLI Application\")}\n      fullPage={fullPage}\n      primaryButtonText={cliAuth.isLoading ? t(\"Authorizing...\") : t(\"Authorize\")}\n      primaryAction={cliAuth.authorize}\n    >\n      <Typography>\n        {t(\"A command line application is requesting access to your account. Click the button below to authorize it.\")}\n      </Typography>\n      <Typography variant=\"destructive\">\n        {t(\"WARNING: Make sure you trust the command line application, as it will gain access to your account. If you did not initiate this request, you can close this page and ignore it. We will never send you this link via email or any other means.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n"],"mappings":"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"}

package/dist/components-page/cli-auth-confirm.test.js

@@ -5,8 +5,8 @@ react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_dom_client = require("react-dom/client");
 let vitest = require("vitest");
-let ___lib_stack_app_common_js = require("../lib/stack-app/common.js");
-let ___providers_stack_context_js = require("../providers/stack-context.js");
+let ___lib_hexclave_app_common_js = require("../lib/hexclave-app/common.js");
+let ___providers_hexclave_context_js = require("../providers/hexclave-context.js");
 let __cli_auth_confirm_js = require("./cli-auth-confirm.js");
 
 //#region src/components-page/cli-auth-confirm.test.tsx
@@ -23,7 +23,7 @@ function createAppTestDouble(options) {
 		useUser: () => options.user,
 		redirectToSignIn: options.redirectToSignIn ?? vitest.vi.fn(async () => {}),
 		redirectToSignUp: options.redirectToSignUp ?? vitest.vi.fn(async () => {}),
-		[___lib_stack_app_common_js.stackAppInternalsSymbol]: {
+		[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol]: {
 			sendRequest: options.sendRequest,
 			signInWithTokens: options.signInWithTokens ?? vitest.vi.fn(async () => {})
 		}
@@ -58,7 +58,7 @@ async function renderWithApp(app) {
 	document.body.append(container);
 	root = (0, react_dom_client.createRoot)(container);
 	await (0, react.act)(async () => {
-		root?.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___providers_stack_context_js.StackContext.Provider, {
+		root?.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___providers_hexclave_context_js.HexclaveContext.Provider, {
 			value: { app },
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HookProbe, {})
 		}));

package/dist/components-page/cli-auth-confirm.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli-auth-confirm.test.js","names":["vi","stackAppInternalsSymbol","StackContext"],"sources":["../../src/components-page/cli-auth-confirm.test.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// @vitest-environment jsdom\n\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { StackClientApp } from \"../lib/stack-app/apps/interfaces/client-app\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app/common\";\nimport { StackContext } from \"../providers/stack-context\";\nimport { useCliAuthConfirmation } from \"./cli-auth-confirm\";\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nfunction responseJson(data: unknown, init?: ResponseInit) {\n  return new Response(JSON.stringify(data), {\n    status: init?.status ?? 200,\n    headers: { \"Content-Type\": \"application/json\" },\n  });\n}\n\nfunction createAppTestDouble(options: {\n  user: unknown,\n  sendRequest: (path: string, requestOptions: RequestInit) => Promise<Response>,\n  signInWithTokens?: (tokens: { accessToken: string, refreshToken: string }) => Promise<void>,\n  redirectToSignIn?: (options: { replace: true }) => Promise<void>,\n  redirectToSignUp?: (options: { replace: true }) => Promise<void>,\n}) {\n  const app = {\n    useUser: () => options.user,\n    redirectToSignIn: options.redirectToSignIn ?? vi.fn(async () => {}),\n    redirectToSignUp: options.redirectToSignUp ?? vi.fn(async () => {}),\n    [stackAppInternalsSymbol]: {\n      sendRequest: options.sendRequest,\n      signInWithTokens: options.signInWithTokens ?? vi.fn(async () => {}),\n    },\n  };\n\n  // This test double intentionally implements only the StackClientApp surface\n  // that useCliAuthConfirmation touches.\n  return app as unknown as StackClientApp<true>;\n}\n\nfunction HookProbe() {\n  const cliAuth = useCliAuthConfirmation();\n  return (\n    <>\n      <div data-testid=\"status\">{cliAuth.status}</div>\n      <div data-testid=\"error\">{cliAuth.error?.message}</div>\n      <button type=\"button\" onClick={() => runAsynchronously(cliAuth.authorize)}>authorize</button>\n      <button onClick={cliAuth.retry}>retry</button>\n    </>\n  );\n}\n\nlet root: Root | null = null;\nlet container: HTMLDivElement | null = null;\n\nasync function renderWithApp(app: StackClientApp<true>) {\n  container = document.createElement(\"div\");\n  document.body.append(container);\n  root = createRoot(container);\n  await act(async () => {\n    root?.render(\n      <StackContext.Provider value={{ app }}>\n        <HookProbe />\n      </StackContext.Provider>\n    );\n  });\n}\n\nfunction getByTestId(testId: string): HTMLElement {\n  const element = container?.querySelector(`[data-testid=\"${testId}\"]`);\n  if (!(element instanceof HTMLElement)) {\n    throw new Error(`Could not find test element ${testId}`);\n  }\n  return element;\n}\n\nfunction getButton(label: string): HTMLButtonElement {\n  const button = [...container?.querySelectorAll(\"button\") ?? []]\n    .find((element) => element.textContent === label);\n  if (!(button instanceof HTMLButtonElement)) {\n    throw new Error(`Could not find button ${label}`);\n  }\n  return button;\n}\n\ndescribe(\"useCliAuthConfirmation\", () => {\n  beforeEach(() => {\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", true);\n  });\n\n  afterEach(() => {\n    act(() => {\n      root?.unmount();\n    });\n    container?.remove();\n    root = null;\n    container = null;\n    vi.restoreAllMocks();\n    window.history.replaceState({}, \"\", \"/\");\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"completes CLI auth with the current user's refresh token\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(getByTestId(\"status\").textContent).toBe(\"success\");\n    expect(getTokens).toHaveBeenCalledOnce();\n    expect(sendRequest).toHaveBeenCalledOnce();\n    expect(sendRequest.mock.calls[0][0]).toBe(\"/auth/cli/complete\");\n    expect(JSON.parse(String(sendRequest.mock.calls[0][1].body))).toMatchInlineSnapshot(`\n      {\n        \"login_code\": \"login-code\",\n        \"refresh_token\": \"refresh-token\",\n      }\n    `);\n  });\n\n  it(\"ignores duplicate authorize clicks before React re-renders\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      const authorizeButton = getButton(\"authorize\");\n      authorizeButton.click();\n      authorizeButton.click();\n    });\n\n    expect(sendRequest).toHaveBeenCalledOnce();\n  });\n\n  it(\"claims anonymous CLI sessions before redirecting to sign-up\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const signInWithTokens = vi.fn(async (_tokens: { accessToken: string, refreshToken: string }) => {});\n    const redirectToSignUp = vi.fn(async (_options: { replace: true }) => {});\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }))\n      .mockResolvedValueOnce(responseJson({ cli_session_state: \"anonymous\" }))\n      .mockResolvedValueOnce(responseJson({ access_token: \"access-token\", refresh_token: \"refresh-token\" }));\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest,\n      signInWithTokens,\n      redirectToSignUp,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(redirectToSignUp).toHaveBeenCalledWith({ replace: true });\n    expect(signInWithTokens).toHaveBeenCalledWith({\n      accessToken: \"access-token\",\n      refreshToken: \"refresh-token\",\n    });\n    expect(sessionStorage.getItem(\"hexclave-cli-auth-confirmed\")).toBe(\"login-code\");\n    expect(sendRequest.mock.calls.map(call => JSON.parse(String(call[1].body)))).toMatchInlineSnapshot(`\n      [\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"check\",\n        },\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"claim-anon-session\",\n        },\n      ]\n    `);\n  });\n\n  it(\"reports invalid when the login code is missing\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm\");\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest: vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 })),\n    });\n\n    await renderWithApp(app);\n\n    expect(getByTestId(\"status\").textContent).toBe(\"invalid\");\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"cli-auth-confirm.test.js","names":["vi","hexclaveAppInternalsSymbol","HexclaveContext"],"sources":["../../src/components-page/cli-auth-confirm.test.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// @vitest-environment jsdom\n\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { StackClientApp } from \"../lib/hexclave-app/apps/interfaces/client-app\";\nimport { hexclaveAppInternalsSymbol } from \"../lib/hexclave-app/common\";\nimport { HexclaveContext } from \"../providers/hexclave-context\";\nimport { useCliAuthConfirmation } from \"./cli-auth-confirm\";\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nfunction responseJson(data: unknown, init?: ResponseInit) {\n  return new Response(JSON.stringify(data), {\n    status: init?.status ?? 200,\n    headers: { \"Content-Type\": \"application/json\" },\n  });\n}\n\nfunction createAppTestDouble(options: {\n  user: unknown,\n  sendRequest: (path: string, requestOptions: RequestInit) => Promise<Response>,\n  signInWithTokens?: (tokens: { accessToken: string, refreshToken: string }) => Promise<void>,\n  redirectToSignIn?: (options: { replace: true }) => Promise<void>,\n  redirectToSignUp?: (options: { replace: true }) => Promise<void>,\n}) {\n  const app = {\n    useUser: () => options.user,\n    redirectToSignIn: options.redirectToSignIn ?? vi.fn(async () => {}),\n    redirectToSignUp: options.redirectToSignUp ?? vi.fn(async () => {}),\n    [hexclaveAppInternalsSymbol]: {\n      sendRequest: options.sendRequest,\n      signInWithTokens: options.signInWithTokens ?? vi.fn(async () => {}),\n    },\n  };\n\n  // This test double intentionally implements only the StackClientApp surface\n  // that useCliAuthConfirmation touches.\n  return app as unknown as StackClientApp<true>;\n}\n\nfunction HookProbe() {\n  const cliAuth = useCliAuthConfirmation();\n  return (\n    <>\n      <div data-testid=\"status\">{cliAuth.status}</div>\n      <div data-testid=\"error\">{cliAuth.error?.message}</div>\n      <button type=\"button\" onClick={() => runAsynchronously(cliAuth.authorize)}>authorize</button>\n      <button onClick={cliAuth.retry}>retry</button>\n    </>\n  );\n}\n\nlet root: Root | null = null;\nlet container: HTMLDivElement | null = null;\n\nasync function renderWithApp(app: StackClientApp<true>) {\n  container = document.createElement(\"div\");\n  document.body.append(container);\n  root = createRoot(container);\n  await act(async () => {\n    root?.render(\n      <HexclaveContext.Provider value={{ app }}>\n        <HookProbe />\n      </HexclaveContext.Provider>\n    );\n  });\n}\n\nfunction getByTestId(testId: string): HTMLElement {\n  const element = container?.querySelector(`[data-testid=\"${testId}\"]`);\n  if (!(element instanceof HTMLElement)) {\n    throw new Error(`Could not find test element ${testId}`);\n  }\n  return element;\n}\n\nfunction getButton(label: string): HTMLButtonElement {\n  const button = [...container?.querySelectorAll(\"button\") ?? []]\n    .find((element) => element.textContent === label);\n  if (!(button instanceof HTMLButtonElement)) {\n    throw new Error(`Could not find button ${label}`);\n  }\n  return button;\n}\n\ndescribe(\"useCliAuthConfirmation\", () => {\n  beforeEach(() => {\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", true);\n  });\n\n  afterEach(() => {\n    act(() => {\n      root?.unmount();\n    });\n    container?.remove();\n    root = null;\n    container = null;\n    vi.restoreAllMocks();\n    window.history.replaceState({}, \"\", \"/\");\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"completes CLI auth with the current user's refresh token\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(getByTestId(\"status\").textContent).toBe(\"success\");\n    expect(getTokens).toHaveBeenCalledOnce();\n    expect(sendRequest).toHaveBeenCalledOnce();\n    expect(sendRequest.mock.calls[0][0]).toBe(\"/auth/cli/complete\");\n    expect(JSON.parse(String(sendRequest.mock.calls[0][1].body))).toMatchInlineSnapshot(`\n      {\n        \"login_code\": \"login-code\",\n        \"refresh_token\": \"refresh-token\",\n      }\n    `);\n  });\n\n  it(\"ignores duplicate authorize clicks before React re-renders\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      const authorizeButton = getButton(\"authorize\");\n      authorizeButton.click();\n      authorizeButton.click();\n    });\n\n    expect(sendRequest).toHaveBeenCalledOnce();\n  });\n\n  it(\"claims anonymous CLI sessions before redirecting to sign-up\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const signInWithTokens = vi.fn(async (_tokens: { accessToken: string, refreshToken: string }) => {});\n    const redirectToSignUp = vi.fn(async (_options: { replace: true }) => {});\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }))\n      .mockResolvedValueOnce(responseJson({ cli_session_state: \"anonymous\" }))\n      .mockResolvedValueOnce(responseJson({ access_token: \"access-token\", refresh_token: \"refresh-token\" }));\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest,\n      signInWithTokens,\n      redirectToSignUp,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(redirectToSignUp).toHaveBeenCalledWith({ replace: true });\n    expect(signInWithTokens).toHaveBeenCalledWith({\n      accessToken: \"access-token\",\n      refreshToken: \"refresh-token\",\n    });\n    expect(sessionStorage.getItem(\"hexclave-cli-auth-confirmed\")).toBe(\"login-code\");\n    expect(sendRequest.mock.calls.map(call => JSON.parse(String(call[1].body)))).toMatchInlineSnapshot(`\n      [\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"check\",\n        },\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"claim-anon-session\",\n        },\n      ]\n    `);\n  });\n\n  it(\"reports invalid when the login code is missing\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm\");\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest: vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 })),\n    });\n\n    await renderWithApp(app);\n\n    expect(getByTestId(\"status\").textContent).toBe(\"invalid\");\n  });\n});\n"],"mappings":"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"}

package/dist/components-page/email-verification.js

@@ -14,7 +14,7 @@ let ___components_message_cards_message_card_js = require("../components/message
 //#region src/components-page/email-verification.tsx
 function EmailVerification(props) {
 	const { t } = (0, ___lib_translations_js.useTranslation)();
-	const stackApp = (0, ___index_js.useStackApp)();
+	const hexclaveApp = (0, ___index_js.useStackApp)();
 	(0, ___index_js.useUser)();
 	const [result, setResult] = react.default.useState(null);
 	const invalidJsx = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
@@ -33,11 +33,11 @@ function EmailVerification(props) {
 		fullPage: !!props.fullPage,
 		primaryButtonText: t("Verify"),
 		primaryAction: async () => {
-			setResult(await stackApp.verifyEmail(props.searchParams?.code || (0, _hexclave_shared_dist_utils_errors.throwErr)("No verification code provided")));
+			setResult(await hexclaveApp.verifyEmail(props.searchParams?.code || (0, _hexclave_shared_dist_utils_errors.throwErr)("No verification code provided")));
 		},
 		secondaryButtonText: t("Cancel"),
 		secondaryAction: async () => {
-			await stackApp.redirectToHome();
+			await hexclaveApp.redirectToHome();
 		}
 	});
 	else {
@@ -49,7 +49,7 @@ function EmailVerification(props) {
 			fullPage: !!props.fullPage,
 			primaryButtonText: t("Go home"),
 			primaryAction: async () => {
-				await stackApp.redirectToHome();
+				await hexclaveApp.redirectToHome();
 			}
 		});
 	}

package/dist/components-page/email-verification.js.map

@@ -1 +1 @@
-{"version":3,"file":"email-verification.js","names":["React","MessageCard","KnownErrors"],"sources":["../../src/components-page/email-verification.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownErrors } from \"@hexclave/shared\";\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport React from \"react\";\nimport { useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function EmailVerification(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [result, setResult] = React.useState<Awaited<ReturnType<typeof stackApp.verifyEmail>> | null>(null);\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Please check if you have the correct link. If you continue to have issues, please contact support.\")}</p>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Your email verification link has expired. Please request a new verification link from your account settings.\")}</p>\n    </MessageCard>\n  );\n\n  if (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  if (!result) {\n    return <MessageCard\n      title={t(\"Do you want to verify your email?\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Verify\")}\n      primaryAction={async () => {\n        const result = await stackApp.verifyEmail(props.searchParams?.code || throwErr(\"No verification code provided\"));\n        setResult(result);\n      }}\n      secondaryButtonText={t(\"Cancel\")}\n      secondaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  } else {\n    if (result.status === 'error') {\n      if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n        return invalidJsx;\n      } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n        return expiredJsx;\n      } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n        // everything fine, continue\n      } else {\n        throw result.error;\n      }\n    }\n\n    return <MessageCard\n      title={t(\"You email has been verified!\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Go home\")}\n      primaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,SAAgB,kBAAkB,OAG/B;CACD,MAAM,EAAE,kDAAsB;CAC9B,MAAM,yCAAwB;AACjB,2BAAS;CACtB,MAAM,CAAC,QAAQ,aAAaA,cAAM,SAAkE,KAAK;CAEzG,MAAM,aACJ,2CAACC;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,2CAAC,iBAAG,EAAE,qGAAqG,GAAK;GACpG;CAGhB,MAAM,aACJ,2CAACA;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,2CAAC,iBAAG,EAAE,+GAA+G,GAAK;GAC9G;AAGhB,KAAI,CAAC,MAAM,cAAc,KACvB,QAAO;AAGT,KAAI,CAAC,OACH,QAAO,2CAACA;EACN,OAAO,EAAE,oCAAoC;EAC7C,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,SAAS;EAC9B,eAAe,YAAY;AAEzB,aADe,MAAM,SAAS,YAAY,MAAM,cAAc,yDAAiB,gCAAgC,CAAC,CAC/F;;EAEnB,qBAAqB,EAAE,SAAS;EAChC,iBAAiB,YAAY;AAC3B,SAAM,SAAS,gBAAgB;;GAEjC;MACG;AACL,MAAI,OAAO,WAAW,QACpB,KAAIC,6BAAY,yBAAyB,WAAW,OAAO,MAAM,CAC/D,QAAO;WACEA,6BAAY,wBAAwB,WAAW,OAAO,MAAM,CACrE,QAAO;WACEA,6BAAY,4BAA4B,WAAW,OAAO,MAAM,EAAE,OAG3E,OAAM,OAAO;AAIjB,SAAO,2CAACD;GACN,OAAO,EAAE,+BAA+B;GACxC,UAAU,CAAC,CAAC,MAAM;GAClB,mBAAmB,EAAE,UAAU;GAC/B,eAAe,YAAY;AACzB,UAAM,SAAS,gBAAgB;;IAEjC"}
+{"version":3,"file":"email-verification.js","names":["React","MessageCard","KnownErrors"],"sources":["../../src/components-page/email-verification.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownErrors } from \"@hexclave/shared\";\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport React from \"react\";\nimport { useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function EmailVerification(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const user = useUser();\n  const [result, setResult] = React.useState<Awaited<ReturnType<typeof hexclaveApp.verifyEmail>> | null>(null);\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Please check if you have the correct link. If you continue to have issues, please contact support.\")}</p>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Your email verification link has expired. Please request a new verification link from your account settings.\")}</p>\n    </MessageCard>\n  );\n\n  if (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  if (!result) {\n    return <MessageCard\n      title={t(\"Do you want to verify your email?\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Verify\")}\n      primaryAction={async () => {\n        const result = await hexclaveApp.verifyEmail(props.searchParams?.code || throwErr(\"No verification code provided\"));\n        setResult(result);\n      }}\n      secondaryButtonText={t(\"Cancel\")}\n      secondaryAction={async () => {\n        await hexclaveApp.redirectToHome();\n      }}\n    />;\n  } else {\n    if (result.status === 'error') {\n      if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n        return invalidJsx;\n      } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n        return expiredJsx;\n      } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n        // everything fine, continue\n      } else {\n        throw result.error;\n      }\n    }\n\n    return <MessageCard\n      title={t(\"You email has been verified!\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Go home\")}\n      primaryAction={async () => {\n        await hexclaveApp.redirectToHome();\n      }}\n    />;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,SAAgB,kBAAkB,OAG/B;CACD,MAAM,EAAE,kDAAsB;CAC9B,MAAM,4CAA2B;AACpB,2BAAS;CACtB,MAAM,CAAC,QAAQ,aAAaA,cAAM,SAAqE,KAAK;CAE5G,MAAM,aACJ,2CAACC;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,2CAAC,iBAAG,EAAE,qGAAqG,GAAK;GACpG;CAGhB,MAAM,aACJ,2CAACA;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,2CAAC,iBAAG,EAAE,+GAA+G,GAAK;GAC9G;AAGhB,KAAI,CAAC,MAAM,cAAc,KACvB,QAAO;AAGT,KAAI,CAAC,OACH,QAAO,2CAACA;EACN,OAAO,EAAE,oCAAoC;EAC7C,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,SAAS;EAC9B,eAAe,YAAY;AAEzB,aADe,MAAM,YAAY,YAAY,MAAM,cAAc,yDAAiB,gCAAgC,CAAC,CAClG;;EAEnB,qBAAqB,EAAE,SAAS;EAChC,iBAAiB,YAAY;AAC3B,SAAM,YAAY,gBAAgB;;GAEpC;MACG;AACL,MAAI,OAAO,WAAW,QACpB,KAAIC,6BAAY,yBAAyB,WAAW,OAAO,MAAM,CAC/D,QAAO;WACEA,6BAAY,wBAAwB,WAAW,OAAO,MAAM,CACrE,QAAO;WACEA,6BAAY,4BAA4B,WAAW,OAAO,MAAM,EAAE,OAG3E,OAAM,OAAO;AAIjB,SAAO,2CAACD;GACN,OAAO,EAAE,+BAA+B;GACxC,UAAU,CAAC,CAAC,MAAM;GAClB,mBAAmB,EAAE,UAAU;GAC/B,eAAe,YAAY;AACzB,UAAM,YAAY,gBAAgB;;IAEpC"}