@hexclave/next 1.0.75 → 1.0.77

package/dist/dev-tool/index.d.ts

@@ -1,4 +1,4 @@
-import { a as StackClientApp } from "../client-app-BCT5p_70.js";
+import { a as StackClientApp } from "../client-app-wFodsYml.js";
 //#region src/dev-tool/index.d.ts
 /**
  * Mounts the Hexclave dev tool on the page.

package/dist/dev-tool/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/dev-tool/index.ts"],"mappings":";;;;;AA2GA;;;;;;;;AAAwF;;iBAAxE,YAAA,CAAa,GAAA,EAAK,cAAc,QAAQ,aAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/dev-tool/index.ts"],"mappings":";;;;;AAgGA;;;;;;;;AAAwF;;iBAAxE,YAAA,CAAa,GAAA,EAAK,cAAc,QAAQ,aAAA"}

package/dist/dev-tool/index.js

@@ -2,8 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let ___in_page_ui_dom_js = require("../in-page-ui/dom.js");
 let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
-let _hexclave_shared_dist_utils_urls = require("@hexclave/shared/dist/utils/urls");
-let ___generated_env_js = require("../generated/env.js");
+let ___in_page_ui_dev_environment_js = require("../in-page-ui/dev-environment.js");
 //#region src/dev-tool/index.ts
 const OVERRIDE_KEY = "__hexclave-dev-tool-override";
 function getOverride() {
@@ -22,12 +21,7 @@ function shouldShow() {
 	if (!(0, ___in_page_ui_dom_js.canMountIntoDom)()) return false;
 	if (activeDevToolOption === true) return true;
 	if (activeProjectIsDevelopmentEnvironment) return true;
-	const nodeEnv = ___generated_env_js.envVars.NODE_ENV;
-	if (nodeEnv !== void 0) return nodeEnv === "development";
-	try {
-		if (new URL(window.location.href).protocol === "file:") return true;
-	} catch {}
-	return (0, _hexclave_shared_dist_utils_urls.isLocalhost)(window.location.href);
+	return (0, ___in_page_ui_dev_environment_js.isLikelyDevelopmentEnvironment)();
 }
 let activeCleanup = null;
 let activeApp = null;

package/dist/dev-tool/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["envVars"],"sources":["../../src/dev-tool/index.ts"],"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\nimport type { StackClientApp } from \"../lib/hexclave-app\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { isLocalhost } from \"@hexclave/shared/dist/utils/urls\";\nimport { canMountIntoDom } from \"../in-page-ui/dom\";\nimport { envVars } from \"../generated/env\";\nimport type { createDevTool as CreateDevToolFn } from \"./dev-tool-core\";\n\n// Hexclave rebrand: UI-only local pref — straight rename (one-time reset is harmless)\nconst OVERRIDE_KEY = '__hexclave-dev-tool-override';\n\nfunction getOverride(): boolean | null {\n  try {\n    const val = localStorage.getItem(OVERRIDE_KEY);\n    if (val === 'true') return true;\n    if (val === 'false') return false;\n  } catch {}\n  return null;\n}\n\nlet activeDevToolOption: true | \"auto\" | undefined = undefined;\nlet activeProjectIsDevelopmentEnvironment = false;\n\nfunction shouldShow(): boolean {\n  const override = getOverride();\n  if (override !== null) return override;\n  if (!canMountIntoDom()) return false;\n\n  // If devTool was explicitly set to true, always show\n  if (activeDevToolOption === true) return true;\n\n  // Development environment projects should expose the tool even when the\n  // consuming app itself was built or hosted as production.\n  if (activeProjectIsDevelopmentEnvironment) return true;\n\n  // \"auto\" behavior (the default):\n  const nodeEnv = envVars.NODE_ENV;\n  if (nodeEnv !== undefined) {\n    // NODE_ENV is available (bundler/process env exists) — only show in development\n    return nodeEnv === \"development\";\n  }\n\n  // NODE_ENV not found (no process.env/import.meta) — show on localhost or file: protocol\n  try {\n    const url = new URL(window.location.href);\n    if (url.protocol === \"file:\") return true;\n  } catch {}\n  return isLocalhost(window.location.href);\n}\n\nlet activeCleanup: (() => void) | null = null;\nlet activeApp: StackClientApp<true> | null = null;\nlet mountGeneration = 0;\n\nlet createDevToolPromise: Promise<typeof CreateDevToolFn> | null = null;\nfunction loadCreateDevTool(): Promise<typeof CreateDevToolFn> {\n  if (!createDevToolPromise) {\n    createDevToolPromise = import(\"./dev-tool-core\").then(m => m.createDevTool).catch((err) => {\n      createDevToolPromise = null;\n      throw err;\n    });\n  }\n  return createDevToolPromise;\n}\n\nfunction tryMount() {\n  if (activeCleanup) {\n    activeCleanup();\n    activeCleanup = null;\n  }\n\n  if (!shouldShow() || !activeApp || !canMountIntoDom()) return;\n\n  const generation = ++mountGeneration;\n  const app = activeApp;\n\n  runAsynchronously(async () => {\n    const createDevTool = await loadCreateDevTool();\n    if (generation !== mountGeneration) return;\n    if (!shouldShow() || activeApp !== app || !canMountIntoDom()) return;\n    activeCleanup = createDevTool(app);\n  }, {\n    noErrorLogging: true,\n    onError: (error) => {\n      captureError(\"dev-tool-mount\", error);\n    },\n  });\n}\n\n/**\n * Mounts the Hexclave dev tool on the page.\n *\n * Visibility is determined by the `devTool` option:\n * - `true`: always show\n * - `false`: never show (caller gates this — mountDevTool won't be called)\n * - `\"auto\"` / `undefined`: show based on NODE_ENV or localhost/file: heuristics\n *\n * Console commands (also work in production):\n *   HexclaveDevTool.enable()  — force-show the dev tool\n *   HexclaveDevTool.disable() — force-hide the dev tool\n *   HexclaveDevTool.reset()   — revert to auto behavior\n */\nexport function mountDevTool(app: StackClientApp<true>, devToolOption?: boolean | \"auto\"): () => void {\n  activeApp = app;\n  activeDevToolOption = devToolOption === false ? undefined : devToolOption ?? undefined;\n  activeProjectIsDevelopmentEnvironment = false;\n  tryMount();\n\n  // The project endpoint is also the source of config warnings, so this uses\n  // the backend's development-environment flag instead of inferring it from\n  // the SDK's build or the current page's origin.\n  queueMicrotask(() => {\n    runAsynchronously(async () => {\n      const project = await app.getProject();\n      if (activeApp !== app) return;\n      activeProjectIsDevelopmentEnvironment = project.isDevelopmentEnvironment;\n      if (activeProjectIsDevelopmentEnvironment && activeCleanup === null) {\n        tryMount();\n      }\n    }, {\n      noErrorLogging: true,\n      onError: (error) => {\n        captureError(\"dev-tool-project-detection\", error);\n      },\n    });\n  });\n\n  // Capture the cleanup created by THIS specific mount call so that React\n  // StrictMode's double-invoke doesn't let the first effect's cleanup tear\n  // down the second mount (which would cause the tool to disappear silently).\n  const myCleanup = activeCleanup;\n\n  return () => {\n    activeApp = null;\n    activeProjectIsDevelopmentEnvironment = false;\n    if (activeCleanup === myCleanup && myCleanup != null) {\n      activeCleanup = null;\n      myCleanup();\n    }\n  };\n}\n\n// Expose console commands: HexclaveDevTool.enable() / .disable() / .reset()\nif (typeof window !== 'undefined') {\n  // Hexclave rebrand: expose under both the legacy and new global names.\n  (window as any).HexclaveDevTool = (window as any).HexclaveDevTool = {\n    enable() {\n      try {\n        localStorage.setItem(OVERRIDE_KEY, 'true');\n      } catch {}\n      tryMount();\n      console.log('[Stack DevTool] Enabled. Refresh if the panel does not appear.');\n    },\n    disable() {\n      try {\n        localStorage.setItem(OVERRIDE_KEY, 'false');\n      } catch {}\n      if (activeCleanup) {\n        activeCleanup();\n        activeCleanup = null;\n      }\n      console.log('[Stack DevTool] Disabled.');\n    },\n    reset() {\n      try {\n        localStorage.removeItem(OVERRIDE_KEY);\n      } catch {}\n      if (shouldShow()) {\n        tryMount();\n      } else if (activeCleanup) {\n        activeCleanup();\n        activeCleanup = null;\n      }\n      console.log('[Stack DevTool] Reset to default (auto-detect based on project, NODE_ENV, or localhost/file: origin).');\n    },\n  };\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/dev-tool/index.ts"],"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\nimport type { StackClientApp } from \"../lib/hexclave-app\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { isLikelyDevelopmentEnvironment } from \"../in-page-ui/dev-environment\";\nimport { canMountIntoDom } from \"../in-page-ui/dom\";\nimport type { createDevTool as CreateDevToolFn } from \"./dev-tool-core\";\n\n// Hexclave rebrand: UI-only local pref — straight rename (one-time reset is harmless)\nconst OVERRIDE_KEY = '__hexclave-dev-tool-override';\n\nfunction getOverride(): boolean | null {\n  try {\n    const val = localStorage.getItem(OVERRIDE_KEY);\n    if (val === 'true') return true;\n    if (val === 'false') return false;\n  } catch {}\n  return null;\n}\n\nlet activeDevToolOption: true | \"auto\" | undefined = undefined;\nlet activeProjectIsDevelopmentEnvironment = false;\n\nfunction shouldShow(): boolean {\n  const override = getOverride();\n  if (override !== null) return override;\n  if (!canMountIntoDom()) return false;\n\n  // If devTool was explicitly set to true, always show\n  if (activeDevToolOption === true) return true;\n\n  // Development environment projects should expose the tool even when the\n  // consuming app itself was built or hosted as production.\n  if (activeProjectIsDevelopmentEnvironment) return true;\n\n  // \"auto\" behavior (the default): every in-page UI that is only appropriate while developing shares one heuristic, so\n  // the dev tool and the error cards can never disagree about whether this looks like a development environment.\n  return isLikelyDevelopmentEnvironment();\n}\n\nlet activeCleanup: (() => void) | null = null;\nlet activeApp: StackClientApp<true> | null = null;\nlet mountGeneration = 0;\n\nlet createDevToolPromise: Promise<typeof CreateDevToolFn> | null = null;\nfunction loadCreateDevTool(): Promise<typeof CreateDevToolFn> {\n  if (!createDevToolPromise) {\n    createDevToolPromise = import(\"./dev-tool-core\").then(m => m.createDevTool).catch((err) => {\n      createDevToolPromise = null;\n      throw err;\n    });\n  }\n  return createDevToolPromise;\n}\n\nfunction tryMount() {\n  if (activeCleanup) {\n    activeCleanup();\n    activeCleanup = null;\n  }\n\n  if (!shouldShow() || !activeApp || !canMountIntoDom()) return;\n\n  const generation = ++mountGeneration;\n  const app = activeApp;\n\n  runAsynchronously(async () => {\n    const createDevTool = await loadCreateDevTool();\n    if (generation !== mountGeneration) return;\n    if (!shouldShow() || activeApp !== app || !canMountIntoDom()) return;\n    activeCleanup = createDevTool(app);\n  }, {\n    noErrorLogging: true,\n    onError: (error) => {\n      captureError(\"dev-tool-mount\", error);\n    },\n  });\n}\n\n/**\n * Mounts the Hexclave dev tool on the page.\n *\n * Visibility is determined by the `devTool` option:\n * - `true`: always show\n * - `false`: never show (caller gates this — mountDevTool won't be called)\n * - `\"auto\"` / `undefined`: show based on NODE_ENV or localhost/file: heuristics\n *\n * Console commands (also work in production):\n *   HexclaveDevTool.enable()  — force-show the dev tool\n *   HexclaveDevTool.disable() — force-hide the dev tool\n *   HexclaveDevTool.reset()   — revert to auto behavior\n */\nexport function mountDevTool(app: StackClientApp<true>, devToolOption?: boolean | \"auto\"): () => void {\n  activeApp = app;\n  activeDevToolOption = devToolOption === false ? undefined : devToolOption ?? undefined;\n  activeProjectIsDevelopmentEnvironment = false;\n  tryMount();\n\n  // The project endpoint is also the source of config warnings, so this uses\n  // the backend's development-environment flag instead of inferring it from\n  // the SDK's build or the current page's origin.\n  queueMicrotask(() => {\n    runAsynchronously(async () => {\n      const project = await app.getProject();\n      if (activeApp !== app) return;\n      activeProjectIsDevelopmentEnvironment = project.isDevelopmentEnvironment;\n      if (activeProjectIsDevelopmentEnvironment && activeCleanup === null) {\n        tryMount();\n      }\n    }, {\n      noErrorLogging: true,\n      onError: (error) => {\n        captureError(\"dev-tool-project-detection\", error);\n      },\n    });\n  });\n\n  // Capture the cleanup created by THIS specific mount call so that React\n  // StrictMode's double-invoke doesn't let the first effect's cleanup tear\n  // down the second mount (which would cause the tool to disappear silently).\n  const myCleanup = activeCleanup;\n\n  return () => {\n    activeApp = null;\n    activeProjectIsDevelopmentEnvironment = false;\n    if (activeCleanup === myCleanup && myCleanup != null) {\n      activeCleanup = null;\n      myCleanup();\n    }\n  };\n}\n\n// Expose console commands: HexclaveDevTool.enable() / .disable() / .reset()\nif (typeof window !== 'undefined') {\n  // Hexclave rebrand: expose under both the legacy and new global names.\n  (window as any).HexclaveDevTool = (window as any).HexclaveDevTool = {\n    enable() {\n      try {\n        localStorage.setItem(OVERRIDE_KEY, 'true');\n      } catch {}\n      tryMount();\n      console.log('[Stack DevTool] Enabled. Refresh if the panel does not appear.');\n    },\n    disable() {\n      try {\n        localStorage.setItem(OVERRIDE_KEY, 'false');\n      } catch {}\n      if (activeCleanup) {\n        activeCleanup();\n        activeCleanup = null;\n      }\n      console.log('[Stack DevTool] Disabled.');\n    },\n    reset() {\n      try {\n        localStorage.removeItem(OVERRIDE_KEY);\n      } catch {}\n      if (shouldShow()) {\n        tryMount();\n      } else if (activeCleanup) {\n        activeCleanup();\n        activeCleanup = null;\n      }\n      console.log('[Stack DevTool] Reset to default (auto-detect based on project, NODE_ENV, or localhost/file: origin).');\n    },\n  };\n}\n\n"],"mappings":"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"}

package/dist/esm/components/elements/sidebar-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-layout.d.ts","names":[],"sources":["../../../../src/components/elements/sidebar-layout.tsx"],"mappings":";;;KAaY,WAAA;EACV,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,IAAA;EACA,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,YAAA,GAAe,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGP,aAAA,CAAc,KAAA;EAAS,KAAA,EAAO,WAAA;EAAe,KAAA,GAAQ,SAAS;EAAE,SAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sidebar-layout.d.ts","names":[],"sources":["../../../../src/components/elements/sidebar-layout.tsx"],"mappings":";;;KAaY,WAAA;EACV,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,IAAA;EACA,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,YAAA,GAAe,KAAA,CAAM,SAAA;AAAA;AAAA,iBAkBP,aAAA,CAAc,KAAA;EAAS,KAAA,EAAO,WAAA;EAAe,KAAA,GAAQ,SAAS;EAAE,SAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}

package/dist/esm/components/elements/sidebar-layout.js

@@ -1,11 +1,21 @@
 "use client";
 import { Button, Typography, cn } from "@hexclave/ui";
-import "react";
+import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import { useStackApp } from "../../index.js";
-import { useHash } from "@hexclave/shared/dist/hooks/use-hash";
+import { suspendIfSsr } from "../../utils/react.js";
 //#region src/components/elements/sidebar-layout.tsx
+function normalizeHash(hash) {
+	return hash.startsWith("#") ? hash.slice(1) : hash;
+}
+function useHash() {
+	suspendIfSsr();
+	return React.useSyncExternalStore((onStoreChange) => {
+		window.addEventListener("hashchange", onStoreChange);
+		return () => window.removeEventListener("hashchange", onStoreChange);
+	}, () => normalizeHash(window.location.hash));
+}
 function SidebarLayout(props) {
 	const hash = useHash();
 	const selectedIndex = props.items.findIndex((item) => item.id && item.id === hash);

package/dist/esm/components/elements/sidebar-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../../../src/components/elements/sidebar-layout.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 { useHash } from '@hexclave/shared/dist/hooks/use-hash';\nimport { Button, Typography, cn } from '@hexclave/ui';\nimport { XIcon } from 'lucide-react';\nimport React, { ReactNode } from 'react';\nimport { useStackApp } from '../..';\n\nexport type SidebarItem = {\n  title: React.ReactNode,\n  type: 'item' | 'divider',\n  description?: React.ReactNode,\n  id?: string,\n  icon?: React.ReactNode,\n  content?: React.ReactNode,\n  contentTitle?: React.ReactNode,\n}\n\nexport function SidebarLayout(props: { items: SidebarItem[], title?: ReactNode, className?: string }) {\n  const hash = useHash();\n  const selectedIndex = props.items.findIndex(item => item.id && (item.id === hash));\n  return (\n    <>\n      <div className={cn(\"hidden sm:flex stack-scope h-full\", props.className)}>\n        <DesktopLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n      <div className={cn(\"sm:hidden stack-scope h-full\", props.className)}>\n        <MobileLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n    </>\n  );\n}\n\nfunction Items(props: { items: SidebarItem[], selectedIndex: number }) {\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n\n  const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;\n\n  return props.items.map((item, index) => (\n    item.type === 'item' ?\n      <Button\n        key={index}\n        variant='ghost'\n        size='sm'\n        className={cn(\n          activeItemIndex === index && \"sm:bg-muted\",\n          \"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left\",\n        )}\n        onClick={() => {\n          if (item.id) {\n            navigate('#' + item.id);\n          }\n        }}\n      >\n        {item.icon}\n        {item.title}\n      </Button> :\n      <Typography key={index}>\n        {item.title}\n      </Typography>\n  ));\n\n}\n\nfunction DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];\n\n  return (\n    <div className=\"stack-scope flex w-full h-full max-w-full relative\">\n      <div className=\"flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n      <div className=\"flex-1 w-0 flex justify-center gap-4 py-2 px-4\">\n        <div className='flex flex-col max-w-[800px] w-[800px]'>\n          <div className='mt-4 mb-6'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n          </div>\n          <div className='flex-1'>\n            {selectedItem.content}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MobileLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex];\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n  if (props.selectedIndex === -1) {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n    );\n  } else {\n    return (\n      <div className=\"flex-1 flex flex-col gap-4 py-2 px-4\">\n        <div className='flex flex-col'>\n          <div className='flex justify-between'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            <Button\n              variant='ghost'\n              size='icon'\n              onClick={() => { navigate('#'); }}\n            >\n              <XIcon className='h-5 w-5' />\n            </Button>\n          </div>\n          {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n        </div>\n        <div className='flex-1'>\n          {selectedItem.content}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../../../src/components/elements/sidebar-layout.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 { Button, Typography, cn } from '@hexclave/ui';\nimport { XIcon } from 'lucide-react';\nimport React, { ReactNode } from 'react';\nimport { useStackApp } from '../..';\nimport { suspendIfSsr } from '../../utils/react';\n\nexport type SidebarItem = {\n  title: React.ReactNode,\n  type: 'item' | 'divider',\n  description?: React.ReactNode,\n  id?: string,\n  icon?: React.ReactNode,\n  content?: React.ReactNode,\n  contentTitle?: React.ReactNode,\n}\n\nfunction normalizeHash(hash: string) {\n  return hash.startsWith(\"#\") ? hash.slice(1) : hash;\n}\n\nfunction useHash() {\n  suspendIfSsr();\n  return React.useSyncExternalStore(\n    (onStoreChange) => {\n      window.addEventListener(\"hashchange\", onStoreChange);\n      return () => window.removeEventListener(\"hashchange\", onStoreChange);\n    },\n    () => normalizeHash(window.location.hash),\n  );\n}\n\nexport function SidebarLayout(props: { items: SidebarItem[], title?: ReactNode, className?: string }) {\n  const hash = useHash();\n  const selectedIndex = props.items.findIndex(item => item.id && (item.id === hash));\n  return (\n    <>\n      <div className={cn(\"hidden sm:flex stack-scope h-full\", props.className)}>\n        <DesktopLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n      <div className={cn(\"sm:hidden stack-scope h-full\", props.className)}>\n        <MobileLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n    </>\n  );\n}\n\nfunction Items(props: { items: SidebarItem[], selectedIndex: number }) {\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n\n  const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;\n\n  return props.items.map((item, index) => (\n    item.type === 'item' ?\n      <Button\n        key={index}\n        variant='ghost'\n        size='sm'\n        className={cn(\n          activeItemIndex === index && \"sm:bg-muted\",\n          \"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left\",\n        )}\n        onClick={() => {\n          if (item.id) {\n            navigate('#' + item.id);\n          }\n        }}\n      >\n        {item.icon}\n        {item.title}\n      </Button> :\n      <Typography key={index}>\n        {item.title}\n      </Typography>\n  ));\n\n}\n\nfunction DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];\n\n  return (\n    <div className=\"stack-scope flex w-full h-full max-w-full relative\">\n      <div className=\"flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n      <div className=\"flex-1 w-0 flex justify-center gap-4 py-2 px-4\">\n        <div className='flex flex-col max-w-[800px] w-[800px]'>\n          <div className='mt-4 mb-6'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n          </div>\n          <div className='flex-1'>\n            {selectedItem.content}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MobileLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex];\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n  if (props.selectedIndex === -1) {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n    );\n  } else {\n    return (\n      <div className=\"flex-1 flex flex-col gap-4 py-2 px-4\">\n        <div className='flex flex-col'>\n          <div className='flex justify-between'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            <Button\n              variant='ghost'\n              size='icon'\n              onClick={() => { navigate('#'); }}\n            >\n              <XIcon className='h-5 w-5' />\n            </Button>\n          </div>\n          {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n        </div>\n        <div className='flex-1'>\n          {selectedItem.content}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm/components-page/team-invitation-cache.d.ts

@@ -0,0 +1,5 @@
+//#region src/components-page/team-invitation-cache.d.ts
+declare function cacheTeamInvitationOperation<TApp extends object, TResult>(operation: (app: TApp, code: string) => Promise<TResult>): (app: TApp, session: object, code: string) => Promise<TResult>;
+//#endregion
+export { cacheTeamInvitationOperation };
+//# sourceMappingURL=team-invitation-cache.d.ts.map

package/dist/esm/components-page/team-invitation-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.d.ts","names":[],"sources":["../../../src/components-page/team-invitation-cache.ts"],"mappings":";iBAMgB,4BAAA,+BACd,SAAA,GAAY,GAAA,EAAK,IAAA,EAAM,IAAA,aAAiB,OAAA,CAAQ,OAAA,KAC9C,GAAA,EAAK,IAAA,EAAM,OAAA,UAAiB,IAAA,aAAiB,OAAA,CAAQ,OAAA"}

package/dist/esm/components-page/team-invitation-cache.js

@@ -0,0 +1,11 @@
+import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
+//#region src/components-page/team-invitation-cache.ts
+function cacheTeamInvitationOperation(operation) {
+	return cacheFunction(async (app, _session, code) => {
+		return await operation(app, code);
+	});
+}
+//#endregion
+export { cacheTeamInvitationOperation };
+
+//# sourceMappingURL=team-invitation-cache.js.map

package/dist/esm/components-page/team-invitation-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.js","names":[],"sources":["../../../src/components-page/team-invitation-cache.ts"],"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 { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\n\nexport function cacheTeamInvitationOperation<TApp extends object, TResult>(\n  operation: (app: TApp, code: string) => Promise<TResult>,\n): (app: TApp, session: object, code: string) => Promise<TResult> {\n  return cacheFunction(async (app: TApp, _session: object, code: string) => {\n    return await operation(app, code);\n  });\n}\n"],"mappings":";;AAMA,SAAgB,6BACd,WACgE;CAChE,OAAO,cAAc,OAAO,KAAW,UAAkB,SAAiB;EACxE,OAAO,MAAM,UAAU,KAAK,IAAI;CAClC,CAAC;AACH"}

package/dist/esm/components-page/team-invitation-cache.test.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components-page/team-invitation-cache.test.js

@@ -0,0 +1,24 @@
+import { describe, expect, it, vi } from "vitest";
+import { cacheTeamInvitationOperation } from "./team-invitation-cache.js";
+//#region src/components-page/team-invitation-cache.test.ts
+describe("cacheTeamInvitationOperation", () => {
+	it("reuses results within a session but not across sessions", async () => {
+		let resultNumber = 0;
+		const operation = vi.fn(async (_app, _code) => {
+			resultNumber += 1;
+			return resultNumber;
+		});
+		const cachedOperation = cacheTeamInvitationOperation(operation);
+		const app = {};
+		const firstSession = {};
+		const secondSession = {};
+		await expect(cachedOperation(app, firstSession, "shared-code")).resolves.toBe(1);
+		await expect(cachedOperation(app, firstSession, "shared-code")).resolves.toBe(1);
+		await expect(cachedOperation(app, secondSession, "shared-code")).resolves.toBe(2);
+		expect(operation).toHaveBeenCalledTimes(2);
+	});
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=team-invitation-cache.test.js.map

package/dist/esm/components-page/team-invitation-cache.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.test.js","names":[],"sources":["../../../src/components-page/team-invitation-cache.test.ts"],"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 { describe, expect, it, vi } from \"vitest\";\nimport { cacheTeamInvitationOperation } from \"./team-invitation-cache\";\n\ndescribe(\"cacheTeamInvitationOperation\", () => {\n  it(\"reuses results within a session but not across sessions\", async () => {\n    let resultNumber = 0;\n    const operation = vi.fn(async (_app: object, _code: string) => {\n      resultNumber += 1;\n      return resultNumber;\n    });\n    const cachedOperation = cacheTeamInvitationOperation(operation);\n    const app = {};\n    const firstSession = {};\n    const secondSession = {};\n\n    await expect(cachedOperation(app, firstSession, \"shared-code\")).resolves.toBe(1);\n    await expect(cachedOperation(app, firstSession, \"shared-code\")).resolves.toBe(1);\n    await expect(cachedOperation(app, secondSession, \"shared-code\")).resolves.toBe(2);\n    expect(operation).toHaveBeenCalledTimes(2);\n  });\n});\n"],"mappings":";;;AAOA,SAAS,sCAAsC;CAC7C,GAAG,2DAA2D,YAAY;EACxE,IAAI,eAAe;EACnB,MAAM,YAAY,GAAG,GAAG,OAAO,MAAc,UAAkB;GAC7D,gBAAgB;GAChB,OAAO;EACT,CAAC;EACD,MAAM,kBAAkB,6BAA6B,SAAS;EAC9D,MAAM,MAAM,CAAC;EACb,MAAM,eAAe,CAAC;EACtB,MAAM,gBAAgB,CAAC;EAEvB,MAAM,OAAO,gBAAgB,KAAK,cAAc,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAC/E,MAAM,OAAO,gBAAgB,KAAK,cAAc,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAC/E,MAAM,OAAO,gBAAgB,KAAK,eAAe,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAChF,OAAO,SAAS,CAAC,CAAC,sBAAsB,CAAC;CAC3C,CAAC;AACH,CAAC"}

package/dist/esm/components-page/team-invitation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-invitation.d.ts","names":[],"sources":["../../../src/components-page/team-invitation.tsx"],"mappings":";iBAyEgB,cAAA;EAAiB,QAAA;EAAgB;AAAA;EAAkB,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,gCAAwB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"team-invitation.d.ts","names":[],"sources":["../../../src/components-page/team-invitation.tsx"],"mappings":";iBA2EgB,cAAA;EAAiB,QAAA;EAAgB;AAAA;EAAkB,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,gCAAwB,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/team-invitation.js

@@ -8,12 +8,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { KnownErrors } from "@hexclave/shared";
 import { use } from "@hexclave/shared/dist/utils/react";
 import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
-import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
+import { cacheTeamInvitationOperation } from "./team-invitation-cache.js";
 //#region src/components-page/team-invitation.tsx
-const cachedVerifyInvitation = cacheFunction(async (hexclaveApp, code) => {
+const cachedVerifyInvitation = cacheTeamInvitationOperation(async (hexclaveApp, code) => {
 	return await hexclaveApp.verifyTeamInvitationCode(code);
 });
-const cachedGetInvitationDetails = cacheFunction(async (hexclaveApp, code) => {
+const cachedGetInvitationDetails = cacheTeamInvitationOperation(async (hexclaveApp, code) => {
 	return await hexclaveApp.getTeamInvitationDetails(code);
 });
 function TeamInvitationInner(props) {
@@ -21,7 +21,7 @@ function TeamInvitationInner(props) {
 	const hexclaveApp = useStackApp();
 	const [success, setSuccess] = React.useState(false);
 	const [errorMessage, setErrorMessage] = React.useState(null);
-	const details = use(cachedGetInvitationDetails(hexclaveApp, props.searchParams.code || ""));
+	const details = use(cachedGetInvitationDetails(hexclaveApp, props.session, props.searchParams.code || ""));
 	if (errorMessage || details.status === "error") return /* @__PURE__ */ jsx(PredefinedMessageCard, {
 		type: "unknownError",
 		fullPage: props.fullPage
@@ -85,7 +85,7 @@ function TeamInvitation({ fullPage = false, searchParams }) {
 		secondaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsx(Typography, { children: t("Please complete your account setup before joining teams.") })
 	});
-	const verificationResult = use(cachedVerifyInvitation(hexclaveApp, searchParams.code || ""));
+	const verificationResult = use(cachedVerifyInvitation(hexclaveApp, user._internalSession, searchParams.code || ""));
 	if (verificationResult.status === "error") {
 		const error = verificationResult.error;
 		if (KnownErrors.VerificationCodeNotFound.isInstance(error)) return invalidJsx;
@@ -95,8 +95,9 @@ function TeamInvitation({ fullPage = false, searchParams }) {
 	}
 	return /* @__PURE__ */ jsx(TeamInvitationInner, {
 		fullPage,
-		searchParams
-	});
+		searchParams,
+		session: user._internalSession
+	}, user.id);
 }
 //#endregion
 export { TeamInvitation };

package/dist/esm/components-page/team-invitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-invitation.js","names":[],"sources":["../../../src/components-page/team-invitation.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 { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { Typography } from \"@hexclave/ui\";\nimport React from \"react\";\nimport { MessageCard, StackClientApp, useStackApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nconst cachedVerifyInvitation = cacheFunction(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheFunction(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(hexclaveApp, props.searchParams.code || ''));\n\n  if (errorMessage || details.status === 'error') {\n    return (\n      <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (success) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={props.fullPage}\n        primaryButtonText=\"Go home\"\n        primaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>You have successfully joined {details.data.teamDisplayName}</Typography>\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MessageCard\n      title={t('Team invitation')}\n      fullPage={props.fullPage}\n      primaryButtonText={t('Join')}\n      primaryAction={() => runAsynchronouslyWithAlert(async () => {\n        const result = await hexclaveApp.acceptTeamInvitation(props.searchParams.code || '');\n        if (result.status === 'error') {\n        setErrorMessage(result.error.message);\n        } else {\n        setSuccess(true);\n        }\n      })}\n      secondaryButtonText={t('Ignore')}\n      secondaryAction={() => hexclaveApp.redirectToHome()}\n    >\n      <Typography>You are invited to join {details.data.teamDisplayName}</Typography>\n    </MessageCard>\n  );\n}\n\nexport function TeamInvitation({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  // Include restricted users to detect if user needs to complete onboarding\n  const user = useUser({ includeRestricted: true });\n  const hexclaveApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t('Invalid Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Please double check if you have the correct team invitation link.')}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t('Expired Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Your team invitation link has expired. Please request a new team invitation link ')}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t('Used Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('This team invitation link has already been used.')}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  if (!user) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={fullPage}\n        primaryButtonText={t('Sign in')}\n        primaryAction={() => hexclaveApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Sign in or create an account to join the team.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  // User is restricted (needs to complete onboarding) - redirect to onboarding\n  if (user.isRestricted) {\n    return (\n      <MessageCard\n        title={t('Complete your account setup')}\n        fullPage={fullPage}\n        primaryButtonText={t('Complete setup')}\n        primaryAction={() => hexclaveApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(hexclaveApp, searchParams.code || ''));\n\n  if (verificationResult.status === 'error') {\n    const error = verificationResult.error;\n    if (KnownErrors.VerificationCodeNotFound.isInstance(error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) {\n      return usedJsx;\n    } else {\n      throw error;\n    }\n  }\n\n  return <TeamInvitationInner fullPage={fullPage} searchParams={searchParams} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"team-invitation.js","names":[],"sources":["../../../src/components-page/team-invitation.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 { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { Typography } from \"@hexclave/ui\";\nimport React from \"react\";\nimport { MessageCard, StackClientApp, useStackApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\nimport { cacheTeamInvitationOperation } from \"./team-invitation-cache\";\n\n// Both endpoints inspect the current account, so the session must participate in\n// the key even though the SDK app object and invitation code are otherwise stable.\nconst cachedVerifyInvitation = cacheTeamInvitationOperation(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheTeamInvitationOperation(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string>, session: object }) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(hexclaveApp, props.session, props.searchParams.code || ''));\n\n  if (errorMessage || details.status === 'error') {\n    return (\n      <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (success) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={props.fullPage}\n        primaryButtonText=\"Go home\"\n        primaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>You have successfully joined {details.data.teamDisplayName}</Typography>\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MessageCard\n      title={t('Team invitation')}\n      fullPage={props.fullPage}\n      primaryButtonText={t('Join')}\n      primaryAction={() => runAsynchronouslyWithAlert(async () => {\n        const result = await hexclaveApp.acceptTeamInvitation(props.searchParams.code || '');\n        if (result.status === 'error') {\n        setErrorMessage(result.error.message);\n        } else {\n        setSuccess(true);\n        }\n      })}\n      secondaryButtonText={t('Ignore')}\n      secondaryAction={() => hexclaveApp.redirectToHome()}\n    >\n      <Typography>You are invited to join {details.data.teamDisplayName}</Typography>\n    </MessageCard>\n  );\n}\n\nexport function TeamInvitation({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  // Include restricted users to detect if user needs to complete onboarding\n  const user = useUser({ includeRestricted: true });\n  const hexclaveApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t('Invalid Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Please double check if you have the correct team invitation link.')}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t('Expired Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Your team invitation link has expired. Please request a new team invitation link ')}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t('Used Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('This team invitation link has already been used.')}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  if (!user) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={fullPage}\n        primaryButtonText={t('Sign in')}\n        primaryAction={() => hexclaveApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Sign in or create an account to join the team.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  // User is restricted (needs to complete onboarding) - redirect to onboarding\n  if (user.isRestricted) {\n    return (\n      <MessageCard\n        title={t('Complete your account setup')}\n        fullPage={fullPage}\n        primaryButtonText={t('Complete setup')}\n        primaryAction={() => hexclaveApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(hexclaveApp, user._internalSession, searchParams.code || ''));\n\n  if (verificationResult.status === 'error') {\n    const error = verificationResult.error;\n    if (KnownErrors.VerificationCodeNotFound.isInstance(error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) {\n      return usedJsx;\n    } else {\n      throw error;\n    }\n  }\n\n  return (\n    <TeamInvitationInner\n      key={user.id}\n      fullPage={fullPage}\n      searchParams={searchParams}\n      session={user._internalSession}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/esm/dev-tool/dev-tool-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAkyEgB,aAAA,CAAc,GAAyB,EAApB,cAAc"}
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBA+xEgB,aAAA,CAAc,GAAyB,EAApB,cAAc"}

package/dist/esm/dev-tool/dev-tool-core.js

@@ -4,6 +4,7 @@ import { getGlobalUiInstance, h, hasAppendChild, setGlobalUiInstance, setHtml }
 import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
 import { getPagePrompt } from "../lib/hexclave-app/url-targets.js";
+import { HEXCLAVE_LOGO_SVG } from "../in-page-ui/logo.js";
 import { getBaseUrl } from "../lib/hexclave-app/apps/implementations/common.js";
 import { devToolCSS } from "./dev-tool-styles.js";
 import { clampTriggerPosition, getSnappedTriggerPlacement, resolveTriggerPosition } from "./dev-tool-trigger-position.js";
@@ -56,7 +57,6 @@ const DEFAULT_STATE = {
 	panelWidth: 800,
 	panelHeight: 520
 };
-const HEXCLAVE_LOGO_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"miter\"><path d=\"M 24 4 L 41.32 14 L 41.32 34 L 24 44 L 6.68 34 L 6.68 14 Z\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(120 24 24)\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(240 24 24)\"/></svg>";
 function loadState() {
 	try {
 		const stored = localStorage.getItem(STORAGE_KEY);