@replicated/portal-components 0.0.21 → 0.0.22

package/dist/upload-support-bundle-modal.js

@@ -20,14 +20,14 @@ function formatBytes(bytes, decimals = 1) {
 }
 
 // src/utils/constants.ts
-var DEFAULT_SECONDARY_COLOR = "#6366f1";
+var DEFAULT_PRIMARY_COLOR = "#4f46e5";
 var UploadSupportBundleModal = ({
   isOpen,
   onClose,
   uploadSupportBundle,
   onUploadSuccess,
   appId,
-  primaryColor = DEFAULT_SECONDARY_COLOR
+  primaryColor = DEFAULT_PRIMARY_COLOR
 }) => {
   const [selectedFile, setSelectedFile] = react.useState(null);
   const [isUploading, setIsUploading] = react.useState(false);

package/dist/upload-support-bundle-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/format.ts","../src/utils/constants.ts","../src/components/upload-support-bundle-modal.tsx"],"names":["useState","useRef","useEffect","useCallback","jsx","jsxs"],"mappings":"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","file":"upload-support-bundle-modal.js","sourcesContent":["/**\n * Format bytes to human-readable string\n * @param bytes - Number of bytes\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted string (e.g., \"1.5 MB\")\n */\nexport function formatBytes(bytes: number, decimals = 1): string {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\n/**\n * Format date string to short numeric date (no time)\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"01/27/2026\") or \"Never\" if no date\n */\nexport function formatDateShort(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\"\n  });\n}\n\n/**\n * Format date string to human-readable local timestamp\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"Jan 27, 2026, 10:32 PM\") or \"Never\" if no date\n */\nexport function formatDate(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Format date string to human-readable UTC timestamp\n * @param dateString - ISO date string\n * @returns Formatted string (e.g., \"01/27/2026, 22:32:39 UTC\")\n */\nexport function formatDateTime(dateString: string): string {\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleString(\"en-US\", {\n    timeZone: \"UTC\",\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n    hour12: false\n  }) + \" UTC\";\n}\n\n/**\n * Format date string to user-friendly local timestamp with 12-hour time\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"1/27/2026, 10:32 PM\") or \"N/A\" if not provided\n */\nexport function formatDateTimeLocal(dateString?: string | null): string {\n  if (!dateString) return \"N/A\";\n\n  try {\n    const date = new Date(dateString);\n    if (isNaN(date.getTime())) {\n      return dateString;\n    }\n    return date.toLocaleDateString(\"en-US\", {\n      month: \"numeric\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"numeric\",\n      minute: \"2-digit\",\n      hour12: true\n    });\n  } catch {\n    return \"N/A\";\n  }\n}\n","/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { formatBytes } from \"../utils/format\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\ninterface UploadSupportBundleModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Server action to upload the support bundle */\n  uploadSupportBundle: (formData: FormData) => Promise<{ \n    success: boolean; \n    error?: string; \n    bundleId?: string;\n    bundleSlug?: string;\n  }>;\n  /** Callback after successful upload - performs async polling to refresh bundle list */\n  onUploadSuccess: () => Promise<void>;\n  appId: string;\n  primaryColor?: string;\n}\n\nexport const UploadSupportBundleModal = ({\n  isOpen,\n  onClose,\n  uploadSupportBundle,\n  onUploadSuccess,\n  appId,\n  primaryColor = DEFAULT_SECONDARY_COLOR\n}: UploadSupportBundleModalProps) => {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n  const [isUploading, setIsUploading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // Reset state when modal opens/closes\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedFile(null);\n      setIsUploading(false);\n      setError(null);\n    }\n  }, [isOpen]);\n\n  const handleFileChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    if (!file.name.endsWith(\".tgz\") && !file.name.endsWith(\".tar.gz\")) {\n      setError(\"Invalid file type. Please select a .tgz or .tar.gz file.\");\n      return;\n    }\n\n    setError(null);\n    setSelectedFile(file);\n  }, []);\n\n  const handleUpload = useCallback(async () => {\n    if (!selectedFile || !appId) return;\n\n    setError(null);\n    setIsUploading(true);\n\n    try {\n      // Create FormData to send to server action\n      const formData = new FormData();\n      formData.append(\"file\", selectedFile);\n      formData.append(\"appId\", appId);\n\n      // Upload via server action (streams to Enterprise Portal API)\n      const result = await uploadSupportBundle(formData);\n\n      if (!result.success) {\n        throw new Error(result.error ?? \"Failed to upload support bundle\");\n      }\n\n      // Success - notify parent and wait for polling to complete\n      await onUploadSuccess();\n      onClose();\n    } catch (err) {\n      console.error(\"Upload error:\", err);\n      setError(err instanceof Error ? err.message : \"Upload failed\");\n    } finally {\n      setIsUploading(false);\n    }\n  }, [selectedFile, appId, uploadSupportBundle, onUploadSuccess, onClose]);\n\n  const handleCancel = useCallback(() => {\n    // Note: Cannot abort server action once started\n    if (isUploading) {\n      setError(\"Upload cannot be cancelled once started\");\n      return;\n    }\n    onClose();\n  }, [isUploading, onClose]);\n\n  const handleBackdropClick = useCallback((e: React.MouseEvent) => {\n    if (e.target === e.currentTarget && !isUploading) {\n      onClose();\n    }\n  }, [isUploading, onClose]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      onClick={handleBackdropClick}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"upload-modal-title\"\n    >\n      <div className=\"w-full max-w-md rounded-2xl bg-white p-6 shadow-xl\">\n        <h2 id=\"upload-modal-title\" className=\"text-lg font-semibold text-gray-900\">\n          Upload Support Bundle\n        </h2>\n\n        <div className=\"mt-4\">\n          <label className=\"block text-sm font-medium text-gray-700\">\n            Select Support Bundle\n          </label>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".tgz,.tar.gz,application/gzip,application/x-gzip\"\n            onChange={handleFileChange}\n            disabled={isUploading}\n            className=\"mt-2 block w-full text-sm text-gray-500 file:mr-4 file:rounded-lg file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-medium file:text-gray-700 hover:file:bg-gray-200 disabled:opacity-50\"\n          />\n          {selectedFile && (\n            <div className=\"mt-3 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2 text-sm\">\n              <span className=\"truncate text-gray-700\">{selectedFile.name}</span>\n              <span className=\"ml-2 shrink-0 text-gray-500\">{formatBytes(selectedFile.size)}</span>\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <div className=\"mt-4 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700\">\n            {error}\n          </div>\n        )}\n\n        {isUploading && (\n          <div className=\"mt-6 mb-6 flex items-center justify-center gap-3\">\n            <div className=\"h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-transparent\" style={{ borderTopColor: primaryColor }} />\n            <span className=\"text-sm font-medium text-gray-700\">\n              Uploading support bundle...\n            </span>\n          </div>\n        )}\n\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-gray-600 transition hover:bg-gray-100\"\n          >\n            {isUploading ? \"Cancel Upload\" : \"Cancel\"}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleUpload}\n            disabled={!selectedFile || isUploading}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-white transition-opacity duration-200 hover:opacity-90 disabled:opacity-50\"\n            style={{ backgroundColor: primaryColor }}\n          >\n            {isUploading ? \"Uploading...\" : \"Upload\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nUploadSupportBundleModal.displayName = \"UploadSupportBundleModal\";\n"]}
+{"version":3,"sources":["../src/utils/format.ts","../src/utils/constants.ts","../src/components/upload-support-bundle-modal.tsx"],"names":["useState","useRef","useEffect","useCallback","jsx","jsxs"],"mappings":"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","file":"upload-support-bundle-modal.js","sourcesContent":["/**\n * Format bytes to human-readable string\n * @param bytes - Number of bytes\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted string (e.g., \"1.5 MB\")\n */\nexport function formatBytes(bytes: number, decimals = 1): string {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\n/**\n * Format date string to short numeric date (no time)\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"01/27/2026\") or \"Never\" if no date\n */\nexport function formatDateShort(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\"\n  });\n}\n\n/**\n * Format date string to human-readable local timestamp\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"Jan 27, 2026, 10:32 PM\") or \"Never\" if no date\n */\nexport function formatDate(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Format date string to human-readable UTC timestamp\n * @param dateString - ISO date string\n * @returns Formatted string (e.g., \"01/27/2026, 22:32:39 UTC\")\n */\nexport function formatDateTime(dateString: string): string {\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleString(\"en-US\", {\n    timeZone: \"UTC\",\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n    hour12: false\n  }) + \" UTC\";\n}\n\n/**\n * Format date string to user-friendly local timestamp with 12-hour time\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"1/27/2026, 10:32 PM\") or \"N/A\" if not provided\n */\nexport function formatDateTimeLocal(dateString?: string | null): string {\n  if (!dateString) return \"N/A\";\n\n  try {\n    const date = new Date(dateString);\n    if (isNaN(date.getTime())) {\n      return dateString;\n    }\n    return date.toLocaleDateString(\"en-US\", {\n      month: \"numeric\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"numeric\",\n      minute: \"2-digit\",\n      hour12: true\n    });\n  } catch {\n    return \"N/A\";\n  }\n}\n","/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { formatBytes } from \"../utils/format\";\nimport { DEFAULT_PRIMARY_COLOR } from \"../utils/constants\";\n\ninterface UploadSupportBundleModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Server action to upload the support bundle */\n  uploadSupportBundle: (formData: FormData) => Promise<{ \n    success: boolean; \n    error?: string; \n    bundleId?: string;\n    bundleSlug?: string;\n  }>;\n  /** Callback after successful upload - performs async polling to refresh bundle list */\n  onUploadSuccess: () => Promise<void>;\n  appId: string;\n  primaryColor?: string;\n}\n\nexport const UploadSupportBundleModal = ({\n  isOpen,\n  onClose,\n  uploadSupportBundle,\n  onUploadSuccess,\n  appId,\n  primaryColor = DEFAULT_PRIMARY_COLOR\n}: UploadSupportBundleModalProps) => {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n  const [isUploading, setIsUploading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // Reset state when modal opens/closes\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedFile(null);\n      setIsUploading(false);\n      setError(null);\n    }\n  }, [isOpen]);\n\n  const handleFileChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    if (!file.name.endsWith(\".tgz\") && !file.name.endsWith(\".tar.gz\")) {\n      setError(\"Invalid file type. Please select a .tgz or .tar.gz file.\");\n      return;\n    }\n\n    setError(null);\n    setSelectedFile(file);\n  }, []);\n\n  const handleUpload = useCallback(async () => {\n    if (!selectedFile || !appId) return;\n\n    setError(null);\n    setIsUploading(true);\n\n    try {\n      // Create FormData to send to server action\n      const formData = new FormData();\n      formData.append(\"file\", selectedFile);\n      formData.append(\"appId\", appId);\n\n      // Upload via server action (streams to Enterprise Portal API)\n      const result = await uploadSupportBundle(formData);\n\n      if (!result.success) {\n        throw new Error(result.error ?? \"Failed to upload support bundle\");\n      }\n\n      // Success - notify parent and wait for polling to complete\n      await onUploadSuccess();\n      onClose();\n    } catch (err) {\n      console.error(\"Upload error:\", err);\n      setError(err instanceof Error ? err.message : \"Upload failed\");\n    } finally {\n      setIsUploading(false);\n    }\n  }, [selectedFile, appId, uploadSupportBundle, onUploadSuccess, onClose]);\n\n  const handleCancel = useCallback(() => {\n    // Note: Cannot abort server action once started\n    if (isUploading) {\n      setError(\"Upload cannot be cancelled once started\");\n      return;\n    }\n    onClose();\n  }, [isUploading, onClose]);\n\n  const handleBackdropClick = useCallback((e: React.MouseEvent) => {\n    if (e.target === e.currentTarget && !isUploading) {\n      onClose();\n    }\n  }, [isUploading, onClose]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      onClick={handleBackdropClick}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"upload-modal-title\"\n    >\n      <div className=\"w-full max-w-md rounded-2xl bg-white p-6 shadow-xl\">\n        <h2 id=\"upload-modal-title\" className=\"text-lg font-semibold text-gray-900\">\n          Upload Support Bundle\n        </h2>\n\n        <div className=\"mt-4\">\n          <label className=\"block text-sm font-medium text-gray-700\">\n            Select Support Bundle\n          </label>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".tgz,.tar.gz,application/gzip,application/x-gzip\"\n            onChange={handleFileChange}\n            disabled={isUploading}\n            className=\"mt-2 block w-full text-sm text-gray-500 file:mr-4 file:rounded-lg file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-medium file:text-gray-700 hover:file:bg-gray-200 disabled:opacity-50\"\n          />\n          {selectedFile && (\n            <div className=\"mt-3 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2 text-sm\">\n              <span className=\"truncate text-gray-700\">{selectedFile.name}</span>\n              <span className=\"ml-2 shrink-0 text-gray-500\">{formatBytes(selectedFile.size)}</span>\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <div className=\"mt-4 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700\">\n            {error}\n          </div>\n        )}\n\n        {isUploading && (\n          <div className=\"mt-6 mb-6 flex items-center justify-center gap-3\">\n            <div className=\"h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-transparent\" style={{ borderTopColor: primaryColor }} />\n            <span className=\"text-sm font-medium text-gray-700\">\n              Uploading support bundle...\n            </span>\n          </div>\n        )}\n\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-gray-600 transition hover:bg-gray-100\"\n          >\n            {isUploading ? \"Cancel Upload\" : \"Cancel\"}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleUpload}\n            disabled={!selectedFile || isUploading}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-white transition-opacity duration-200 hover:opacity-90 disabled:opacity-50\"\n            style={{ backgroundColor: primaryColor }}\n          >\n            {isUploading ? \"Uploading...\" : \"Upload\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nUploadSupportBundleModal.displayName = \"UploadSupportBundleModal\";\n"]}

package/dist/user-menu-dropdown.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface UserMenuDropdownProps {
+    displayLabel: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Reusable user menu dropdown component using HTML details element.
+ * Works with TopNavMenuClose for click-away behavior.
+ */
+declare function UserMenuDropdown({ displayLabel, children, className }: UserMenuDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface UserMenuItemProps {
+    href: string;
+    children: ReactNode;
+}
+/**
+ * Styled menu item for use within UserMenuDropdown.
+ * Provides consistent styling across all portal templates.
+ */
+declare function UserMenuItem({ href, children }: UserMenuItemProps): react_jsx_runtime.JSX.Element;
+
+export { UserMenuDropdown, type UserMenuDropdownProps, UserMenuItem, type UserMenuItemProps };

package/dist/user-menu-dropdown.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface UserMenuDropdownProps {
+    displayLabel: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Reusable user menu dropdown component using HTML details element.
+ * Works with TopNavMenuClose for click-away behavior.
+ */
+declare function UserMenuDropdown({ displayLabel, children, className }: UserMenuDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface UserMenuItemProps {
+    href: string;
+    children: ReactNode;
+}
+/**
+ * Styled menu item for use within UserMenuDropdown.
+ * Provides consistent styling across all portal templates.
+ */
+declare function UserMenuItem({ href, children }: UserMenuItemProps): react_jsx_runtime.JSX.Element;
+
+export { UserMenuDropdown, type UserMenuDropdownProps, UserMenuItem, type UserMenuItemProps };

package/dist/user-menu-dropdown.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var Link = require('next/link');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+function UserMenuDropdown({
+  displayLabel,
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: `group relative ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors list-none border border-transparent hover:border-gray-200", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4 text-gray-500 transition-transform group-open:rotate-180",
+          children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 mt-2 w-52 rounded-lg border border-gray-200 bg-white py-1.5 shadow-xl z-50", children })
+  ] });
+}
+function UserMenuItem({ href, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link__default.default,
+    {
+      href,
+      className: "block w-full px-4 py-2.5 text-sm text-gray-700 hover:bg-gray-50 transition-colors",
+      children
+    }
+  );
+}
+
+exports.UserMenuDropdown = UserMenuDropdown;
+exports.UserMenuItem = UserMenuItem;
+//# sourceMappingURL=user-menu-dropdown.js.map
+//# sourceMappingURL=user-menu-dropdown.js.map

package/dist/user-menu-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/user-menu-dropdown.tsx","../src/components/user-menu-item.tsx"],"names":["jsxs","jsx","User","Link"],"mappings":";;;;;;;;;;;;;;;AAaO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA0B;AACxB,EAAA,uBACEA,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAW,CAAA,eAAA,EAAkB,SAAS,CAAA,CAAA,EAC7C,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,SAAA,EAAA,EAAQ,WAAU,4LAAA,EACjB,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,gBAAA,EAAA,EAAK,WAAU,SAAA,EAAU,CAAA;AAAA,sBAC1BD,cAAA,CAAC,UAAM,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,sBACpBA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,4BAAA;AAAA,UACN,KAAA,EAAM,IAAA;AAAA,UACN,MAAA,EAAO,IAAA;AAAA,UACP,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAO,cAAA;AAAA,UACP,WAAA,EAAY,GAAA;AAAA,UACZ,aAAA,EAAc,OAAA;AAAA,UACd,cAAA,EAAe,OAAA;AAAA,UACf,SAAA,EAAU,kEAAA;AAAA,UAEV,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,MAAA,EAAO,gBAAA,EAAiB;AAAA;AAAA;AACpC,KAAA,EACF,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6FAAA,EACZ,QAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,QAAA,EAAS,EAAsB;AAClE,EAAA,uBACEA,cAAAA;AAAA,IAACE,qBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA,EAAU,mFAAA;AAAA,MAET;AAAA;AAAA,GACH;AAEJ","file":"user-menu-dropdown.js","sourcesContent":["import type { ReactNode } from \"react\";\nimport { User } from \"lucide-react\";\n\nexport interface UserMenuDropdownProps {\n  displayLabel: string;\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * Reusable user menu dropdown component using HTML details element.\n * Works with TopNavMenuClose for click-away behavior.\n */\nexport function UserMenuDropdown({ \n  displayLabel, \n  children, \n  className = \"\" \n}: UserMenuDropdownProps) {\n  return (\n    <details className={`group relative ${className}`}>\n      <summary className=\"flex cursor-pointer items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors list-none border border-transparent hover:border-gray-200\">\n        <User className=\"h-4 w-4\" />\n        <span>{displayLabel}</span>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\"\n        >\n          <polyline points=\"6 9 12 15 18 9\"></polyline>\n        </svg>\n      </summary>\n      <div className=\"absolute right-0 mt-2 w-52 rounded-lg border border-gray-200 bg-white py-1.5 shadow-xl z-50\">\n        {children}\n      </div>\n    </details>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport Link from \"next/link\";\n\nexport interface UserMenuItemProps {\n  href: string;\n  children: ReactNode;\n}\n\n/**\n * Styled menu item for use within UserMenuDropdown.\n * Provides consistent styling across all portal templates.\n */\nexport function UserMenuItem({ href, children }: UserMenuItemProps) {\n  return (\n    <Link\n      href={href}\n      className=\"block w-full px-4 py-2.5 text-sm text-gray-700 hover:bg-gray-50 transition-colors\"\n    >\n      {children}\n    </Link>\n  );\n}\n"]}

package/dist/user-settings.js

@@ -11,7 +11,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 
 // src/utils/constants.ts
-var DEFAULT_SECONDARY_COLOR = "#6366f1";
+var DEFAULT_PRIMARY_COLOR = "#4f46e5";
 var NOTIFICATION_DESCRIPTIONS = {
   "new-version": "New version available"
 };
@@ -128,7 +128,7 @@ var TeamsSection = ({
                   "svg",
                   {
                     className: "h-4 w-4",
-                    style: { color: primaryColor || DEFAULT_SECONDARY_COLOR },
+                    style: { color: primaryColor || DEFAULT_PRIMARY_COLOR },
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
@@ -152,7 +152,7 @@ var TeamsSection = ({
                 "svg",
                 {
                   className: "h-4 w-4",
-                  style: { color: primaryColor || DEFAULT_SECONDARY_COLOR },
+                  style: { color: primaryColor || DEFAULT_PRIMARY_COLOR },
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -218,8 +218,8 @@ var ProfileSection = ({
     setIsEditing(true);
   };
   const buttonStyle = {
-    backgroundColor: primaryColor || DEFAULT_SECONDARY_COLOR,
-    borderColor: primaryColor || DEFAULT_SECONDARY_COLOR
+    backgroundColor: primaryColor || DEFAULT_PRIMARY_COLOR,
+    borderColor: primaryColor || DEFAULT_PRIMARY_COLOR
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [

package/dist/user-settings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/constants.ts","../src/components/user-settings.tsx"],"names":["jsxs","jsx","useMemo","useState"],"mappings":"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","file":"user-settings.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UserSettingsUser {\n  emailAddress: string;\n  firstName?: string;\n  lastName?: string;\n}\n\nexport interface UserSettingsTeam {\n  id: string;\n  name: string;\n  appId: string;\n  appName: string;\n  appSlug: string;\n}\n\nexport interface UserSettingsCustomer {\n  id: string;\n  name: string;\n}\n\nexport interface UserSettingsNotification {\n  type: string;\n  enabled: boolean;\n}\n\nexport interface UserSettingsProps {\n  // User profile\n  user?: UserSettingsUser;\n  isUserLoading?: boolean;\n  userError?: Error | null;\n  \n  // Profile editing\n  isUpdating?: boolean;\n  updateError?: Error | null;\n  onUpdateUser?: (data: { firstName?: string; lastName?: string }) => Promise<void>;\n  \n  // Teams\n  teams?: UserSettingsTeam[];\n  currentCustomer?: UserSettingsCustomer;\n  isTeamsLoading?: boolean;\n  onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;\n  \n  // Notifications\n  notifications?: UserSettingsNotification[];\n  isNotificationsLoading?: boolean;\n  onToggleNotification?: (notificationType: string, enabled: boolean) => Promise<void>;\n  \n  // Optional branding\n  primaryColor?: string;\n}\n\n// =============================================================================\n// Notification descriptions\n// =============================================================================\n\nconst NOTIFICATION_DESCRIPTIONS: Record<string, string> = {\n  \"new-version\": \"New version available\",\n};\n\n// =============================================================================\n// Email Notifications Section\n// =============================================================================\n\ninterface EmailNotificationsSectionProps {\n  teamName: string;\n  notifications: UserSettingsNotification[];\n  isLoading: boolean;\n  onToggle?: (type: string, enabled: boolean) => Promise<void>;\n}\n\nconst EmailNotificationsSection = ({\n  teamName,\n  notifications,\n  isLoading,\n  onToggle,\n}: EmailNotificationsSectionProps) => {\n  // Merge API data with all notification types to ensure all options are always shown\n  const allNotificationTypes = Object.keys(NOTIFICATION_DESCRIPTIONS);\n  const mergedNotifications = allNotificationTypes.map((type) => {\n    const existing = notifications.find((n) => n.type === type);\n    return {\n      type,\n      enabled: existing ? existing.enabled : type === \"new-version\", // Default new-version to true\n    };\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-gray-900\">\n          Email Notifications for {teamName}\n        </h2>\n        <p className=\"mt-1 text-sm text-gray-500\">\n          Choose which email notifications you want to receive for this team.\n        </p>\n        <div className=\"mt-6 flex justify-center py-8\">\n          <p className=\"text-sm text-gray-500\">Loading notifications...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <h2 className=\"text-lg font-semibold text-gray-900\">\n        Email Notifications for {teamName}\n      </h2>\n      <p className=\"mt-1 text-sm text-gray-500\">\n        Choose which email notifications you want to receive for this team.\n      </p>\n\n      <div className=\"mt-6 overflow-hidden rounded-lg border border-gray-200\">\n        <div className=\"flex items-center justify-between bg-gray-50 px-4 py-2\">\n          <span className=\"text-xs font-medium uppercase text-gray-600\">\n            Description\n          </span>\n          <span className=\"text-xs font-medium uppercase text-gray-600\">\n            Enabled\n          </span>\n        </div>\n        {mergedNotifications.map((notification) => (\n          <div\n            key={notification.type}\n            className=\"flex items-center justify-between border-t border-gray-200 px-4 py-3\"\n          >\n            <span className=\"text-sm text-gray-900\">\n              {NOTIFICATION_DESCRIPTIONS[notification.type]}\n            </span>\n            <input\n              type=\"checkbox\"\n              checked={notification.enabled}\n              onChange={() => onToggle?.(notification.type, !notification.enabled)}\n              className=\"portal-checkbox\"\n            />\n          </div>\n        ))}\n      </div>\n      <p className=\"mt-3 text-xs text-gray-500\">\n        These notification preferences are specific to the {teamName} team.\n        Switch teams to manage notifications for other teams.\n      </p>\n    </div>\n  );\n};\n\n// =============================================================================\n// Teams Section\n// =============================================================================\n\ninterface TeamsSectionProps {\n  teams: UserSettingsTeam[];\n  currentCustomer?: UserSettingsCustomer;\n  isLoading: boolean;\n  onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;\n  primaryColor?: string;\n}\n\nconst TeamsSection = ({\n  teams,\n  currentCustomer,\n  isLoading,\n  onTeamSwitch,\n  primaryColor,\n}: TeamsSectionProps) => {\n  // Group teams by app\n  const groupedTeams = useMemo(() => {\n    const groups = new Map<string, { appName: string; teams: UserSettingsTeam[] }>();\n    \n    for (const team of teams) {\n      const existing = groups.get(team.appId);\n      if (existing) {\n        existing.teams.push(team);\n      } else {\n        groups.set(team.appId, {\n          appName: team.appName,\n          teams: [team],\n        });\n      }\n    }\n    \n    return groups;\n  }, [teams]);\n\n  if (isLoading) {\n    return (\n      <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-gray-900\">Teams</h2>\n        <p className=\"mt-1 text-sm text-gray-500\">\n          Teams associate your email address with any additional licenses your\n          account has access to.\n        </p>\n        <div className=\"mt-6\">\n          <p className=\"text-sm text-gray-500\">Loading teams...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <h2 className=\"text-lg font-semibold text-gray-900\">Teams</h2>\n      <p className=\"mt-1 text-sm text-gray-500\">\n        Teams associate your email address with any additional licenses your\n        account has access to.\n      </p>\n\n      <div className=\"mt-6 space-y-6\">\n        {Array.from(groupedTeams.values()).map((appGroup) => (\n          <div key={appGroup.appName} className=\"space-y-3\">\n            <h3 className=\"text-base font-medium text-gray-900\">\n              {appGroup.appName}\n            </h3>\n            <div className=\"space-y-2\">\n              {appGroup.teams.map((team) => {\n                const isCurrentTeam = currentCustomer?.id === team.id;\n                return (\n                  <button\n                    key={team.id}\n                    type=\"button\"\n                    onClick={() => !isCurrentTeam && onTeamSwitch?.(team)}\n                    disabled={isCurrentTeam}\n                    className={`flex w-full items-center justify-between rounded-lg border p-4 text-left transition ${\n                      isCurrentTeam\n                        ? \"cursor-default border-gray-300 bg-gray-50\"\n                        : \"cursor-pointer border-gray-200 hover:border-gray-400\"\n                    }`}\n                    style={\n                      !isCurrentTeam && primaryColor\n                        ? { \"--hover-border\": primaryColor } as React.CSSProperties\n                        : undefined\n                    }\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <svg\n                        className=\"h-4 w-4\"\n                        style={{ color: primaryColor || DEFAULT_SECONDARY_COLOR }}\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        strokeWidth={2}\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\n                        />\n                      </svg>\n                      <div>\n                        <p className=\"text-sm font-medium text-gray-900\">\n                          {team.name}\n                        </p>\n                        {isCurrentTeam && (\n                          <p className=\"text-xs text-gray-500\">Current Team</p>\n                        )}\n                      </div>\n                    </div>\n                    {!isCurrentTeam && (\n                      <svg\n                        className=\"h-4 w-4\"\n                        style={{ color: primaryColor || DEFAULT_SECONDARY_COLOR }}\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        strokeWidth={2}\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M9 5l7 7-7 7\"\n                        />\n                      </svg>\n                    )}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\n// =============================================================================\n// Profile Section\n// =============================================================================\n\ninterface ProfileSectionProps {\n  user?: UserSettingsUser;\n  isLoading: boolean;\n  isUpdating: boolean;\n  error?: Error | null;\n  updateError?: Error | null;\n  onSave?: (data: { firstName?: string; lastName?: string }) => Promise<void>;\n  primaryColor?: string;\n}\n\nconst ProfileSection = ({\n  user,\n  isLoading,\n  isUpdating,\n  error,\n  updateError,\n  onSave,\n  primaryColor,\n}: ProfileSectionProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [firstName, setFirstName] = useState(user?.firstName || \"\");\n  const [lastName, setLastName] = useState(user?.lastName || \"\");\n  const [inputError, setInputError] = useState<string | null>(null);\n\n  // Reset form when user changes\n  const resetForm = () => {\n    setFirstName(user?.firstName || \"\");\n    setLastName(user?.lastName || \"\");\n    setInputError(null);\n  };\n\n  const handleSave = async () => {\n    if (!firstName && !lastName) {\n      setInputError(\"Please enter a first name or last name\");\n      return;\n    }\n\n    if (firstName === user?.firstName && lastName === user?.lastName) {\n      setIsEditing(false);\n      return;\n    }\n\n    try {\n      await onSave?.({ firstName, lastName });\n      setIsEditing(false);\n    } catch (err) {\n      console.error(\"Error updating user information:\", err);\n    }\n  };\n\n  const handleCancel = () => {\n    setIsEditing(false);\n    resetForm();\n  };\n\n  const handleEdit = () => {\n    resetForm();\n    setIsEditing(true);\n  };\n\n  const buttonStyle = {\n    backgroundColor: primaryColor || DEFAULT_SECONDARY_COLOR,\n    borderColor: primaryColor || DEFAULT_SECONDARY_COLOR\n  };\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h2 className=\"text-lg font-semibold text-gray-900\">\n            Profile Information\n          </h2>\n          <p className=\"mt-1 text-sm text-gray-500\">Your account information.</p>\n          {(error || updateError) && (\n            <p className=\"mt-2 text-sm text-red-600\">\n              {error?.message || updateError?.message || \"Failed to update profile\"}\n            </p>\n          )}\n          {inputError && (\n            <p className=\"mt-2 text-sm text-red-600\">{inputError}</p>\n          )}\n        </div>\n        {isEditing ? (\n          <div className=\"flex gap-2\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isUpdating}\n              className=\"inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 shadow-sm transition hover:bg-gray-50 disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isUpdating}\n              style={buttonStyle}\n              className=\"inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm transition-opacity duration-200 hover:opacity-90 disabled:opacity-50 min-w-[70px]\"\n            >\n              {isUpdating ? \"Saving...\" : \"Save\"}\n            </button>\n          </div>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={handleEdit}\n            style={buttonStyle}\n            className=\"inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm transition-opacity duration-200 hover:opacity-90 min-w-[70px]\"\n          >\n            Edit\n          </button>\n        )}\n      </div>\n\n      <div className=\"mt-6 flex gap-8\">\n        {isEditing ? (\n          <div className=\"flex gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-gray-600\">\n                First Name\n              </label>\n              <input\n                type=\"text\"\n                value={firstName}\n                onChange={(e) => {\n                  setInputError(null);\n                  setFirstName(e.target.value);\n                }}\n                disabled={isUpdating}\n                placeholder=\"First Name\"\n                className=\"portal-input mt-1 block w-48\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-gray-600\">\n                Last Name\n              </label>\n              <input\n                type=\"text\"\n                value={lastName}\n                onChange={(e) => {\n                  setInputError(null);\n                  setLastName(e.target.value);\n                }}\n                disabled={isUpdating}\n                placeholder=\"Last Name\"\n                className=\"portal-input mt-1 block w-48\"\n              />\n            </div>\n          </div>\n        ) : (\n          <div className=\"flex-1\">\n            <label className=\"block text-sm font-medium text-gray-600\">\n              Full Name (optional)\n            </label>\n            <p className=\"mt-1 text-sm text-gray-900\">\n              {user?.firstName || user?.lastName\n                ? `${user.firstName || \"\"} ${user.lastName || \"\"}`.trim()\n                : \"—\"}\n            </p>\n          </div>\n        )}\n        <div className=\"flex-1\">\n          <label className=\"block text-sm font-medium text-gray-600\">Email</label>\n          <p className=\"mt-1 text-sm text-gray-500\">\n            {isLoading ? \"Loading...\" : user?.emailAddress || \"\"}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// =============================================================================\n// Main Component\n// =============================================================================\n\nexport const UserSettings = ({\n  user,\n  isUserLoading = false,\n  userError,\n  isUpdating = false,\n  updateError,\n  onUpdateUser,\n  teams = [],\n  currentCustomer,\n  isTeamsLoading = false,\n  onTeamSwitch,\n  notifications = [],\n  isNotificationsLoading = false,\n  onToggleNotification,\n  primaryColor,\n}: UserSettingsProps) => {\n  if (userError) {\n    return (\n      <div className=\"p-8\">\n        <div className=\"text-red-600\">\n          Failed to load user settings. {userError?.message} Please try again later.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full space-y-6\">\n      <header>\n        <h1 className=\"text-2xl font-semibold text-gray-900\">User Settings</h1>\n      </header>\n\n      <div className=\"space-y-6\">\n        <ProfileSection\n          user={user}\n          isLoading={isUserLoading}\n          isUpdating={isUpdating}\n          error={userError}\n          updateError={updateError}\n          onSave={onUpdateUser}\n          primaryColor={primaryColor}\n        />\n\n        <TeamsSection\n          teams={teams}\n          currentCustomer={currentCustomer}\n          isLoading={isTeamsLoading}\n          onTeamSwitch={onTeamSwitch}\n          primaryColor={primaryColor}\n        />\n\n        {currentCustomer && (\n          <EmailNotificationsSection\n            teamName={currentCustomer.name}\n            notifications={notifications}\n            isLoading={isNotificationsLoading}\n            onToggle={onToggleNotification}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nUserSettings.displayName = \"UserSettings\";\n"]}
+{"version":3,"sources":["../src/utils/constants.ts","../src/components/user-settings.tsx"],"names":["jsxs","jsx","useMemo","useState"],"mappings":"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","file":"user-settings.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { DEFAULT_PRIMARY_COLOR } from \"../utils/constants\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UserSettingsUser {\n  emailAddress: string;\n  firstName?: string;\n  lastName?: string;\n}\n\nexport interface UserSettingsTeam {\n  id: string;\n  name: string;\n  appId: string;\n  appName: string;\n  appSlug: string;\n}\n\nexport interface UserSettingsCustomer {\n  id: string;\n  name: string;\n}\n\nexport interface UserSettingsNotification {\n  type: string;\n  enabled: boolean;\n}\n\nexport interface UserSettingsProps {\n  // User profile\n  user?: UserSettingsUser;\n  isUserLoading?: boolean;\n  userError?: Error | null;\n  \n  // Profile editing\n  isUpdating?: boolean;\n  updateError?: Error | null;\n  onUpdateUser?: (data: { firstName?: string; lastName?: string }) => Promise<void>;\n  \n  // Teams\n  teams?: UserSettingsTeam[];\n  currentCustomer?: UserSettingsCustomer;\n  isTeamsLoading?: boolean;\n  onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;\n  \n  // Notifications\n  notifications?: UserSettingsNotification[];\n  isNotificationsLoading?: boolean;\n  onToggleNotification?: (notificationType: string, enabled: boolean) => Promise<void>;\n  \n  // Optional branding\n  primaryColor?: string;\n}\n\n// =============================================================================\n// Notification descriptions\n// =============================================================================\n\nconst NOTIFICATION_DESCRIPTIONS: Record<string, string> = {\n  \"new-version\": \"New version available\",\n};\n\n// =============================================================================\n// Email Notifications Section\n// =============================================================================\n\ninterface EmailNotificationsSectionProps {\n  teamName: string;\n  notifications: UserSettingsNotification[];\n  isLoading: boolean;\n  onToggle?: (type: string, enabled: boolean) => Promise<void>;\n}\n\nconst EmailNotificationsSection = ({\n  teamName,\n  notifications,\n  isLoading,\n  onToggle,\n}: EmailNotificationsSectionProps) => {\n  // Merge API data with all notification types to ensure all options are always shown\n  const allNotificationTypes = Object.keys(NOTIFICATION_DESCRIPTIONS);\n  const mergedNotifications = allNotificationTypes.map((type) => {\n    const existing = notifications.find((n) => n.type === type);\n    return {\n      type,\n      enabled: existing ? existing.enabled : type === \"new-version\", // Default new-version to true\n    };\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-gray-900\">\n          Email Notifications for {teamName}\n        </h2>\n        <p className=\"mt-1 text-sm text-gray-500\">\n          Choose which email notifications you want to receive for this team.\n        </p>\n        <div className=\"mt-6 flex justify-center py-8\">\n          <p className=\"text-sm text-gray-500\">Loading notifications...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <h2 className=\"text-lg font-semibold text-gray-900\">\n        Email Notifications for {teamName}\n      </h2>\n      <p className=\"mt-1 text-sm text-gray-500\">\n        Choose which email notifications you want to receive for this team.\n      </p>\n\n      <div className=\"mt-6 overflow-hidden rounded-lg border border-gray-200\">\n        <div className=\"flex items-center justify-between bg-gray-50 px-4 py-2\">\n          <span className=\"text-xs font-medium uppercase text-gray-600\">\n            Description\n          </span>\n          <span className=\"text-xs font-medium uppercase text-gray-600\">\n            Enabled\n          </span>\n        </div>\n        {mergedNotifications.map((notification) => (\n          <div\n            key={notification.type}\n            className=\"flex items-center justify-between border-t border-gray-200 px-4 py-3\"\n          >\n            <span className=\"text-sm text-gray-900\">\n              {NOTIFICATION_DESCRIPTIONS[notification.type]}\n            </span>\n            <input\n              type=\"checkbox\"\n              checked={notification.enabled}\n              onChange={() => onToggle?.(notification.type, !notification.enabled)}\n              className=\"portal-checkbox\"\n            />\n          </div>\n        ))}\n      </div>\n      <p className=\"mt-3 text-xs text-gray-500\">\n        These notification preferences are specific to the {teamName} team.\n        Switch teams to manage notifications for other teams.\n      </p>\n    </div>\n  );\n};\n\n// =============================================================================\n// Teams Section\n// =============================================================================\n\ninterface TeamsSectionProps {\n  teams: UserSettingsTeam[];\n  currentCustomer?: UserSettingsCustomer;\n  isLoading: boolean;\n  onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;\n  primaryColor?: string;\n}\n\nconst TeamsSection = ({\n  teams,\n  currentCustomer,\n  isLoading,\n  onTeamSwitch,\n  primaryColor,\n}: TeamsSectionProps) => {\n  // Group teams by app\n  const groupedTeams = useMemo(() => {\n    const groups = new Map<string, { appName: string; teams: UserSettingsTeam[] }>();\n    \n    for (const team of teams) {\n      const existing = groups.get(team.appId);\n      if (existing) {\n        existing.teams.push(team);\n      } else {\n        groups.set(team.appId, {\n          appName: team.appName,\n          teams: [team],\n        });\n      }\n    }\n    \n    return groups;\n  }, [teams]);\n\n  if (isLoading) {\n    return (\n      <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-gray-900\">Teams</h2>\n        <p className=\"mt-1 text-sm text-gray-500\">\n          Teams associate your email address with any additional licenses your\n          account has access to.\n        </p>\n        <div className=\"mt-6\">\n          <p className=\"text-sm text-gray-500\">Loading teams...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <h2 className=\"text-lg font-semibold text-gray-900\">Teams</h2>\n      <p className=\"mt-1 text-sm text-gray-500\">\n        Teams associate your email address with any additional licenses your\n        account has access to.\n      </p>\n\n      <div className=\"mt-6 space-y-6\">\n        {Array.from(groupedTeams.values()).map((appGroup) => (\n          <div key={appGroup.appName} className=\"space-y-3\">\n            <h3 className=\"text-base font-medium text-gray-900\">\n              {appGroup.appName}\n            </h3>\n            <div className=\"space-y-2\">\n              {appGroup.teams.map((team) => {\n                const isCurrentTeam = currentCustomer?.id === team.id;\n                return (\n                  <button\n                    key={team.id}\n                    type=\"button\"\n                    onClick={() => !isCurrentTeam && onTeamSwitch?.(team)}\n                    disabled={isCurrentTeam}\n                    className={`flex w-full items-center justify-between rounded-lg border p-4 text-left transition ${\n                      isCurrentTeam\n                        ? \"cursor-default border-gray-300 bg-gray-50\"\n                        : \"cursor-pointer border-gray-200 hover:border-gray-400\"\n                    }`}\n                    style={\n                      !isCurrentTeam && primaryColor\n                        ? { \"--hover-border\": primaryColor } as React.CSSProperties\n                        : undefined\n                    }\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <svg\n                        className=\"h-4 w-4\"\n                        style={{ color: primaryColor || DEFAULT_PRIMARY_COLOR }}\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        strokeWidth={2}\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\n                        />\n                      </svg>\n                      <div>\n                        <p className=\"text-sm font-medium text-gray-900\">\n                          {team.name}\n                        </p>\n                        {isCurrentTeam && (\n                          <p className=\"text-xs text-gray-500\">Current Team</p>\n                        )}\n                      </div>\n                    </div>\n                    {!isCurrentTeam && (\n                      <svg\n                        className=\"h-4 w-4\"\n                        style={{ color: primaryColor || DEFAULT_PRIMARY_COLOR }}\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        strokeWidth={2}\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M9 5l7 7-7 7\"\n                        />\n                      </svg>\n                    )}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\n// =============================================================================\n// Profile Section\n// =============================================================================\n\ninterface ProfileSectionProps {\n  user?: UserSettingsUser;\n  isLoading: boolean;\n  isUpdating: boolean;\n  error?: Error | null;\n  updateError?: Error | null;\n  onSave?: (data: { firstName?: string; lastName?: string }) => Promise<void>;\n  primaryColor?: string;\n}\n\nconst ProfileSection = ({\n  user,\n  isLoading,\n  isUpdating,\n  error,\n  updateError,\n  onSave,\n  primaryColor,\n}: ProfileSectionProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [firstName, setFirstName] = useState(user?.firstName || \"\");\n  const [lastName, setLastName] = useState(user?.lastName || \"\");\n  const [inputError, setInputError] = useState<string | null>(null);\n\n  // Reset form when user changes\n  const resetForm = () => {\n    setFirstName(user?.firstName || \"\");\n    setLastName(user?.lastName || \"\");\n    setInputError(null);\n  };\n\n  const handleSave = async () => {\n    if (!firstName && !lastName) {\n      setInputError(\"Please enter a first name or last name\");\n      return;\n    }\n\n    if (firstName === user?.firstName && lastName === user?.lastName) {\n      setIsEditing(false);\n      return;\n    }\n\n    try {\n      await onSave?.({ firstName, lastName });\n      setIsEditing(false);\n    } catch (err) {\n      console.error(\"Error updating user information:\", err);\n    }\n  };\n\n  const handleCancel = () => {\n    setIsEditing(false);\n    resetForm();\n  };\n\n  const handleEdit = () => {\n    resetForm();\n    setIsEditing(true);\n  };\n\n  const buttonStyle = {\n    backgroundColor: primaryColor || DEFAULT_PRIMARY_COLOR,\n    borderColor: primaryColor || DEFAULT_PRIMARY_COLOR\n  };\n\n  return (\n    <div className=\"rounded-2xl border border-gray-200 bg-white p-6 shadow-sm\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h2 className=\"text-lg font-semibold text-gray-900\">\n            Profile Information\n          </h2>\n          <p className=\"mt-1 text-sm text-gray-500\">Your account information.</p>\n          {(error || updateError) && (\n            <p className=\"mt-2 text-sm text-red-600\">\n              {error?.message || updateError?.message || \"Failed to update profile\"}\n            </p>\n          )}\n          {inputError && (\n            <p className=\"mt-2 text-sm text-red-600\">{inputError}</p>\n          )}\n        </div>\n        {isEditing ? (\n          <div className=\"flex gap-2\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isUpdating}\n              className=\"inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 shadow-sm transition hover:bg-gray-50 disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isUpdating}\n              style={buttonStyle}\n              className=\"inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm transition-opacity duration-200 hover:opacity-90 disabled:opacity-50 min-w-[70px]\"\n            >\n              {isUpdating ? \"Saving...\" : \"Save\"}\n            </button>\n          </div>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={handleEdit}\n            style={buttonStyle}\n            className=\"inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm transition-opacity duration-200 hover:opacity-90 min-w-[70px]\"\n          >\n            Edit\n          </button>\n        )}\n      </div>\n\n      <div className=\"mt-6 flex gap-8\">\n        {isEditing ? (\n          <div className=\"flex gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-gray-600\">\n                First Name\n              </label>\n              <input\n                type=\"text\"\n                value={firstName}\n                onChange={(e) => {\n                  setInputError(null);\n                  setFirstName(e.target.value);\n                }}\n                disabled={isUpdating}\n                placeholder=\"First Name\"\n                className=\"portal-input mt-1 block w-48\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-gray-600\">\n                Last Name\n              </label>\n              <input\n                type=\"text\"\n                value={lastName}\n                onChange={(e) => {\n                  setInputError(null);\n                  setLastName(e.target.value);\n                }}\n                disabled={isUpdating}\n                placeholder=\"Last Name\"\n                className=\"portal-input mt-1 block w-48\"\n              />\n            </div>\n          </div>\n        ) : (\n          <div className=\"flex-1\">\n            <label className=\"block text-sm font-medium text-gray-600\">\n              Full Name (optional)\n            </label>\n            <p className=\"mt-1 text-sm text-gray-900\">\n              {user?.firstName || user?.lastName\n                ? `${user.firstName || \"\"} ${user.lastName || \"\"}`.trim()\n                : \"—\"}\n            </p>\n          </div>\n        )}\n        <div className=\"flex-1\">\n          <label className=\"block text-sm font-medium text-gray-600\">Email</label>\n          <p className=\"mt-1 text-sm text-gray-500\">\n            {isLoading ? \"Loading...\" : user?.emailAddress || \"\"}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// =============================================================================\n// Main Component\n// =============================================================================\n\nexport const UserSettings = ({\n  user,\n  isUserLoading = false,\n  userError,\n  isUpdating = false,\n  updateError,\n  onUpdateUser,\n  teams = [],\n  currentCustomer,\n  isTeamsLoading = false,\n  onTeamSwitch,\n  notifications = [],\n  isNotificationsLoading = false,\n  onToggleNotification,\n  primaryColor,\n}: UserSettingsProps) => {\n  if (userError) {\n    return (\n      <div className=\"p-8\">\n        <div className=\"text-red-600\">\n          Failed to load user settings. {userError?.message} Please try again later.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full space-y-6\">\n      <header>\n        <h1 className=\"text-2xl font-semibold text-gray-900\">User Settings</h1>\n      </header>\n\n      <div className=\"space-y-6\">\n        <ProfileSection\n          user={user}\n          isLoading={isUserLoading}\n          isUpdating={isUpdating}\n          error={userError}\n          updateError={updateError}\n          onSave={onUpdateUser}\n          primaryColor={primaryColor}\n        />\n\n        <TeamsSection\n          teams={teams}\n          currentCustomer={currentCustomer}\n          isLoading={isTeamsLoading}\n          onTeamSwitch={onTeamSwitch}\n          primaryColor={primaryColor}\n        />\n\n        {currentCustomer && (\n          <EmailNotificationsSection\n            teamName={currentCustomer.name}\n            notifications={notifications}\n            isLoading={isNotificationsLoading}\n            onToggle={onToggleNotification}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nUserSettings.displayName = \"UserSettings\";\n"]}

package/dist/utils/index.d.mts

@@ -1,5 +1,5 @@
 export { d as decodeBranding, n as normalizeColor, s as sanitizeUrlForCss } from '../branding-BsMSywts.mjs';
-import { a1 as DownloadPortalRelease } from '../index-DyzJ0yKD.mjs';
+import { a1 as DownloadPortalRelease } from '../index-JX9-CIMA.mjs';
 import { ReleaseEntry } from '../release-history-panel.mjs';
 import '../fetch-license-iTyF7_GY.mjs';
 import '../actions/change-team.mjs';

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { d as decodeBranding, n as normalizeColor, s as sanitizeUrlForCss } from '../branding-BsMSywts.js';
-import { a1 as DownloadPortalRelease } from '../index-sMbq94M7.js';
+import { a1 as DownloadPortalRelease } from '../index-DXy7RxOX.js';
 import { ReleaseEntry } from '../release-history-panel.js';
 import '../fetch-license-iTyF7_GY.js';
 import '../actions/change-team.js';

package/dist/utils/index.js

@@ -226,6 +226,45 @@ var fetchCustomBrandingImpl = async () => {
   };
 };
 react.cache(fetchCustomBrandingImpl);
+var fetchDocumentationImpl = async () => {
+  const { cookies } = await import('next/headers');
+  const sessionStore = await cookies();
+  const session = sessionStore.get("portal_session");
+  const token = session?.value;
+  if (!token) {
+    throw new Error("Authentication required");
+  }
+  const url = `${getApiOrigin()}/enterprise-portal/documentation`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching documentation via %s (Enterprise Portal API)",
+      url
+    );
+  }
+  const response = await authenticatedFetch(url, {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Documentation request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const data = await response.json();
+  return {
+    helmPreInstall: data.helmPreInstall || "",
+    helmPostInstall: data.helmPostInstall || "",
+    embeddedClusterPreInstall: data.embeddedClusterPreInstall || "",
+    embeddedClusterPostInstall: data.embeddedClusterPostInstall || "",
+    helmInstallUrl: data.helmInstallUrl || "",
+    embeddedClusterInstallUrl: data.embeddedClusterInstallUrl || "",
+    valuesOverrideUrl: data.valuesOverrideUrl || ""
+  };
+};
+react.cache(fetchDocumentationImpl);
 
 // src/utils/session.ts
 async function validateSession(token) {